/* Copyright (c) 2006 by Grafica Studio | www.grafica.kz */

/* 				ROUNDED BLOCKS 								*/
/* 	WITH BORDER		*/
.t-l { background: url(../i/t_l.gif) no-repeat top left; }
.t-r { background: url(../i/t_r.gif) no-repeat top right; }
.b-r { background: url(../i/b_r.gif) no-repeat bottom right;}
.b-l { background: url(../i/b_l.gif) no-repeat bottom left; }

.thumbs_unit .b-r	{ height: 100px; width: 100px; }
/*	WITHOUT BORDER	*/
.nb-t-l { background: url(../i/t-l.gif) no-repeat top left; }
.nb-t-r { background: url(../i/t-r.gif) no-repeat top right; }
.nb-b-r { background: url(../i/b-r.gif) no-repeat bottom right; }
.nb-b-l { background: url(../i/b-l.gif) no-repeat bottom left; }
/*	BORDERS			*/
.top-b	{ background: url(../i/brdr.gif) repeat-x top; }
.bot-b	{ background: url(../i/brdr.gif) repeat-x bottom; }
.lft-b	{ background: url(../i/brdr.gif) repeat-y left; }
.rght-b	{ background: url(../i/brdr.gif) repeat-y right; }

.inside	{ padding: 0px; }
/*															*/

/*				DOCUMENT SECTIONS							*/
#head, #footer		{ 
			float: left; 
			width: 100%;
			clear: both; 
			}
			
	#logo		{ 
				float:left; 
				width: 116px; 
				position: relative;
				}
	#karrr      {
    	        position: absolute;
    	        left: 83px; top: -12px;
    	        }
				
#main_title 	{ 
				float:left;
				width:427px;
				padding-top:8px;
				padding-left:25px;
				}


#main_menu	{ 
			clear: left; 
			float: left; 
			margin-top: -.5em; 
			font-family: Arial, Helvetica, sans-serif;
			}
			
	/* blocks, that have left padding and same width */		
	#main_menu, #main, #thumbs, #content 	{ width: 90%; margin-left: 116px; } 
			
	*html #main_menu, *html #main,
	*html #thumbs, *html #content			{ margin-left:0; padding-left: 116px; width: 88%; }
	
	#content, #content_p		{ margin-top: 1em; }
	/* ----- */
	
	/* blocks, that have same delimiter space between self and upper block */
	#main, #thumbs 		{ margin-top: 1.8em; } 
		
		*html #thumbs 		{ margin-top: -2.5em;} 
						
	.main_menu_bg 		{ background: url(../i/brdr.gif); }
	
	.main_menu_inside	{ 
						height: 2em; 
						padding-left: 25px; 
						}
						
	.menu_item, #current_menu_item
						{ 
						padding: .5em 0 .2em 20px;
						background: url(../i/arrow.gif) no-repeat 3px .85em; 
						float: left; 
						width:20%; 
						padding-bottom: ".33em";
						margin-right: 3px;  
						}
						
			#current_menu_item	
						{ 
						background-color: #FFCC00; 
						background-image: none; 
						font-weight: bold; 
						color:#FFF; 
						}	
		
		.menu_item A	{ color:#FFF; }
				.menu_item A:hover	{ color: #CCC; } 
	
	
						
#main		{
			clear: both;
			float: left;
			}
			
	#main P  			{ 
						margin: 0; 
						margin-bottom: .5em;
						}
	
#thumbs		{ clear: both; float: left;}
			
	*html #thumbs		{ margin-top: 2em; }

	.thumbs_unit		{
						float: left; 
						width: 24%;
						padding-right: .5em;
						}
						
		.thumbs_bg { width: 100px; }
						
		.thumbs_unit P { margin-top: .3em; }
		
.delimeter		{
				width: 100%;
				float: left;
				clear: both;
				height: 1px;
				background: url(../i/brdr.gif) repeat-x;
				margin: .3em 0;
				margin-top: "2em";
				}		
		
#news UL { margin: 1.1em; padding: 0; }
	#news LI	{ padding-bottom: .7em; }
	
#news	{ float: left; width: 72%; padding-right: .5em; clear: both; }

#content P { line-height: 1.5; }

#footer	{ border-top: 1px solid #ccc; padding: .5em 0; margin: 2em 0; }
			
			
/* content columns													*/
.w2, .w25, .w33, .w5, .w75		{ float: left; padding-right: 2em; }
.block	{ float: left; clear: both; width: 100%; padding-top: 1em; }
.w2		{ width: 17%; width: "19%;" }
.w25	{ width: 21%; }
.w33	{ width: 29%; width: "33%"; }
.w5		{ width: 46%; }
.w75	{ width: 71%; }

.date 	{ display: block; color: #CCC; font: .7em Verdana, Arial, Helvetica, sans-serif; }

H2.portf 	{ padding-top: .5em; border-bottom: 1px solid #ccc; }

.inactive	{ color:#999; }

.portfolio_list	{ padding-left: 1em;}

.small, .back 	{ font-size: 0.8em;} 

.back 	{ margin-left: -1em; margin-top: 8em; }
	*html .back { margin-top: 0; }

H1.p { margin-top: 0;}

p.img	{ text-align: center; font-style:italic; margin: 2em 0; line-height:.8;}

#recommendations IMG	{ border: 1px solid #ddd; }

.laquo { margin-left: -27px; position: relative; z-index: 100; }