@charset "UTF-8";
/*----- Web Solutions 3.0 Compatible -----*/
* {margin:0;padding:0;border:0;outline:none}
ul li{list-style:none}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr{font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit}
table {border-collapse:collapse}
td {vertical-align:top}



/*----- CORE ELEMENTS -----*/
#mainBody {background:#eef1f5}
#mainBG{background:url(../images/bkg.gif) repeat-x center top}
#wysiwygBody{background:#fff}
#siteWrap {margin-right:auto;margin-left:auto;width:950px;position:relative; background:url(../images/sitewrap_bkg.gif) repeat-y left top}
.clearFloats {clear:both}
#printHeader {display:none}
.nobr { white-space: nowrap}
td {empty-cells:show;}
.even{}
.odd{background:#efefef}

/*----- Text Styles -----*/
body, .text{font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:1.8em;color:#333333}
body, .text, th{text-align:left}

a{color:#0883c6;text-decoration:none}
a:hover, a:active{color:#53a2d6;text-decoration:none}

p, h1, h2, h3, h4, hr, #content ul, .contentEditor ul, blockquote, dd{margin-bottom:10px}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th{font-weight:normal}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{color:#31659b}
em, i{font-style: italic}
b, strong{font-weight:bold}
u { text-decoration:none}
hr, .borderTop, dt{border-top:1px solid #ccc;margin-top:10px;padding-top:5px}
hr{height:0px;margin-top:10px}
p{font-size:1em}
h1{font-size:1.66em;margin-bottom:15px; color:#2e7755; font-weight:bold}
h2{font-size:1.335em; color:#427f61}
h3{font-size:1.3em;margin-bottom:7px; color:#006db8}
h4, th{font-size:1.2em; color:#427f62; font-size:14px; font-weight:bold}
h5, h6, h7, h8, h9{font-size:1.1em;margin:0px 0px 0px 0px}
#content ul li, #content_home ul li, .contentEditor ul li, #featVid ul li, #news ul li, #events ul li, #blog ul li, #quickLinks ul li{background:url(../images/icons/16x16/bullet.gif) no-repeat 0px 1px;margin-top:3px;padding-left:17px}
#content ol, #content_home ol, .contentEditor ol{margin-left:20px}
#content ul li ul li, #content_home ul li ul li, .contentEditor ul li ul li{background:url(/images/icons/16x16/bullet2.gif) no-repeat -5px -1px;margin-top:3px;padding-left:10px;color:#333;margin-top:2px;font-size:.92em;line-height:1.4em}
#content ul li ul li a, .contentEditor ul li ul li a{color:#666}
#content ul li ul li a:hover, .contentEditor ul li ul li a:hover{color:#f03c5e}
#content ul li ul li ul li a, .contentEditor ul li ul li ul li a{color:#999}
#content ul li ul li ul, .contentEditor ul li ul li ul{margin-bottom:0}
#content ul li ul li ul li a:hover, .contentEditor ul li ul li ul li a:hover{color:#f03c5e}
sup, sub { font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}

/*----- Forms -----*/
.formBox, .formTextarea, .ValidatorTextClass input{border:1px solid #ccc;line-height:1.15em;color:#666666;background:transparent url(../images/formboxBG.gif) no-repeat 0 0}
.formBox, .ValidatorTextClass input{padding: 2px 3px;background-color:#fff}
.formTextarea{padding: 2px 0px;background-color:#fff}
.formSelect{padding:0;border:1px solid #ccc;line-height:1.15em}
.formSelect option{padding:0 3px}
.formButton{padding:2px 3px;background:#4e8e7a;cursor:pointer;color:#fff;line-height:1.15em;border:solid 1px #4e8e7a;position:relative;bottom:0;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
	-moz-box-shadow: -2px 2px 8px rgba(0,0,0,0.2);-webkit-box-shadow: -2px 2px 8px rgba(0,0,0,0.2);box-shadow: -2px 2px 8px rgba(0,0,0,0.2);
	-moz-border-radius: .2em;border-radius: .2em;
	-webkit-transition: all 100ms ease-out;-moz-transition: all 100ms ease-out;-o-transition: all 100ms ease-out;transition: all 100ms ease-out;
}
a.formButton{padding:4px 6px}
.formButton:hover, a.formButton:hover{background-color:#006db8;text-decoration:none;color:#fff; border: solid 1px #006db8}
.formButton:focus, .formButton:active {bottom:-2px;
	-moz-box-shadow: -2px 0px 8px rgba(0,0,0,0.2);-webkit-box-shadow: -2px 0px 8px rgba(0,0,0,0.2);box-shadow: -2px 0px 8px rgba(0,0,0,0.2);
}
input.formButton.bulky {padding:4px 6px; font-size:1.2em}
a.formButton.bulky {padding:8px 12px; font-size:1.2em}
.subjClass{visibility:hidden;width:1px;height:1px}
#mainBody #Captcha label{padding-left:0}

/*----- FormCheck Errors -----*/
.fc-tbx .tl{background: url('../images/formCheck/tl.png') no-repeat}
.fc-tbx .t{background:url('../images/formCheck/t.png') repeat-x;height:16px}
.fc-tbx .tr{background: url('../images/formCheck/tr.png') no-repeat}
.fc-tbx .l{background: url('../images/formCheck/l.png') repeat-y;width:16px}
.fc-tbx .r{background: url('../images/formCheck/r.png') repeat-y;width:16px}
.fc-tbx .bl{background: url('../images/formCheck/bl.png') no-repeat}
.fc-tbx .b{background: url('../images/formCheck/b.png') no-repeat;height:25px}
.fc-tbx .b2{background: url('../images/formCheck/b2.png') no-repeat;height:25px}
.fc-tbx .br{background: url('../images/formCheck/br.png') no-repeat}
.fc-tbx .c{background: url('../images/formCheck/c.png') repeat}
.fc-tbx a.close{float: right;background: url('../images/formCheck/close.png') no-repeat;position:relative;margin-left:5px;display:block;width:10px;height:10px;cursor:pointer}
.fc-tbx .err{float:left}
.fc-tbx p{width:auto;display:block;font-size:10px; font-family:Tahoma, Verdana, sans-serif;margin:0;padding:0;border:0;color:#FFF}

.ajax_loader{width:200px;height:150px}
.fc-error{border:1px solid #888;margin-top:5px;background-color:#EAEAEA}
.fc-error p{margin:5px;color:#A00}


/*----- Fancy Checkbox -----*/
#mainBody label{padding-left:20px}
#mainBody .checked{background:transparent url(../images/chk_on.png) no-repeat 0 0}
#mainBody .unchecked{background:transparent url(../images/chk_off.png) no-repeat 0 -2px}
#mainBody .selected{background:transparent url(../images/rdo_on.png) no-repeat 0 -1px}
#mainBody .unselected{background:transparent url(../images/rdo_off.png) no-repeat 0 -1px}



/*----- HEADER -----*/
#brand{width:257px;height:177px;position:absolute;left:2px;top:47px;background:url(../images/logo.gif) no-repeat 0 0;display:block}

#t0 {width:500px;height:20px;position:absolute;left:450px;top:20px;color:#ccc;font-size:10px;line-height:10px;text-align:right}
#t0 a {text-decoration:none;color:#999; }
#t0 a:hover, #tier0 a:active {color:#666}
#t0 a.on {text-decoration:none;color:#666;}

.t1{width:948px;position:absolute;left:1px;top:4px;height:43px}
.t1_home{}
.t1 li, .t1_home li{float:left}
.t1 a:link, .t1 a:visited{display: block;color:#fff;text-decoration:none}
.t1 a:hover, .t1 a:active{background:#42597d;}
.t1 a.on:link, .t1 a.on:visited, .t1 a.on:hover, .t1 a.on:active{background:#fff;color:#132f5d;}
.t1 img, .t1_home img{margin-right:0}
.t1 li ul, .t1_home li ul{position:absolute;z-index:9999;width:200px;padding:5px 0;background:transparent url(../images/navigation/menu_background.png) repeat-y 0px 0px;font-size:12px;line-height:14px}
.t1 li ul li, .t1_home li ul li{float:none;display: block}
.t1 li ul li a, .t1_home li ul li a{color:#fff;text-decoration:none;padding:5px 10px; display:block}
.t1 li ul li a:hover, .t1 li ul li a:active, .t1_home li ul li a:hover, .t1_home li ul li a:active{color:#444041;background:#fff}



/*----- SITEWRAP2 -----*/
#siteWrap2{width:950px;float:left;margin-top:224px; background: url(../images/sitewrap2_bkg.gif) repeat-y left top}
#siteWrap2Home{width:950px;float:left;margin-top:224px}

/*----- Left Column -----*/
#leftCol{float:left;margin-right:30px;width:257px;min-height:1px;overflow:hidden; padding:0 0 0 1px}

.sidenav{width:257px;overflow:hidden; margin-bottom:20px}
.sidenav li{display:inline}
.sidenav li a{width:227px;padding:8px 10px 8px 20px;text-decoration:none;color:#4c5863;display:block;background:url(../images/navigation/nav.gif) no-repeat 0 0;font-size:12px;line-height:18px; font-size:14px; border-bottom:solid 1px #b6c8d8}
.sidenav li a:hover, .sidenav li a:active{background:url(../images/navigation/nav.gif) no-repeat 0 0;color:#000}
.sidenav li.on a{color:#4c5863;background:url(../images/navigation/nav.gif) no-repeat 0 0}

.sidenav li.on ul li a{width:217px;padding:8px 20px 8px 20px;text-decoration:none;color:#4c5863;display:block;background:url(../images/navigation/nav.gif) no-repeat 0 -100px;font-size: 12px;line-height: 13px; border-bottom:none}
.sidenav li ul li a:hover, .sidenav li ul li a:active{color:#4c5863;background:url(../images/navigation/nav.gif) no-repeat 0 -200px}
.sidenav li ul li.on a{color:#4c5863;background:url(../images/navigation/nav.gif) no-repeat 0 -300px}

.sidenav li ul li.on ul li a{width:197px;padding:4px 20px 4px 42px;text-decoration:none;color:#000000;display:block;background: #fff url(../images/navigation/nav.gif) no-repeat 0 -400px;font-size: 11px;line-height: 12px; border-bottom:none}
.sidenav li ul li ul li a:hover, .sidenav li ul li ul li a:active{color:#2e7755;background:url(../images/navigation/nav.gif) no-repeat 0 -500px}
.sidenav li ul li ul li.on a{color:#132f5d;background:url(../images/navigation/nav.gif) no-repeat 0 -600px}

.sidenav li ul li ul li.on ul li a{width:187px;padding:2px 30px 2px 52px;text-decoration:none;color:#999;display:block;background: #fff url(../images/navigation/nav.gif) no-repeat 0 -700px;font-size: 10px;line-height: 12px; border-bottom:none}
.sidenav li ul li ul li ul li a:hover, .sidenav li ul li ul li ul li a:active{color:#333;background: #fff url(../images/navigation/nav.gif) no-repeat 0 -800px}
.sidenav li ul li ul li ul li.on a{color:#132f5d;background: #fff url(../images/navigation/nav.gif) no-repeat 0 -900px}

.calloutsLeft { text-align:center; float:left; }
.calloutsLeft img { margin-bottom:15px}
/*----- Content -----*/
#content{float:left;width:620px;padding:15px 0;overflow:hidden; min-height:500px}
.photoright{float:right;padding:0px 0px 10px 20px}
.photoleft{float:left;padding:0px 20px 10px 0px}
.phototreatment{ padding:3px; border: solid 1px #cdd6de}
.dark{background:#efefef}
.light{background:#fff}
.muted {opacity:0.5;filter:alpha(opacity=50)}

/*----- FOOTER -----*/
#fatFooterContainer { padding:15px 10px 15px 20px;background:#f0f4f7;border: solid 1px #b6c8d8; margin:1px 0;}

#fatFooter {color:#666666;font-size:10px;line-height:1.2em}
#fatFooter span{color:#4c5863; margin-bottom:4px; text-transform:uppercase; font-weight:bold; font-size:10px; line-height:10px}
#fatFooter p { line-height:1.4em}
#fatFooter li { display:inline}
#fatFooter ul li a{color:#4c5863;display:block;text-decoration:none; margin:0; padding-bottom:5px; white-space:nowrap; line-height:1.2em; padding-right:10px; font-size:10px; font-weight:bold; text-transform:uppercase}
#fatFooter ul li a:hover, #fatFooter ul li a:active{color:#b6c8d8}
#fatFooter ul li.on a {color:#006db8}

#fatFooter ul li ul li a, #fatFooter ul li.on ul li a{color:#666666;display:block; line-height:10px; text-decoration:none; white-space:normal; background:url(../images/footer_arrow.gif) no-repeat 0 0;padding-left:17px; font-weight:normal; text-transform:none}
#fatFooter ul li ul li a:hover, #fatFooter ul li ul li a:active{color:#999999}
#fatFooter ul li ul li.on a{color:#999999}

#footer{float:left;width:910px;padding:0 20px 20px 20px;color:#666666;font-size:.9em;line-height:1.2em}
#footer a{color:#666666; text-decoration:underline}
#footer a:hover, #footer a:active{color:#333}
#footer a.on{text-decoration:none;color:#666}
#wsLogo {float:right;padding-right:25px}

#footerLogos { padding:15px 10px 0 15px;border-top: solid 10px #b6c8d8;}
#footerLogos img { padding:5px 11px 0 11px}

#footerText { padding:0 170px 0 20px;font-size:.9em;color:#666666; line-height:14px}

/*----- HOMEPAGE ELEMENTS -----*/
#homeLeft { float:left; width:255px;margin-right:30px;min-height:1px;overflow:hidden; padding:3px 0 0 1px}
.leftCallout img { border-bottom:solid 1px #4e8e7a; border-top:solid 1px #4e8e7a; margin-bottom:8px}

#services { float:left; background:url(../images/home/service_bkg2.gif) no-repeat left top; display:block; width:255px; min-height:256px;border-bottom:solid 1px #4e8e7a; margin-bottom:8px}
#services ul { float:left; padding:10px 0 5px 15px; width:112px}
#services ul li { float:left; width:90px;color:#666666;line-height:1.5em; text-decoration:none; white-space:normal; background:url(../images/home/bullet.gif) no-repeat 0 4px;padding-left:17px; font-weight:normal; text-transform:none}
#services a { color:#4e8e7a}
#services a:hover, #services a:active { color:#006db8}

#video { float:left; width:255px; margin-bottom:15px}

#homeRight { width:379px; float:left; margin:120px 0 0 0; padding-left:10px}
#homeRight h3 { color:#77755b; font-weight: bold; line-height:20px; background:url(../images/home/blog_bullet.gif) no-repeat 110px 2px}
#homeRight h3 a{color:#77755b; line-height:20px; padding-bottom:3px}
#homeRight h3 a:hover, #homeRight h3 a:active {color:#4e8e7a; line-height:20px;}

.blue {color:#006fb7}
#flash {position:absolute;left:261px;top:58px; width:682px; height:164px}

#calloutsRight { float:right; width:210px; padding:125px 25px 0 40px}
#calloutsRight a { margin-bottom:15px}

.portfolio {width:210px; height:87px; float:left; background:url(../images/home/callout_portfolio.gif) no-repeat left top; display:block}
.portfolio:hover {width:210px; height:87px; float:left; background:url(../images/home/callout_portfolio.gif) no-repeat left bottom; display:block}

.showroom {width:210px; height:87px; float:left; background:url(../images/home/callout_showroom.gif) no-repeat left top; display:block}
.showroom:hover {width:210px; height:87px; float:left; background:url(../images/home/callout_showroom.gif) no-repeat left bottom; display:block}

.bath {width:210px; height:87px; float:left; background:url(../images/home/callout_bath.gif) no-repeat left top; display:block}
.bath:hover {width:210px; height:87px; float:left; background:url(../images/home/callout_bath.gif) no-repeat left bottom; display:block}

.products {width:210px; height:87px; float:left; background:url(../images/home/callout_products.gif) no-repeat left top; display:block}
.products:hover {width:210px; height:87px; float:left; background:url(../images/home/callout_products.gif) no-repeat left bottom; display:block}

.awards {width:210px; height:87px; float:left; background:url(../images/home/callout_awards.gif) no-repeat left top; display:block}
.awards:hover {width:210px; height:87px; float:left; background:url(../images/home/callout_awards.gif) no-repeat left bottom; display:block}

/*----- APPS AND COMPONENTS -----*/

/*----- Share Links -----*/
#linkBar{font-size:.9em;color:#666666; padding:0 20px; margin:0 0 2px 0}
#linkBar a{text-decoration:none;color:#666666; text-decoration:underline}
#linkBar a:hover, #linkBar a:active{text-decoration:none;color:#333}

/*----- Driving Directions -----*/
.ddGo { padding: 2px 3px; background: #f03c5e; cursor:pointer; color:#fff; font-size:11px; line-height:13px; border: solid 1px #e20e23; height:20px; font-size:12px; margin-left:5px}
#map h2{margin:0 0 5px 0}

/*----- Font Resizer AAA -----*/
.resizeSmall{font-size:9px}
.resizeMedium{font-size:12px}
.resizeLarge{font-size:15px}

/*----- Ad Rotator -----*/
.adRotator{}
.adRotator img{}

/*----- JS Rotator -----*/
#jsRotator{}

/*----- Alert App -----*/
#alertApp{width:910px;background:#900000;padding:15px 0;color:#fff;font-size:14px;line-height:16px;color:#fff;text-align:center}
#alertApp p{color:#fff}
#alertApp a:link, #alertApp a:visited{color:#ffffff;text-decoration:underline}


/*----- Callouts App -----*/
.callouts {position:absolute;left:261px;top:227px; width:682px; height:95px}
.callouts img{margin-bottom:10px;}
.callouts span{display:block}



/*----- MANAGEMENT -----*/
#Alert{position:absolute;z-index:9996;width:100%;overflow:hidden;text-align:center;left:0;padding-top: 6px;background-color:#ADC1D7;color:#1D467C;font-size:12px;line-height:14px;opacity:0.8;filter:alpha(opacity=80)}

/*----- Manage -----*/
.manage th{padding:5px 0;border-bottom:1px solid #ccc}
.manage th.right{text-align:right}
.manage th.sort{cursor:pointer}
.manage th.sort img{margin-left:5px}
.manage td{padding:1px}
.manage img.preload{display: none;position: absolute;z-index: 9900;top: 0px; border: solid 1px #FFFFFF}
.manage td.icons{padding-left:5px;width:45px}
.manage td.icons img{float:left;margin:3px 5px 0 0}
.manage .hidden{font-style:italic;color:red}
.button{text-align:right;padding:10px 0}



/*----- CUSTOM -----*/
.highlight {border:1px solid #b6c8d8; margin:20px 0; background:#eef1f5; padding:1px; float:left}
.highlightTitle { background:#84ad9a url(../images/highlight_bkg.gif) repeat-x left top; padding:5px 5px 5px 10px; font-size:15px; color:#333333}
.highlight ul { padding:10px 20px}

.pageHeader {position:absolute;left:262px;top:58px; width:670px; height:148px; padding:4px; border:solid 1px #cdd5dd}
.vendorLogos img { padding:5px 15px; margin-top:20px}

.estimate { display:block; background:url(../images/estimate.gif) no-repeat left top; width:295px; height:37px; margin:15px 0}
.estimate:hover { display:block; background:url(../images/estimate.gif) no-repeat left bottom; width:295px; height:37px}

#headerPhoto { float:left;width:301px; height:244px; margin-right:18px}

.testimonial {float:left;width:261px; height:204px;display:block; background:url(../images/bkg_testimonial.gif) no-repeat left top; padding:20px; overflow:hidden; color:#333333; font-size:14px; line-height:20px;}
.testimonial span { color:#2c80be; display:block; font-size:16px; font-weight:bold; padding-bottom:10px}

.testimonial p i, .testimonial p em { padding-left:8px; color:#666666}

#headerPhotoFeatured { float:left;width:406px; height:244px}
.featuredBrief { float: left; width:181px; height:194px; background:url(../images/featured_brief_bkg.gif) no-repeat left top; display:block; padding:30px 15px 20px 10px}
.featuredBrief span { font-weight:bold; color:#2c80be; margin-bottom:15px; display:block}

.Buttons{float:left;padding:5px 8px;background:#b8d0c4;cursor:pointer;color:#333;font-size:12px;line-height:13px;border: solid 1px #fff; margin-right:12px; font-style:italic}
.Buttons:hover, .Buttons:active{background:#84ad9a;color:#fff;text-decoration:none; border: solid 1px #fff; background-image:none}

.services { float: left; width:300px; margin:0; padding:0}
#content .services li { float:left;display:block;border-bottom: solid 1px #cdd5dd; background:none; margin:0; padding:0}
.services img { float:left; border: solid 1px #999999; margin:3px; width:41px; height:41px; margin-right:10px}
.services a { display: block; overflow: hidden; width:300px; height:50px; font-size:14px; color:#333333}
.services a:hover{background:#cadcd4}

.servicesLinks { display:block; padding-top:15px}
.blue { color:#2c80be; padding:none; display: inline}

#albumContainer { float:left; width:620px; background:#e9eef2; padding:5px 0; margin-bottom:20px}
#albumContainer .Buttons { float:right; margin-bottom:5px}
#projectSpecContainer { float:left; border: solid 1px #b6c8d8; width:606px; padding:2px; margin:8px 3px; background:#fff}
#projectspecs { float:left; width:302px}
#projectspecs h3 { display:block; background:#2e7755; color:#fff; width:292px; height:23px; font-size:14px; font-weight:bold; padding:5px 0 0 10px; line-height:16px}

#content #projectspecs li {border-bottom: solid 1px #cdd5dd; background:none; padding-bottom:5px}

#description { float:left; width:302px; font-size:11px; line-height:1.2em; margin-left:2px}
#description h3 { display:block; background:#2e7755; color:#fff; width:292px; height:23px; line-height:16px; font-size:14px; font-weight:bold; padding:5px 0 0 10px}
#description span { display:block; color:#2e7755; font-size:12px; padding:5px 20px 10px 10px}
#description p {padding:5px 20px 0 10px}

.calculator td { padding-bottom:10px; padding-right:10px}