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

a{outline:none;}

#home-left{ width:630px; height:443px; float:left; background:url(/new/images/layout09/home-bottom.png) bottom no-repeat; margin:0 0 10px 0}
h1.home-intro{margin:10px 20px 0; padding:0; font-size:12px; color:#565656; font-weight:normal;}

#bath-left{ width:630px; height:443px; margin-bottom:10px; float:left;  background:url(/new/images/layout09/bath-bottom.png) bottom no-repeat; overflow:hidden}
h1.bath-intro{margin:18px 20px 0; padding:0; font-size:14px; color:#db1e23; background:none; }
p.bath-intro{margin:0px 20px 0; padding:0; font-size:12px; color:#565656; font-weight:normal;}
#bath-pics {height: 351px; width: 630px; overflow:hidden; } 

#plum-left{ width:630px; height:356px; float:left;  margin-bottom:4px; background:url(/new/images/layout09/intro-bottom.png) bottom no-repeat; clear:left;}
h1.plum-intro{margin:7px 20px 3px; padding:0; font-size:14px; color:#0D2E56; }
p.plum-intro{margin:0px 20px 0; font-size:12px; color:#565656; font-weight:normal; padding: 0; float:left;}

#plum-bottom{ width:630px; height:84px; float:left;  margin-bottom:10px; background:url(/new/images/layout09/intro-bottom2.png) bottom no-repeat;}

#btn-login{width:74px;height:23px; background:url(/new/images/layout09/login.png) top; float:left;}
#btn-register{width:74px;height:23px; background:url(/new/images/layout09/btn-register.png) top;float:left; margin-left:10px;}
#btn-register a, #btn-login a{width:74px;height:23px;display:block}

#intro-right{width:380px; height:85px; float:right; background:url(/new/images/layout09/divider-sml.png) left no-repeat}
#intro-right a, #intro-left a{color:#565656}
#intro-right img{float:left; margin:6px 0 0 25px;}
#intro-right p{width:250px; float:right; list-style:none; margin:12px 0 0; padding:0;}

#intro-left{ float:left;height:65px;margin:9px 0 0 10px; padding:0 0 0 15px; width:220px;}
#intro-left p{ margin:4px 0 0}
#intro-left strong, #intro-right a strong{ color:#0D2E56 !important; font-size:14px;}
#intro-right strong span{ color:#0D2E56 !important; font-weight:normal;}



#banner-right{float:right; height:83px; width:320px;}

#sectionslide{height:325px; width:100%; overflow:hidden; position:relative; }

#sectionslide div a{height:325px; width:100%; display:block;}
#sectionslide div a,#sectionslide div a:hover{ text-decoration:none}
#sectionslide div a span{color:white;}

#sectionslide #slide-bathroom a{ background:url(/new/images/layout09/slide-bathroom.jpg); color:#db1e23}
#sectionslide #slide-plumbing a{ background:url(/new/images/layout09/slide-plumbing.jpg); color:#cccccc}
#sectionslide #slide-irrigation a{ background:url(/new/images/layout09/s-irrigation.jpg); color:#5E782E}
#sectionslide #slide-hvac a{ background:url(/new/images/layout09/slide-hvac.jpg); color:#0397D6}
#sectionslide #slide-civil a{ background:url(/new/images/layout09/s-civil.jpg); color:#B65312}
#sectionslide #slide-onsite a{ background:url(/new/images/layout09/slide-onsite.jpg); color:#F47836}

#sectionslide div div{height:134px; width:195px; float:left; padding:25px 30px;}
#sectionslide div div h3{font-size:16px; font-weight:bold; margin:0; padding:0; }
#sectionslide div div p{margin:0 0 5px 0; padding:0;}


.slide-div{display:none;position:absolute; z-index:9; width:100%}

ul#slidenav{height:35px; background:url(/new/images/layout09/slide-nav.png) bottom no-repeat; margin:0; padding:0; list-style:none}
ul#slidenav li{width:105px; height:35px; float:left; }
ul#slidenav li a{width:105px; height:35px; background:url(/new/images/layout09/slide-nav.png) left top no-repeat; display:block; text-indent:-15000px;}
ul#slidenav li#slnav-bathroom a{ background-position:0px 0}
ul#slidenav li#slnav-plumbing a{ background-position:-105px 0}
ul#slidenav li#slnav-irrigation a{ background-position:-210px 0}
ul#slidenav li#slnav-hvac a{ background-position:-315px 0}
ul#slidenav li#slnav-civil a{ background-position:-420px 0}
ul#slidenav li#slnav-onsite a{ background-position:-525px 0}

ul#slidenav li a:hover, ul#slidenav li a:hover.current, ul#slidenav li a.current{ background-image:none;}

#news{height:360px; width:320px; float:right; background:url(/new/images/layout09/news.png) #f1f1f1;  }
#newshead{ height:28px; text-align:right; padding-right:10px;}
#newshead h3{display:none;}

#newsslides{width:320px; height:323px; background:none; overflow:hidden;}
.news-slide{width:320px; height:323px;}

.news-slide div{background:#fff; margin:10px 0 0 9px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #c8c8c8; font-size:11px; }

.news-panel{width:290px; height:84px; padding:5px;}
.news-panel h3{font-size:12px; width:160px; float:right; clear:right; margin:0 0 2px}
.news-panel p{font-size:11px; width:160px; float:right; clear:right; margin:0 0 5px}
.news-panel img, .news-double img{float:left}

.news-feature{width:280px; height:284px; padding:10px;}
.news-double{width:285px; height:126px; padding:10px 5px 10px 10px;}
.news-double p{font-size:11px; width:120px; float:right; clear:right; margin:5px 0 5px}
.news-double h3{font-size:12px; width:120px; float:right; clear:right; margin:5px 0 2px}

.homenews a, .homenews h3{ color:#0D2E56 !important}
.bathnews  a, .bathnews h3, #sectionslide #slide-bathroom h3{ color:#db1e23}
.plumnews  a, .plumbnews h3 { color:#0D2E56}
.irrinews  a, .irrinews h3, #sectionslide #slide-irrigation h3{ color:#5E782E}
.hvacnews a, .hvacnews h3, #sectionslide #slide-hvac h3{ color:#0397D6}
.civinews a, .civinews h3, #sectionslide #slide-civil h3{ color:#B65312}
.onsinews a, .onsinews h3, #sectionslide #slide-onsite h3{ color:#F47836}
#sectionslide #slide-plumbing h3{color:#999999;}

#newshead p{cursor:pointer; margin:8px 4px 0 0}
#newshead p.arrowl{width:9px; height:13px; float:right; background:url(/new/images/layout09/nav-arrowl.png);}
#newshead p.arrowr{width:9px; height:13px; float:right; background:url(/new/images/layout09/nav-arrowr.png);}
#newshead p.box{width:13px; height:13px; float:right; background:url(/new/images/layout09/nav-inactive.png);}
#newshead p.active{ background:url(/new/images/layout09/nav-active.png);}

.homenews .home{background:url(/new/images/layout09/feature-home.png);}
.bathnews .bath{background:url(/new/images/layout09/feature-bath.png);}
.plumnews .plum{background:url(/new/images/layout09/feature-plumbing.png);}
.irrinews .irri{background:url(/new/images/layout09/feature-irrigation.png);}
.hvacnews .hvac{background:url(/new/images/layout09/feature-hvacr.png);}
.civinews .civi{background:url(/new/images/layout09/feature-civil.png);}
.onsinews .onsi{background:url(/new/images/layout09/feature-onsite.png);}

#plumb-account{background:url(/new/images/layout09/plumb-login.png) no-repeat; height:88px; padding:8px 0 0; margin:0 0 5px 0}
#plumb-account form#login h3{ margin:0px 0 0 15px; font-size:16px; width:130px; float:left; clear:left;}
#plumb-account form#login p{ margin:0px 0 0 15px; width:130px; float:left; clear:left;}
#plumb-account form#login{float:left; margin:0;padding:0; width:330px;}
#plumb-account form#login .input-right{float:right; width:90px;}
#plumb-account form#login .input-right input{margin-bottom:3px;}
#plumb-account form#login .input-right p{margin:4px 0 3px 15px; width:90px;}

#plumb-account #login-right{width:560px; float:right;}
#plumb-account #login-right p{width:160px !important; height:50px; float:left; margin:15px 25px 0 0; background:url(/new/images/layout09/login-seperator.png) no-repeat right top;}
#plumb-account #login-right p strong{color:#0D2E56}
#plumb-account #login-right p a{text-decoration:underline; color:#0D2E56}

.end{background:none !important;}