body, form {margin:0px;padding:0px;}
body, table {font-size:13px;font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;}
img {border:0px;}

.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}

.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}

.fLeft {float:left;}
.fRight {float:right;}

/* -- BEGIN CUSTOM STYLES -- */
body {background:url(../images/topBg.gif) top left repeat-x;}
.mainHolder {width:987px;margin:0px auto;}
.topHolder {width:100%;height:111px;position:relative;}
.bodyHolder {background:url(../images/bg.gif) top left repeat-x;}
.homeHolder {width:998px;background:url(../images/bg.gif) top left repeat-x;margin:0px auto;}

.topRight {margin-top:3px;width:550px;text-align:right;}
.topRight input {height:14px;margin-top:1px;width:100px;}
.topRight .arrow {float:right;display:inline;vertical-align:bottom;cursor:pointer;margin:1px 0px 0px 3px;}
.topRight a:link, .topRight a:visited, .topRight a:active {color:#000000;text-decoration:none;}
.topRight a:hover {text-decoration:underline;}

.homeLogo {float:left;width:238px;height:110px;text-decoration:none;background:url(../images/topLogo.gif) top left no-repeat;}
.hoverLogo {float:left;width:238px;height:110px;text-decoration:none;background:url(../images/topLogo.gif) top left no-repeat;}
.hoverLogo:hover {background:url(../images/topLogo.gif) bottom left no-repeat;}

.topMenu {position:absolute;top:39px;right:-6px;width:566px;height:48px;background:url(../images/menu.gif) 0px -144px repeat-x;}
.topMenu .menuLeft {float:left;width:19px;height:48px;background:url(../images/menu.gif) 0px 0px no-repeat;}
.topMenu .menuRight {float:right;width:19px;height:48px;background:url(../images/menu.gif) -19px 0px no-repeat;}
.topMenu a:link, .topMenu a:visited, .topMenu a:active {float:left;color:#FFFFFF;font-size:14px;font-weight:bold;padding:14px 11px 10px 12px;text-decoration:none;background:url(../images/menu.gif) 100% -96px no-repeat;}
.topMenu a:hover, .currentPage {background:url(../images/menu.gif) 100% -48px no-repeat !important;}
.searchOff {color:#A9A9A9;height:16px !important;}
.searchOn {color:#000000;height:16px !important;}

.homeFeature {height:250px;width:999px;margin:0px auto;}
.homeFeature .feature {height:248px;overflow:auto;padding:0px 0px 0px 0px;}
.homeFeature .feature h1 { font-size: 23px; margin: 0px; padding: 0px; margin: 12px 0px; }
.homeFeature .feature h2 { font-size: 18px; margin: 0px; padding: 0px; margin-bottom: 12px; }
.homeFeature .feature h3 { font-size: 14px; margin: 0px; padding: 0px; margin-bottom: 12px; }
.homeFeature .feature h1, .homeFeature .feature h2, .homeFeature .feature h3 { margin-left: 20px; }

.boxes {color:#FFFFFF;margin:36px auto 0px auto;width:994px;height:241px;position:relative;}
.boxes table tr td {vertical-align:top;}
.boxCol1, .boxCol1b, .boxCol2, .boxCol2b, .boxCol3, .boxCol3b, .boxCol4, .boxCol4b {position:absolute;width:11px;height:241px;}
.boxCol1 {top:0px;left:0px;background:url(../images/homeBoxes.gif) 0px 0px no-repeat;}
.boxCol1b {top:0px;right:0px;background:url(../images/homeBoxes.gif) -179px 0px no-repeat;}
.boxCol2 {top:0px;left:0px;background:url(../images/homeBoxes.gif) -215px 0px no-repeat;}
.boxCol2b {top:0px;right:0px;background:url(../images/homeBoxes.gif) -395px 0px no-repeat;}
.boxCol3 {top:0px;left:0px;background:url(../images/homeBoxes.gif) -431px 0px no-repeat;}
.boxCol3b {top:0px;right:0px;background:url(../images/homeBoxes.gif) -611px 0px no-repeat;}
.boxCol4 {top:0px;left:0px;background:url(../images/homeBoxes.gif) -647px 0px no-repeat;}
.boxCol4b {top:0px;right:0px;background:url(../images/homeBoxes.gif) 100% 0px no-repeat;}

.boxSpacer {float:left;width:1.5%;height:241px;}

.boxEducationHeader {background:url(../images/homeBoxes.gif) -11px 0px no-repeat;}
.boxEducation {float:left;width:24%;height:241px;position:relative;background:url(../images/boxesBg.gif) 0px 0px repeat-x;text-align:center;}
.boxEducationBottom {background:url(../images/boxesBg.gif) 0px -176px repeat-x;height:65px;text-align:center}

.boxInstallationHeader {background:url(../images/homeBoxes.gif) -226px 0px no-repeat;}
.boxInstallation {float:left;width:24%;height:241px;position:relative;background:url(../images/boxesBg.gif) 0px -241px repeat-x;text-align:center;}
.boxInstallationBottom {background:url(../images/boxesBg.gif) 0px -417px repeat-x;height:65px;text-align:center}

.boxDesignHeader {background:url(../images/homeBoxes.gif) -442px 0px no-repeat;}
.boxDesign {float:left;width:24%;height:241px;position:relative;background:url(../images/boxesBg.gif) 0px -482px repeat-x;text-align:center;}
.boxDesignBottom {background:url(../images/boxesBg.gif) 0px -658px repeat-x;height:65px;text-align:center}

.boxContractorHeader {background:url(../images/homeBoxes.gif) -658px 0px no-repeat;}
.boxContractor {width:24%;height:241px;position:absolute;top:0px;right:0px;background:url(../images/boxesBg.gif) 0px -723px repeat-x;text-align:center;}
.boxContractorBottom {background:url(../images/boxesBg.gif) 0px -899px repeat-x;height:65px;text-align:center}

.boxEducation h2, .boxInstallation h2, .boxDesign h2, .boxContractor h2 {margin:8px 0px 0px 0px;position:absolute;top:0px;left:0px;width:100%;text-align:center;z-index:100;font-size:18px;}
.boxEducation h3, .boxInstallation h3, .boxDesign h3, .boxContractor h3 {margin:8px 0px 0px 0px;position:absolute;top:1px;left:1px;width:100%;text-align:center;color:#000000 !important;z-index:1;font-size:18px;}
.boxEducation p, .boxInstallation p, .boxDesign p, .boxContractor p {text-align:center !important;margin:5px 12px;padding:0px;line-height:16px;}
.headerSpacer {font-size:24px;}

.feeds {width:967px;margin:20px auto 15px auto;float:left;}
.newsFeed {float:left;width:50%;}
.newsFeed div {width:90%;}
.readMore {font-weight:bold;color:#1b3775;text-align:right;width:100% !important;}
.readMore a {color:#1b3775;}
.newsFeed h2 {font-size:18px;color:#1b3775;}
.newsFeed h3 {font-size:15px;}
.newsFeed img {vertical-align:middle;}

.innerPage {background:url(../images/breadCrumbsBg.gif) top left repeat-x;}
.breadcrumbs {width:980px;height:21px;margin:0px auto;font-weight:bold;color:#343434;padding-top:4px;}
.breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:active {color:#343434;text-decoration:none;}
.breadcrumbs a:hover {background:#E8E8E8;text-decoration:underline;}

.innerContent {width:980px;margin:0px auto;background:url(../images/leftBg.gif) top left repeat-y;position:relative;}
.innerLeft {position:absolute;top:0px;left:0px;width:260px;}
.innerLeft h2 {margin:0px;padding:0px;background:url(../images/leftHeaderBg.gif) top left no-repeat;color:#FFFFFF;font-size:20px;padding:10px 0px 7px 0px;text-align:center;}
.leftMenu {background:url(../images/leftMenuBg.gif) top left no-repeat;padding:10px 0px 0px 18px;}
.leftMenu ul, .leftMenu ul li {margin:0px;padding:0px;width:214px;}
.leftMenu ul li {list-style:none;border-bottom:1px solid #3a853a;padding:2px 0px 2px 10px;cursor:pointer;}
.leftMenu ul li:hover {background:#357f35;}
.leftMenu a:link, .leftMenu a:visited, .leftMenu a:active {color:#FFFFFF;font-size:13px;text-decoration:none;}
.menuSelected {font-weight:bold;padding-left:15px;}
.leftMenu ul li .leftMenu {background:none !important;padding:0px 0px 0px 10px;color:#FFFFFF;font-size:11px;}
.leftMenu ul li .leftMenu ul li {list-style-type:circle;list-style-position:inside;width:194px !important;border-bottom:0px;font-size:11px;}
.leftMenu ul li .leftMenu ul li a {font-size:11px;}
.nohover {padding: 0px 0px 0px 10px !important;}
.nohover:hover {background: none !important;}

.boxBottom {width:100%;position:absolute;bottom:10px;left:0px;}
.boxButtons {width:160px;margin:0px auto;}
.boxButtons a:link, .boxButtons a:visited, .boxButtons a:active {width:160px;float:left;font-weight:bold;color:#212121;font-size:16px;text-decoration:none;padding:3px 0px;letter-spacing:-1px;}

.oBut1, .oBut1:visited, .oBut1:active {background:url(../images/boxButtons.gif) 0px -54px no-repeat;}
.oBut1:hover {background:url(../images/boxButtons.gif) 0px 0px no-repeat;}
.oBut2, .oBut2:visited, .oBut2:active {background:url(../images/boxButtons.gif) 0px -81px no-repeat;padding:2px 0px 3px 0px !important;}
.oBut2:hover {background:url(../images/boxButtons.gif) 0px -27px no-repeat;}

.rBut1:link, .rBut1:visited, .rBut1:active {background:url(../images/boxButtons.gif) 0px -162px no-repeat;}
.rBut1:hover {background:url(../images/boxButtons.gif) 0px -108px no-repeat;}
.rBut2, .rBut2:visited, .rBut2:active {background:url(../images/boxButtons.gif) 0px -189px no-repeat;padding:2px 0px 3px 0px !important;}
.rBut2:hover {background:url(../images/boxButtons.gif) 0px -135px no-repeat;}

.bBut1, .bBut1:visited, .bBut1:active {background:url(../images/boxButtons.gif) 0px -270px no-repeat;}
.bBut1:hover {background:url(../images/boxButtons.gif) 0px -216px no-repeat;}
.bBut2, .bBut2:visited, .bBut2:active {background:url(../images/boxButtons.gif) 0px -297px no-repeat;padding:2px 0px 3px 0px !important;}
.bBut2:hover {background:url(../images/boxButtons.gif) 0px -243px no-repeat;}

.gBut1, .gBut1:visited, .gBut1:active {background:url(../images/boxButtons.gif) 0px -378px no-repeat;}
.gBut1:hover {background:url(../images/boxButtons.gif) 0px -324px no-repeat;}
.gBut2, .gBut2:visited, .gBut2:active {background:url(../images/boxButtons.gif) 0px -405px no-repeat;padding:2px 0px 3px 0px !important;}
.gBut2:hover {background:url(../images/boxButtons.gif) 0px -351px no-repeat;}

.inner {margin-left:270px;}
.inner p {padding:0px 10px 0px 20px;margin:10px 0px 0px 0px;}
.inner h1 {background:url(../images/contentP.gif) top left no-repeat;font-size:24px;color:#1b3775;margin:0px;padding:10px 0px 0px 20px;font-weight:normal;}
.inner h2, .inner h3 {margin:10px 0px;padding: 0px 0px 0px 20px;}
.inner p h2, .inner p h3 { padding: 0px !important;}
.inner .pEnd {background:url(../images/contentP2.gif) bottom right no-repeat;margin:0px !important;padding:0px !important;height:29px;}
.inner ul { margin-left: 35px; }
.inner ol { margin-left: 35px; }

.bottomHolder {background:#D8D8D8;border-top:1px solid #B7B7B7;color:#000000;text-align:center;float:left;width:100%;height:30px;}
.bottomHolder a:link, .bottomHolder a:active, .bottomHolder a:visited {color:#343434;text-decoration:none;}
.bottomHolder a:hover {background:#E8E8E8;text-decoration:underline;}

/* GALLERY STYLES */
.galleryHolder {width:492px;height:248px;background:#D8D8D8;position:relative;margin-right: 7px; }
.galleryControls {position:absolute;bottom:11px;right:7px;float:left;z-index:100;}
.galleryImage1 {position:absolute;top:0px;left:0px;float:left;z-index:1;}
.galleryImage2 {position:absolute;top:0px;left:0px;float:left;z-index:1;}

/*-- required & default rules --*/

.loading {
left: 210px;
position: absolute;
top: 74px;
}

#slide_holder {
background-repeat: no-repeat;
height: 253px;
overflow: hidden;
position: relative;
text-align: left;
width: 524px;
/* -- width: 1533px; */
z-index: 1000;
}
#slide_holder_inner {
height: 248px;
left: 0px;
overflow: hidden;
position: absolute;
top: 0px;
width: 100%;
z-index: 2000;
}

/*-- for slide divs --*/

#slide_holder_inner div {
position: absolute;
}
/*-- for divs in html slides to position relative --*/
div#slide_holder_inner div.slide div {
position: relative;
}
div#carousel_controls {
background-position: 0 0;
background-repeat: no-repeat;
height: 20px;
width: 100%;
z-index: 4000;
border-bottom: 1px solid #FFFFFF;
}

/*-- next & prev buttons --*/
#nex_prev_buttons {
position: absolute;
left: 0;
z-index: 5000;
}
#prev_button span, #next_button span {
color: #fff;
font-weight: bold;
}
#prev_button span:hover, #next_button span:hover {
color: #ededed;
}
#next_button {
cursor: pointer;
cursor: hand;
top: 0px;
height: 20px;
right: 0px;
width: 50px;
z-index: 10;
text-align: center;
}
#next_button:hover {}
#prev_button {
cursor: pointer;
cursor: hand;
top: 0px;
height: 20px;
right: 50px;
width: 50px;
z-index: 10;
text-align: center;
}
#slide_captions {
background: #000000;
opacity: .3;
filter: alpha(opacity=30);
width: 100%;
height: 20px;
}
#prev_button:hover {
}
/*-- end next & prev buttons --*/

#row_of_slides {
position: absolute;
top: 0;
}
#row_of_slides .slide {
position: absolute;
}

/*-- end for carousel view --*/
/*-- end number display --*/
/*-- end required & default rules --*/

#tooltip {position:absolute;background:#FFFFFF;border:1px solid #B7B7B7;padding:5px;z-index:3000;}


.affiliations {float:left;text-align:center;width:990px;}
.affiliations table {margin:0px auto;}
.aff_bbb {background:url(../images/affMap.gif) 0px 0px no-repeat;}
.aff_aegb {background:url(../images/affMap.gif) 0px -96px no-repeat;}
.aff_afcsa {background:url(../images/affMap.gif) 0px -196px no-repeat;}
.aff_nari {background:url(../images/affMap.gif) 0px -271px no-repeat;}
.aff_hba {background:url(../images/affMap.gif) 0px -366px no-repeat;}
.aff_ca {background:url(../images/affMap.gif) 0px -459px no-repeat;}
.aff_bbb:hover {background:url(../images/affMap.gif) -123px 0px no-repeat;}
.aff_aegb:hover {background:url(../images/affMap.gif) -123px -96px no-repeat;}
.aff_afcsa:hover {background:url(../images/affMap.gif) -123px -196px no-repeat;}
.aff_nari:hover {background:url(../images/affMap.gif) -123px -271px no-repeat;}
.aff_hba:hover {background:url(../images/affMap.gif) -123px -366px no-repeat;}
.aff_ca:hover {background:url(../images/affMap.gif) -123px -459px no-repeat;}

.frontpageIcons { width: 473px; height: 82px; margin: 0px auto; }
.frontpageIcons ul, .frontpageIcons ul li { margin: 0px; padding: 0px; list-style: none none outside; }
.frontpageIcons ul li { margin-left: 0px;  float: left; }
.frontpageIcons ul li:first-child { margin-left: 0px; }
.frontpageIcons ul li a:link, .frontpageIcons ul li a:active, .frontpageIcons ul li a:visited { color: #D8D8D8; font-size: 3px; text-decoration: none; float: left; width: 75px; height: 82px; background: url(../images/frontpageIcons.gif) 1000px 1000px #D8D8D8 no-repeat; }
.iconsRainwater { background-position: 0px -82px !important; }
.iconsGraywater { background-position: -75px -82px !important; }
.iconsDrainage { background-position: -150px -82px !important; }
.iconsGutters { background-position: -225px -82px !important; }
.iconsIrrigation { background-position: -300px -82px !important; }
.iconsLandscape { background-position: -375px -82px !important; }
.iconsRainwater:hover { background-position: 0px 0px !important; }
.iconsGraywater:hover { background-position: -75px 0px !important; }
.iconsDrainage:hover { background-position: -150px 0px !important; }
.iconsGutters:hover { background-position: -225px 0px !important; }
.iconsIrrigation:hover { background-position: -300px 0px !important; }
.iconsLandscape:hover { background-position: -375px 0px !important; }

.stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; }
.slider-wrap { margin: 0 0 13px 0; position: relative; width: 690px !important; }

.csw { width: 100%; height: 460px; background: #fff; overflow: scroll }
.csw .loading { margin: 200px 0 300px 0; text-align: center }
.stripViewer { position: relative;overflow: hidden; border: 2px solid #1B3775; margin: auto;width: 100% !important; height: 575px; clear: both; background: #fff;}
.stripViewer .panelContainer { position: relative; left: 0; top: 0; width: 100%; list-style-type: none;}
.stripViewer .panelContainer .panel { float:left; height: 100%; position: relative;width: 690px; }
.stripViewer .panelContainer .panel .wrapper { padding: 10px;}
.stripNav { width: 100% !important; float:right; text-align: right; }
.stripNav ul { list-style: none; float: right; }
.stripNav ul li { float: left;margin-right: 2px; }
.stripNav a { font-size: 13px;font-weight: bold;text-align: center;line-height: 25px;background: #c6e3ff;color: #1B3775;text-decoration: none;display: block;padding: 0 15px; -moz-border-radius: 8px 8px 0px 0px; }
.stripNav li.tab1 a { background: #DDD }
.stripNav li.tab2 a { background: #DDD }
.stripNav li.tab3 a { background: #DDD }
.stripNav li.tab4 a { background: #DDD }
.stripNav li.tab5 a { background: #DDD }
.stripNav li a.current { background: #1B3775;color: #fff;}
.stripNavL, .stripNavR { position: absolute;top: 230px;text-indent: -9000em;}
.stripNavL a, .stripNavR a { display: block;height: 40px;width: 40px;}
.stripNavL { left: 0;}
.stripNavR { right: 0;}
.stripNavL { background: url("images/arrow-left.gif") no-repeat center;}
.stripNavR { background: url("images/arrow-right.gif") no-repeat center;}

/*-- for file type icons after links --*/
a.pdf
{
	background:transparent url(/images/links/pdf-file.png) center right no-repeat;
	display:inline-block;
	padding-right:20px;
	line-height:20px;
}

a.zip
{
	background:transparent url(/images/links/zip-file.png) center right no-repeat;
	display:inline-block;
	padding-right:20px;
	line-height:20px;
}

a.external
{
	background:transparent url(/images/links/external.png) center right no-repeat;
	display:inline-block;
	padding-right:20px;
}

a.txt
{
		background:transparent url(/images/links/txt-file.png) center right no-repeat;
		display:inline-block;
		padding-right:20px;
		line-height:20px;
}

a.xls
{
		background:transparent url(/images/links/xls-file.png) center right no-repeat;
		display:inline-block;
		padding-right:20px;
		line-height:20px;
}

a.doc
{
		background:transparent url(/images/links/doc-file.png) center right no-repeat;
		display:inline-block;
		padding-right:20px;
		line-height:20px;
}

a.email
{
		background:transparent url(/images/links/email.png) center right no-repeat;
		display:inline-block;
		padding-right:20px;
		line-height:20px;
}

a.jpg
{
		background:transparent url(/images/links/jpg-file.png) center right no-repeat;
		display:inline-block;
		padding-right:20px;
		line-height:20px;
}
/*-- for file type icons after links --*/

/*-- 1pixelout audio player --*/

.podcast-tools
{
		padding-bottom:10px;
}

.podcast-download 
{
		display:inline;
		float:left;
		padding-right:5px;
}

.podcast-play
{
		display:inline;
		float:left;
}

/*-- 1pixelout audio player --*/

/*-- Feedburner styles --*/

.feedburnerFeedBlock ul {
margin-left:0;
padding-left:0;
list-style-type: none;
}

.feedburnerFeedBlock ul li {
padding: 5px;
}

.feedburnerFeedBlock p.date {
text-decoration: italic;
margin-left: 10px;
}

.feedburnerFeedBlock ul li span.headline a {
color: #990000;
font-weight: bold;
text-decoration: none;
display: block;
}

.feedburnerFeedBlock ul li span.headline a:hover {
color: #535353;
}

#creditfooter {
display: none;
}

/*-- Feedburner styles --*/