/*   
		
		Medium Grey Blue 87,100,120
		
		Red Color 183,91,39
		
		Light Grey 177,180,185
		
		Dark Type  25,56,81
		
		*/
		
		
		
		
/* global css reset starts */

		:link,:visited {
		text-decoration:none;
		}

		ul,ol {
		list-style:none;
		}

		h1,h2,h3,h4,h5,h6,pre,code {
		font-size:1em;
		}

		ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { 
		margin:0;
		padding:0;
		}

		a img,:link img,:visited img {
		border:none;
		}

		address {
		font-style:normal;
		}
		
/* global css reset ends */
		
		
		
		
		
/* PAGE LAYOUT */
		html {
		margin: 0 auto;
		}
		
		body {
		margin: 0 auto;
		padding: 0;
		background-color:rgb(177,180,185);
		font-family:arial;
		width:1000px;
		}

		div#header {
		margin:0 auto;
		text-align:center;
		width:1000px;
		height:296px;
		background-image:url(../images/header.png);
		background-repeat:no-repeat;
		padding:0 0 35px 0;
		background-color:rgb(255,255,255);
		}
		
		div#maincol {
		margin:0 auto;
		background-color:rgb(255,255,255);
		width:1000px;
		min-height:560px;
		height:100%;
		}
		
		div#leftcol {
		float:left;
		width:65%;
		min-height:500px;
		height:100%;
		padding-left:20px;
		}
		
		div#rightcol {
		float:right;
		width:26%;
		min-height:500px;
		height:100%;
		padding:20px 0 20px 20px;
		margin:0;
		background-color:rgb(183,91,39);
		background-image:url(../images/featured_story.gif);
		background-repeat: no-repeat;
		background-position: -5px 0px;
		}
		div#rightcol p{
		margin-top:60px;
		font-size: small;
		color:#ffffff;
		line-height:1em;
		padding:4px;
		}
		div#rightcol p span{
		font-family: Times;
		font-weight:bold;
		font-size: large;
		color:#ffffff;
		}
		
		div#footer {
		background-color:rgb(255,255,255);
		background-image:url(../images/footer1.jpg);
		background-repeat: no-repeat;
		background-position: right;
		margin:0 auto;
		width:1000px;
		height:30px;
		}
		
		div#pics {
		background-color:rgb(255,255,255);
		width:99%;
		min-height:200px;
		float:left;
		margin-top:50px; 
		}
		
		span.clear{
		clear: both;
		}
		
		div#contact_reply{
		margin-top:30px;
		padding:10px;
		background-color: #eeeeee;
		}
	
		div.featured_article p{
		font-size: small;
		}
		div.featured_article div{
		margin: 0 auto;
		text-align: center;
		}
		
		p.tv{
		position:absolute;
		top: 650px;
		}
	
	
		
/* TYPOGRAPHY */

	p {
	color:rgb(25,56,81);
	font-size:1.0em;
	font-family: arial, helvetica, sans-serif;
	text-align: left;
	padding:10px 0 12px 0;
	line-height:1.7em;
	}
	
	p#feature {
	color:rgb(255,255,255);
	font-size:0.8em;
	font-family: arial, helvetica, sans-serif;
	text-align: left;
	line-height:1.7em;
	padding: 20px 20px 0 0;
	}
	
	p#caption {
	color:rgb(25,56,81);
	font-size:0.7em;
	font-family:arial, helvetica, sans-serif;
	margin:0 400px 0 0;
	}

	h1 {
	color:rgb(183,91,39);
	font-size:1.7em;
	font-family:"Trebuchet ms", arial narrow, arial, helvetica, sans-serif;
	font-weight:100;
	text-align: left;
	padding:10px 0 5px 0;
	}
	
	h2 {
	color:rgb(255,255,255);
	font-size:1.4em;
	font-family:"Trebuchet ms", arial narrow, arial, helvetica, sans-serif;
	font-weight:100;
	text-align: right;
	margin:0 130px 0 0;
	}
	
	h3 {
	font-family:"Trebuchet MS", arial narrow, arial, helvetica, sans-serif;
	color:rgb(87,100,120);
	top:235px;
	right:10px;
	letter-spacing:6px;
	font-size:0.9em;
	text-transform:uppercase;
	position:relative;
	text-align:right;
	font-weight:100;
	}	
	
	h4 {
	color:rgb(25,56,81);
	font-family:"Optima", trebuchet ms, arial narrow, arial, helvetica, sans-serif;
	font-size:0.8em;
	}

	h5 {
	color:rgb(25,56,81);
	font-family:"Optima", trebuchet ms, arial narrow, arial, helvetica, sans-serif;
	font-size:1em;
	background-color: rgb(198,222,222);
	padding-left:5px; 
	}	
	
	h6 {
	font-family:"Trebuchet MS", arial narrow, arial, helvetica, sans-serif;
	color:rgb(115,82,148);
	letter-spacing:6px;
	font-size:0.9em;
	text-transform:uppercase;
	font-weight:100;
	}	
	
	p#copyright {
	color:rgb(255,255,255);
	font-size:0.7em;
	text-align: center;
	margin:2px 0 0 0;
	}
	
	p#contact_box {
	position:relative;
	top:260px;
	right:20px;
	text-align: right;
	font-size:0.9em;
	color:rgb(87,100,120);
	float:right;
	text-transform: uppercase;
	}
	
	p#contact_box a:link {
	color:rgb(87,100,120);
	}
	
	p#contact_box a:visited {
	color:rgb(87,100,120);
	}
	
	p#contact_box a:hover {
	color:rgb(87,100,120);
	text-decoration: underline;
	}
	
	p#contact_box a:active {
	color:rgb(87,100,120);
	text-decoration: underline;
	}
	
	div#contact_info{
	font-size: small;
	text-align: center;
	}
	
	p.reference{
	font-size:small;
	line-height: 1em;
	color: rgb(25,56,81);
	margin-left: 2em;
	}
	
/* CONTACT FORM */	

	form#contact_form{
	margin-left: 20px;
	font-size: small;
	}
	
	form#contact_form input, textarea, select{
	background-color: #efefef;
	border: 2px solid rgb(198,222,222);
	margin-bottom:4px;
	color:#B75B27;
	}
	form#contact_form input, textarea{
	width:350px;
	}
		
	form#contact_form label{
	width:170px;
	display: block;
	}
	
	div.validation_error{
	font-weight: bold;
	font-size: small;
	color: red;
	background-color: #eeeeee;
	margin:0px, 10px;
	text-align: center;
	}

	
/* GALLERIES */
	div.gallery_container{
	background-color: rgb(198,222,222);
	padding:10px;
	margin:5px 0px;
	}
	
	#gallery_exterior, #gallery_interior, #gallery_stain, #gallery_other{
	margin:0 auto;
	background-color: rgb(198,222,222);
	}
	
	
		
		
/* NAVIGATION */
		
	ul#navlist {
	width:1000px;
	height:29px;
	color:rgb(255,255,255);
	text-align:center;
	position:relative;
	top:240px;
	left:20px;
	margin:0 auto;
	}
	

	div#colorbar {
	width:1000px;
	height:13px;
	position:relative;
	top:267px;
	background-color:rgb(183,91,39);
	}	

	
	ul#navlist li {
	display:block;
	float:left;
	margin-right:-30px;
	font-size:0.9em;
	letter-spacing: 1px;
	color:rgb(255,255,255);
	font-family:arial;
	width:153px;
	height:29px;
	}
	
	ul#navlist li a:link {
	background-image:url(../images/button_red.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	font-size:1.0em;
	color:rgb(255,255,255);
	font-family:arial;
	width:153px;
	height:29px;
	padding:5px 0 0 0;
	}
	
	ul#navlist li a:visited {
	background-image:url(../images/button_red.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	font-size:1.0em;
	color:rgb(255,255,255);
	font-family:arial;
	width:153px;
	height:29px;
	padding:5px 0 0 0;
	}
	
	ul#navlist li a:hover {
	background-image:url(../images/button_white.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	font-size:1.0em;
	color:rgb(87,100,120);
	font-family:arial;
	width:153px;
	height:29px;
	padding:5px 0 0 0;
	}
	
	ul#navlist li a#active {
	background-image:url(../images/button_white.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	font-size:1.0em;
	color:rgb(87,100,120);
	font-family:arial;
	width:153px;
	height:29px;
	padding:5px 0 0 0;
	}
	
	ul#bottomnav {
	float:right;
	padding-top:5px;

	}
	
	ul#bottomnav li {
	color:rgb(255,255,255);
	display:inline;
	font-family:arial;
	font-size: small;
	padding-right:10px;
	text-transform:uppercase;
	}
	
	ul#bottomnav li a:link {
	display:inline;
	color:rgb(255,255,255);
	font-family:arial;
	font-size: small;
	padding-right:10px;
	text-transform:uppercase;
	}
	
	ul#bottomnav li a:visited {
	color:rgb(255,255,255);
	font-family:arial;
	}
	
	ul#bottomnav li a:hover {
	color:rgb(255,255,255);
	font-family:arial;
	}
	
	ul.d_col{
	margin-left: 30px;
	width:500px;	
	}
	
	ul.d_col li{
	float:left;
	width:230px;
	list-style-type: square;
	}

	ul.s_col{
	margin-left: 30px;
	width:500px;	
	}
	
	ul.s_col li{
	list-style-type: square;
	margin:1em 0em;
	}
	
	
	
	/* UNIQUE HOME BAR TAB */
	
	ul#navlist li#homebar a:link  {
	background-image:url(../images/button_home_red.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	font-size:1.0em;
	color:rgb(255,255,255);
	font-family:arial;
	width:153px;
	height:29px;
	padding:5px 0 0 0;
	}
	
	ul#navlist li#homebar a:visited {
	background-image:url(../images/button_home_red.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	font-size:1.0em;
	color:rgb(255,255,255);
	font-family:arial;
	width:153px;
	height:29px;
	padding:5px 0 0 0;
	}
	
	ul#navlist li#homebar a:hover {
	background-image:url(../images/button_home_white.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	font-size:1.0em;
	color:rgb(87,100,120);
	font-family:arial;
	width:153px;
	height:29px;
	padding:5px 0 0 0;
	}
	
	ul#navlist li#homebar a#active {
	background-image:url(../images/button_home_white.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	font-size:1.0em;
	color:rgb(87,100,120);
	font-family:arial;
	width:153px;
	height:29px;
	padding:5px 0 0 0;
	}
	
/* HELPERS */
	a.js_link{cursor:pointer;cursor:hand;}
	div.centered_button{text-align:center;text-transform:uppercase;font-size: x-small; }
	span.red{color:red;}