html, body{ height:100%; }

body{ font: 14px Georgia; color:#3f362c; background-color:#3f362c; text-align:center; }

a{ color:#3f362c; text-decoration:underline; }
a:hover, a.active{ color:#5d799a; }

#wrapper{ position:relative; width:900px; height:100%; margin:0 auto; text-align:left; }
#wrapper div{ position:absolute; }

#wrapper.index{ position:absolute; left:0; top:50%; width:100%; height:584px; margin-top:-292px; }
#wrapper.index .content-bgrnd{ left:0; top:48px; width:100%; height:505px; background:url(img/wrapper-bgrnd.gif) #c4bca5 center repeat; }
#wrapper.index .content-bgrnd .boat-pirce{ position:absolute; left:0; bottom:9px; width:50%; height:10px; background:url(img/index-boat-pirce-left-bgrnd.gif) left center repeat-x; }
#wrapper.index .content-bgrnd .border-top{ top:0; height:2px; width:100%; background:url(img/index-border-top.gif) left top repeat-x blue; font-size:0; }
#wrapper.index .content-bgrnd .border-bottom{ bottom:0; height:2px; width:100%; background:url(img/index-border-bottom.gif) left top repeat-x blue; font-size:0; }


#wrapper.index .main{ left:50%; top:48px; width:774px; height:505px; margin-left:-387px; background:url(img/wrapper-bgrnd.gif) #c4bca5 center repeat;  }
#wrapper.index .main .slogan{ left:0; top:48px; }
#wrapper.index .main .boat{ left:0; bottom:0; width:358px; height:455px; background:url(img/index-boat.gif) left bottom no-repeat; font-size:0;  }
#wrapper.index .main .boat-bottom{ left:-55px; bottom:-33px; /*bottom:0;*/ width:447px; height:33px; background:url(img/index-boat-bottom.gif) left top no-repeat; font-size:0; }

#wrapper.index .main .content{ right:0; top:48px; width:319px; }
#wrapper.index .main .content p{ margin-bottom:22px; }

#wrapper.index .main .content .contacts{ width:241px; height:73px; background:url(img/index-contacts-bgrnd.gif) left top no-repeat; }
#wrapper.index .main .content .contacts li{ display:block; height:36px; line-height:36px; margin-left:18px; padding-left:30px; }
#wrapper.index .main .content .contacts li.mail{ background:url(img/index-contacts-icon-mail.gif) left center no-repeat; }
#wrapper.index .main .content .contacts li.phone{ background:url(img/index-contacts-icon-phone.gif) left center no-repeat; }

#wrapper.index .header{ top:0; height:48px; background-color:#3f362c; background:#3f362c; }
#wrapper.index .header a.logo{ position:relative; left:39px; font-size:40px; color:#d5cec8; text-decoration:none }
#wrapper.index .header a.jobs{ position:absolute; right:81px; top:50%; width:103px; height:34px; margin-top:-17px; background:url(img/button-index-works.png) center left no-repeat; text-decoration:none; }
	
	
#wrapper.works .header{ top:0; width:100%; height:86px; }
#wrapper.works .header a.logo{ position:absolute; right:139px; top:28px; font-size:40px; color:#d5cec8; text-decoration:none; }
#wrapper.works .header a.index{ position:absolute; left:106px; top:38px; width:112px; height:34px; background:url(img/button-works-index.png) center left no-repeat; text-decoration:none; }

#wrapper.works .content{ position:absolute; top:86px; width:100%; }
#wrapper.works .content li{ float:left; }

#wrapper.works .content span{ position:absolute; }
#wrapper.works .content span img{ position:absolute; -ms-interpolation-mode: bicubic; }

#wrapper.works .content span.s1{ left:0; top:0; }
#wrapper.works .content span.s2{ left:256px; top:0; }
#wrapper.works .content span.s3{ left:442px; top:0; }
#wrapper.works .content span.s4{ left:256px; top:228px; }
#wrapper.works .content span.s5{ left:622px; top:228px; }
#wrapper.works .content span.s6{ left:0; top:322px; }
#wrapper.works .content span.s7{ left:0; top:497px; }
#wrapper.works .content span.s8{ left:398px; top:497px; }
#wrapper.works .content span.s9{ left:398px; top:620px; }
#wrapper.works .content span.s10{ left:0; top:873px; }
#wrapper.works .content span.s11{ left:644px; top:873px; }
#wrapper.works .content span.s12{ left:0; top:1024px; }
#wrapper.works .content span.s13{ left:237px; top:1024px; }
#wrapper.works .content span.s14{ left:0; top:1286px; }
#wrapper.works .content span.s15{ left:215px; top:1286px; }
#wrapper.works .content span.s16{ left:596px; top:1286px; }
#wrapper.works .content span.s17{ left:0; top:1560px; }
#wrapper.works .content span.s18{ left:285px; top:1560px; }
#wrapper.works .content span.s19{ left:596px; top:1560px; }
#wrapper.works .content span.s20{ left:0; top:1732px; }
#wrapper.works .content span.s21{ left:318px; top:1732px; }
#wrapper.works .content span.s22{ left:318px; top:2014px; }
#wrapper.works .content span.s23{ left:566px; top:2014px; }
#wrapper.works .content span.s24{ left:0; top:2169px; }
	
/*#wrapper.index .foter{ bottom:0; height:31px; background:green; }*/