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

body {/* background:url(images/bg.jpg) top center no-repeat fixed;*/ font-family: 'Lucida Sans Unicode', Arial, sans-serif; font-size:62.5%; color:#3b3b3b;}

img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}


div, img, li, a, h1{ behavior: url(iepngfix.htc);}

img { border:0;}
p, ul, il, h1, h2, h3, h4, form { padding:0; margin:0; list-style:none; font-weight:normal;}
a		{ color:#d72367; text-decoration:none;}
a:hover { text-decoration:underline;}

.clearer { clear:both; height:1px; line-height:1px; font-size:1px; overflow:hidden;}

#page { width:945px; height:3000px; margin:0 auto; position:relative;}

#footer	{ color:#FFFFFF; font-size:1.2em; clear:both;}
#footer p	{ margin:80px 0;}

#menu { height:35px; position:absolute; margin:277px 0 0 491px; }
#menu ul { text-align:right; width:454px; }
#menu li { height:34px; text-align:left; float:left; }
#menu li a { display:block; height:34px; text-align:left; text-indent:-1000px; overflow:hidden; outline:none; }
#menu li.menu1 a:hover{ width:114px; background:url(images/menu1_roll.png) no-repeat; }
#menu li.menu2 a:hover{ width:147px; background:url(images/menu2_roll.png) no-repeat; }
#menu li.menu3 a:hover{ width:59px; background:url(images/menu3_roll.png) no-repeat; }
#menu li.menu4 a:hover{ width:66px; background:url(images/menu4_roll.png) no-repeat; }
#menu li.menu5 a:hover{ width:68px; background:url(images/menu5_roll.png) no-repeat; }
#menu li.menu1 a{ width:114px; background:url(images/menu1.png) no-repeat; }
#menu li.menu2 a{ width:147px; background:url(images/menu2.png) no-repeat; }
#menu li.menu3 a{ width:59px; background:url(images/menu3.png) no-repeat; }
#menu li.menu4 a{ width:66px; background:url(images/menu4.png) no-repeat; }
#menu li.menu5 a{ width:68px; background:url(images/menu5.png) no-repeat; }

#header { height:290px; padding:30px 0 100px 0;}
#header .logo { width:226px; padding:0 0 0 2px; font-size:1.4em; line-height:1.07em; font-family:helvetica; float:left;}
#header .logo p { padding:5px 0 0 15px; color:#FFFFFF;}
#header .contacts { float:right;}
#header .contacts h4 { font-size:1.8em; color:#fff;}
#header .contacts p { font-size:1.2em; line-height:1.667em; color:#fff; padding:10px 0 0 0;}
#header .contacts a { color:#FFFFFF;}
#header .contacts a:hover { text-decoration:none;}
#header .contacts p img { margin:0 10px 0 0; vertical-align:middle;}

.content_block { clear:both; padding-bottom:100px;}
.content_block h1 { height:44px; margin-bottom:10px; text-indent:-1000px; overflow:hidden;}
.content_block h1.title1 { background:url(images/title1.png) no-repeat top; width:265px;} 
.content_block h1.title2 { background:url(images/title2.png) no-repeat top; width:457px;} 
.content_block h1.title3 { background:url(images/title3.png) no-repeat top; width:147px;} 
.content_block h1.title4 { background:url(images/title4.png) no-repeat top; width:170px;} 
.content_block h1.title5 { background:url(images/title5.png) no-repeat top; width:165px;} 

.shadow 			{}
.shadow_top_left 	{ background:url(images/shadow_top.png) top right no-repeat; padding-right:2px;}
.shadow_top_right 	{ height:3px; background:url(images/shadow_top.png) bottom left no-repeat; line-height:1px; font-size:1px; }
.shadow_left 		{ background:url(images/shadow_bg.png) left repeat-y;}
.shadow_right		{ background:url(images/shadow_bg.png) right repeat-y; padding:0 2px;}
.shadow_bottom_right{ background:url(images/shadow_bottom.png) right bottom no-repeat; padding-right:4px;}
.shadow_bottom_left	{ height:3px; background:url(images/shadow_bottom.png) left top no-repeat; line-height:1px; font-size:1px;}
.shadow_bg			{ background:#fff; padding:18px 20px 20px 20px;}

.pink_title_left 	{ background:url(images/title_pink_left.png) bottom left no-repeat; padding-left:1px; position:absolute; margin:-10px 0 0 -11px;}
.pink_title			{ background:url(images/title_pink.png) bottom right no-repeat; padding:0 1px 2px 0;}
.pink_title_holder	{ background:url(images/title_pink_gradient.png) top repeat-x; font-size:1.8em; line-height:1.11em; color:#FFFFFF; padding:7px 10px 7px 7px;}

.list1 {}
.list1 li { background:url(images/list_bg_bot.png); float:left; clear:both; color:#ffffff; font-size:1.8em; padding:0 0 1px 0;}
.list1 li p { background:#86b0c2; padding:5px 10px; white-space:nowrap;}

.list2 {}
.list2 li { width:224px; overflow:hidden; margin:0 16px 20px 0; float:left;}
.list2 li.last { margin:0 0 20px 0;}
.list2 li p { height:4.8em;}

.partners {}
.partners p { line-height:1.5em; padding-top:7px; }
.partners p a { display:block; font-size:1.2em; padding:0 0 3px 0; }

.brands 			{}
.brands .shadow		{ margin:0 1px 0 0;}
.brands ul 			{}
.brands ul li 		{ float:left; padding-right:85px;}
.brands ul li.last 	{ float:right; padding-right:0;}
.brands1			{ display:block; width:190px; height:79px; background:url(images/brands1.png);}
.brands2			{ display:block; width:142px; height:79px; background:url(images/brands2.png);}
.brands3			{ display:block; width:147px; height:79px; background:url(images/logo_costee.png);}
.brands4			{ display:block; width:163px; height:79px; background:url(images/brands3.png);}
.brands1:hover		{ background:url(images/brands1_roll.png);}
.brands2:hover		{ background:url(images/brands2_roll.png);}
.brands3:hover		{ background:url(images/logo_costee_roll.png);}
.brands4:hover		{ background:url(images/brands3_roll.png);}

.projects 				{ padding-right:0px;}
.projects ul li 		{ width:224px !important; overflow:hidden; float:left; margin-right:16px;}
.projects ul li p 		{ padding-top:10px; font-size:1.2em; line-height:1.667em;}
.projects ul li.last 	{ margin-right:0 !important;}
.projects .shadow_bg	{ height:385px;}

.projects .pink .shadow_top_left 	{ background:url(images/shadow_top_pink.png) top right no-repeat;}		
.projects .pink .shadow_top_right 	{ background:url(images/shadow_top_pink.png) bottom left no-repeat;}
.projects .pink .shadow_bottom_right{ background:url(images/shadow_bottom_pink.png) right bottom no-repeat; }
.projects .pink .shadow_bottom_left	{ background:url(images/shadow_bottom_pink.png) left top no-repeat;}
.projects .pink .shadow_left 		{ background:url(images/shadow_bg_pink.png) left repeat-y;}
.projects .pink .shadow_right		{ background:url(images/shadow_bg_pink.png) right repeat-y;}
.projects .pink .shadow_bg			{ background:#d72367;}
.projects .pink p					{ color:#ffffff;}
.projects .pink a					{ color:#fff17e;}
.projects .pink	.pink_title_left 	{ background:url(images/title_grey_left.png) bottom left no-repeat;}
.projects .pink	.pink_title			{ background:url(images/title_grey_gradient.png) bottom right no-repeat;}
.projects .pink	.pink_title_holder	{ background:none; color:#d72367; position:relative;}
	

.contacts 			{ clear:right;}
.contacts .shadow	{ margin-bottom:16px;}
.contacts h3		{ font-size:1.8em; line-height:1.11em; padding:0 0 15px 0; position:relative;}
.contact_left 		{ float:left; width:704px;}
.contact_right		{ width:224px; overflow:hidden; float:right;}
.contact_right h2	{ color:#d72367; font-size:1.8em; padding-bottom:10px;}
.contact_right p	{ line-height:1.5em;}

.form .text_field 	{ width:320px; float:left;}
.form .text_field2 	{ width:320px; float:right;}
.form .text_field3	{ padding:0;}
.form .text_field3 label	{}
.form_text_field	{ height:60px;}
.form label			{ display:block; font-size:1.2em; padding:0 0 5px 0; margin:0;}
.form label .req	{ color:#d72367;}
.form input.text	{ border:1px solid #d1cfcf; width:318px; height:20px; font-family:Lucida Sans Unicode; font-size:1.3em;}
.form textarea		{ width:658px; border:1px solid #d1cfcf; font-family:Lucida Sans Unicode; font-size:1.3em; overflow:auto; }
.form .btns			{ height:35px; padding:20px 0 0 0; clear:both;}
.form .btns input	{ height:35px; padding-top:35px; overflow:hidden; float:right;}
.form .submit		{ width:78px;  background:url(images/btn_send.png) no-repeat; border:0; cursor:pointer;}
.form .reset		{ width:67px; float:right; height:35px; display:block; background:url(images/btn_reset.png) no-repeat; cursor:pointer;}

.form .submit_fr		{ width:78px;  background:url(images/btn_send_fr.png) no-repeat; border:0; cursor:pointer;}
.form .reset_fr		{ width:67px; float:right; height:35px; display:block; background:url(images/btn_reset_fr.png) no-repeat; cursor:pointer;}

.flags { float:right; padding-bottom:30px;}
.flags img { margin-left:10px;}