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

body					{background:url(images/background.jpg) 50% 0% no-repeat #c9c9c9; font-family: Arial, Helvetica, sans-serif; line-height:1.5em; font-size:12px; color:#000000; text-align:center;}

a, a:link, a:visited 	{color:#1f5f94;}
a:hover, a:active 		{color:#999999; text-decoration:none;}

ul						{list-style:disc; margin-left:160px;}
ul li ul				{margin-left:30px;}
ul li					{}

#container				{width:100%; margin:0 auto; position:relative; text-align:left;}
#header					{width:100%;background:url(images/header-bg.jpg) 50% 0% repeat-x #ffffff; height:118px;}
#page					{width:899px; position:relative; margin: 0 auto; }
#content				{z-index:95; position:relative; background: url(images/content-bg.gif) top left repeat-x #d8d8d8; width:705px; margin-left:143px; padding:25px 25px 25px 25px; padding-bottom:10px;}
#content-text				{position:relative; width:705px; margin-left:143px; padding:25px; padding-bottom:10px; }
#grunge					{display:none; visibility:hidden; background:url(images/grunge-underlay.png) top left no-repeat; z-index:20; width:643px; height:540px; position:absolute; top:0; left:113px;}
#container-text			{
	min-height:315px;
	height:auto !important;
	height:550px
}
#container-text-header	{min-height:400px; height:auto !important; height:400px}

#footer					{text-align:left; font-size:11px; color:#5B5B5B; clear:both;}
#footer a				{padding:0 3px; color:#000000; text-decoration:none;}

#footer-locations		{text-align:left; font-size:11px; color:#5B5B5B;}
#footer-locations p		{text-align:left; font-size:11px; color: #000000; padding:0px; margin:0px}

#menu-wrap				{position:absolute; left:5px; top:-118px; z-index:100; padding-top:118px;}
#logo					{position:absolute; top:0; left:0; z-index:101;}
#menu					{position:relative; margin-left:15px; width:251px; background-color:#e0e0e0;}
#menu-left-shadow 		{background: url(images/menu-left-shadow.png) top right no-repeat; width:30px; height:294px; position:absolute; top:0; left:-30px;}
#menu-right-shadow		{background: url(images/menu-right-shadow.png) top left no-repeat; width:24px; height:284px; position:absolute; top:52px; right:-24px;}
#menu-bottom-shadow 	{background: url(images/menu-bottom-shadow.png) top left no-repeat; width:251px; height:31px; position:absolute; bottom:-31px; left:0;}
#content-top-shadow 	{background: url(images/content-top-shadow.png) top left no-repeat; width:643px; height:262px; position:absolute; top:0; left:128px; z-index:-1;}
#content-top-shadow-location 	{
	background: url(images/content-top-shadow.png) top left no-repeat;
	width:643px;
	height:262px;
	position:absolute;
	top:0;
	left:128px;
	z-index:-1;
}
#content-right-shadow 	{
	background: url(images/content-right-shadow.png) top left no-repeat;
	width:31px;
	height:228px;
	position:absolute;
	top:4px;
	right:-32px;
	z-index:-1;
}
#content-bottom			{
	background: url(images/content-bottom.png) top left no-repeat;
	width:794px;
	height:196px;
	position:absolute;
	bottom:-22px;
	left:-17px;
	z-index:-1;
}

#menu ul				{list-style:none; padding-top:20px; margin:0;}
#menu ul li				{text-transform:uppercase; font-size:16px; border-bottom:1px dashed #c7c7c7;}
#menu ul li a			{display:block; width:221px; padding:4px 15px; text-decoration:none; background:url(images/menu-item-background.gif) bottom left repeat-x; color:#000000; font-weight:bold;}
#menu ul li a:hover		{background:url(images/menu-item-background.gif) top left repeat-x;}
#menu-block				{
	width:123px;
	height:650px;
	float:left;
	display:block;
}
#menu-block2				{
	width:123px;
	height:550px;
	float:left;
	display:block;
}
#menu-block-test		{
	width:123px;
	height:350px;
	float:left;
	display:block;
}
* html #menu-block		{width:123px; height:525px; float:left; display:block;}

h1						{font-size:2em; color:#09294d;}
h2						{font-size:1.8em; color:#1f5f94;}
h3						{font-size:1.5em; color:#09294d; font-weight:bold;}
h4						{font-size:1.3em; color:#1f5f94;}
h5						{font-size:1.2em; color:; font-weight:bold; }

#header h1				{width:899px; margin: 0 auto; padding-top:35px; color:#532900; font-size:2.1em; line-height:1.2em; font-weight:bold; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; text-align:right;  }

p						{margin-top:5px; margin-bottom:10px;}

label					{color:#333333; width:80px; font-size:13px; font-weight:bold; padding:3px 5px 5px 0px; display:-moz-inline-box; display:inline-block; text-align:right; vertical-align:top;}
label.long 				{width:auto; padding:0px 0px 0px 0px; vertical-align:middle;}

.clear 					{clear:both;}

#banner					{width:580px; margin-bottom:15px; padding: 0; margin-left:125px; position:relative;}
#banner .whitetrans		{background:url(images/white-trans.png) top left; width:520px; text-align:center; padding:30px; font-size:24px}

.locations 				{padding-top:10px;}
.locations img 			{display:block; float:right}
.locations table 		{text-align:center; padding:5pxa}
.locations table tr 	{text-align:center; padding:5px}
.locations table tr td 	{text-align:center; padding:5px;}
.vendor					{width:220px; display:block; float:left; text-align:left; padding-right:5px; line-height:30px}
.vendor h3 				{font-size:14px;}
.vendor h3 a:link		{font-size:14px;}
.vendor img				{padding: 5px 0px}
.one					{width:573px; display:block; float:left; text-align:left; padding-right:5px; vertical-align:middle; position:relative}
.one-two				{width:700px; display:block; float:left; text-align:left; padding-right:5px; vertical-align:middle; position:relative}
.sec {margin-left:125px}
.one img				{padding: 5px 0px; vertical-align:middle}
.bottom 	{width:573px; display:block; float:left; text-align:left; padding-right:5px; vertical-align:middle}
.bottom img				{padding: 0 0px}
.wide {750px}
.area area a:hover {background-image:url('images/certaineed.gif')}

.siding {padding:20px 0px 0 210px; width:280px; text-align:center; font-size:22px; font-weight:bold; line-height:28px}
.siding-aluminum {padding:5px 0px 0 120px; width:280px; text-align:center; font-size:22px; font-weight:bold; line-height:28px}
.siding-fiber {padding:0px 0px 0 295px; width:280px; text-align:center; font-size:22px; font-weight:bold; line-height:28px}
.siding-stone {padding:0px 0px 0 200px; width:280px; text-align:center; font-size:22px; font-weight:bold; line-height:28px}
.siding a {text-decoration:underline; line-height:28px; color: #003366}
.siding a:link {text-decoration:none; line-height:28px}
.siding a:hover {color: #000000; text-decoration:underline}
.siding a:visited {color: #003366; text-decoration:none}
.siding-aluminum a {text-decoration:underline; line-height:28px; color: #003366}
.siding-aluminum a:link {text-decoration:none; line-height:28px}
.siding-aluminum a:hover {color: #000000; text-decoration:underline}
.siding-aluminum a:visited {color: #003366; text-decoration:none}
.siding-stone a {text-decoration:underline; line-height:28px; color: #003366}
.siding-stone a:link {text-decoration:none; line-height:28px}
.siding-stone a:hover {color: #000000; text-decoration:underline}
.siding-stone a:visited {color: #003366; text-decoration:none}
.siding-fiber a {text-decoration:underline; line-height:28px; color: #003366}
.siding-fiber a:link {text-decoration:none; line-height:28px}
.siding-fiber a:hover {color: #000000; text-decoration:underline}
.siding-fiber a:visited {color: #003366; text-decoration:none}
.banner-image-siding {width:116px; height:240px; display:block; float:left;}
.banner-image-doors {width:116px; height:240px; display:block; float:left;}
.banner-image-windows {width:116px; height:240px; display:block; float:left;}
.banner-image-roofing {width:116px; height:240px; display:block; float:left;}
.banner-image-gutters {width:116px; height:240px; display:block; float:left;}