@charset "utf-8";
/* CSS Document */


#container 			{ position:absolute; width:1000px; top:20px; border:none; left: 50%; margin-left: -500px}
.top 				{ float:left; width:1000px; height:12px; background-image:url(images/top_bg.gif); overflow: hidden} 	/*thick line*/
.top2 				{ float:left; width:1000px; height:1px; background-image:url(images/top_bg.gif); overflow: hidden} 		/*thin line*/


.left 				{ float:left; width:600px; height:460px; background-color:#FFFFFF}						/*portfolio text*/
.leftabout			{ float:left; width:1000px; background-color:#FFFFFF}						
.leftyaki			{ float:left; width:1000px; background-color:#590000; text-align:center}						
.leftpan			{ float:left; width:1000px; background-color: #666; text-align:center}						
.leftkubus			{ float:left; width:1000px; background-color: #a7a8aa; text-align:center}						
.leftderibas 		{ float:left; width:1000px; background-color: #362720; text-align:center}						
.leftderibas2 		{ float:left; width:1000px; background-color: #000; text-align:center}						
.leftpopov 			{ float:left; width:1000px; background-color: #362720; text-align:center}						
.leftrost 			{ float:left; width:1000px; background-color: #606060; text-align:center}						
.leftarkpalace 		{ float:left; width:1000px; background-color: #765944; text-align:center}						
.leftquinting 		{ float:left; width:1000px; background-color: #000; text-align:center}						
.leftscarlettmodels { float:left; width:1000px; background-color: #000; text-align:center}						
.leftVW 			{ float:left; width:1000px; background-color: #57636a; text-align:center}						
.leftdiligence 		{ float:left; width:1000px; background-color: #57636a; text-align:center}						
.leftsegolo 		{ float:left; width:1000px; background-color: #c3c1c1; text-align:center}						
.leftatt	 		{ float:left; width:1000px; background-color: #e3e3e3; text-align:center}						
.leftklimat	 		{ float:left; width:1000px; background-color: #2b3789; text-align:center}						
.leftdiligence2		{ float:left; width:1000px; background-color: #57636a; text-align:center}						
.leftdiligence1		{ float:left; width:1000px; background-color: #003366; text-align:center}						
.leftavir2			{ float:left; width:1000px; background-color: #e1e1e9; text-align:center}						
.leftbss			{ float:left; width:1000px; background-color: #274372; text-align:center}						
.leftmagus			{ float:left; width:1000px; background-color: #d1cfc3; text-align:center}						
.leftih				{ float:left; width:1000px; background-color: #003466; text-align:center}						
.leftsatservice		{ float:left; width:1000px; background-color: #29337d; text-align:center}						
.leftgreen   		{ float:left; width:1000px; background-color: #556d0d; text-align:center}	
.leftbb   			{ float:left; width:1000px; background-color: #f8f6c2; text-align:center}	
.leftcher  			{ float:left; width:1000px; background-color: #b7a27c; text-align:center}	
.leftexpress		{ float:left; width:1000px; background-color: #adb1bd; text-align:center}	
.leftmanek			{ float:left; width:1000px; background-color: #000; text-align:center}	
.leftgt				{ float:left; width:1000px; background-color: #016370; text-align:center}	

.right 		{ float:left; width:400px; height:460px; margin:auto; text-align:center}				/*portfolio image*/
#menu 		{ float:left; width:1000px; height:47px; background-image:url(images/menu_bg_black.png)}
#bottom		{ float:left; width:1000px; height:90px; background-image:url(images/menu_bg_down.png); background-repeat:repeat-x}																
#empty		{ float:left; width:1000px; height:20px}


#razdel		{ float:left; width:1000px; height:70px; background-color: #FFFFFF}					/*title image*/
h1.title	{ font: italic 20px Geneva, Arial, Helvetica, sans-serif; color: #3f4f66; margin:180px 0 0 90px; line-height:70%; letter-spacing: 5px}

h2.title	{ font: italic 50px Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 113px 0 10px 50px; line-height:70%}
h2.titleabout { font: italic 50px Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 113px 0 10px 50px; line-height:70%}
			
#title 		{ float:left; width:1000px; height:375px; background-image:url(images/bg_portfolio.jpg)}					/*title image*/
#titleabout	{ float:left; width:1000px; height:375px; background-image:url(images/bg_portfolio.jpg)}					
#titleyaki	{ float:left; width:1000px; height:375px; background-image:url(works/yakitoriya/top.jpg); background-repeat:no-repeat}					
#titlepan	{ float:left; width:1000px; height:375px; background-image:url(works/pan-odessa/top.jpg); background-repeat:no-repeat}					
#titlekubus	{ float:left; width:1000px; height:375px; background-image:url(works/kubus-design/top.jpg); background-repeat:no-repeat}					
#titlederibas { float:left; width:1000px; height:375px; background-image:url(works/deribas/top.jpg); background-repeat:no-repeat}					
#titlepopov { float:left; width:1000px; height:375px; background-image:url(works/vyacheslav-popov/top.jpg); background-repeat:no-repeat}					
#titlerost { float:left; width:1000px; height:375px; background-image:url(images/bg_portfolio.jpg); background-repeat:no-repeat}					
p.menu		{ text-align:center; line-height:57px; position:relative;top:50%;margin-top:-29px}	  					/*menu text*/
img.rasp	{ vertical-align:middle}																				/*dotted line 

between menu items*/

/*Up menu*/
.lnk  { font: 19px Arial Narrow, Helvetica, sans-serif ; margin-right:9px; text-decoration:none; color: #FFFFFF }
.lnk:visited { color:#FFFFFF}
.lnk:hover   { color:#FF6600}
.lnk:active  { color:#FF6600}

/*Down menu*/
.lnkdown  { font: 16px Arial Narrow, Helvetica, sans-serif ; margin:0 9px 0 0 ; text-decoration:none; color: #999999 }
.lnkdown:visited { color:#999999}
.lnkdown:hover   { color:#FF6600}
.lnkdown:active  { color:#FF6600}
p.menubottom	 { text-align:center; line-height:57px; position:relative;top:50%;margin-top:-16px}	  					
.vcard			 { font: 16px Arial Narrow, Helvetica, sans-serif;text-align:center; line-height:57px; position:relative;top:50%;margin-top:-50px; color: #999999}	  					
h5.title		 { font: 26px Arial, Helvetica, sans-serif; text-align:center;  margin:20px 9px 0 0 ; text-decoration:none; color: #333366 }

/*links pages*/
.lnkpage  		 { font: 18px Arial Narrow, Helvetica, sans-serif ; margin:0 10px 0 10px ; text-decoration:none; color: #000000 }
.lnkpage:visited { color:#000000}
.lnkpage:hover   { color:#FF6600}
.lnkpage:active  { font: 24px bold Arial Narrow, Helvetica, sans-serif ;color:#FF6600}
.pages	 		 { font: 20px Arial, Helvetica, sans-serif; text-align:center; line-height:57px; position:relative;top:50%;margin:-30px}	  		

/* work_backgrounds*/
#c47 .right	{ background-color: #CCC}
#c46 .right	{ background-color: #CCC}
#c45 .right	{ background-color: #b7a27c}
#c44 .right	{ background-color: #c4e0ee}
#c43 .right	{ background-color: #f8f6c2}
#c42 .right	{ background-color: #f7f7f7}
#c41 .right	{ background-color: #f7f7f7}
#c40 .right	{ background-color: #546b10}
#c39 .right	{ background-color: #CCCCCC}
#c38 .right	{ background-color: #b1b1b1}
#c37 .right	{ background-color: #a7a8aa}
#c36 .right	{ background-color: #362720}
#c35 .right	{ background-color: #19223f}
#c34 .right	{ background-color: #5d5d5d}
#c33 .right	{ background-color: #630b02}
#c32 .right	{ background-color: #000}
#c31 .right	{ background-color: #000}
#c30 .right	{ background-color: #57636a}
#c29 .right	{ background-color: #c2e2ef}
#c28 .right	{ background-color: #c3c1c1}
#c27 .right	{ background-color: #e3e3e3}
#c26 .right	{ background-color: #2b3789}
#c25 .right	{ background-color: #003366}
#c24 .right	{ background-color: #e1e1e9}
#c23 .right	{ background-color: #274372}
#c22 .right	{ background-color: #d1cfc3}
#c21 .right	{ background-color: #003466}
#c20 .right	{ background-color: #414e54}
#c19 .right	{ background-color: #29337d}
#c18 .right	{ background-color: #4068ad}
#c17 .right	{ background-color: #babbbc}
#c16 .right	{ background-color: #90705f}
#c15 .right	{ background-color: #b5b7b4}
#c14 .right	{ background-color: #ecebeb}
#c13 .right	{ background-color: #eae1dc}
#c12 .right	{ background-color: #f4f2fd}
#c11 .right	{ background-color: #006194}
#c10 .right	{ background-color: #fff}
#c09 .right	{ background-color: #653366}
#c08 .right	{ background-color: #57598c}
#c07 .right	{ background-color: #6289a8}
#c06 .right	{ background-color: #fff}
#c05 .right	{ background-color: #fff}
#c04 .right	{ background-color: #4d4e7c}
#c03 .right	{ background-color: #39577d}
/* work_images*/


body		{margin:0 0; background-image:url(images/bg_lines.png)}
h3 			{font: 26px Arial Narrow, Helvetica, sans-serif; margin:25px 0 20px 25px; line-height:70%; color:#354255}
ul			{margin: 0px 85px 0; text-align:justify; font: 16px Arial, Helvetica, sans-serif;}
li			{font-family: Arial, Helvetica, sans-serif;}
p.margin	{margin: 10px 45px 0; text-align:justify; font-family:Arial, Helvetica, sans-serif;}
p.margin2	{margin: 10px 45px 0; text-align:right; font-family:Arial, Helvetica, sans-serif; font-style:italic}
p.link		{ margin: 20px 45px;
			text-align:right;
			font-family: Arial, Helvetica, sans-serif}