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

body{
background: #651e1c url(/images/BG.jpg) top center  no-repeat;
margin: 0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif, "Arial Black"}
/*--eliminates dashed lines around links on Firefox---*/
a {outline: none;}
a {
color:#6a838f;
}
a:hover {
color: #8f7171;
text-decoration:none;
}

/*---------Main Page Headline--------*/
h1{
color:#651e1c;
font-size:20px;
margin: 20px 0 10px 25px}

/*---------Main Page sub Headline--------*/
h2 {
padding:0px;
margin:6px 0 8px 0;
color:#6c1c1c;
font:bold 1.00em Arial, Helvetica, sans-serif;
}
/*---------Call to Action Tag line--------*/
h5 {
padding:0px;
margin:25px 0 12px 0;
text-align:center;
color:#6c1c1c;
font:bold .950em Arial, Helvetica, sans-serif;
}

#mainWrap{
width:100%;
margin: 0px auto 0px auto;}
#mainContainer{
width:1000px;
margin: 0px auto 0px auto;
position:relative;}
#header{
height:120px;}
#headerLogo{
background: url(/images/headerLogo.jpg) no-repeat;
width:598px;
height:120px;
float:left;}

.pageText{
font-size:14px;
margin: 10px 10px 10px 25px}

#tagLine{
width:400px;
color:#FFFFFF;
font-size:15px;
font-weight:bold;
position:relative;
top:100px;
left:200px;}
#brochure{
background:url(/images/brochure.jpg) no-repeat;
height:120px;
width:194px;
float:left;}
#brochure a{
display:block;
background:url(/images/brochureNav.jpg) no-repeat;
height:120px;
text-indent:-100000em;}

#brochure a:hover{
background-position:0 -120px;}
#contact{
background-image:url(/images/contactBG.jpg);
height:120px;
width:208px;
float:left;}
#contactInfo{
color:#FFFFFF;
font-weight:bold;
margin-top:25px}
#download{
width:208px;
margin-top:10px;
}
#download a{
color:#FFFFFF;
text-decoration:none;}
#download a:hover{
text-decoration:underline;}
#contentWrap{
width:948px;
margin-left:25px;
border: solid #000000 1px;
background-color:#FFFFFF;
overflow:hidden;}
#nav{
background:url(/images/NavBG.gif) repeat-x;
height:35px;
width:950px;
margin-left:25px;}

#navLinks{
padding-top:7px;}

#navLinks a{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
padding:0 0 0 15px;}

#navLinks a:hover{
color:#89a1ad}
#newspage #navLinks  a#news,
#aboutpage #navLinks  a#about,
	#homepage #navLinks  a#home,
	#linkspage #navLinks  a#links,
	#contactpage #navLinks  a#contactLink,
	#servicespage #navLinks  a#servicesLink
	{
	color:#89a1ad
	}
#leftColumn{
width:698px;
float:left;
border-right:#651e1c solid 1px; }

#ServiceImage{
background:url(../images/serviceImages.jpg) no-repeat;
width:698px;
height:255px;}

/*----------------------------------------Service navigation------------------------------------------------*/
#MenuMap {
		margin:0px;
		padding:0px;
		top:0px;
		width:698px;
		height:64px;
		position:relative;
		background-image:url(/images/menu.jpg);
		list-style:none;
		text-decoration:none;}
			#MenuMap li {
				margin:0px;
				padding:0px;
				position:absolute;}
			#MenuMap li, #MenuMap a {
				height:64px;
				display: block;}
			
			#MenuMap a.NavLink {
				/*  Hide the text part of the links by moving it waaaayyy offscreen. */
				text-indent:-100000em;}
/*  NavLink dimensioning rules - specify offset from top and (constant) width of active area. */
			#newHome {left:0px; width:175px;}
			#recRoom {left:175px; width:175px;}
			#bathroom {left:350px; width:175px;}
			#kitchen {left:525px; width:173px;}
/*  Menu hover, active, and "current page" rules, using a "sprite" imagemap, and background positioning. */

			#newHome a:hover {background: transparent url(/images/menu.jpg) 0px -64px no-repeat;}
			#recRoom a:hover {background: transparent url(/images/menu.jpg) -175px -64px no-repeat;}
			#bathroom a:hover {background: transparent url(/images/menu.jpg) -350px -64px no-repeat;}
			#kitchen a:hover {background: transparent url(/images/menu.jpg) -525px -64px no-repeat;}
			
/*----------------------------------------END Service navigation------------------------------------------------*/

#rightColumn{
width:249px;
float:left;

background: url(/images/rightBG.gif) repeat-x}
#sideBarGallery {
margin:0 auto;
font-size:.750em;
color:#651e1c;
width:240px;
}

#learnTitle{
margin:15px 0 10px 13px;
color:#651e1c;
font-size:20px;
font-weight:bold;}
/*----------------------------------------Right Column navigation------------------------------------------------*/
ul#navLinks{
list-style:none;
margin:0 0 0 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
padding:0;
/*padding:25px 0 0 20px;*/
color:#ffffff;
text-align:left;
width:236px;
}
	ul#navLinks li{
	height:25px;
		margin-top:10px;
		background-color:#651e1c;
		
		}
	
	ul#navLinks li a{
	text-align:left;
	display:block;
	height:25px;
	width:100%;
	font-weight:bold;
	margin:0;
	padding:0;
	color:#ffffff;
	text-decoration:none;
	font-style: normal;
	padding-top:2px;
	padding-left:25px;}
	
	ul#navLinks li a:hover{
	background-color:#89a1ad;
	color:#000000;}
	
	#recroomspage ul#navLinks li a#rec,
	#kitchenspage ul#navLinks li a#kit,
	#bathroomspage ul#navLinks li a#bath,
	#sunroomspage ul#navLinks li a#sun,
	#additionspage ul#navLinks li a#add,
	#drivewaySealCoatingpage ul#navLinks li a#drive,
	#newhomepage ul#navLinks li a#new
	{
	background-color:#89a1ad;
	color:#000000;
	}
/*----------------------------------------END Right Column navigation------------------------------------------------*/

#logos{
text-align:center;
width:948px;
margin:20px 0 20px 0;}

#news{
width:220px;
margin:20px 0 0 13px}
#footer{
text-align:center;
color:#FFFFFF;
font-size:12px;
margin:15px 0 15px 0;
}
#footer a{
color:#FFFFFF;
text-decoration:none;}

#footer a:hover{
text-decoration:underline;}