body
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 12px;
	line-height: 18px;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	background-color: #6b6158;
	margin: 0px;
	padding: 0px;
}

html
{
	margin: 0px;
}

h1
{
	color: #0c2951;
	font-size: 21px;
	line-height: 24px;
	font-weight: normal;
	font-style: italic;
	border-bottom: solid 1px #ffea50;
	margin: 0px 0px 18px 0px;
}

h2
{
	color: #0c2951;
	font-size: 21px;
	line-height: 24px;
	font-weight: normal;
	font-style: italic;
	margin: 0px 0px 8px 0px;
}

h3
{
	color: #0c2951;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	font-style: italic;
	margin: 0px 0px 8px 0px;
}

h4
{
	color: #675d55;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	font-style: italic;
	border-bottom: dashed 1px #675d55;
	margin: 0px 0px 8px 0px;
}

.emphasis
{
	color: #0c2951;
	font-weight: bold;
}

p
{
	margin: 0px 0px 18px 0px;
}

img
{
	border: none;
}

a
{
	color: #09295f;
}

hr
{
	height: 0px;
	border: none;
	border-bottom: dashed 1px #c4bcb5;
	margin: 0px 100px 18px 100px;
}

/* Layout */

#container
{
	width: 960px;
	position: relative;
	margin: 0px auto 0px auto;
}

	#nav
	{
		height: 52px;
		position: relative;
		top: 15px;
		margin: 0px 0px 20px 0px;
		padding: 0px;
	}
		#nav li
		{
			display: inline;
			float: left;
		}
		
		#nav a
		{
			color: #fff;
			font-size: 14px;
			font-weight: bold;
			text-decoration: none;
			text-align: center;
			line-height: 44px;
			background-image: url(images/nav_bg.gif);
			width: 120px;
			height: 52px;
			position: relative;
			float: left;
		}
		
		#nav a.active
		{
			color: #fff;
			font-size: 14px;
			font-weight: bold;
			text-decoration: none;
			text-align: center;
			line-height: 44px;
			background-image: url(images/nav_active_bg.gif);
			width: 120px;
			height: 52px;
			position: relative;
			float: left;
		}
		
	#header
	{
		background-color: #fff;
		width: 925px;
		height: 280px;
		position: relative;
		margin: 0px auto 0px auto;
	}
	
		#logo
		{
			background-image: url(images/logo.gif);
			background-repeat: no-repeat;
			width: 271px;
			height: 147px;
			position: absolute;
			top: 10px;
			left: 30px;
		}
		
		#testimonial
		{
			width: 300px;
			height: 90px;
			position: absolute;
			top: 165px;
			left: 12px;
		}
		
			#testimonial .author
			{
				float: right;
			}
		
		#hd_img
		{
			width: 600px;
			height: 280px;
			position: absolute;
			left: 325px;
		}
		
	.content_top
	{
		background-image: url(images/content_top.gif);
		width: 960px;
		height: 170px;
		position: relative;
		top: 8px;
		left: 0px;
	}
	
	.content_bg
	{
		background-image: url(images/content_bg.gif);
		background-repeat: repeat-y;
		position: relative;
		top: 8px;
		padding: 10px 18px 0px 18px;
		margin: 0px 0px 0px 0px;
	}

		.content
		{
			position: relative;
			top: -160px;
			padding: 30px 30px 10px 30px;
		}
		
	.content_btm
	{
		background-image: url(images/content_btm.gif);
		background-repeat: no-repeat;
		width: 960px;
		height: 19px;
		position: relative;
	}
	
	#footer
	{
		color: #fff;
		text-align: center;
		position: relative;
		margin: 0px 0px 25px 0px;
	}
	
	#footer .links a
	{
		color: #fff;
		text-decoration: none;
	}
	
	a.wired:link, a.wired:active, a.wired:visited, a.wired:hover
	{
		color: #000;
		text-decoration: none;
		font-weight: bold;
	}
	
/* Two Column */

#leftcolumn
{
		width: 240px;
		position: absolute;
}

	#contact
	{
		color: #275592;
		text-decoration: none;
		display: block;
		background-image: url(images/contact.jpg);
		background-repeat: no-repeat;
		width: 140px;
		height: 124px;
		position: relative;
		padding: 5px 99px 15px 15px;
		margin: 0px 0px 20px 0px;
	}
	
		.cimage
		{
			position: absolute;
			top: 0px;
			left: 150px;
		}
	
	#roofing
	{
		color: #275592;
		text-decoration: none;
		display: block;
		background-image: url(images/roofing.jpg);
		background-repeat: no-repeat;
		width: 140px;
		height: 124px;
		padding: 5px 99px 15px 15px;
		margin: 0px 0px 20px 0px;
	}
	
	#siding
	{
		color: #275592;
		text-decoration: none;
		display: block;
		background-image: url(images/siding.jpg);
		background-repeat: no-repeat;
		width: 140px;
		height: 124px;
		padding: 5px 99px 15px 15px;
		margin: 0px 0px 20px 0px;
	}
	
	#windowsdoors
	{
		color: #275592;
		text-decoration: none;
		display: block;
		background-image: url(images/windowsdoors.jpg);
		background-repeat: no-repeat;
		width: 140px;
		height: 124px;
		padding: 5px 99px 15px 15px;
		margin: 0px 0px 20px 0px;
	}
	
	#blowattic
	{
		color: #275592;
		text-decoration: none;
		display: block;
		background-image: url(images/blowattic.jpg);
		background-repeat: no-repeat;
		width: 140px;
		height: 124px;
		padding: 5px 99px 15px 15px;
		margin: 0px 0px 20px 0px;
	}
	
		#contact .emphasis, #roofing .emphasis, #siding .emphasis, #windowsdoors .emphasis, #blowattic .emphasis
		{
			color: #275592;
			display: block;
			font-size: 18px;
			font-style: normal;
			line-height: 24px;
			margin: 0px 0px 8px 0px;
		}

#rightcolumn
{
	width: 570px;
	position: relative;
	left: 300px;
}
	
/* Homepage */

#HomeContent
{
	position: relative;
}

#home_box_1
{
	background-image: url(images/home_box_1.gif);
	background-repeat: no-repeat;
	width: 770px;
	height: 147px;
	position: relative;
	top: 10px;
	padding: 35px 100px 35px 100px;
}
	#home_box_1 h1
	{
		color: #194a8c;
		font-weight: bold;
		font-style: normal;
		border: none;
	}
	
	#home_box_1 a
	{
		float: right;
		margin: 0px 20px 0px 0px;
	}

	#commercial_services
	{
		background-image: url(images/commercial_services.jpg);
		background-repeat: no-repeat;
		width: 218px;
		height: 115px;
		position: relative;
		float: left;
		padding: 15px 0px 0px 152px;
	}

	#residential_services
	{
		background-image: url(images/residential_services.jpg);
		background-repeat: no-repeat;
		width: 218px;
		height: 115px;
		position: relative;
		float: right;
		padding: 15px 0px 0px 152px;
	}
	
#home_box_2
{
	background-image: url(images/home_box_2.gif);
	background-repeat: no-repeat;
	width: 770px;
	height: 400px;
	position: relative;
	padding: 25px 100px 25px 100px;
}

/* Commercial */

.product_logos
{
	text-decoration: none;
	text-align: center;
	display: block;
	width: 250px;
	height: 100px;
	position: relative;
	float: left;
}
	.product_logos img
	{
		display: block;
		position: relative;
		margin: 0px auto 0px auto;
	}

/* Membership */

.member_logos
{
	text-decoration: none;
	text-align: center;
	display: block;
	width: 215px;
	height: 180px;
	position: relative;
	float: left;
}	
	.member_logos img
	{
		display: block;
		position: relative;
		margin: 0px auto 0px auto;
	}
	
/* Testimonials */
/* used in header and testimonials page */

.quote
{
	font-weight: normal;
	font-style: italic;
}

.author
{
	display: block;
	font-style: normal;
	font-weight: bold;
}

/* Gallery */

#gallery
{
	background-color: #6b6158;
	text-align: right;
	width: 526px;
	height: 280px;
	position: relative;
	float: right;
}

	.galleryimg
	{
		position: relative;
		display: block;
	}
	
	.galleryimg img
	{
	}
	a.next
	{
		background-image: url(images/next.gif);
		background-repeat: no-repeat;
		width: 44px;
		height: 13px;
		position: absolute;
		top: 262px;
		left: 475px;
		z-index: 100;
	}
	
	a.previous
	{
		background-image: url(images/previous.gif);
		background-repeat: no-repeat;
		width: 60px;
		height: 13px;
		position: absolute;
		top: 262px;
		left: 5px;
		z-index: 100;
	}
	
	
/* Staff */

.staffpic
{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	width: 200px;
	height: 250px;
	position: relative;
	float: left;
	margin: 0px 10px 10px 0px;
}
	
/* Contact */

#contactinfo
{
	width: 350px;
	position: relative;
	z-index: 50;
	float: left;
}

#contactFormContainer
{
	width: 350px;
	position: relative;
	float: left;
}

	#contactFormContainer .emphasis
	{
		width: 300px;
		display: block;
	}

	#contactFormContainer th
	{
		vertical-align: top;
		text-align: right;
	}
	
#map
{
	float: right;
	border: solid 1px #194a8c;
}

/* */

#pageAttributesDiv
{
	position: absolute;
	top: 72px;
	z-index: 10;
	padding: 0px 20px 0px 20px;
}

.editPageLink
{
	position: absolute;
	top: 28px;
	left: 20px;
	z-index: 10;
}

#leftcolumn .editPageLink, #rightcolumn .editPageLink
{
	position: absolute;
	top: -30px;
	left: -28px;
	z-index: 10;
}

.content_bg .editPageLink
{
	position: absolute;
	top: 0px;
	left: 2px;
	z-index: 10;
}