/*Universal*/
body 			{ background-image: url(../images/BG.jpg); background-color: #FFFFFF; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-attachment:scroll; background-position:center top; background-repeat:no-repeat; }
.xlink 			{ cursor:pointer; }

/*Template*/
#Template			{ position: relative; width: 884px; margin: 0 auto 0 auto; }

#LogoContainer	 	{ position: absolute; width: 144px; height: 126px; z-index: 1; left: 20px; top: 72px; background-color: #FFFFFF; }
#Logo			 	{ position: relative; width: 78px; height: 93px; left: 25px; top: 18px; background-image: url(../images/Logo.gif); background-repeat:no-repeat; }

#NavContainer	 	{ position: absolute; width: 200px; height: 315px; z-index: 2; left: 0px; top: 198px; background-image: url(../images/NavBG.gif); }
#NavTable			{ position: relative; left: 10px; top: 10px; }

#Header			 	{ position: absolute; width: 706px; height: 167px; z-index: 3; left: 140px; top: 53px; }

#MiddleContainer 	{ position: absolute; width: 665px; height: 359px; z-index: 5; left: 196px; top: 197px; }
#Middle			 	{ position: relative; width: 665px; height: 359px; background-color: #FFFFFF; }
#MiddleSub		 	{ position: relative; width: 665px; padding; 10px; background-color: #FFFFFF; border: 1px solid #E0E0E0; background-image: url(../images/MiddleSubBG.jpg); background-repeat: no-repeat; background-position: center bottom;}
#MiddleContent		{ position: relative; font: 11px Arial; color: #666666; padding: 25px; margin-left: 10px; }
#MiddleContent2		{ font: 11px Arial; color: #666666; padding: 15px; margin-top: 10px; }
#WhiteBGTrans		{ clear: both; position: relative; font: 11px Arial; color: #666666; padding: 10px; width: 615px; border: 1px solid #E0E0E0; background: url(../Images/WhiteBGTrans.png) repeat 0px 0px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/Images/WhiteBGTrans.png'); }
#WhiteBG			{ position: relative; font: 11px Arial; color: #666666; padding: 10px; width: 615px; border: 1px solid #E0E0E0; background-color: #FFFFFF; }

#NewsContainer	 	{ position: absolute; width: 200px; height: 109px; z-index: 3; left: 20px; top: 505px; background-image: url(../images/NewsBG.gif);}
.NewsContent		{ margin-left: 3px; }
#NewsScroller		{ width: 160px; height: 60px; }

.TextNewsTitle		{ font: bold 10px Arial; color:#FFFFFF; }
.TextNewsBody		{ font: 10px Arial; color:#E5E5E5; }
.TextWhite			{ font: 10px Arial; color:#FFFFFF; }
.TextGrey			{ font: 10px Arial; color:#666666; }
.TextOrange			{ font: 10px Arial; color:#CA3217; }
.TextLarge			{ font: bold 14px Arial; color:#666666; }


#TheoryTab			{ position: relative; width: 358px; height: 26px; margin-left: 270px; margin-top: -30px; background: url(../Images/RainscreenTabTheory.gif) no-repeat 0px 0px; }
#HistoryTab			{ position: relative; width: 358px; height: 26px; margin-left: 270px; margin-top: -30px; background: url(../Images/RainscreenTabHistory.gif) no-repeat 0px 0px; }
#AdvantageTab		{ position: relative; width: 358px; height: 26px; margin-left: 270px; margin-top: -30px; background: url(../Images/RainscreenTabAdvantage.gif) no-repeat 0px 0px; }
#WallSectionTab		{ position: relative; width: 358px; height: 26px; margin-left: 270px; margin-top: -30px; background: url(../Images/RainscreenTabWallSection.gif) no-repeat 0px 0px; }


#IntroTab		{ position: relative; width: 567px; height: 26px; float: right; margin-top: -25px; background: url(../Images/ProductsTabIntro.gif) no-repeat 0px 0px; }
#SystemsTab		{ position: relative; width: 567px; height: 26px; float: right; margin-top: -25px; background: url(../Images/ProductsTabSystems.gif) no-repeat 0px 0px; }
#ColorsTab		{ position: relative; width: 567px; height: 26px; float: right; margin-top: -25px; background: url(../Images/ProductsTabColors.gif) no-repeat 0px 0px; }
#SizesTab		{ position: relative; width: 567px; height: 26px; float: right; margin-top: -25px; background: url(../Images/ProductsTabSizes.gif) no-repeat 0px 0px; }
#ShapesTab		{ position: relative; width: 567px; height: 26px; float: right; margin-top: -25px; background: url(../Images/ProductsTabShapes.gif) no-repeat 0px 0px; }
#GlazingTab		{ position: relative; width: 567px; height: 26px; float: right; margin-top: -25px; background: url(../Images/ProductsTabGlazing.gif) no-repeat 0px 0px; }

a				{ font: 10px Arial; color: #106AA6; text-decoration: underline; }
a:hover				{ font: 10px Arial; color: #D3471A; text-decoration: underline; }

a.White:link		{ font: 10px Arial; color: #FFFFFF; text-decoration: underline; }
a.White:hover		{ font: 10px Arial; color: #FFFFFF; text-decoration: none; }
a.White:visited		{ font: 10px Arial; color: #FFFFFF; text-decoration: underline; }

a.News:link			{ font: 10px Arial; color: #FFFFFF; text-decoration: none; }
a.News:hover		{ font: 10px Arial; color: #FFFFFF; text-decoration: underline; }
a.News:visited		{ font: 10px Arial; color: #FFFFFF; text-decoration: none; }

#TitleAboutUs				{ position: relative; width: auto; height: 22px; left: 15px; top: 15px; background: url(../Images/Titles/AboutUs.gif) no-repeat 0px 0px; }
#TitleProducts				{ position: relative; width: auto; height: 22px; left: 15px; top: 15px; background: url(../Images/Titles/Products.gif) no-repeat 0px 0px; }
#TitleProjects				{ position: relative; width: auto; height: 22px; left: 15px; top: 15px; background: url(../Images/Titles/Projects.gif) no-repeat 0px 0px; }
#TitleDesignCenter			{ position: relative; width: auto; height: 22px; left: 15px; top: 15px; background: url(../Images/Titles/DesignCenter.gif) no-repeat 0px 0px; }
#TitleRainscreen			{ position: relative; width: auto; height: 22px; left: 15px; top: 15px; background: url(../Images/Titles/Rainscreen.gif) no-repeat 0px 0px; }
#TitleDownloads				{ position: relative; width: auto; height: 22px; left: 15px; top: 15px; background: url(../Images/Titles/Downloads.gif) no-repeat 0px 0px; }
#TitlePress					{ position: relative; width: auto; height: 22px; left: 15px; top: 15px; background: url(../Images/Titles/Press.gif) no-repeat 0px 0px; }

#TitleProjectsArizona		{ position: relative; width: auto; height: 22px; left: 15px; top: 15px; background: url(../Images/Titles/ProjectsArizona.gif) no-repeat 0px 0px; }
#TitleProjectsCalifornia	{ position: relative; width: auto; height: 22px; left: 15px; top: 15px; background: url(../Images/Titles/ProjectsCalifornia.gif) no-repeat 0px 0px; }
#TitleProjectsColorado		{ position: relative; width: auto; height: 22px; left: 15px; top: 15px; background: url(../Images/Titles/ProjectsColorado.gif) no-repeat 0px 0px; }
#TitleProjectsConnecticut	{ position: relative; width: auto; height: 22px; left: 15px; top: 15px; background: url(../Images/Titles/ProjectsConnecticut.gif) no-repeat 0px 0px; }
#TitleProjectsFlorida		{ position: relative; width: auto; height: 22px; left: 15px; top: 15px; background: url(../Images/Titles/ProjectsFlorida.gif) no-repeat 0px 0px; }
#TitleProjectsIllinois		{ position: relative; width: auto; height: 22px; left: 15px; top: 15px; background: url(../Images/Titles/ProjectsIllinois.gif) no-repeat 0px 0px; }
#TitleProjectsIowa			{ position: relative; width: auto; height: 22px; left: 15px; top: 15px; background: url(../Images/Titles/ProjectsIowa.gif) no-repeat 0px 0px; }
#TitleProjectsKansas		{ position: relative; width: auto; height: 22px; left: 15px; top: 15px; background: url(../Images/Titles/ProjectsKansas.gif) no-repeat 0px 0px; }
#TitleProjectsLouisiana		{ position: relative; width: auto; height: 22px; left: 15px; top: 15px; background: url(../Images/Titles/ProjectsLouisiana.gif) no-repeat 0px 0px; }
#TitleProjectsMaine			{ position: relative; width: auto; height: 22px; left: 15px; top: 15px; background: url(../Images/Titles/ProjectsMaine.gif) no-repeat 0px 0px; }
#TitleProjectsMaryland		{ position: relative; width: auto; height: 22px; left: 15px; top: 15px; background: url(../Images/Titles/ProjectsMaryland.gif) no-repeat 0px 0px; }
#TitleProjectsMassachusetts	{ position: relative; width: auto; height: 22px; left: 15px; top: 15px; background: url(../Images/Titles/ProjectsMassachusetts.gif) no-repeat 0px 0px; }
#TitleProjectsMichigan		{ position: relative; width: auto; height: 22px; left: 15px; top: 15px; background: url(../Images/Titles/ProjectsMichigan.gif) no-repeat 0px 0px; }
#TitleProjectsMinnesota		{ position: relative; width: auto; height: 22px; left: 15px; top: 15px; background: url(../Images/Titles/ProjectsMinnesota.gif) no-repeat 0px 0px; }
#TitleProjectsNewHampshire	{ position: relative; width: auto; height: 22px; left: 15px; top: 15px; background: url(../Images/Titles/ProjectsNewHampshire.gif) no-repeat 0px 0px; }
#TitleProjectsNewJersey		{ position: relative; width: auto; height: 22px; left: 15px; top: 15px; background: url(../Images/Titles/ProjectsNewJersey.gif) no-repeat 0px 0px; }
#TitleProjectsNewYork		{ position: relative; width: auto; height: 22px; left: 15px; top: 15px; background: url(../Images/Titles/ProjectsNewYork.gif) no-repeat 0px 0px; }
#TitleProjectsPennsylvania	{ position: relative; width: auto; height: 22px; left: 15px; top: 15px; background: url(../Images/Titles/ProjectsPennsylvania.gif) no-repeat 0px 0px; }
#TitleProjectsTexas			{ position: relative; width: auto; height: 22px; left: 15px; top: 15px; background: url(../Images/Titles/ProjectsTexas.gif) no-repeat 0px 0px; }
#TitleCareers				{ position: relative; width: auto; height: 22px; left: 15px; top: 15px; background: url(../Images/Titles/Careers.gif) no-repeat 0px 0px; }
#TitleContactUs				{ position: relative; width: auto; height: 22px; left: 15px; top: 15px; background: url(../Images/Titles/ContactUs.gif) no-repeat 0px 0px; }

.SlideshowBorder 	{ width: 428px; border: 1px solid #CCCCCC; }

.CellBorderGray		{ position: relative; bottom: 0px; left: 0; font: 10px Arial; color:#666666; border: 1px solid #CCCCCC; background-color: #E4E4E4; }
.CellBorderWhite	{ position: relative; bottom: 0px; left: 0; font: 10px Arial; color:#666666; border: 1px solid #CCCCCC; background-color: #FFFFFF; }

.FormCellGray		{ position: relative; bottom: 0px; left: 0; font: 10px Arial; color:#666666; border: 1px solid #CCCCCC; background-color: #DDDDDD; }
.FormCellWhite		{ position: relative; bottom: 0px; left: 0; font: 10px Arial; color:#666666; border: 1px solid #CCCCCC; background-color: #FFFFFF; }

/* Nav */

#Navigation						{ width: 175px; margin: 0; padding: 0; /* white-space: nowrap; */ }
#Navigation ul,#Navigation li	{ list-style: none; float: left; margin: 0; padding: 0; }
#Navigation span				{ display: none; }

li#AboutUs a 			{ display: block; background: url(../Images/NavAbout.gif) no-repeat 0px 0px; width: 175; height: 34px; margin-bottom: 3px; }
li#AboutUs a:hover		{ display: block; background: url(../Images/NavAbout.gif) no-repeat 0px -34px; width: 175; height: 34px; margin-bottom: 3px; }

li#Products a 			{ display: block; background: url(../Images/NavProducts.gif) no-repeat 0px 0px; width: 175; height: 34px; margin-bottom: 3px; }
li#Products a:hover		{ display: block; background: url(../Images/NavProducts.gif) no-repeat 0px -34px; width: 175; height: 34px; margin-bottom: 3px; }

li#Projects a 			{ display: block; background: url(../Images/NavProjects.gif) no-repeat 0px 0px; width: 175; height: 34px; margin-bottom: 3px; }
li#Projects a:hover		{ display: block; background: url(../Images/NavProjects.gif) no-repeat 0px -34px; width: 175; height: 34px; margin-bottom: 3px; }

li#DesignCenter a 		{ display: block; background: url(../Images/NavDesignCenter.gif) no-repeat 0px 0px; width: 175; height: 34px; margin-bottom: 3px; }
li#DesignCenter a:hover	{ display: block; background: url(../Images/NavDesignCenter.gif) no-repeat 0px -34px; width: 175; height: 34px; margin-bottom: 3px; }

li#Rainscreen a 		{ display: block; background: url(../Images/NavRainscreen.gif) no-repeat 0px 0px; width: 175; height: 34px; margin-bottom: 3px; }
li#Rainscreen a:hover	{ display: block; background: url(../Images/NavRainscreen.gif) no-repeat 0px -34px; width: 175; height: 34px; margin-bottom: 3px; }

li#Downloads a 			{ display: block; background: url(../Images/NavDownloads.gif) no-repeat 0px 0px; width: 175; height: 34px; margin-bottom: 3px; }
li#Downloads a:hover	{ display: block; background: url(../Images/NavDownloads.gif) no-repeat 0px -34px; width: 175; height: 34px; margin-bottom: 3px; }

li#PressRelease a 		{ display: block; background: url(../Images/NavPressRelease.gif) no-repeat 0px 0px; width: 175; height: 34px; margin-bottom: 3px; }
li#PressRelease a:hover	{ display: block; background: url(../Images/NavPressRelease.gif) no-repeat 0px -34px; width: 175; height: 34px; margin-bottom: 3px; }

li#Careers a 			{ display: block; background: url(../Images/NavCareers.gif) no-repeat 0px 0px; width: 175; height: 34px; margin-bottom: 3px; }
li#Careers a:hover		{ display: block; background: url(../Images/NavCareers.gif) no-repeat 0px -34px; width: 175; height: 34px; margin-bottom: 3px; }

li#Contacts a 			{ display: block; background: url(../Images/NavContact.gif) no-repeat 0px 0px; width: 175; height: 34px; margin-bottom: 3px; }
li#Contacts a:hover		{ display: block; background: url(../Images/NavContact.gif) no-repeat 0px -34px; width: 175; height: 34px; margin-bottom: 3px; }

#AboutUsPicture		{ display:block; background: url(../images/AboutUsPicture.jpg) no-repeat 0px 0px; width: 192px; height: 292px; float: right; position: relative; top: 0px; margin-left:10px; }
#WallPicture		{ display:block; background: url(../images/WallPicture.gif) no-repeat 0px 0px; width: 184px; height: 300px; float: right; position: relative; top: 0px; margin-left:10px; }


/* Map Containers */
#FlagContainerUS		{ position: relative; width: 291px; height: 227px; left: 0px; top: 0px; float: left; background: url(../Images/FlagContainerUSA.png) no-repeat 0px 0px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../Images/FlagContainerUSA.png'); }
#FlagContainerCan		{ position: relative; width: 291px; height: 227px; left: 30px; top: 0px; float: left; background: url(../Images/FlagContainerCan.png) no-repeat 0px 0px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../Images/FlagContainerCan.png'); }
#UsaFlag				{ position: relative; width: 132px; height: 90px; left: 0px; top: 70px; background: url(../Images/USFlag.gif) no-repeat 0px 0px; }
#CanadaFlag				{ position: relative; width: 132px; height: 90px; left: 0px; top: 70px; background: url(../Images/CanadaFlag.gif) no-repeat 0px 0px; }

/* Map Containers */
#MapContainer		{ position: relative; width: 622px; }
#Map				{ background: url(../Images/Map.gif) no-repeat 0px 0px; z-index: 1; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../Images/Map.png'); height: 321px; width: 622px; }
.MapBullet 			{ position: absolute; display: block; cursor:pointer; background: url(../images/MapBullet.png); background-repeat: no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/MapBullet.png'); width: 6px; height: 6px; z-index: 50; left: 286px; top: -230px; background-image: url(../images/MapBullet.png); }

/* Balloon Style */
div.ms1				{ background-color: #D94619; color: #FFFFFF; font: 10px Arial; color: #FFFFFF; text-decoration: none; border: 1px solid #FFFFFF; left: 0; top: 300px; padding: 4px; position: absolute; z-index: 20; -moz-border-radius: 0 10px 10px 10px; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87); -moz-opacity: .87; -khtml-opacity: .87; opacity: .87; }
div.ms1 .contents	{ margin: 0; padding: 0 3px; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
div.ms1 p			{ color: #999999; font-size: 9px; padding: 0 0 0 0; margin: 0; text-align: left; -moz-opacity: 1; }

/* Footer */
.FooterContainer	{ position: relative; width: 665px; bottom: 0px; left: 0; z-index: 999; font: 10px Arial; color:#666666; background-color: #E4E4E4; }

#foottabs 	{ overflow: auto; width: auto; position: absolute; bottom: 0; right: 0; background: transparent; z-index: 999; }
.foottab 	{ color: #000; font-weight: bold; background: #F62; margin-right: 2px; padding: 0 5px 0 5px; border: 1px solid #000; border-bottom: 0; float: right; }
.footopen	{ z-index: 1; overflow: auto; width: 100%; height: 6em; position: absolute; bottom: 0; left: 0; color: #000; background: #ddd; }
.footclose	{ z-index: 1; overflow: auto; width: 100%; height: 0em; position: absolute; bottom: 0; left: 0; color: #000; background: #ddd; }


.PDFTop 	{ background-image: url(../images/PDFTop.jpg); background-repeat: no-repeat; width: 87px; height: 96px; }
.PDFBottom 	{ background-image: url(../images/PDFBottom.jpg); background-repeat: no-repeat; width: 87px; height: 29px; padding-top: 7px; }


@media screen
{
body>div#footer		{ position: fixed; }
body>div#foottabs	{ position: fixed; }

/* Very ugly fix for page anchors */
ol>li#dog3			{ margin-top: -6em; padding-top: 6em; }
}

#ProductDesc	{ border: 1px solid #DDDDDD; }
.Line			{ background-color : #969696; height : 1; }

/* Tabs */

#Tabs 				{ width: 637px; padding: 0; }
#Tabs ul 			{ margin: 0; padding: 0; list-style: none; border: 1px solid #E0E0E0; background: #BCBCBC; }
#Tabs li 			{ float: left; margin: 0; padding: 0; font-family: Verdana, serif; font-size: 9px; background: #999999; border-right: 1px solid #E0E0E0; }
#Tabs li a 			{ float: left; padding: 5px 12px; text-decoration: none; color: #e7e3d9; border: none; }
#Tabs li a:hover 	{ color: #fff; background: #AAAAAA; }
#Tabs li a.Active 	{ font-weight: bold; color: #fff; background: #666666; }

/* self-clearing floats */

#Tabs ul:after, 
#main-body:after,
#flickr:after,
#extra:after,
#footer:after,
#port:after, 
.prod-feature:after, 
dl.teaser:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }