/* CSS Document */

/* element types */

* {
	padding:0;
	margin:0;
}

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
	dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
	a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
	strong, sub, sup, tt, var {
		margin: 0;
		padding: 0;
	}

ul {
	list-style-type:none;
}

body {
	padding:0;
	margin:0;
	background:#837766;
	color: #231F20;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .80em;
}

  a:link               { color:#fff; text-decoration:underline;}
  a:hover              { color:#fff; text-decoration:none;}
  a:visited            { color:#fff; text-decoration:underline;}
  a:visited:hover      { color:#fff; text-decoration:none;} 

p {	padding: .5em 1.5em;}

/* Page ID's
-----------------------------------------------------------------*/
body#home a#homeNav, body#about a#aboutNav, body#contact a#contactNav, body#outdoor a#outdoorNav, body#concrete a#concreteNav, body#driveways a#drivewaysNav, body#footings a#footingsNav  {
	color: #352A1F;
}


/* id selectors design layout */

#outer {
	width:950px;
	margin:0 auto;
	position:relative;
	text-align:left;
}

#header	{
	border-bottom: 5px solid #B5AEA6;
	margin: 0 0 1.5em 0;
	padding: 1em 0;
}

#left	{
	border: 1px solid #B5AEA6;
	float:left;
	margin: 0 1.5em 0 0;
	width: 570px;
	height:370px;
	font-size: .90em;
}



#leftConcrete	{
	border: 1px solid #B5AEA6;
	float:left;
	margin: 0 1.5em 0 0;
	width: 570px;
	height:420px;    /* extends below template height */
	font-size: .90em;
}

#leftConcreteExt	{
	border: 1px solid #B5AEA6;
	float:left;
	margin: 0 1.5em 0 0;
	width: 570px;
	height:600px;    /* extends below template height */
	font-size: .90em;
}


#right	{
	border: 1px solid #B5AEA6;
	width: 334px;
	float:right;
}

#galleryCaption {
	background:#352A1F;
	color:#B5AEA6;
	position:absolute;
	top:34.7em;
	right:1px;
	width: 322px;
	padding: .5em;
	font:small-caption;
}

#footer	{
	clear: both;
	position:relative;
	bottom: .5em;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

#footer p{
	padding: 0;
}

#footer a:link, #footer a:visited {
	color:#352A1F;
}

#footer a:hover {
	color:#fff;
	text-decoration:none;
}

#crumb {
	background:#352A1F;
	margin: 1.5em 0;
	text-align:right;
}

#crumb img{
	margin: 0 2em;
	text-align:justify;
}

#copy	{
	margin: 15em 1em 5em 1em;
}

/* Navigation
-----------------------------------------------------------------*/

ul#nav	{
	margin: 1.5em 1em 0 0;
	clear:both;
	float:right;
	width: 30em;
	font-size: .90em;
}

ul#nav li	{
	text-align:right;
	padding: .3em 0 0 0;
}

ul#nav li a:link, ul#nav li a:visited {
	text-decoration:none;
}

ul#nav li a:hover {
	color:#352A1F;
	text-decoration:none;
}

ul#nav h1	{
	font-size:1em;
	color:#352A1F;
	text-align:right;
	padding: 0 0 .5em 0;
}


/* Homepage
-----------------------------------------------------------------*/

#homeHero	{
	border: 1px solid #B5AEA6;
	width: 920px;
	margin:0 auto;
}

#homeText	{
	position:absolute;
	top:7.2em;
	left:55%;
	border: 1px solid #B5AEA6;
	background: #352A1F;
	color:#B5AEA6;
	width:16em;
	font-size: .95em;
	text-align:justify;
}


/* Thumbnails
-----------------------------------------------------------------*/

#thumbs{
	margin: 1em;
}

#thumbs li	{
	border: 1px solid #B5AEA6;
	float:left;
	margin: .5em .6em;
	width: 70px;
	height:50px;
}


/* Contact Us
-----------------------------------------------------------------*/

/*---- Element Types ----*/

input.text	{
	background-color: #B5AEA6;
	border:#352A1F 1px solid;
	color:#352A1F;
	width: 18em;
	padding:0.2em;
	font-size: 0.9em;
}

/*---- Outer Contact Fieldset & List ----*/

form#contact fieldset{
	margin: 0 1em;
	padding: 0;
	border:none;
}

form#contact fieldset ol	{
	padding: 1em 1em 0 1em;
	list-style:none;
}

form#contact fieldset li	{
	padding-bottom: .75em;
}


/*---- Nested contactDetails Fieldset & List ----*/

form#contact fieldset fieldset#contactDetails{
	margin: 0;
	padding: 0;
	border:none;
	float:left;
}

form#contact fieldset fieldset#contactDetails ol	{
	padding: 0;
	list-style:none;
}

form#contact fieldset fieldset#contactDetails li	{
	padding-bottom: .75em;
	width:49%;
}


/*---- Nested message Fieldset & List ----*/

form#contact fieldset fieldset#message{
	margin: 0;
	padding: 0;
	border:none;
	float:right;
}

form#contact fieldset fieldset#message ol	{
	padding: 0;
	list-style:none;
}

form#contact fieldset fieldset#message li	{
	padding-bottom: .75em;
	width:49%;
}

textarea.text#message	{
	width: 18em;
	height: 9em;
	background-color: #B5AEA6;
	border:#352A1F 1px solid;
	color:#352A1F;
	padding:0.2em;
}

.required	{
	font-size:.85em;
	margin: 0 2em;
	text-align:right;
	padding:.5em 0 0 0;
}


/*---- Nested Submit Fieldsets ----*/

form#contact fieldset.submit	{
	clear:both;
	margin: 0;
	padding: 0;
	float:right;
}

button {
	height: 2em;
	font-weight:bold;
	font-size: 0.9em;
	padding:0;
	margin: 0;
	background-color: #B5AEA6;
	border: 1px #352A1F solid;
	color:#352A1F;
}

button:hover { cursor: pointer; /* cursor: hand; for IE5 */ }

label	{
	display:block;
	padding: 0 0 .5em 0;
}

#contactList	{
	margin: 0 2em 1.5em 2em;
	
}

#contactList li	{
	padding: .1em;
	
}

#clear	{
	height:1px;
	overflow:hidden;
	clear:both;
	margin-top:-1px;
}