@charset "utf-8";
/* CSS Document */
*{ padding:0px; margin:0px;}
ul,li{ padding:0px; margin:0px;}
body { font-family: Arial, Helvetica, sans-serif; font-size:14px; color: #fff; left: 16px;}
.row{ width: 100%;}
.f-left { float:left;}
.f-right { float:right;}
.c-both { clear:both;}
a { text-decoration: none; outline: none; color: #fff;}
img { border: none;}

/*wrapper*/
#wrapper { width:100%; min-height:100%; position: relative; background: #f1e6b3 url(../images/bg.jpg) left top repeat-x;}

/*main-body*/
#main-body { width:1000px; margin: 0 auto;}

/*logo-pannel*/
#logo-pannel { height: 160px; width: 100%; display: block;}
#logo-pannel ul.faq-links { height: 24px; list-style: none; float: right;} 
#logo-pannel ul.faq-links li { list-style: none; padding-right: 35px; float: left;}
#logo-pannel ul.faq-links li a { color: #fff; line-height: 24px;}
#logo-pannel ul.faq-links li a:hover { text-decoration: underline;}
#logo-pannel ul.faq-links li.last { padding-right: 20px;}

#logo-pannel .logo h1 { float: left; margin-top:27px; float: left;}
#logo-pannel .logo h1 a{ background: url(../images/logo.jpg) left top no-repeat; width: 140px; height:130px; text-indent: -99999px;float: left; margin-left: 120px;}

/*menu-pannel*/
#menu-pannel { height: 60px; width: 100%; display: block; z-index:2; position:relative;}
#menu-pannel ul.menu-links { list-style: none; position: relative;}
#menu-pannel ul.menu-links li { padding-right: 20px; float: left;}
#menu-pannel ul.menu-links li a { padding-left: 18px; float: left; line-height: 60px; font-size: 17px; font-weight: bold; color: #fff;}
#menu-pannel ul.menu-links li a span { padding-right: 18px; float: left;}
#menu-pannel ul.menu-links li a:hover,#menu-pannel ul.menu-links li.selected a{ color: #000; background: url(../images/left-bit.jpg) left top no-repeat;}
#menu-pannel ul.menu-links li a:hover span,#menu-pannel ul.menu-links li.selected a span{ color: #000; background: url(../images/right-bit.jpg) right top no-repeat;}

#menu-pannel ul.menu-links li ul { display: none; width: 148px; position: absolute; top:47px; left:101px;}
#menu-pannel ul.menu-links li:hover ul { display: block;}
#menu-pannel ul.menu-links li ul li { list-style: none; text-decoration: none;  padding-right: 0px; float: none; }
#menu-pannel ul.menu-links li ul li a { background: #dcd2a3!important; padding-left: 17px; width: 148px; font-size: 15px; margin-bottom: 1px; color: #44331c!important; line-height: 39px;}
#menu-pannel ul.menu-links li ul li a:hover { background: #1f0a01!important; color: #fff!important;}
/*banner*/
#banner { height: 414px; width: 100%; display: block; z-index:1; position:relative;}

/*welcome*/
#welcome h2.welcome { margin: 15px 0 11px 0; font-size: 20px; color: #522616; text-align: center; }
#welcome h2.welcome span{ margin: 0px; display: block; font-size: 14px;}

#shap h2.shap{ width: 1000px; margin: 20px 0 21px 20px; font-size: 20px; color: #522616; display: inline-block;}

/*contant-area*/
#contant-area { width: 1000px; display: inline-block; background: #995f44 url(../images/contant-bg.jpg) left top repeat-x;}

#contant-area .contant-in{ width: 960px; padding: 23px 20px 15px 20px; display: inline-block;}

#contant-area .contant-inside{ width: 960px; padding: 23px 20px 15px 20px; display: inline-block; background: #fff;}
#contant-area p.c-pragraph { margin-bottom: 27px;}
#contant-area p.pragraph { margin-bottom: 27px; color:#000;}
#contant-area h2.give-us { font-size: 16px; color: #fff; margin-bottom:25px; text-align:center;}
#contant-area ul.f-pic { list-style: none;}
#contant-area ul.f-pic li { float: left; padding-right: 10px;}
#contant-area ul.f-pic li.last { padding-right: 0px;}
#contant-area ul.pool-mintenance { list-style: none;}
#contant-area ul.pool-mintenance li { font-weight: bold; background: url(../images/arrow.png) left 6px no-repeat; padding-left: 35px; line-height: 23px;}
#contant-area ul.construction { list-style: none;}
#contant-area ul.construction li { color: #fff; line-height: 18px;}
#contant-area h3.pre-construction { padding: 10px 0;}
#contant-area ul.thmb { list-style: none;}
#contant-area ul.thmb li{ float: left; margin-right: 24px;}
#contant-area ul.thmb li a { float: left; }
#contant-area ul.thmb li.last { margin-right: 0px;}
#contant-area .form { width: 310px; float: left; margin-right: 10px;} 
#contant-area .span { margin-left: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; line-height: 25px;}
#contant-area .input { border: none; background: url(../images/input-bg.png) left top no-repeat; width: 303px; height: 38px; line-height: 38px; color: #fff; padding: 0 10px; }
#contant-area .button { outline: none; float: right; margin-right: 7px;}
p.testimonial { font-size: 18px; margin-bottom: 20px;}

/*footer-outer*/
#footer-outer { width: 100%; background: url(../images/footer.jpg) left top repeat-x; height: 106px; padding-top: 60px; display: inline-block;}

/*footer-in*/
#footer-outer .footer-in { width: 960px; padding: 0 20px; display: block; margin: 0 auto;}
#footer-outer .footer-in .f-left { width: 700px; float:left;}
#footer-outer .footer-in .f-left ul.f-links { list-style: none; padding-bottom: 20px;}
#footer-outer .footer-in .f-left ul.f-links li{ list-style: none; padding-right: 25px; float:left;}
#footer-outer .footer-in .f-left ul.f-links li a { font-size: 12px; font-weight: bold; color:#fff;}
#footer-outer .footer-in .f-left ul.f-links li a:hover { text-decoration: underline;}
#footer-outer .footer-in .f-left p.copyright { font-size: 12px; color:#fff;}
#footer-outer .footer-in .f-right { width: 155px; float:right;}
#footer-outer .footer-in .f-right ul.social-icon { list-style: none;}
#footer-outer .footer-in .f-right ul.social-icon li { list-style: none; padding-right: 6px; float: left;}
#footer-outer .footer-in .f-right ul.social-icon li a { float: left; border: none;}
#footer-outer .footer-in .f-right ul.social-icon li.last { padding-right: 0px;}