* {
padding: 0;
margin: 0;
}

body {
font: 11px/1.4 "Lucida Grande", Arial, Verdana, sans-serif;
background: #f6f5ed;
padding-bottom: 40px;
}
.address2 {}
.address1 {}
address a {margin-bottom:10px;}

#wrap {
background: #fff;
padding: 0 15px 5px 15px;
width: 700px;
margin: 0 auto;
overflow: auto;
border: 1px solid #b3aa97; border-top: 0;
border-bottom: 1px solid #d9ceb8;
}

#header {
width: 700px;
height: 137px;
position: relative;
}

#header span {
background: url(header.gif) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}

h2 {
color: #553218;
letter-spacing: -1px;
font-size: 18px;
}

a {
color: #182b3d;
}

a:hover {
background: #182b3d;
color: #fff;
}

a img {
border: 0;
}

p {
line-height: 1.4;
padding: 7px 0;
}

.pricing {
padding-top: 10px;
}

/* @group Navigation */



#nav {
border-bottom: 1px solid #777; 
overflow: auto;
}

#nav ul {
float: left;
padding: 15px 0;
}

#nav li {
list-style-type: none;
display: inline;
}

#nav ul a {
text-transform: uppercase;
color: #182b3d;
font-weight: bold;
text-decoration: none;
padding: 3px;
margin: 0 3px;
}

#nav a:hover {
color: #fff;
}

.home a {
margin-left: 0 !important;
}

body#home .home a,
body#about .about a,
body#contact .contact a,
body#projects .projects a,
body#resources .resources a,
body#excavation .excavation a, 
body#faq .faq a {
color: #fff;
background: #182b3d;
}

/* @end Navigation */

/* @group Footer */

#contactlink {
padding: 5px 0;
clear: both;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}

#copy { width: 700px; margin: 0 auto; padding: 10px 0; }
#logos { clear: both; padding: 5px 0; border-bottom: 1px solid #eaeaea; margin-bottom: 7px; }
#credit { clear: both; padding-top: 5px;margin-top: 7px; }

#creditright { float: right; }
#creditleft { float: left; }


/* @end */




/* @group Home page */

#leftcol {
float: left;
width: 315px;
}

/* @group Intro */

#intro {
padding: 15px 30px 15px 0;
line-height: 1.5;
width: 285px;
}

#intro p {
line-height: 1.4;
}

/* @end */


/* @group Project Box */

#project {
float: right;
width: 354px;
padding: 15px 15px 55px 15px;
background: #f7f6ef;
border-left: 1px solid #c1c1c1;
color: #111;
}

#project img {
padding: 15px 0;
}

#project p { clear: both; }

#date {
float: right;
color: #444;
}

#project h2 {
text-transform: uppercase;
font-size: 13px;
padding-bottom: 5px;
float: left;
}

/* @end */

/* @group Quote */

#quote  { 
border-top: 1px solid #eaeaea;
clear: both;
padding: 5px 0;
}

#quote1, #quote2, #quote3 {
/*font-style: italic; */
color: #555;
width: 300px;

}


#quote span {
font-style: normal;
color: #553218;
/* letter-spacing: -1px;*/
font-size: 16px;

}

#quote1 h2, #quote2 h2 {
font-size: 16px;
}
#quote3, #quote4, #quote5 { font-size: .85em; line-height: 1.6em;padding 5px 0;margin-top: -5px;}

/* @end */

/* @end (Home page) */

/* @group About Page */

#rightcol {
float: right;
width: 330px;
clear: both;
margin: 0 0 15px 15px;
border-left: 1px solid #c1c1c1;
}

#expertise {
 padding:  15px;
 background: #f7f6ef;
 border-bottom: 1px solid #ddd;
 color: #111;
}

#expertise h2 {
text-transform: uppercase;
font-size: 13px;
padding-bottom: 5px;
}

#expertise ul {
padding-top: 5px;
}

#expertise li {
margin-left: 20px;
list-style-position: inside;
padding-bottom: 7px;
}

#expertise li b, #personal b { color: #233143; }

#words {
 padding:  15px;
 background: #dadddb;
 border-bottom: 1px solid #ddd;
 color: #111;
 font-size: .9em;
}
.words {color: red;}

#testimonials h2 {
text-transform: uppercase;
font-size: 13px;
padding-bottom: 5px;
}

#personal {
padding: 15px 15px 5px 15px;
border-bottom: 1px solid #ddd;
}

#personal p {
padding-bottom: 10px;
}

.info { padding-bottom: 10px; }

#aboutus {
padding: 10px 0 20px 0;
width: 360px;
}

body#projects #aboutus { width: 100%; }

#aboutus .picture {
float: right;
width: 190px;
padding-left: 15px;
}

#aboutus .picture p {
color: #444;
}

#collova {
background: #edf4f7;
border-top: 1px solid #d9e5eb;
border-bottom: 1px solid #d9e5eb;
margin: 10px 0;
}

#collova .logolink {
float: left;
padding: 10px 10px 0 0;

}

#collova a:hover {
background: #edf4f7;
color: #182b3d;
}


table {
border-collapse: collapse;
font-size: 11px;
display: block;
width: 350px !important;
}

thead {
color: #233143;
}

th {text-align: left; font-weight: bold; background: #deddd4; padding: 5px; border-bottom: 1px solid #bababa; }
td { padding: 4px; padding-right: 15px;  }
tr { border-bottom: 1px solid #e0e0e0; width: 350px !important; }

.col1 { width: 120px; }



/* @end */


/* @group Contact Form */

fieldset {
border:0;
}

label {
display: block;
padding-top: 7px;
}

input.text,textarea {
width: 100%;
font: 12px/12px 'courier new',courier,monospace;
color: #333;
padding: 3px;
margin: 1px 0;
border: 1px solid #ccc;
}

input.submit {
padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif; }

	#emailSuccess { padding-bottom: 10px; }

#instructions { padding: 10px; background: #f2f1e7; }
/* @end Contact Form */



address { font-style: normal; }

.box { margin: 10px 0; float: left; } 
#refrences {
padding-top: 15px;
margin-top: 15px;
border-top: 1px solid #ddd;
}

#cwrap {
	overflow: auto;
	padding-top: 10px;
	border-top: 2px solid #ddd;
	margin-top: 10px;
}
	
#cwrap p {
padding: 0 0 5px 0;
	}
	
#cwrap h3 {margin-bottom: 15px; border-bottom: 1px solid #eeeeee; font-size: 14px; }

#cleft { float: left; padding-right: 25px; }
address { float: left; display: inline; margin-right: 20px;  }

#links { line-height: 1.6; }
#links li { margin-left: 30px; padding-bottom: 10px; }
body#resources #aboutus { width: 360px; }


body#excavation #aboutus { padding-top: 0; }
body#excavation h2 { text-transform: uppercase; font-size: 14px;}

body#excavation #aboutus ul { margin-left: 35px; padding-bottom: 20px; }
body#excavation #aboutus { width: 100%; }
#excavwrap { overflow: auto; border-bottom: 1px solid #eee; padding: 20px 0; background: url(/excavation/excavlogo.gif) left center no-repeat; font-size: 13px; padding-left: 325px; padding-right: 30px;  }

#excavwrap span { color: #233143; }
.floatright { float: right; clear: right; }

#residential { float: left; }
#commercial { float: left; padding-right: 100px; }
#lists { overflow: auto; padding: 15px 0; border-top: 1px solid #eee; }
.introb { font-size: 13px; width: 500px; margin: 0 auto; text-align: center; background: #f7f6ef; }

#sideimages { float: right; }

.folio {
float: left;
padding-bottom: 5px;
margin: 5px;
margin-bottom: 10px;
background: #f7f6ef;
width: 340px;
}

.bigimg {background: #f2f1e7; padding: 5px; }

.description {
padding: 10px;
}


.completed {
float: right;
color: #666;
padding-left: 10px;
padding-bottom: 10px;
text-transform: uppercase;
letter-spacing: 1px;
}
.folio_container {
clear: both;
overflow: auto;
width: 100%;
}


#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/projects/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/projects/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/projects/images/nextlabel.gif) right 15% no-repeat; }

body#projects #content { background: green; width: 100%; }

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
.more { overflow: auto; }

.folio a { padding: 3px; display: block; float: left; background: #f2f1e7; margin-right: 5px; }
.folio a:hover { background: #182b3d; }

.faq {font-weight: bold; font-size: 1.2em;}
.answer {font-size: 1em; padding-left: 6px;}

.backwards {unicode-bidi:bidi-override; direction: rtl;}