/******* MAIN STYLES & GENERAL LAYOUT **********/

/* ~Body
----------------------------------------------------------------------------------------------*/
	
	body {
		font-family: Verdana, sans-Serif;
		font-size: 62.5%;
		background: #7E6560 url(../images/bg.gif) repeat-x center 0px;
		margin:0;
		padding:0;
		text-align: center;
		color:#7E655F;
		height:100%;
		}

/* 

/* ~divs
--------------------------------------------------------------------------------------------*/

	.right {float:right;}
	.left {float:left;}

	div.hr,hr {
		height:2px;
		font-size:2px;
		margin:18px 0 0 0;
		padding:0;
		border-width:0;
		background:#7E655F url(../images/hr.gif) repeat-x;
		}

	div.spacer {clear:both;}


	#page-container {
		width:800px;
		margin:0 auto;
		border:0px solid #000;
		background:transparent;
		text-align:left;
		position:relative;
		top:42px;
		}

	#header {
		width:800px;
		height:354px;
		text-align:left;
		background:transparent url(../images/header-bg.jpg) no-repeat left bottom;

		}

	#content {
		width:778px;
		padding:0px 0px 0px 0px;
		border-color:#000;
		text-align:left;
		}

	#left {
		float:left;
		width:520px;
		height:230px;
		position:relative;
		left:0px;
		top:34px;
		margin-bottom:19px;
		}

	#right {
		float:right;
		width:238px;
		height:230px;
		position:relative;
		right:0px;
		top:36px;
		}
		

	#footer {
		position:relative;
		clear:both;
		top:39px;
		width:800px;
		height:108px;
		}

/*____________ ~Alt Layout~ ____________ */

	.alt-layout #left {
		float:right;
		width:520px;
		height:517px;
		position:relative;
		left:0px;
		top:28px;
		margin-bottom:19px;
		}

	.alt-layout #right {
		float:left;
		width:238px;
		height:230px;
		position:relative;
		right:0px;
		top:28px;
		}
		
	.alt-layout #header {
		background-image:none;
		height:68px;

		}
		


/* Main HTML Elements & Site-wide styles
--------------------------------------------------------------------------------------------*/


/*____________ ~Main~ ____________ */


h1 {
	
}

h2 {
	margin-top:40px;
}


h3 {

}

h4 {
	font-weight:normal;
	width:600px;
	padding:0;
	font-size:0.9em;
}

p {
	font-size:1em;
	margin-top:14px;
	line-height:175%;

}

a,em {
	text-decoration:none;
	color:#7E6560;
	font-style:normal;
}

a:hover {
	text-decoration:underline;
}

a img {border-width:0;}


/*____________ ~Forms~ ____________ */

input.text {
	width:155px;
	height:20px;
	background: url(../images/input.jpg) no-repeat;
	margin:0;
	padding:3px 0  0 3px;
	color:#909193;
	border-width:0;
	font-size:0.9em;
	position:relative;
	top:-4px;
}


/*____________ ~Generic~ ____________ */



/*____________ ~Nav~ ____________ */

#nav{
	position:absolute;
	top:15px;
	right:0;
	height:9px;
	background:url(../images/menu.jpg) no-repeat; 				
}


#nav ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
}

#nav ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#nav ul li a span{
	display:none;
}


#nav ul li a{
	width:100px;
	height:9px;
	margin:0px;
	padding:0px;
	display: block;
		
}

/* -- Hovers -- */

#nav ul li a.home:hover, body#home a.home{background: url(../images/menu.jpg) 0px -9px;}
#nav ul li a.home{width:53px;}
#nav ul li a.interior:hover, body#interior a.interior{background: url(../images/menu.jpg) -53px -9px;}
#nav ul li a.interior{width:74px;}
#nav ul li a.exterior:hover, body#exterior a.exterior{background: url(../images/menu.jpg) -127px -9px;}
#nav ul li a.exterior{width:75px;}
#nav ul li a.our-process:hover, body#our-process a.our-process,body.our-process a.our-process{background: url(../images/menu.jpg) -202px -9px;}
#nav ul li a.our-process{width:104px;}	
#nav ul li a.contact-us:hover, body#contact-us a.contact-us{background: url(../images/menu.jpg) -306px -9px;}
#nav ul li a.contact-us{width:77px;}


/*____________ ~Subnav~ ____________ */

#sub-nav{
	position:absolute;
	top:0px;
	left:0;
	height:90px;
	background:url(../images/process-menu.jpg) no-repeat;
	width:158px;			
}


#sub-nav ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;

}

#sub-nav ul li{
	display: block;

	text-align: center;
	padding: 0;
	margin: 0;
}

#sub-nav ul li a span{
	display:none;
}


#sub-nav ul li a{
	width:100px;
	height:12px;
	margin:0px 0 12px 0;	
	padding:0px;
	display: block;
		
}





/* -- Hovers -- */

#sub-nav ul li a.review:hover, body#review a.review{background: url(../images/process-menu.jpg) -158px 0px;}
#sub-nav ul li a.review{width:158px;}
#sub-nav ul li a.application:hover, body#application a.application{background: url(../images/process-menu.jpg) -158px -24px;}
#sub-nav ul li a.application{width:158px;}
#sub-nav ul li a.finishing:hover, body#finishing a.finishing{background: url(../images/process-menu.jpg) -158px -48px;}
#sub-nav ul li a.finishing{width:158px;}
#sub-nav ul li a.before-after:hover, body#before-after a.before-after{background: url(../images/process-menu.jpg) -158px -72px;}
#sub-nav ul li a.before-after{width:158px; height:10px;}	

#sub-nav ul li a.border-after{background-position-y:2px;}

/* Main div internal styles
--------------------------------------------------------------------------------------------*/



/*____________ ~Header~ ____________ */



/*____________ ~Right~ ____________ */



/*____________ ~Left~ ____________ */



/*____________ ~Footer~ ____________ */

#footer img {
	margin-top:9px;
}

#footer img.right {
	margin:0px 0 0 9px;
}

		


/* PAGE SPECIFIC STYLES
--------------------------------------------------------------------------------------------*/


/*____________ ~Home~ ____________ */




/*____________ ~interior~ ____________ */

#interior #header {
	background-image: url(../images/header-bg-int.jpg);
}


/*____________ ~exterior~ ____________ */

#exterior #header {
	background-image: url(../images/header-bg-ext.jpg);
}


/*____________ ~Contact~ ____________ */

#contact-us #header {background-image:url(../images/header-contact.jpg); }

#contact-us #header img.map {
	width:786px;
	height:254px;
	position:relative;
	top:39px;
	left:8px;
}

#contact-us p {
	color:#000;
}