@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Marmelad);

html, body {height: 100%;}
body{font-family:'Marmelad', Arial, Helvetica, sans-serif;font-size:11px;color:#333;margin:0;padding:0;background:#272115;}
a{text-decoration:none;color:#EEE;outline:none;border:none;-webkit-transition:0.15s color ease;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:16px;}
dt{float:left;}
dd{margin-left:100px;}
img{outline:none;border:none;}
a:hover, a.active{color:#9F3;}
hr{border-top:1px solid #000;border-bottom:1px solid #FFF;opacity:0.2;}

h1{background:#004603;padding:20px;font-size:26px;text-align:center;color:#9F3;}
/*h1{background:rgba(255,255,255,0.5);padding:20px;font-size:26px;text-align:center;color:#542b15;}*/

ul{list-style:none;padding:0;margin:0;}
table{border-collapse:collapse;}
input{border:1px inset #333;}
input.input-error{border:1px inset #900 !important;background:#FFF0F0;}
input:focus, textarea:focus{border:1px inset #68be00 !important;background:#F5FFF2;}
textarea{font-family:Arial, Helvetica, sans-serif;border:1px inset #333;}

label{display:inline-block;width:80px;vertical-align:top;}


.panel{
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 62%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(62%,#ffffff), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 62%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 62%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 62%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 62%,#f6f6f6 100%); /* W3C */
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
border-radius:5px;
margin-bottom:20px;
}
.panel img{border-top-left-radius:5px;border-top-right-radius:5px;margin:0 -10px;}

.bs1{cursor:pointer;height: 16px;line-height: 16px;padding: 8px 10px;margin: 0 1px 0 0;font-size: 11px;font-weight: bold;text-decoration: none;text-shadow:0 -1px 1px #000;box-shadow:0 1px 3px rgba(0,0,0,0.5);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);color: #ccc;background:#010e31;background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, #010E31),color-stop(0.5, #546184));background: -moz-linear-gradient(center bottom,#010E31 50%,#546184 50%);}
.bs1.lh{border-radius: 5px 0 0 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px;-webkit-border-radius:5px 0 0 5px;}
.bs1.rh{border-radius: 0 5px 5px 0;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-radius:0 5px 5px 0;}
.bs1.lrh{border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius:5px;}
.bs1:hover, .bs1.disabled, .bs1.disabled:active{color:#FFF;background: #000;background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, #000),color-stop(0.5, #6e6e6e));background: -moz-linear-gradient(center bottom,#000 50%,#6e6e6e 50%);}
.bs1:active, .bs1.active{color:#fff;background:#0040a2;background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, #0040A2),color-stop(0.5, #5B81BA));background: -moz-linear-gradient(center bottom,#0040A2 50%,#5B81BA 50%);}
.bs1.disabled{color:#BBB;cursor:default !important;}
.bs1 img{position:relative;}
a .bs1 {display:inline-block;float:left;}
li.bs1{display:inline;}



ul.prominent{margin-left:30px;color:#FFC;}
ul.prominent li{background:url(../images/green_tick.png) no-repeat;height:30px;padding:10px 0;text-indent:80px;font-size:22px;}




#header{height:125px;width:100%;overflow:hidden;border-bottom:8px solid #004603;background: rgb(51,102,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(51,102,0,1) 0%, rgba(121,151,17,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,102,0,1)), color-stop(100%,rgba(121,151,17,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(51,102,0,1) 0%,rgba(121,151,17,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(51,102,0,1) 0%,rgba(121,151,17,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(51,102,0,1) 0%,rgba(121,151,17,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(51,102,0,1) 0%,rgba(121,151,17,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336600', endColorstr='#799711',GradientType=0 ); /* IE6-9 */}






#header ul{width:100%;margin:0 auto;height:125px;text-align:center;}
#header ul li{display:inline-block;width:150px;height:31px;text-align:center;margin-top:80px;vertical-align:top;}
#header ul li a{display:block;height:31px;width:160px;font-size:22px;padding:6px;text-shadow:1px 1px 2px rgba(0,0,0,0.4);}
#header ul li.logo{margin:25px 0 0 -30px;width:240px;height:102px;}
#header ul li.logo a{padding:0;width:185px;height:102px;}
#header ul li.sales{position:absolute;color:#FFC;margin:40px 0 0 670px;width:400px;font-size:16px;font-weight:bold;}


#billboard{background:url(../images/ios_bg.jpg) repeat-x;}
#billboard .iosSlider {top: 0;left: 0;overflow: hidden;width: 100%;height: 360px;}
#billboard .iosSlider .slider {width: 100%;height: 357px;}
#billboard .iosSlider .slider .item {width: 100%;height: 100%;padding: 10px 0 5px 0;}
#billboard .iosSlider .slider .item .inner {position: relative;top: 0;left: 0;width: 1024px;margin: 0 auto;height: 100%;background-position: 50% 0;background-repeat: no-repeat;overflow:hidden;}
#billboard .iosSlider .slider .item .inner .selectorShadow {position: absolute;left: 0;bottom: 0;width: 120px;height: 30px;}
#billboard .iosSlider .slider .item .inner .text1 {opacity: 0;position: absolute;left:-150px;top:30px;padding: 20px 20px 20px 120px;background:rgba(0,0,0,0.3);}
#billboard .iosSlider .slider .item .inner .text1 span {color: #444;font: 50px/65px Arial;padding: 0 8px;}
#billboard .iosSlider .slider .item .inner .text2 {opacity: 0;padding: 20px 0;position: absolute;left:-150px;top: 120px;text-shadow:1px 1px 2px rgba(0,0,0,0.8);}
#billboard .iosSlider .slider .item .inner .text2 span {color: #666;font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;display:block;text-align:left;}
#billboard .iosSlider .slider .item1 .inner {background-image: url(../images/billboard/water_front_poptop.jpg);}
#billboard .iosSlider .slider .item2 .inner {background-image: url(../images/billboard/beach_surfing_camping.jpg);}
#billboard .iosSlider .slider .item3 .inner {background-image: url(../images/billboard/interior_fitout.jpg);}
#billboard .slideSelectors{display:none;}

#billboard h1{color:#FFF;font-size:29px;margin-bottom:10px;background:none;padding:0px;text-align:left;}
#billboard h2{color:#DDD;}


.section1{background: rgb(242,246,248); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(224,239,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(100%,rgba(224,239,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(224,239,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(224,239,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(224,239,249,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(224,239,249,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */

height:262px;text-align:center;}
.section1 ul.product_menu{}
.section1 ul.product_menu li{display:inline-block;width:180px;margin:60px;}
.section1 ul.product_menu li.poptops{background:#631052;}
.section1 ul.product_menu li.interiors{background:#979208;}
.section1 ul.product_menu li.fitters{background:#0F5B62;}
.section1 ul.product_menu li a{margin:4px 0;opacity:0.9;}
.section1 ul.product_menu li a:hover {color:#FFF;opacity:1;}

.section1 img{margin:0 auto;}

.section2{background: rgb(39,33,21); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(39,33,21,1) 1%, rgba(84,43,21,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(39,33,21,1)), color-stop(100%,rgba(84,43,21,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(39,33,21,1) 1%,rgba(84,43,21,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(39,33,21,1) 1%,rgba(84,43,21,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(39,33,21,1) 1%,rgba(84,43,21,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(39,33,21,1) 1%,rgba(84,43,21,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272115', endColorstr='#542b15',GradientType=0 ); /* IE6-9 */


box-shadow:inset 0px 2px 4px #333;min-height:400px;}

.section2 h1{text-align:center;padding:20px;color:#FCC;font-size:34px;}
.section2 .intro{width:1000px;margin:0 auto;text-align:center;color:#CCC;margin-bottom:30px;font-size:14px;}

.section_skin{width:1000px;margin:0 auto;min-height:400px;}
.section_skin .text_col{width:450px;}
.section_skin img{width:500px;}
.section_skin h2{color:#FFF;font-size:29px;margin-bottom:20px;}
.section_skin h3{color:#CCC;}

.section_skin .text_col {padding-top:50px;}
.section_skin .text_col p{margin:40px 0 0 40px;color:#B8EB3E;font-size:14px;}
.section_skin .text_col p strong{font-size:18px;}
.section_skin.left_img img{float:left;margin:40px 0;}
.section_skin.left_img .text_col{margin-left:500px;}


.section_skin.right_img img{float:right;margin:40px 0;}



#footer{height:322px;width:100%;overflow:hidden;}
#footer ul{text-align:center;padding-top:20px;}
#footer ul li{display:inline-block;width:90px;}
#footer ul li a{font-size:12px;}

.product_line{width:1000px;margin:0 auto;min-height:160px;padding:30px 0;}
.product_line img{float:left;position:absolute;width:250px;height:170px;}
.product_line h2{margin-left:300px;color:#FFF;font-size:26px;font-style:italic;}
.product_line h3{color:#FFF;text-align:center;padding-top:60px;}
.product_line p{margin-left:300px;color:#FCC;font-size:14px;}

.contact_skin{width:1000px;margin:0 auto;}

.leftcol{width:320px;font-size:16px;color:#FFF;float:left;}

.rightcol{margin-left:400px;}
.rightcol label{width:100px;display:inline-block;vertical-align:top;color:#CCC;}
.rightcol input{width:200px;}
.rightcol textarea{width:350px;height:140px;resize:none;}

.send-button{width:50px;text-align:center;margin-bottom:80px;}
	
.form-result{color:#000;font-weight:bold;size:15px;}

h4{font-size:20px;font-weight:bold;padding:20px;}
	h4 small, h4 a{color:#090;}
	input{width:180px;}
	form{text-align:left;width:350px;margin:0 auto;}    
	textarea{width:260px;height:100px;resize:none;}
	.send-button{margin-left:80px;}