<?php 
    ob_start("ob_gzhandler");
    header("Content-type: text/css"); 
?>
html {overflow: -moz-scrollbars-vertical;margin: 0;padding: 0; }
* {font-family: arial, sans-serif;}
body {margin: 0px;padding: 0px;text-align: center;background: #FFFFFF;}
body, td, th, input, textarea, select, a {font-size: 12px;font-family: arial, sans-serif;}
form {padding: 0;margin: 0;display: inline;}
input, textarea, select {margin: 3px 0px;}
a, a:hover, a:visited {color: #87a40d;text-decoration: none;cursor: pointer;}
a img {border: none;}
p {margin-top: 0px;}

/* layout */
#container {width: 1004px;margin-left: auto;margin-right: auto;margin-top: 6px;text-align: left;background: #FFFFFF;}

#header {position: relative;}
#header a {color: #FFFFFF;}
#header .div1 {height: 131px;width: 1004px;margin-left: auto;margin-right: auto;background: url('../images/header.png') no-repeat;}
#header .div2 {position: relative;height: 24px;float: right;right: 5px;top: 49px;}
#header .div2 ul {list-style: none;margin: 0px 0px 0px 0px;padding: 0;}
#header .div2 ul li{color: #FFFFFF;float: left;height: 24px;width: 125px;padding-top: 5px;margin: 0px 1px 0px 0px;background: url('../images/tab.png') no-repeat;text-align: center;color: #FFFFFF;display: block;}
#header .div2 ul li a:hover{text-decoration: underline;}
#header .div3 {width: 250px;height: 62px;position: absolute;top: 17px;left: 27px;font-family: arial, sans-serif;font-size: 28px;font-weight: bold;}
#header .div4 {width: 250px;height: 20px;position: absolute;top: 41px;left: 102px;font-family: arial, sans-serif;font-size: 12px;color: #7f7f7f;}
#header .div5 {width: 620px;height: 62px;position: absolute;top: 90px;left: 16px;font-family: arial, sans-serif;font-size: 16px;font-weight: bold;color: #7a88a1;}
#header .div6 {width: 100px;height: 20px;position: absolute;top: 17px;right: 55px;font-family: arial, sans-serif;font-size: 12px;color: #7d7d7d;}

#content {width: 1004px;text-align:center;}
#content_c {padding: 0px 10px 0px 10px;width: 564px;text-align: center;margin: 0px auto 0px auto; border-left: 1px solid #000000;border-right: 1px solid #000000;}
.cc_top_border {height: 15px; width: 586px; background: url('../images/qb_top.png') no-repeat;margin: 10px auto 0px auto; }
.cc_bottom_border {height: 15px; width: 586px; background: url('../images/qb_bottom.png') no-repeat;margin: 0px auto 10px auto; }
.cc_top{height: 100px; text-align: left;}
.cc_top .title{color: #afcd2f;font-size: 34px;font-weight: bold;}
.cc_top .subtitle{color: #87a40d;font-size: 25px;font-weight: bold;}
.cc_middle{padding-top: 15px;width: 566px;text-align: center;color: #8d8d8d;font-size: 12px;}
.cc_m_l{width: 283px;height:145px;float:left;}
.cc_m_r{width: 283px;height:145px;float:left;}
.cc_m_b{width: 566px;clear:both;padding-top:15px;}
#content_l2 form input.text { width: 150px; }
#content_l2 form select { width: 150px; }
#content_l2 form textarea { width: 540px; height: 100px; margin-bottom: 10px; }

#content_l {padding: 30px 0px 0px 0px;width: 645px;height: 322px;float: left;text-align: left;}
#content_l2 {padding: 30px 0px 0px 0px;width: 630px;float: left;text-align: left;}
.cl_qtop{height: 50px;margin-bottom: 10px;}
.cl_qtop .title{color: #afcd2f;font-size: 37px;font-weight: bold;}
.cl_qtop .subtitle{color: #87a40d;font-size: 25px;font-weight: bold;}
.cl_top{height: 100px;background: url('../images/designed.png') no-repeat bottom left;}
.cl_top .title{color: #afcd2f;font-size: 34px;font-weight: bold;}
.cl_top .subtitle{color: #87a40d;font-size: 25px;font-weight: bold;}
.cl_top img{padding-top: 15px;}
.cl_middle{padding-top: 15px;height: 110px;font-size: 17px;font-weight: bold;color: #8d8d8d;line-height: 1.6em;}
.cl_middle2{padding-top: 15px;color: #8d8d8d;line-height: 1.6em;}
.cl_middle ul{list-style: none;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 00px;}
.cl_middle ul li {margin: 0px 0px 0px 0px;background: url('../images/dot.png') no-repeat left center; padding-left: 25px;color: #8d8d8d;}
.cl_bottom{height: 91px;}
.cl_bottom_left{text-transform:uppercase; padding: 17px 0px 0px 25px; font-size: 18px; font-weight: bold;width: 241px;float:left;height: 91px;color: #FFFFFF;background: url('../images/button_portfolio.png') no-repeat;}
.cl_bottom_right{float:left;height: 66px;padding-top: 25px;margin-left: 30px;font-size: 30px;font-weight: bold;color: #afcd2f;}
.cl_terms {height: 220px;overflow: auto;}
.cl_terms h2 {color: #87a40d;font-size: 14px;font-weight: bold;}
.cl_terms p {text-align: justify;color: #8d8d8d;font-size: 12px;}
.cl_terms a {color: #87a40d;}
.cl_terms ul{margin: 0 0 10px 20px;list-style: none;}
.cl_terms ul li {margin: 0 0 5px 0px;background: url('../images/dot.png') no-repeat left center;padding-left: 25px;color: #8d8d8d;}
#content_r {width: 339px;height: 352px;float: right;background: url('../images/hand.jpg');}
#content_r2 {width: 339px;height: 498px;float: right;margin-top: 38px; background: url('../images/globe2.png') bottom no-repeat;}

#content_3 {width: 1004px;height: 312px;clear: both;}
#content_3 a{color: #FFFFFF;font-size: 16px;}
.c3_top{width: 322px;height: 41px;padding-top: 8px;padding-left: 6px;padding-bottom: 10px;}
.c3_top .title{font-size: 18px;color: #FFFFFF;font-weight: bold;text-transform: uppercase;line-height: 1em;}
.c3_top .subtitle{font-size: 12px;color: #324768;line-height: 1em;}
.c3_middle{width: 296px;height: 182px;margin-top: 10px;padding-left: 16px;padding-right: 16px;list-style: url('../images/tick.png');color: #FFFFFF;font-size: 16px;line-height: 1.6em;}
.c3_bottom{text-transform:uppercase; padding: 14px 0px 0px 31px;width: 328px;height: 49px;text-align: left;background: url('../images/button.png') no-repeat;font-size:18px;font-weight:bold;}
#content_3 .seo {width: 328px;height: 312px;margin-right: 10px;background: url('../images/box_seo.png') no-repeat;float: left;}
#content_3 .brochure {width: 328px;height: 312px;background: url('../images/box_bro.png') no-repeat;float: left;}
#content_3 .ecomm {width: 328px;height: 312px;background: url('../images/box_eco.png') no-repeat;float: right;}

#info_box {margin-top: 14px;width: 1004px;height: 394px;background: url('../images/box_info.png') no-repeat;}
.ib_top{padding-top: 11px;padding-left: 15px;height: 31px;width: 989px;font-size: 21px;font-weight: bold;color: #FFFFFF;}
.ib_ml {padding-top: 12px;padding-left: 22px;padding-right: 22px;width: 458px;height: 255px;float: left;}
.ib_ml .caption{color: #000000;font-size: 18px;}
.ib_ml td{font-size: 15px;}
.ib_mr {padding-top: 12px;padding-left: 22px;padding-right: 22px;width: 458px;height: 255px;float: right;}
.ib_mr .caption{color: #000000;font-size: 18px;}
.ib_mr .question{color: #87a40d;font-size: 16px;font-weight: bold;}
.ib_mr .answer{color: #6c6c6c;font-size: 12px;}
.ib_bottom {margin-left: 1px;text-transform:uppercase; padding: 16px 0px 0px 131px;clear: both;font-size: 18px; font-weight:bold;color: #FFFFFF;width: 1002px;height: 80px;text-align: left; background: url('../images/button_info.png') no-repeat;}

.error {color: #FF0000;display: block;}
.required {color: #FF0000;}
.small_required {color: #FF0000;font-size: 10px;}

#footer {margin-top: 14px;width: 1004;height: 33px;background: url('../images/footer.png');clear: both;}
#footer .div1 {float: left;text-align: left;padding-left: 8px;padding-top: 8px;color: #FFFFFF;}
#footer .div2 {float: right;text-align: right;padding-right: 8px;padding-top: 8px;color: #7a88a1;}
#footer a {color: #7a88a1;text-decoration: underline;}