/*************************************************************************/
/******************************* global **********************************/

html, body{
	height:100%;
	margin:0;
	padding:0;
	font:12px/16px Arial, Helvetica, sans-serif;
	color:#333333;
	vertical-align:top;
	background:url(../images/bgRepeat.jpg) repeat;
}
#container{
   width:658px;
	min-height: 100%; /* makes repeating bg go beyond initial viewport */ 
	position: relative;
	margin:0 auto;
}
* html #container{
	height: 100%; /* WIN IE fix */
}
.bodyBG{
	background-image:url(../images/body-bgRepeat.gif);
	background-repeat:repeat-y;
	padding: 0px 48px 30px 48px;
	vertical-align:top;
}

/*************************************************************************/
/************************* main navigation *******************************/

#nav{
	padding-top:5px;
}
#nav a{
	font-size:13px;
	font-weight:bold;
	letter-spacing:-.1em;
	padding:0 5px 0 3px;
	white-space:nowrap;
}

/*************************************************************************/
/************************** sub navigation *******************************/

.photoProducts{
	background-image:url(../images/photo-products-driveways.jpg);
	background-repeat:no-repeat;
	vertical-align:top;
}
.photoAbout{
	background-image:url(../images/photo-about-porousConcrete.jpg);
	background-repeat:no-repeat;
	vertical-align:top;
}
.photoCaseStudy{
	background-image:url(../images/photo-placeholder.jpg);
	background-repeat:no-repeat;
	vertical-align:top;
}

.sidePhoto{
	vertical-align:top;
	padding-top:23px;
}
.subNav{
	height:350px;
	text-align:right;
	vertical-align:top;
	padding-top:50px;
}

/*************************************************************************/
/***************************** contact form ******************************/

#contact-form{
	margin:25px 0;
}
#contact-form td{
	padding-bottom:7px;
}
.formField, select{
	width:240px;
	height:22px;
	padding-left:5px;
	border:1px solid #AAC685;
}
textarea{
	width:240px;
	height:80px;
	padding-left:5px;
	border:1px solid #AAC685;
}
input:focus{
	background-color:#eeeeee;
}
select { 
  background-color: #ffffff; 
  color: #AAC685; 
 }
textarea { 
  background-color: #ffffff; 
  color: #AAC685; 
}

/*************************************************************************/
/******************************* footer **********************************/

#btm{
	background:url(../images/footer-tag.gif) no-repeat;
	display:block;
	height:34px;
	width:575px;
	margin-left:auto;
	margin-right:auto;
	margin:-34px auto; /* affixes footer to bottom of page, minus the height of the footer */
	position:relative; /* necessary to keep footer at bottom of page */
}
* html #btm{
	margin-top:-35px; /* WIN IE hack for footer positioning */
}

/*************************************************************************/
/***************************** copy styles *******************************/

h1, h2, h3{
	font:18px/21px Arial, Helvetica, sans-serif;
	color:#4E751B;
	margin:0;
	padding:0 0 5px 0;
}
h2, h3{
	font-size:14px;
	margin:0;
	padding:5px 0 0 0;
}
p{
	margin:7px 0 7px 0;
	padding:0;
}
li{
	margin-bottom:10px;
}
.copy, .copy2{
	padding:23px 0px 0px 15px;
	vertical-align:top;
}
.copy2{
	padding-left:15px;
}
 .floatRight{
	float:right;
	padding:6px 0 0px 10px;
}
.floatLeft{
	float:left;
	padding:5px 8px 3px 0;
}
#testimonials{
	margin-top:20px;
	padding:10px 0;
	font-style:italic;
	color:#4E751B;
	border-top:1px solid #DAD6C4;
	border-bottom:1px solid #DAD6C4;
}

/*************************************************************************/
/******************************** linkage ********************************/

a:link, a:visited, a:active {color:#4E751B; text-decoration:underline;}
a:hover{color:#86BB40; text-decoration:underline;}

/** nav **/
#nav a:link, #nav a:visited, #nav a:active {color:#454545; text-decoration:none;}
#nav a:hover, #nav a.selected{color:#4E751B; text-decoration:none;}