@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------------------------------------------------------

1. body
2. h1 image swaps
3. links
4. header
5. main-nav
6. content-all
7. right-column
8. left-content
9. bottom-gradient
10. promos-bottom
11. footer
12. footer2
13. Gallery page
14. Contact page
15. Sitemap page

---------------------------------------------------------------------------------------------------------------
*/


/* 1. body ---------------------------------------------------------------------------------------------------------------
*/

body{
width:100%;
margin:0px;
padding:0px;
background:url(images/header-bg.jpg) top left repeat-x;
font-family:Arial, Helvetica, sans-serif;
color:#002b56;
font-size:12px;
}

*{
border:0px;
}

h1{
width:600px;
font-size:18px;
margin:0px;
text-indent:-5000px;
}

h2{
font-size:16px;
color:#004284;
font-style:italic;
font-weight:bold;
}

h3{
font-size:14px;
color:#004284;
}

h4{
font-size:14px;
color:#004284;
margin-bottom:0px;
padding-bottom:0px;
}

.clear{
clear:both;
}

.right{
float:right;
margin:0px 0px 20px 20px;

}

/* 2. h1 image swaps ---------------------------------------------------------------------------------------------------------------
*/
h1#h1-home{height:19px; background:url(images/h1-home.gif) top left no-repeat;}
h1#h1-about-us{height:19px; background:url(images/h1-about-us.gif) top left no-repeat;}
h1#h1-our-services{height:19px; background:url(images/h1-services.gif) top left no-repeat;}
h1#h1-gallery{height:19px; background:url(images/h1-gallery.gif) top left no-repeat;}
h1#h1-contact-us{height:19px; background:url(images/h1-contact-us.gif) top left no-repeat;}
h1#h1-thank-you{height:19px; background:url(images/h1-thank-you.gif) top left no-repeat;}
h1#h1-sitemap{height:19px; background:url(images/h1-sitemap.gif) top left no-repeat;}
h1#h1-privacy-policy{height:19px; background:url(images/h1-privacy-policy.gif) top left no-repeat;}

h1#h1-home-es{height:23px; background:url(images/h1-inicio.gif) top left no-repeat;}
h1#h1-about-us-es{height:23px; background:url(images/h1-acerca-de-nosotros.gif) top left no-repeat;}
h1#h1-our-services-es{height:23px; background:url(images/h1-servicios.gif) top left no-repeat;}
h1#h1-gallery-es{height:23px; background:url(images/h1-galeria.gif) top left no-repeat;}
h1#h1-contact-us-es{height:23px; background:url(images/h1-contactenos.gif) top left no-repeat;}
h1#h1-thank-you-es{height:23px; background:url(images/h1-gracias.gif) top left no-repeat;}
h1#h1-sitemap-es{height:23px; background:url(images/h1-mapa-del-sitio.gif) top left no-repeat;}
h1#h1-privacy-policy-es{height:19px; background:url(images/h1-politica-de-privacidad.gif) top left no-repeat;}

/* 3. links ---------------------------------------------------------------------------------------------------------------
*/
a:link{
color:#4ea1dc;
text-decoration:none;
}

a:visited{
color:#4ea1dc;
text-decoration:none;
}

a:hover{
color:#4ea1dc;
text-decoration:underline;
}

a:visited:hover{
color:#4ea1dc;
text-decoration:underline;
}

a:active{
color:#4ea1dc;
text-decoration:underline;
}

a.blue-link-underline:link{
color:#4ea1dc !important;
text-decoration:none !important;
}

a.blue-link-underline:visited{
color:#4ea1dc !important;
text-decoration:none !important;
}

a.blue-link-underline:hover{
color:#ffffff !important;
text-decoration:underline !important;
}

a.blue-link-underline:visited:hover{
color:#ffffff !important;
text-decoration:underline !important;
}

a.blue-link-underline:active{
color:#ffffff !important;
text-decoration:underline !important;
}

.box2 a:link{
color:#ffffff;
text-decoration:none;
}

.box2 a:visited{
color:#ffffff;
text-decoration:none;
}

.box2 a:hover{
color:#4ea1dc;
text-decoration:none;
}

.box2 a:visited:hover{
color:#4ea1dc;
text-decoration:none;
}

.box2 a:active{
color:#4ea1dc;
text-decoration:none;
}

#footer a:link{
color:#4ea1dc;
text-decoration:none;
}

#footer a:visited{
color:#4ea1dc;
text-decoration:none;
}

#footer a:hover{
color:#ffffff;
text-decoration:none;
}

#footer a:visited:hover{
color:#ffffff;
text-decoration:none;
}

#footer a:active{
color:#ffffff;
text-decoration:none;
}

#footer2 a:link{
color:#004284;
text-decoration:underline;
}

#footer2 a:visited{
color:#004284;
text-decoration:underline;
}

#footer2 a:hover{
color:#004284;
text-decoration:none;
}

#footer2 a:visited:hover{
color:#004284;
text-decoration:none;
}

#footer2 a:active{
color:#004284;
text-decoration:none;
}

/* 4. header ---------------------------------------------------------------------------------------------------------------
*/
#header{
height:339px;
}

#slogan{
height:31px;
background:url(images/slogan-builders.gif) top left repeat-x;
}

#slogan-es{
height:31px;
background:url(images/slogan-builders-es.gif) top left repeat-x;
}

#slogan p, #slogan-es p{
text-indent:-5000px;
margin:0px;
padding:0px;
}

#banner, #banner1{
width:960px;
margin:7px auto 0px auto;
}

/* 5. main-nav ---------------------------------------------------------------------------------------------------------------
*/
#main-nav{
height:55px;
background:url(images/nav-bg.gif) top left repeat-x;
}

#main-nav-inner{
width:900px;
margin:0px auto;
}

#main-nav ul{
height:55px;
margin:0px;
padding:0px 0px 0px 2px;
text-align:center;
background:url(images/nav-line-seperators.gif) top left repeat-y;
}

#main-nav li{
height:55px;
float:left;
margin:0px;
padding:0px;
background:url(images/nav-line-seperators.gif) top right repeat-y;
display:inline;
}

#main-nav li a{
height:55px;
margin:0px;
padding:0px 2px 0px 0px;
display:block;
}

#main-nav span{
display:none;
}

#main-nav li#nav-home a{width:106px; background:url(images/nav-home.gif) top left no-repeat;}
#main-nav li#nav-about-us a{width:141px; background:url(images/nav-about-us.gif) top left no-repeat;}
#main-nav li#nav-our-services a{width:182px; background:url(images/nav-our-services.gif) top left no-repeat;}
#main-nav li#nav-gallery a{width:136px; background:url(images/nav-gallery.gif) top left no-repeat;}
#main-nav li#nav-contact-us a{width:166px; background:url(images/nav-contact-us.gif) top left no-repeat;}
#main-nav li#nav-home a:hover{background:url(images/nav-home.gif) bottom left no-repeat;}
#main-nav li#nav-about-us a:hover{background:url(images/nav-about-us.gif) bottom left no-repeat;}
#main-nav li#nav-our-services a:hover{background:url(images/nav-our-services.gif) bottom left no-repeat;}
#main-nav li#nav-gallery a:hover{background:url(images/nav-gallery.gif) bottom left no-repeat;}
#main-nav li#nav-contact-us a:hover{background:url(images/nav-contact-us.gif) bottom left no-repeat;}

#main-nav li#nav-home-es a{width:91px; background:url(images/nav-inicio.gif) top left no-repeat;}
#main-nav li#nav-about-us-es a{width:235px; background:url(images/nav-acerca-de-nosotros.gif) top left no-repeat;}
#main-nav li#nav-our-services-es a{width:133px; background:url(images/nav-servicios.gif) top left no-repeat;}
#main-nav li#nav-gallery-es a{width:114px; background:url(images/nav-galeria.gif) top left no-repeat;}
#main-nav li#nav-contact-us-es a{width:169px; background:url(images/nav-contactenos.gif) top left no-repeat;}
#main-nav li#nav-home-es a:hover{background:url(images/nav-inicio.gif) bottom left no-repeat;}
#main-nav li#nav-about-us-es a:hover{background:url(images/nav-acerca-de-nosotros.gif) bottom left no-repeat;}
#main-nav li#nav-our-services-es a:hover{background:url(images/nav-servicios.gif) bottom left no-repeat;}
#main-nav li#nav-gallery-es a:hover{background:url(images/nav-galeria.gif) bottom left no-repeat;}
#main-nav li#nav-contact-us-es a:hover{background:url(images/nav-contactenos.gif) bottom left no-repeat;}

#english-spanish{
width:80px;
float:right;
margin-top:15px;
}

#main-nav li a#pagemarker{
background-position:left bottom;
height:55px;
margin:0px;
padding:0px 2px 0px 0px;
display:block;
}

/* 6. content-all ---------------------------------------------------------------------------------------------------------------
*/
#content-all{
background:url(images/content-all-bg.gif) top left repeat-x;
}

#content-all-inner{
width:900px;
margin:0px auto;
background:url(images/right-column-bg-borders.gif) top right repeat-y;
}

#content-all-inner2{
height:auto;
width:900px;
margin:0px auto;
background:url(images/birds-watermark.gif) bottom left no-repeat;
}

/* 7. right-column ---------------------------------------------------------------------------------------------------------------
*/
#right-column{
width:280px;
margin-left:620px;
}

.box1{
width:280px;
padding:15px 0px 0px 0px;
margin:0px;
background:url(images/rc-call-now-bg.gif) top left repeat-x;
text-align:center;
}

.box1-inner{
padding-bottom:15px;
background:url(images/rc-dotted-line.gif) bottom left repeat-x;
}

.box2{
background:url(images/box-bl-bg.gif) top left repeat-x #004284;
border:2px solid #003b76;
}

.box2 h2{
height:50px;
font-size:12px;
text-indent:-5000px;
margin:0px;
padding:0px;
border-bottom:2px solid #003b76;
}

.box2 h2#services-we-offer{
background:url(images/h2-services-we-offer.gif) top left no-repeat;
}

.box2 h2#services-we-offer-es{
background:url(images/h2-services-we-offer-es.gif) top left no-repeat;
}

.box2 ul{
margin:10px 0px 10px 10px;
padding:0px;
font-size:14px;
}

.box2 li{
list-style:none;
background:url(images/tick-blu-bg.gif) top left no-repeat;
padding-left:20px;
line-height:25px;
}

.box3{
height:93px;
text-align:center;
padding-top:15px;
background:url(images/box3-bg.gif) top left repeat-x;
}

/* 8. left-content ---------------------------------------------------------------------------------------------------------------
*/
#left-content{
width:600px;
float:left;
padding-top:30px;
}

.back-to-top, .back-to-top-es{
background:url(images/dotted-line2.gif) top left repeat-x;
margin-top:20px;
padding-top:10px;
}

.back-to-top p, .back-to-top-es p{
margin:0px;
padding:0px;
}

.text-section{
background:url(images/dotted-line2.gif) bottom left repeat-x;
margin-bottom:30px;
padding-bottom:30px;
}

.text-section h2{
margin-bottom:0px;
padding-bottom:0px;
}

.back-to-top a{
width:68px;
background:url(images/arrow-up2.gif) center right no-repeat;
display:block;
}

.back-to-top-es a{
width:78px;
background:url(images/arrow-up2.gif) center right no-repeat;
display:block;
}

/* 9. bottom-gradient ---------------------------------------------------------------------------------------------------------------
*/
#bottom-gradient{
height:33px;
background:url(images/footer-gradient.gif) top left repeat-x;
}

#bottom-gradient-inner{
height:33px;
width:900px;
margin:0px auto;
background:url(images/right-column2-bg.gif) top right no-repeat;
}

#bottom-gradient-inner2{
height:33px;
width:900px;
margin:0px auto;
background:url(images/birds-watermark-footer.gif) top left no-repeat; 
}

/* 10. promos-bottom ---------------------------------------------------------------------------------------------------------------
*/
#promos-bottom{
height:256px;
background:url(images/footer-promos-bg.jpg) top left repeat-x;
padding-top:12px;
font-size:11px;
color:#4a4a4a;
}

#promos-bottom-inner{
height:225px;
width:840px;
margin:0px auto;
padding:20px 40px 0px 40px;
background:url(images/promos-bottom-bg.jpg) top left no-repeat;
}

#promo-bottom1{
width:260px;
float:left;
}

#promo-bottom2{
width:260px;
float:left;
margin-left:30px;
}

#promo-bottom3{
width:260px;
float:right;
}

#promos-bottom h2{
margin:0px;
padding:0px;
}

#promos-bottom h2 span{
display:none;
}

#promos-bottom h2 a{
height:13px;
width:auto;
display:block;
}

h2#pb-h2-services{
height:13px;
background:url(images/pb-h2-services.gif) top left no-repeat;
}

h2#pb-h2-guttering{
height:13px;
background:url(images/pb-h2-guttering.gif) top left no-repeat;
}


h2#pb-h2-contact-us{
height:13px;
background:url(images/pb-h2-contact-us.gif) top left no-repeat;
}

h2#pb-h2-gallery{
height:13px;
background:url(images/pb-h2-gallery.gif) top left no-repeat;
}

h2#pb-h2-about-us{
height:13px;
background:url(images/pb-h2-about-us.gif) top left no-repeat;
}

h2#pb-h2-services-es{
height:17px;
background:url(images/pb-h2-servicios.gif) top left no-repeat;
}

h2#pb-h2-guttering-es{
height:17px;
background:url(images/pb-h2-canalones.gif) top left no-repeat;
}


h2#pb-h2-contact-us-es{
height:17px;
background:url(images/pb-h2-contactenos.gif) top left no-repeat;
}

h2#pb-h2-gallery-es{
height:17px;
background:url(images/pb-h2-galeria.gif) top left no-repeat;
}

h2#pb-h2-about-us-es{
height:17px;
background:url(images/pb-h2-sobre.gif) top left no-repeat;
}

#promos-bottom p{
padding:10px 0px 10px 0px;
margin:0px;
}

/* 11. footer ---------------------------------------------------------------------------------------------------------------
*/
#footer{
background:url(images/footer-top.gif) top left repeat-x #004284;
border-bottom:2px solid #003b76;
}

#footer-inner{
width:900px;
margin:0px auto;
text-align:center;
padding:20px 0px 20px 0px;
}

#footer ul{
margin:0px;
padding:0px;
}

#footer li{
display:inline;
border-right:1px solid #4ea1dc;
padding:0px 5px 0px 0px;
margin:0px 4px 0px 0px;
line-height:20px;
}

#footer li.last{
border-right:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

/* 12. footer2 ---------------------------------------------------------------------------------------------------------------
*/
#footer2{
height:44px;
background:url(images/footer-bottom-bg.jpg) top left repeat-x;
color:#004284;
padding-top:12px;
}

#footer2-inner{
width:900px;
margin:0px auto;
text-align:center;
}

#promos-bottom h2{
font-size:12px;
margin-top:10px;
}

#footer2 p{
margin:0px 0px 5px 0px;
padding:0px 0px 0px 0px;
}

#aqua-creative-link{
margin-left:20px;
}

/* 13. Gallery page ---------------------------------------------------------------------------------------------------------------
*/

.gallery-project{
margin:20px 0px 30px 0px;
padding:0px 0px 19px 0px;
background:url(images/dotted-line2.gif) bottom left repeat-x;
}

.gallery-project h2, .gallery-project-last h2{
height:29px;
color:#FFFFFF;
background:url(images/gallery-header-bg.gif) top left repeat-x;
border:2px solid #003b76;
margin:0px 0px 20px 0px;
padding:7px 0px 0px 10px;
font-weight:normal;
font-style:normal;
font-size:18px;
}

.gallery-project img, .gallery-project-last img{
border:2px solid #003b76;
margin:0px 11px 11px 0px;
}

.gallery-project img.last, .gallery-project-last img.last{
margin-right:0px;
}

/* 14. Contact page ---------------------------------------------------------------------------------------------------------------
*/
span.title{
font-weight:bold;
font-size:14px;
color:#004284;
}

.box2#contact-box{
margin-bottom:30px;
}

.box2#contact-box h2{
background:url(images/h2-contact-form.gif) top left no-repeat;
}

form{
width:550px;
margin:15px 0px 20px 20px;
}

form label{
color:#FFFFFF;
}

form p{
margin-top:0px;
padding-top:0px;
}

form input.form{
height:25px;
width:251px;
background:url(images/input-bg.gif) top left repeat;
border:2px solid #003b76;
font-family:Arial, Helvetica, sans-serif;
color:#002b56;
font-size:12px;
padding:5px 0px 0px 5px;
}

form textarea.form{
height:86px;
width:251px;
background:url(images/input-bg.gif) top left repeat;
border:2px solid #003b76;
font-family:Arial, Helvetica, sans-serif;
color:#002b56;
font-size:12px;
padding:5px 0px 0px 5px;
margin-bottom:16px;
}

#form-left{
float:left;
margin-top:1px;
}

#form-right{
margin-left:290px;
}

/* 15. Sitemap page ---------------------------------------------------------------------------------------------------------------
*/
ul#sitemap{
line-height:30px;
margin-left:0px;
padding-left:15px;
}