/* -------- Author: Aaron M. Souza 2009 aaron@commonwealthwebdesign.com --------  */
/* -------- Epoch Logo And Button Design: Michael A. Perry 2009 mike@netsaviors.com --------  */
/* -------- Coded For FX3.0.6, IE7.0.5, IE6, SF3.2.1, OP9.63, Chrome 1.0.1 --------  */
/* -------- Built with Notepad 5.1 --------  */

body		
{
font-family: verdana,arial,sans-serif;
font-size: small;
text-align: left;
color: black;
margin: 0 auto 20px auto;
padding: 0;
background-image: url('images/bodybg.png');
}

#wrapper	
	{
	width: 940px;
	text-align: center;
	margin: 20px auto;
	border: 1px solid #7F92A5;
	padding: 0;
	background: url('images/wrapperbg.jpg') #374A5D no-repeat left 162px;
	}

/* -------- Header --------  */

#header 	
		{
		width: 940px;
		height: 180px;
		margin: 0;
		border-bottom: 1px solid #7F92A5;
		padding: 0;
		background: url('images/headerbg.png') #F0F4F7 no-repeat;
		cursor: pointer;
		}

#headinfo
			{
			font-family: arial;
			width: 290px;
			height: 124px;
			color: black;
			float: right;
			text-align: right;
			font-weight: bold;
			background: url('images/headinfobg.png') no-repeat;
			padding: 4px 10px;
			}

img.ccs
				{
				float: right;
				}

p.lifetime
				{
				clear: right;
				text-align: right;
				margin: 20px 0 10px 0;
				padding: 0;
				line-height: 120%;
				font-size: 95%;
				}

#leftrinumb
				{
				width: 135px;
				float: left;
				margin: 0;
				border-right: 1px solid #595959;
				padding: 0 10px 0 0;
				}

#rightmanumb
				{
				width: 135px;
				float: right;
				margin: 0;
				padding: 0;
				}

span.small
					{
					font-size: 90%;
					color: #165E0F;
					margin: 2px 0;
					border-bottom: 1px solid #165E0F;
					padding: 0;
					display: block;
					}

p.nospace
					{
					text-align: right;
					font-size: 100%;
					margin: 0;
					padding: 0;
					display: inline;
					line-height: 16px;
					}

/* -------- Top Navigation --------  */

#topnav	
			{
			width: 100%;
			height: 30px;
			float: right;
			font-family: arial,"ms trebuchet",verdana,sans-serif;
			font-size: 85%;
			margin: 0;
			}

#topnav ul 
				{
				margin: 0;
				padding: 0;
				float: right;
				list-style: none;
				}

#topnav ul li
					{
					width: 89px;
					text-align: center;
					float: left; 
					margin: 0;
					padding: 0;
					}	

#topnav ul li a:link, #topnav ul li a:visited, #topnav ul li a:active 
						{
						width: 89px;
						height: 21px;
						color: white;
						font-weight: bold;
						background: url('images/toplinks.png') no-repeat right;				
						display: block;
						margin: 18px 0 0 0;
						padding: 9px 0 0 0;
						text-decoration: none;
						}

#topnav ul li a:hover, #topnav ul li a:focus 
						{
						color: #21435F;
						cursor: pointer;
						background-position: left;
						}

#topnav ul li a.activetop:link, #topnav ul li a.activetop:visited, #topnav ul li a.activetop:active 
						{
						width: 89px;
						height: 21px;
						color: #21435F;
						font-weight: bold;
						background: url('images/toplinks.png') no-repeat left;
						display: block;
						margin: 18px 0 0 0;
						padding: 9px 0 0 0;
						text-decoration: none;
						}

#topnav ul li a.activetop:hover, #topnav ul li a.activetop:focus 
						{
						color: #21435F;
						}

#topnav ul li a.fb:link, #topnav ul li a.fb:visited, #topnav ul li a.fb:active 
						{
						width: 89px;
						height: 39px;
						color: white;
						font-weight: bold;
						background: url('images/toplinkfb.png') no-repeat right;				
						display: block;
						margin: 0;
						padding: 9px 0 0 0;
						text-decoration: none;
						}

#topnav ul li a.fb:hover, #topnav ul li a.fb:focus 
						{
						color: #21435F;
						cursor: pointer;
						background-position: left;
						}

#topnav ul li a.tw:link, #topnav ul li a.tw:visited, #topnav ul li a.tw:active 
						{
						width: 89px;
						height: 39px;
						color: white;
						font-weight: bold;
						background: url('images/toplinktw.png') no-repeat right;				
						display: block;
						margin: 0;
						padding: 9px 0 0 0;
						text-decoration: none;
						}

#topnav ul li a.tw:hover, #topnav ul li a.tw:focus 
						{
						color: #21435F;
						cursor: pointer;
						background-position: left;
						}

/* -------- End Top Navigation --------  */

/* -------- End Header --------  */

#subwrap
		{
		width: 940px;
		margin: 0;
		padding: 0;
		}

/* -------- Sidebar Navigation --------  */

#sidebar	
				{
				width: 173px;
				font-family: arial,"ms trebuchet",verdana,sans-serif;
				font-weight: bold;
				float: left;
				margin: 0;
				padding: 0;
				letter-spacing: -1px;
				}

#sidebar ul 
					{
					margin: 0;
					padding: 0;
					list-style: none;
					}

#sidebar ul li 					{
						width: 165px;
						text-align: left;
						float: left;
						margin: 0 0 3px 0;
						padding: 0;
						}

#sidebar ul li a:link, #sidebar ul li a:visited, #sidebar ul li a:active 
						{
						width: 157px;
						float: left;
						color: white;
						background-color: #003879;																	display: block;
						margin: 0;
						border: 1px solid #0357B9;
						padding: 7px 10px;
						text-decoration: none;
						}

#sidebar ul li a:hover, #sidebar ul li a:focus 
						{
						background-color: #01489B;
						}

#sidebar ul li a.activeside:link, #sidebar ul li a.activeside:visited, #sidebar ul li a.activeside:active 
						{
						color: #FBFBDB;
						background-color: #225711;
						}

#sidebar ul li a.activeside:hover, #sidebar ul li a.activeside:focus 
						{
						color: #FBFBDB;
						background-color: #225711; 																		}

#twithold
					{
					width: auto;
					clear: left;
					margin: 0;
					padding: 26px 0 0 0;
					float: left;
					}

/* -------- End Sidebar Navigation --------  */

/* -------- Content --------  */

#content 	
			{
			width: 760px;
			float: right;
			text-align: left;
			margin: 0;
			padding: 4px 0 0 0; 
			display: inline;
			background: url('images/contentbg.png');
			}

.hholder
				{
				width: 725px;
				margin: 10px auto 12px auto;
				text-align: center;
				border-top: 2px solid #DEDFBF;
				border-bottom: 2px solid #DEDFBF;
				background-color: #FCFDEB;
				}

h1		
					{
					color: #165E0F;
					font-size: 140%;
					font-weight: normal;
					margin: 0;
					padding: 4px;
					text-align: left;
					}

p				
				{
				font-family: "trebuchet ms",arial,verdana,sans-serif;
				font-size: 105%;
				color: black;
				text-align: justify;
				margin: 14px 0;
				padding: 0 25px;
				line-height: 18px;
				}

a.taxlink:link, a.taxlink:visited, a.taxlink:active
					{
					color: black;
					text-decoration: underline;
					}

a.taxlink:hover, a.taxlink:focus
					{
					color: black;
					text-decoration: none;
					}

span.taxcredit
					{
					color: #30567b;
					}

p.toplink				
				{
				font-size: 90%;
				}

p.toplink a:link, p.toplink a:visited, p.toplink a:active 
				{
				text-decoration: none;
				}

p.toplink a:hover, p.toplink a:focus
				{
				text-decoration: underline;
				}

p a:link, p a:visited, p a:active 
				{
				color: #165E0F;
				text-decoration: underline;
				}

p a:hover, p a:focus
				{
				text-decoration: none;
				}

a.copynormal:link, a.copynormal:visited, a.copynormal:active
				{
				color: #165E0F;
				text-decoration: underline;
				}

a.copynormal:hover, a.copynormal:focus
				{
				text-decoration: none;
				}

h2
				{
				color: #1B7212;
				font-size: 120%;
				margin: 0;
				padding: 3px 4px;
				text-align: left;
				}

h2.products
				{
				margin: 0 20px 20px 20px;
				padding: 0;
				font-size: 120%;
				border-bottom: 1px solid #fdfebb;
				}

h3
				{
				color: #1B7212;
				font-size: 110%;
				margin: 0;
				padding: 2px 4px;
				text-align: left;
				}

/* -------- Home Photos --------  */

.photoholder
				{
				width: 760px;
				margin: 0 auto;
				text-align: center;
				}

img.indexhome
						{
						margin: 10px 2px 0 2px;
						border: 1px solid #7F92A5;
						}

.popcontainleft
					{
					margin: 0 4px 20px 23px;
					padding: 0;
					width: 232px;
					text-align: right;
					font-size: 80%;
					float: left;
					display: inline;
					background: url('images/mag.png') no-repeat 207px bottom;
					}

.popcontain
					{
					margin: 0 5px 20px 5px;
					padding: 0;
					width: 232px;
					text-align: right;
					font-size: 80%;
					float: left;
					display: inline;
					background: url('images/mag.png') no-repeat 207px bottom;
					}

.popcontainright
					{
					margin: 0 0 20px 4px;
					padding: 0;
					width: 232px;
					text-align: right;
					font-size: 80%;
					float: left;
					display: inline;
					background: url('images/mag.png') no-repeat 207px bottom;
					}

a.prodpic:link, a.prodpic:visited, a.prodpic:active
						{
						color: #165E0F;
						text-decoration: none;
						margin: 0;
						border: 0;
						}

a.prodpic:hover, a.prodpic:focus
						{
						color: #2aa21e;
						margin: 0;
						border: 0;
						}

span.smalllink
							{
							margin-right: 30px;
							}


img.products
							{
							margin: 0 0 8px 0;
							border: 1px solid #7F92A5;
							padding: 0;
							}

/* -------- End Home Photos --------  */

/* -------- Windows Animations --------  */

#harveyvinyl
				{
				width: 760px;
				margin: 20px auto 0 auto;
				padding:0;
				text-align: center;
				color: #c51533;
				}

#harveyvinyl ul
					{
					width: 740px;
					height: 100px;
					margin: 20px auto 0 auto;
					padding: 0;
					list-style: none;
					}

#harveyvinyl ul.bottom
					{
					width: 740px;
					height: 80px;
					margin: 0 auto;
					padding: 0;
					list-style: none;
					}

#harveyvinyl ul li
						{
						margin: 0 35px;
						padding: 0;
						display: inline;
						float: left;
						}

#harveyvinyl ul li a.doubleh:link, #harveyvinyl ul li a.doubleh:visited, #harveyvinyl ul li a.doubleh:active
							{
							width: 78px;
							height: 80px;
							margin: 0;
							padding: 0;
							display: block;
							background: url('images/doublehung.png') no-repeat;
							}

#harveyvinyl ul li a.doubleh:hover, #harveyvinyl ul li a.doubleh:focus
							{
							background: url('images/doublehung.gif') no-repeat;
							}

#harveyvinyl ul li a.casemen:link, #harveyvinyl ul li a.casemen:visited, #harveyvinyl ul li a.casemen:active
							{
							width: 78px;
							height: 80px;
							margin: 0;
							padding: 0;
							display: block;
							background: url('images/casement.png') no-repeat;
							}

#harveyvinyl ul li a.casemen:hover, #harveyvinyl ul li a.casemen:focus
							{
							background: url('images/casement.gif') no-repeat;
							}

#harveyvinyl ul li a.picture:link, #harveyvinyl ul li a.picture:visited, #harveyvinyl ul li a.picture:active
							{
							width: 78px;
							height: 80px;
							margin: 0;
							padding: 0;
							display: block;
							background: url('images/picture.png') no-repeat;
							}

#harveyvinyl ul li a.picture:hover, #harveyvinyl ul li a.picture:focus
							{
							background: url('images/picture.gif') no-repeat;
							}

#harveyvinyl ul li a.rolling:link, #harveyvinyl ul li a.rolling:visited, #harveyvinyl ul li a.rolling:active
							{
							width: 78px;
							height: 80px;
							margin: 0;
							padding: 0;
							display: block;
							background: url('images/rolling.png') no-repeat;
							}

#harveyvinyl ul li a.rolling:hover, #harveyvinyl ul li a.rolling:focus
							{
							background: url('images/rolling.gif') no-repeat;
							}

#harveyvinyl ul li a.awning:link, #harveyvinyl ul li a.awning:visited, #harveyvinyl ul li a.awning:active
							{
							width: 78px;
							height: 80px;
							margin: 0;
							padding: 0;
							display: block;
							background: url('images/awning.png') no-repeat;
							}

#harveyvinyl ul li a.awning:hover, #harveyvinyl ul li a.awning:focus
							{
							background: url('images/awning.gif') no-repeat;
							}

#harveyvinyl ul li a.hopper:link, #harveyvinyl ul li a.hopper:visited, #harveyvinyl ul li a.hopper:active
							{
							width: 78px;
							height: 80px;
							margin: 0;
							padding: 0;
							display: block;
							background: url('images/hopper.png') no-repeat;
							}

#harveyvinyl ul li a.hopper:hover, #harveyvinyl ul li a.hopper:focus
							{
							background: url('images/hopper.gif') no-repeat;
							}

#harveyvinyl ul li a.designer:link, #harveyvinyl ul li a.designer:visited, #harveyvinyl ul li a.designer:active
							{
							width: 78px;
							height: 80px;
							margin: 0;
							padding: 0;
							display: block;
							background: url('images/designer.png') no-repeat;
							}

#harveyvinyl ul li a.designer:hover, #harveyvinyl ul li a.designer:focus
							{
							background: url('images/designer.gif') no-repeat;
							}

#harveyvinyl ul li a.baybow:link, #harveyvinyl ul li a.baybow:visited, #harveyvinyl ul li a.baybow:active
							{
							width: 78px;
							height: 80px;
							margin: 0;
							padding: 0;
							display: block;
							background: url('images/baybow.png') no-repeat;
							}

#harveyvinyl ul li a.baybow:hover, #harveyvinyl ul li a.baybow:focus
							{
							background: url('images/baybow.gif') no-repeat;
							}

#harveyvinyl ul li a.garden:link, #harveyvinyl ul li a.garden:visited, #harveyvinyl ul li a.garden:active
							{
							width: 78px;
							height: 80px;
							margin: 0;
							padding: 0;
							display: block;
							background: url('images/garden.png') no-repeat;
							}

#harveyvinyl ul li a.garden:hover, #harveyvinyl ul li a.garden:focus
							{
							background: url('images/garden.gif') no-repeat;
							}

#harveyvinyl ul li a.singleh:link, #harveyvinyl ul li a.singleh:visited, #harveyvinyl ul li a.singleh:active
							{
							width: 78px;
							height: 80px;
							margin: 0;
							padding: 0;
							display: block;
							background: url('images/singlehung.png') no-repeat;
							}

#harveyvinyl ul li a.singleh:hover, #harveyvinyl ul li a.singleh:focus
							{
							background: url('images/singlehung.gif') no-repeat;
							}

/* -------- End Windows Animations --------  */

/* -------- CertainTeed Siding --------  */

#certainside
				{
				width: 760px;
				margin: 20px auto 0 auto;
				padding:0;
				text-align: center;
				color: #c51533;
				}

#certainside ul
					{
					width: 740px;
					height: 100px;
					margin: 20px auto 0 auto;
					padding: 0;
					list-style: none;
					}

#certainside ul.bottom
					{
					width: 740px;
					height: 90px;
					margin: 0 auto;
					padding: 0;
					list-style: none;
					}

#certainside ul li
						{
						margin: 0 38px;
						padding: 0;
						display: inline;
						float: left;
						text-align: right;
						font-size: 80%;
						text-transform: uppercase;
						font-weight: bold;
						}

#certainside ul li a.sideone:link, #certainside ul li a.sideone:visited, #certainside ul li a.sideone:active
							{
							width: 100px;
							height: 20px;
							margin: 0;
							border: 1px solid #7F92A5;
							padding: 60px 6px 0 0;
							display: block;
							background: url('images/certside01.jpg') no-repeat;
							color: white;
							text-decoration: none;
							}

#certainside ul li a.sideone:hover, #certainside ul li a.sideone:focus
							{
							color: #eeeeee;
							}

#certainside ul li a.sidetwo:link, #certainside ul li a.sidetwo:visited, #certainside ul li a.sidetwo:active
							{
							width: 100px;
							height: 20px;
							margin: 0;
							border: 1px solid #7F92A5;
							padding: 60px 6px 0 0;
							display: block;
							background: url('images/certside02.jpg') no-repeat;
							color: white;
							text-decoration: none;
							}

#certainside ul li a.sidetwo:hover, #certainside ul li a.sidetwo:focus
							{
							color: #eeeeee;
							}

#certainside ul li a.sidethr:link, #certainside ul li a.sidethr:visited, #certainside ul li a.sidethr:active
							{
							width: 100px;
							height: 20px;
							margin: 0;
							border: 1px solid #7F92A5;
							padding: 60px 6px 0 0;
							display: block;
							background: url('images/certside03.jpg') no-repeat;
							color: white;
							text-decoration: none;
							}

#certainside ul li a.sidethr:hover, #certainside ul li a.sidethr:focus
							{
							color: #eeeeee;
							}

#certainside ul li a.sidefou:link, #certainside ul li a.sidefou:visited, #certainside ul li a.sidefou:active
							{
							width: 100px;
							height: 20px;
							margin: 0;
							border: 1px solid #7F92A5;
							padding: 60px 6px 0 0;
							display: block;
							background: url('images/certside04.jpg') no-repeat;
							color: white;
							text-decoration: none;
							}

#certainside ul li a.sidefou:hover, #certainside ul li a.sidefou:focus
							{
							color: #eeeeee;
							}

#certainside ul li a.sidefiv:link, #certainside ul li a.sidefiv:visited, #certainside ul li a.sidefiv:active
							{
							width: 100px;
							height: 20px;
							margin: 0;
							border: 1px solid #7F92A5;
							padding: 60px 6px 0 0;
							display: block;
							background: url('images/certside05.jpg') no-repeat;
							color: white;
							text-decoration: none;
							}

#certainside ul li a.sidefiv:hover, #certainside ul li a.sidefiv:focus
							{
							color: #eeeeee;
							}

#certainside ul li a.sidesix:link, #certainside ul li a.sidesix:visited, #certainside ul li a.sidesix:active
							{
							width: 100px;
							height: 20px;
							margin: 0;
							border: 1px solid #7F92A5;
							padding: 60px 6px 0 0;
							display: block;
							background: url('images/certside06.jpg') no-repeat;
							color: white;
							text-decoration: none;
							}

#certainside ul li a.sidesix:hover, #certainside ul li a.sidesix:focus
							{
							color: #eeeeee;
							}

#certainside ul li a.sidesev:link, #certainside ul li a.sidesev:visited, #certainside ul li a.sidesev:active
							{
							width: 100px;
							height: 20px;
							margin: 0;
							border: 1px solid #7F92A5;
							padding: 60px 6px 0 0;
							display: block;
							background: url('images/certside07.jpg') no-repeat;
							color: white;
							text-decoration: none;
							}

#certainside ul li a.sidesev:hover, #certainside ul li a.sidesev:focus
							{
							color: #eeeeee;
							}

#certainside ul li a.sideeig:link, #certainside ul li a.sideeig:visited, #certainside ul li a.sideeig:active
							{
							width: 100px;
							height: 20px;
							margin: 0;
							border: 1px solid #7F92A5;
							padding: 60px 6px 0 0;
							display: block;
							background: url('images/certside08.jpg') no-repeat;
							color: white;
							text-decoration: none;
							}

#certainside ul li a.sideeig:hover, #certainside ul li a.sideeig:focus
							{
							color: #eeeeee;
							}

/* -------- End CertainTeed Siding --------  */

/* -------- CertainTeed Roofing --------  */

#certroofing
				{
				width: 760px;
				margin: 20px auto 0 auto;
				padding:0;
				text-align: center;
				color: #c51533;
				}

#certroofing ul
					{
					width: 740px;
					height: 90px;
					margin: 20px auto 0 auto;
					padding: 0;
					list-style: none;
					}

#certroofing ul li
						{
						margin: 0 38px;
						padding: 0;
						display: inline;
						float: left;
						text-align: right;
						font-size: 80%;
						text-transform: uppercase;
						font-weight: bold;
						}

#certroofing ul li a.slater:link, #certroofing ul li a.slater:visited, #certroofing ul li a.slater:active
							{
							width: 100px;
							height: 20px;
							margin: 0;
							border: 1px solid #7F92A5;
							padding: 60px 6px 0 0;
							display: block;
							background: url('images/certsmroof01.jpg') no-repeat;
							color: white;
							text-decoration: none;
							}

#certroofing ul li a.slater:hover, #certroofing ul li a.slater:focus
							{
							color: #eeeeee;
							}

#certroofing ul li a.shaker:link, #certroofing ul li a.shaker:visited, #certroofing ul li a.shaker:active
							{
							width: 100px;
							height: 20px;
							margin: 0;
							border: 1px solid #7F92A5;
							padding: 60px 6px 0 0;
							display: block;
							background: url('images/certsmroof02.jpg') no-repeat;
							color: white;
							text-decoration: none;
							}

#certroofing ul li a.shaker:hover, #certroofing ul li a.shaker:focus
							{
							color: #eeeeee;
							}

#certroofing ul li a.dimensionalr:link, #certroofing ul li a.dimensionalr:visited, #certroofing ul li a.dimensionalr:active
							{
							width: 100px;
							height: 20px;
							margin: 0;
							border: 1px solid #7F92A5;
							padding: 60px 6px 0 0;
							display: block;
							background: url('images/certsmroof03.jpg') no-repeat;
							color: white;
							text-decoration: none;
							}

#certroofing ul li a.dimensionalr:hover, #certroofing ul li a.dimensionalr:focus
							{
							color: #eeeeee;
							}

#certroofing ul li a.rstrip:link, #certroofing ul li a.rstrip:visited, #certroofing ul li a.rstrip:active
							{
							width: 100px;
							height: 20px;
							margin: 0;
							border: 1px solid #7F92A5;
							padding: 60px 6px 0 0;
							display: block;
							background: url('images/certsmroof04.jpg') no-repeat;
							color: white;
							text-decoration: none;
							}

#certroofing ul li a.rstrip:hover, #certroofing ul li a.rstrip:focus
							{
							color: #eeeeee;
							}

/* -------- End CertainTeed Roofing --------  */

/* -------- Therma-Tru Entrance Systems --------  */

#thermatru
				{
				width: 760px;
				margin: 20px auto 0 auto;
				padding:0;
				text-align: center;
				color: #c51533;
				}

#thermatru ul
					{
					width: 740px;
					height: 100px;
					margin: 20px auto 0 auto;
					padding: 0;
					list-style: none;
					}

#thermatru ul.bottom
					{
					width: 740px;
					height: 90px;
					margin: 0 auto;
					padding: 0;
					list-style: none;
					}

#thermatru ul li
						{
						margin: 0 28px;
						padding: 0;
						display: inline;
						float: left;
						text-align: right;
						font-size: 70%;
						text-transform: uppercase;
						font-weight: bold;
						}

#thermatru ul li a.fibone:link, #thermatru ul li a.fibone:visited, #thermatru ul li a.fibone:active
							{
							width: 83px;
							height: 28px;
							margin: 0;
							border: 1px solid #7F92A5;
							padding: 52px 6px 0 0;
							display: block;
							background: url('images/doors04.jpg') no-repeat;
							color: white;
							text-decoration: none;
							}

#thermatru ul li a.fibone:hover, #thermatru ul li a.fibone:focus
							{
							color: #eeeeee;
							}

#thermatru ul li a.fibtwo:link, #thermatru ul li a.fibtwo:visited, #thermatru ul li a.fibtwo:active
							{
							width: 83px;
							height: 28px;
							margin: 0;
							border: 1px solid #7F92A5;
							padding: 52px 6px 0 0;
							display: block;
							background: url('images/doors05.jpg') no-repeat;
							color: white;
							text-decoration: none;
							}

#thermatru ul li a.fibtwo:hover, #thermatru ul li a.fibtwo:focus
							{
							color: #eeeeee;
							}

#thermatru ul li a.fibthr:link, #thermatru ul li a.fibthr:visited, #thermatru ul li a.fibthr:active
							{
							width: 83px;
							height: 28px;
							margin: 0;
							border: 1px solid #7F92A5;
							padding: 52px 6px 0 0;
							display: block;
							background: url('images/doors06.jpg') no-repeat;
							color: white;
							text-decoration: none;
							}

#thermatru ul li a.fibthr:hover, #thermatru ul li a.fibthr:focus
							{
							color: #eeeeee;
							}

#thermatru ul li a.fibfou:link, #thermatru ul li a.fibfou:visited, #thermatru ul li a.fibfou:active
							{
							width: 83px;
							height: 28px;
							margin: 0;
							border: 1px solid #7F92A5;
							padding: 52px 6px 0 0;
							display: block;
							background: url('images/doors07.jpg') no-repeat;
							color: white;
							text-decoration: none;
							}

#thermatru ul li a.fibfou:hover, #thermatru ul li a.fibfou:focus
							{
							color: #eeeeee;
							}

#thermatru ul li a.fibfiv:link, #thermatru ul li a.fibfiv:visited, #thermatru ul li a.fibfiv:active
							{
							width: 83px;
							height: 28px;
							margin: 0;
							border: 1px solid #7F92A5;
							padding: 52px 6px 0 0;
							display: block;
							background: url('images/doors08.jpg') no-repeat;
							color: white;
							text-decoration: none;
							}

#thermatru ul li a.fibfiv:hover, #thermatru ul li a.fibfiv:focus
							{
							color: #eeeeee;
							}

#thermatru ul li a.fibsix:link, #thermatru ul li a.fibsix:visited, #thermatru ul li a.fibsix:active
							{
							width: 83px;
							height: 28px;
							margin: 0;
							border: 1px solid #7F92A5;
							padding: 52px 6px 0 0;
							display: block;
							background: url('images/doors09.jpg') no-repeat;
							color: white;
							text-decoration: none;
							}

#thermatru ul li a.fibsix:hover, #thermatru ul li a.fibsix:focus
							{
							color: #eeeeee;
							}

#thermatru ul li a.fibsev:link, #thermatru ul li a.fibsev:visited, #thermatru ul li a.fibsev:active
							{
							width: 83px;
							height: 28px;
							margin: 0;
							border: 1px solid #7F92A5;
							padding: 52px 6px 0 0;
							display: block;
							background: url('images/doors10.jpg') no-repeat;
							color: white;
							text-decoration: none;
							}

#thermatru ul li a.fibsev:hover, #thermatru ul li a.fibsev:focus
							{
							color: #eeeeee;
							}

#thermatru ul li a.fibeig:link, #thermatru ul li a.fibeig:visited, #thermatru ul li a.fibeig:active
							{
							width: 83px;
							height: 28px;
							margin: 0;
							border: 1px solid #7F92A5;
							padding: 52px 6px 0 0;
							display: block;
							background: url('images/doors11.jpg') no-repeat;
							color: white;
							text-decoration: none;
							}

#thermatru ul li a.fibeig:hover, #thermatru ul li a.fibeig:focus
							{
							color: #eeeeee;
							}

#thermatru ul li a.fibnin:link, #thermatru ul li a.fibnin:visited, #thermatru ul li a.fibnin:active
							{
							width: 83px;
							height: 28px;
							margin: 0;
							border: 1px solid #7F92A5;
							padding: 52px 6px 0 0;
							display: block;
							background: url('images/doors12.jpg') no-repeat;
							color: white;
							text-decoration: none;
							}

#thermatru ul li a.fibnin:hover, #thermatru ul li a.fibnin:focus
							{
							color: #eeeeee;
							}

#thermatru ul li a.fibten:link, #thermatru ul li a.fibten:visited, #thermatru ul li a.fibten:active
							{
							width: 83px;
							height: 28px;
							margin: 0;
							border: 1px solid #7F92A5;
							padding: 52px 6px 0 0;
							display: block;
							background: url('images/doors13.jpg') no-repeat;
							color: white;
							text-decoration: none;
							}

#thermatru ul li a.fibten:hover, #thermatru ul li a.fibten:focus
							{
							color: #eeeeee;
							}

/* -------- End Therma-Tru Entrance Systems --------  */

/* -------- CertainTeed Trim --------  */

#certtrim
				{
				width: 760px;
				margin: 20px auto 0 auto;
				padding:0;
				text-align: center;
				color: #c51533;
				}

#certtrim ul
					{
					width: 740px;
					height: 90px;
					margin: 20px auto 0 auto;
					padding: 0;
					list-style: none;
					}

#certtrim ul li
						{
						margin: 0 38px;
						padding: 0;
						display: inline;
						float: left;
						text-align: right;
						font-size: 80%;
						text-transform: uppercase;
						font-weight: bold;
						}

#certtrim ul li a.trimboardsone:link, #certtrim ul li a.trimboardsone:visited, #certtrim ul li a.trimboardsone:active
							{
							width: 100px;
							height: 30px;
							margin: 0;
							border: 1px solid #7F92A5;
							padding: 50px 6px 0 0;
							display: block;
							background: url('images/ctrim04.jpg') no-repeat;
							color: white;
							text-decoration: none;
							}

#certtrim ul li a.trimboardsone:hover, #certtrim ul li a.trimboardsone:focus
							{
							color: #eeeeee;
							}

#certtrim ul li a.trimboardstwo:link, #certtrim ul li a.trimboardstwo:visited, #certtrim ul li a.trimboardstwo:active
							{
							width: 100px;
							height: 30px;
							margin: 0;
							border: 1px solid #7F92A5;
							padding: 50px 6px 0 0;
							display: block;
							background: url('images/ctrim05.jpg') no-repeat;
							color: white;
							text-decoration: none;
							}

#certtrim ul li a.trimboardstwo:hover, #certtrim ul li a.trimboardstwo:focus
							{
							color: #eeeeee;
							}

#certtrim ul li a.trimsheet:link, #certtrim ul li a.trimsheet:visited, #certtrim ul li a.trimsheet:active
							{
							width: 100px;
							height: 20px;
							margin: 0;
							border: 1px solid #7F92A5;
							padding: 60px 6px 0 0;
							display: block;
							background: url('images/ctrim06.jpg') no-repeat;
							color: white;
							text-decoration: none;
							}

#certtrim ul li a.trimsheet:hover, #certtrim ul li a.trimsheet:focus
							{
							color: #eeeeee;
							}

#certtrim ul li a.millingstock:link, #certtrim ul li a.millingstock:visited, #certtrim ul li a.millingstock:active
							{
							width: 100px;
							height: 30px;
							margin: 0;
							border: 1px solid #7F92A5;
							padding: 50px 6px 0 0;
							display: block;
							background: url('images/ctrim07.jpg') no-repeat;
							color: white;
							text-decoration: none;
							}

#certtrim ul li a.millingstock:hover, #certtrim ul li a.millingstock:focus
							{
							color: #eeeeee;
							}

/* -------- End CertainTeed Trim --------  */

/* -------- Request Info --------  */

#requesttable
				{
				width: 650px;
				margin: 10px auto 20px auto;
				border: 1px solid #7F92A5;
				padding: 10px;
				text-align: center;
				background: url('images/formbg.jpg');
				font-size: 110%;
				}

#requesttable table
					{
					text-align: left;
					}

tr.divider
						{
						height: 30px;
						}

td.lefttd
							{
							padding-right: 30px;
							}

input.epoch
								{
								background: url('images/formwhitebg.jpg');
								}

textarea.epochtext
								{
								background: url('images/formwhitebg.jpg');
								}

/* -------- End Request Info --------  */

/* -------- Photos Page --------  */

.photorow
				{
				width: 760px;
				margin: 28px auto 0 auto;
				text-align: center;
				}

.photorowbott
				{
				width: 760px;
				margin: 28px auto 10px auto;
				text-align: center;
				}

.cbchrplong
				{
				width: 700px;
				height: 1px;
				margin: 5px 0 0 30px;
				padding: 0;
				background: #e5e6d8;
				}

/* -------- End Photos Page --------  */

#minimap
				{
				width: 300px;
				float: right;
				margin: 16px 25px 10px 20px;
				padding: 0;
				text-align: right;
				font-size: 80%;
				background: url('images/mag.png') no-repeat 282px bottom;
				display: inline;
				}

img.threehun
					{
					margin: 0 0 8px 0;
					border: 1px solid #7F92A5;
					padding: 0;
					}

p.indent
				{
				font-family: "trebuchet ms",arial,verdana,sans-serif;
				font-size: 105%;
				color: black;
				text-align: justify;
				margin: 16px 0;
				padding: 0 50px;
				line-height: 18px;
				}

p.indentbottom
				{
				font-family: "trebuchet ms",arial,verdana,sans-serif;
				font-size: 105%;
				color: black;
				text-align: justify;
				margin: 16px 0 24px 0;
				padding: 0 50px;
				line-height: 18px;
				}

span.why
					{
					font-weight: bold;
					color: #c51533;
					}

img.testcust
				{
				float: right;
				margin: 0 50px 16px 25px;
				border: 1px solid #7F92A5;
				}

p.testimonyblue
				{
				font-family: arial,verdana,sans-serif;
				font-size: 100%;
				text-align: justify;
				margin: 16px 0 0 0;
				padding: 0 50px;
				line-height: 16px;
				color: #041948;
				}

p.testimonygreen
				{
				font-family: arial,verdana,sans-serif;
				font-size: 100%;
				text-align: justify;
				margin: 16px 0 0 0;
				padding: 0 50px;
				line-height: 16px;
				color: #0d3603;
				}

p.customer
					{
					font-family: arial,verdana,sans-serif;
					font-weight: normal;
					color: #404040;
					text-align: right;
					margin: 16px 0 16px 0;
					padding: 0 60px 0 0;
					font-size: 90%;
					line-height: 16px;
					}

p.customerbott
					{
					font-family: arial,verdana,sans-serif;
					font-weight: normal;
					color: #404040;
					text-align: right;
					margin: 16px 0 25px 0;
					padding: 0 60px 0 0;
					font-size: 90%;
					line-height: 16px;
					}

.cbchrlong
				{
				width: 660px;
				height: 1px;
				margin: 0 0 16px 50px;
				padding: 0;
				background: #e5e6d8;
				}

.cbchrshort
				{
				width: 378px;
				height: 1px;
				float: left;
				margin: 0 0 16px 50px;
				padding: 0;
				background: #e5e6d8;
				display: inline;
				}

/* -------- Logo COlumn --------  */

#logocolumn
				{
				width: 150px;
				float: right;
				margin: 16px 22px 0 20px;
				}

#logocolumn img
					{
					margin-bottom: 20px;
					}

img.columnbottom
					{
					margin-top: 20px;
					margin-bottom: 0;
					}

#logocolumnprod
				{
				width: 150px;
				float: right;
				margin: 6px 22px 0 20px;
				}

#logocolumnprod img
					{
					margin-bottom: 20px;
					}

img.estar
					{
					border: 1px solid #f7f7ff;
					}

img.plygreen
					{
					border: 1px solid #62b65e;
					}

/* -------- End Logo Column --------  */

/* -------- Service Area Page --------  */

#servicemap
				{
				width: 702px;
				height: 402px;
				margin: 20px auto;
				text-align: center;
				}

#servicemap img
					{
					border: 1px solid #7F92A5;
					}

/* -------- End Service Area Page --------  */

/* -------- Contact Page --------  */

.stateinfo
				{
				width: 710px;
				margin: 0 auto 25px auto;
				padding: 0;
				text-align: center;
				}

img.locations
					{
					width: 400px;
					float: right;
					margin: 20px 0 0 0;
					border: 1px solid #7F92A5;
					padding: 0;
					}

h2.contacthead
					{
					margin: 0;
					padding: 0;
					font-size: 130%;
					}

span.contactcat
					{
					width: 39%;
					float: left;
					display: block;
					font-size: 100%;
					color: #165E0F;
					margin: 14px 0 10px 0;
					border-bottom: 1px solid #165E0F;
					padding: 0;
					text-align: left;
					}

p.contactans
					{
					text-align: left;
					font-size: 120%;
					margin: 0 0 0 16px;
					padding: 0;
					line-height: 20px;
					clear: left;
					}

#divider
				{
				width: 730px;
				height: 2px;
				margin: 15px auto 20px auto;
				border: 1px solid #7F92A5;
				padding: 0;
				text-align: center;
				background-color: #DEDFBF;
				}

/* -------- End Contact Page --------  */

/* -------- End Content --------  */

/* -------- Footer --------  */

#footer 		
		{
		width: 920px;
		font-size: 85%;
		font-family: arial,sans-serif;
		font-weight: bold;
		color: #FCFDEB;
		margin: 0;
		border-top: 1px solid #7F92A5;
		padding: 10px;
		background: url('images/browsers.png') #374A5D no-repeat bottom right;
		text-align: left;
		clear: both;
		}

a.foot:link, a.foot:visited, a.foot:active 
			{
			color: #FDFCCF;
			text-decoration: underline;
			margin: 0;
			}

a.foot:hover, a.foot:focus
			{
			text-decoration: none;
			}

#footer2		
		{
		width: 920px;
		font-size: 85%;
		font-family: arial,sans-serif;
		font-weight: bold;
		color: #FCFDEB;
		margin: 0;
		border-top: 1px solid #7F92A5;
		padding: 12px 10px;
		background: url('images/browsers2.png') #374A5D no-repeat bottom right;
		text-align: left;
		clear: both;
		}

/* -------- End Footer --------  */