body { margin:0; padding:0; font:13px Arial, Helvetica, sans-serif; background-color:#00434d; height:100%; color:#7fdcfe; line-height: 20px;}

.border { border:#FFFFFF solid 1px;}
.error { border:solid 1px #f00 !important;}

.fix { width:900px; position:relative; margin:0 auto; }
.portfolio .c .fix { width:1043px; position:relative; margin:0 auto; }
.c .fix {z-index:0;}
.h .fix {z-index:1;}

.index_page .top_bg { background:url(images/top_bg.jpg) repeat-x left top; min-width:900px; }
.bottom_bg { background:url(images/bottom_bg.jpg) repeat-x left bottom;}
.secondary_page .bottom_bg2 { background:url(images/bottom_secondary.jpg) no-repeat center bottom;}
.contact .bottom_bg2 { background:url(images/0.gif) no-repeat center bottom;}
.portfolio .bottom_bg2 { background:url(images/portfolio_b.jpg) no-repeat center bottom;}
.secondary_page .top_bg { background:url(images/top_bg2.jpg) repeat-x left top; min-width:900px; }
.portfolio .top_bg { min-width:1103px; }
.secondary_page .fix{ padding:45px 0 0 0; }


/* HEADER */
.index_page .h { height:485px; background:url(images/head_index.jpg) no-repeat center top;}
.index_page .logo {	position:absolute;	left:-3px;	top:8px;	border:none;}
.index_page .map {position:absolute;left:219px;top:168px;border:none;}

.secondary_page .h { height:334px; background:url(images/head.jpg) no-repeat center top;}
.secondary_page .logo {	position:absolute;	left:-2px;	top:6px;	border:none;}
.secondary_page .map {position:absolute;left:214px;top:88px;border:none;}

.top_menu { margin:0; padding:0; }
.index_page .menu1 {padding:10px 0 0 0;	position:absolute; left:-4px; top:433px; width:119px; height:52px; text-align:center;}
.index_page .menu2 {padding:10px 0 0 0;	position:absolute; z-index:10; left:177px; top:433px; width:119px; text-align:center; }
 #menu2_pod {margin:20px 0 0 8px;padding-top:21px;width:153px;height:95px;text-align:left;background:url(images/menu02.gif) no-repeat left top;display:none;}
 #menu2_pod  a{ display:block; font:13px Arial, Helvetica, sans-serif;  color:#7fdcfe; padding:8px 0 8px 14px; margin-top:-1px; cursor:pointer;}
 #menu2_pod  a:hover{ color:#fff; background-color:#008b98; text-decoration:none;  }

.index_page .menu3 {padding:10px 0 0 0;	position:absolute; left:409px; top:433px; width:119px; height:52px;	text-align:center;}
.index_page .menu4 {padding:10px 0 0 0;	position:absolute; left:587px; top:433px; width:119px; height:52px;	text-align:center;}
.index_page .menu5 {padding:10px 0 0 0;	position:absolute; left:811px; top:433px; width:119px; height:52px;	text-align:center;}

.secondary_page .menu1 {padding:10px 0 0 0;	position:absolute; left:-4px; top:283px; width:119px; height:52px; text-align:center;}
.secondary_page .menu2 {padding:10px 0 0 0;	position:absolute; left:177px; top:283px; width:119px; height:52px; text-align:center;}
.secondary_page .menu3 {padding:10px 0 0 0;	position:absolute; left:409px; top:283px; width:119px; height:52px;	text-align:center;}
.secondary_page .menu4 {padding:10px 0 0 0;	position:absolute; left:587px; top:283px; width:119px; height:52px;	text-align:center;}
.secondary_page .menu5 {padding:10px 0 0 0;	position:absolute; left:811px; top:283px; width:119px; height:52px;	text-align:center;}

.current {background:url(images/menu_current.gif) no-repeat center top; }
.top_menu a {font:17px "Times New Roman", Times, serif; text-decoration:none; color:#ffe877;}
.top_menu a:hover {color:#FFF; text-decoration:underline;}
.current a { color:#FFF; cursor:default;}
.current a:hover { text-decoration:none; color:#FFF;}

/* CONTENT */

.index_page .c { height:1036px; background:url(images/c_index.jpg) no-repeat center top;}
.index_page .c .fix { height:1036px;}
.secondary_page .c { background:url(images/c_secondary.jpg) no-repeat center top;}
.secondary_page .c .fix { min-height:987px;}

.portfolio .c { background:url(images/portfolio_01.jpg) no-repeat center top;}
.contact .c .fix { height:778px; min-height:778px;}
.contact .c { background:url(images/c_contact.jpg) no-repeat center top;}

.index_page .title6 { font:30px "Times New Roman", Times, serif; color:#ffe877; padding:0 0 35px 70px; margin:0;}
.index_page .title5 { font:30px "Times New Roman", Times, serif; color:#ffe877; padding:0 0 35px 0; margin:0;}

h5, h1, h6, .secondary_page .title6 { font:30px "Times New Roman", Times, serif; color:#ffe877; padding:0 0 40px 140px; margin:0;}
h6 { padding-left:70px;}
h5 { padding-left:0;}


.secondary_page .title6 { padding-left:140px; display:block;}
.secondary_page h5, .secondary_page h1 { padding:15px 0; color:#FFFFFF;}
.secondary_page h2{ font:20px "Times New Roman", Times, serif; padding:15px 0 7px 0; color:#FFFFFF; margin:0;}

.secondary_page .c .fix span { font:17px "Times New Roman", Times, serif; color:#FFFFFF;}

.block_l{ float:left; width:516px; padding-top:50px; padding-right:20px;}
.block_r{ float:left; width:364px; padding-top:50px;}
.contact .block_l{ width:490px; padding-top:0; line-height: 25px;}
.contact .block_r{ width:390px; padding-top:90px;}

.contact .c .fix .block_l span{font:19px "Times New Roman", Times, serif; color:#FFFFFF; display:block; padding-top:20px;}
.contact .c .fix .block_r span{font:19px "Times New Roman", Times, serif; color:#ffe877; display:block; padding-top:0;}
.contact .c .fix .block_r em{ color:#ffe877;}
.contact .c .fix .block_l p{padding:15px 0 28px 0; margin:0;}

.contact .c .fix .block_l .phone {font:21px "Times New Roman", Times, serif;color:#FFFFFF; padding-top:18px; padding-bottom:28px;}
.contact .c .fix .block_l .phone span{ color:#7fdcfe; display:inline;}
.contact .c .fix .block_l .map{	position:absolute;	top:410px;	left:-28px;}


form{ padding:0; margin:0;}
input, textarea{ width:390px; margin-bottom:10px;}

.block_r ul	{ padding:0; margin:0;}
.block_r li { width:164px; padding:0 0 18px 18px; margin:0; float:left; list-style:none; background:url(images/li.gif) no-repeat left top;}
.block_r li a {font:13px Arial, Helvetica, sans-serif; text-decoration:underline; color:#ffe877;}
.block_r li a:hover {color:#7fdcfe; text-decoration:underline;}
.block_l .white_text{font:19px "Times New Roman", Times, serif; text-decoration:none; color:#FFF;}

.more_info{padding:0 20px 0 0; margin:0; float:right; background:url(images/more_info.gif) no-repeat right top; margin-right:70px;} 
.more_info a {font:13px Arial, Helvetica, sans-serif; text-decoration:underline; color:#ffe877;}
.more_info a:hover {color:#7fdcfe; text-decoration:underline; }

.order{	position:absolute;top:411px;left:660px;}
.order a {font:20px "Times New Roman", Times, serif; text-decoration:underline; color:#ffe877;}
.order a:hover {color:#7fdcfe; text-decoration:underline; }

.works_h{position:absolute;	top:422px; left:149px; width:300px; font:30px "Times New Roman", Times, serif; color:#ffe877; padding:0; margin:0;}
.works{	position:absolute; top:506px; left:30px;}


.works ul { margin:0; padding:0; width:870px;}

.works ul li { margin:0; list-style:none; width:33%; float:left;}
.works p { font-size:13px; margin:0; padding:5px 15px 0 0; color:#FFFFFF;}
.works a {font:17px "Times New Roman", Times, serif; text-decoration:underline; color:#7fdcfe;}
.works a:hover {color:#ffe877; text-decoration:underline;}
.works img { border:#FFF 3px solid; margin-bottom:12px;}

.bottom_text{position:absolute;top:733px;left:0px;}
.bottom_text .block_l span {font:12px Arial, Helvetica, sans-serif;background:url(images/data.gif) no-repeat left top; font-weight:bold; padding:2px 0 0 10px; display:block; color:#00434d; width:77px; height:20px;} 
.bottom_text .block_l p{ margin:0; padding:5px 40px 25px 0;}
.bottom_text .block_l a {font:13px Arial, Helvetica, sans-serif; text-decoration:underline; color:#7fdcfe; line-height: 20px;}
.bottom_text .block_l a:hover {color:#ffe877; text-decoration:underline; }
.bottom_text .block_r {font:13px Arial, Helvetica, sans-serif;color:#fff;  line-height: 20px;}
.bottom_text .block_r p{ margin:0; padding:20px 40px 10px 0; font:21px "Times New Roman", Times, serif;}
.bottom_text .block_r span{ color:#7fdcfe;}
.bottom_text .block_r .more_info{ float:none;}


.back_link{	position:absolute;top:55px;left:710px; width:190px;}
.back_link a {font:13px Arial, Helvetica, sans-serif; text-decoration:underline; color:#ffe877; padding-right:20px; background:url(images/back_link.gif) no-repeat right  center;}
.back_link a:hover {color:#7fdcfe; text-decoration:underline;}
.contact .back_link{top:52px;}

.secondary_page .c a, .index_page .block_l a{font: Arial, Helvetica, sans-serif; text-decoration:underline; color:#ffe877;}
.secondary_page .c a:hover, .index_page .block_l a:hover {color:#7fdcfe; text-decoration:underline;}

.portfolio .portfolio_top{ height:233px; width:900px; position:relative; margin:0 auto;}
.portfolio .back_link{top:10px;}
.portfolio_second {left:660px; width:300px;}
.portfolio_brend_back {left:670px; width:260px;}

.portfolio .block1{width:941px; height:289px; background:url(images/portfolio_02.jpg) no-repeat left top; padding:70px 0 0 102px;}
.portfolio .block2{width:941px; height:289px; background:url(images/portfolio_03.jpg) no-repeat left top; padding:70px 0 0 102px;}
.portfolio .block3{width:941px; height:290px; background:url(images/portfolio_04.jpg) no-repeat left top; padding:70px 0 0 102px;}
.portfolio .block4{width:941px; height:291px; background:url(images/portfolio_05.jpg) no-repeat left top; padding:70px 0 0 102px;}


.portfolio .block1_b, .portfolio .block2_b, .portfolio .block3_b, .portfolio .block4_b{width:1043px;  background:url(images/portfolio_b_c.jpg) repeat-y left top; padding:0;}
.portfolio .block1_b_t{background:url(images/portfolio_b_t.jpg) no-repeat left top;}
.portfolio .block1_b_t2{background:url(images/portfolio_b_t2.jpg) no-repeat left top;}
.portfolio .block1_b_t3{background:url(images/portfolio_b_t3.jpg) no-repeat left top;}
.portfolio .block1_b_b{background:url(images/portfolio_b_b.jpg) no-repeat left bottom; padding:80px 0 50px 92px;}
.portfolio .block1_b_b_last{background:url(images/portfolio_b_b_last.jpg) no-repeat left bottom; padding:80px 0 50px 92px;}

.portfolio .block1, .portfolio .block2, .portfolio .block3, .portfolio .block4 { font:15px "Times New Roman", Times, serif; color:#ffe877;}
.portfolio .block1 a, .portfolio .block2 a, .portfolio .block3 a, .portfolio .block4 a, .portfolio .block2 strong, .portfolio .block3 strong, .portfolio .block4 strong { font:19px "Times New Roman", Times, serif; color:#ffe877; padding:0 0 20px 0; margin:0; font-weight:normal;}
.portfolio .c .block1 span, .portfolio .c .block2 span, .portfolio .c .block3 span, .portfolio .c .block4 span { font:13px Arial, Helvetica, sans-serif;color:#FFFFFF; padding:10px 0 0 0; margin:0; display:block; height:53px;}
.portfolio .block1 img, .portfolio .block2 img, .portfolio .block3 img, .portfolio .block4 img, .portfolio .block1_b img, .portfolio .block2_b img, .portfolio .block3_b img, .portfolio .block4_b img { border:#FFF 3px solid;}

.portfolio .block1 img.brend_img, .portfolio .block2 img.brend_img, .portfolio .block3 img.brend_img, .portfolio .block4 img.brend_img { border:#CCC 3px solid;}

.brend_h5{font:19px "Times New Roman", Times, serif; color:#ffe877; padding:0; margin:0}

.portfolio .c .block1_b span, .portfolio .c .block2_b span, .portfolio .c .block3_b span, .portfolio .c .block4_b span { font:13px Arial, Helvetica, sans-serif;color:#FFFFFF; padding:10px 0 0 0; margin:0; display:block; height:53px;}

.portfolio .next_link {	position:absolute;top:-9px;left:313px;width:231px;height:56px;background:url(images/portfolio_next.jpg) no-repeat left  top;padding-left:30px;}
.portfolio .next_link a, .portfolio .next_link a.end { display:block; width:85px;  font:12px Arial, Helvetica, sans-serif; text-decoration:underline; color:#ffe877; padding:11px 0 0 0; float:left; text-align:center;  }
.portfolio .next_link a:hover {color:#7fdcfe; text-decoration:underline;}
.portfolio .next_link a.end { color:#0192a0; text-decoration:none;}
.portfolio .next_link a.end:hover { color:#0192a0; text-decoration:none;}

.secondary_page .c ul	{ padding:5px 5px 5px 10px; margin:0;}
.secondary_page .c ul li { padding:5px 0 5px 18px; margin:0;  list-style:none; background:url(images/li.gif) no-repeat 0 8px;}
/*.secondary_page .c ul li a {font:13px Arial, Helvetica, sans-serif; text-decoration:underline; color:#7fdcfe;}
.secondary_page .c ul li a:hover {color:#ffe877; text-decoration:underline;}*/
.secondary_page .data {font:12px Arial, Helvetica, sans-serif; background:url(images/data.gif) no-repeat left top; font-weight:bold; padding:2px 0 0 10px; display:block; color:#00434d; width:77px; height:20px; margin:24px 0 -10px 0;} 

.portfolio .c ul{ padding:0; margin:0;}
.portfolio .c ul li { padding:0; margin:0;  list-style:none; background:none; float:left; width:290px;}

.contact .send_button{ position:absolute; top:772px; left:615px; padding:0 20px 0 0; margin:0; float:right; background:url(images/more_info.gif) no-repeat right center;}
.contact .send_button a {font:20px "Times New Roman", Times, serif; text-decoration:underline; color:#ffe877;}
.contact .send_button a:hover {color:#7fdcfe; text-decoration:underline; }


/* FOOTER */
.index_page .f, .contact .f{height:202px; background:url(images/bottom.jpg) no-repeat center bottom;}
.copyright {color:#7fdcfe; position:absolute; top:120px; left:30px; width:300px;}
.secondary_page .f {height:202px;}
.portfolio .f {height:220px;}
.secondary_page .f .phone {position:absolute;top:62px;left:606px;font:16px Arial, Helvetica, sans-serif;color:#FFFFFF;}
.secondary_page .f .phone span{ font-size:12px; color:#7fdcfe;}
