html {
border:0;
margin:0;
padding:0;
font-size:100.01%;
text-align: center;
height: 101%;
}

body {
border:0;
margin:0;
padding:0;
color:#333;
font:.8em/1.4 Arial, Helvetica, sans-serif;
text-align: left;
background-color: #919191;

}

/***** Headings *****/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
color:#000;
font-weight:normal;
}
h1 {
	font-size: 2.6em;
}
h2 {
font-size:1.3em;
margin: 5px 0 0px 0;
}
h3 {
font-size:.9em;
}
h4 {
font-size:.8em;
font-style: italic;
}

/***** Common Formatting *****/

p, ul, ol {
margin:0;
padding:0 0 1em 0;
}

ul, ol {
padding:0 0 1.35em 2.7em;
}

blockquote {
margin:1.35em;
padding:1.35em 1.35em 0 1.35em;
}

small {
font-size:0.7em;
}

img {
border:0;
margin: 0;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

hr {
	margin: 0px;
	padding: 0px;
}

/***** Links *****/

a,
a:link,
a:visited {
color:#000;
text-decoration:underline;
}

a:hover {
color:#666;
}

/***** Forms *****/

form {
margin:0;
padding:0;
display:inline;
}

input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
}

textarea {
width:100%;
line-height:1.35;
}

/***** Tables *****/

table {
border:0;
margin:0 0 1.35em 0;
padding:0;
}

	table tr td {
	padding:5px;
	}
	
/***** ----------------------- structure ----------------------- *****/

/***** Container *****/

#container {
width:900px;
margin:85px auto 0 auto;
background-image:url(../images/conatiner-2columnbg01.gif);
background-repeat: repeat-y;
}

/*****container clearing hack*****/
#container:after { 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; }
#container { display: inline-block; _height: 1%; }
/* Hides from IE-mac \*/
#container { display: block; }
/* End hide from IE-mac */

/***** Header *****/

#header {
width: 100%;
height: 40px;
margin:0 0 0px 0;
padding:0px 0 0 0;
background-color: #919191;
overflow: hidden;
}

/***** main *****/

#main {
float:left;
width:745px;
min-height: 550px;
background-color: #e5e5e5;
text-align: center;
}

#home #main {
background-image: url(../images/home-photo1a.jpg);
background-repeat: no-repeat;
background-color: #919191;
}

/***** side *****/

#side {
float:right;
width:155px;
background-color: #505050;
}

#home #side {
height: 550px;
background-image: url(../images/home-photo1b.jpg);
background-repeat: no-repeat;
}

/***** subhead *****/

#subhead {
width: 745px;
margin-bottom: 15px;

}

#subhead #projectnav {
width: 405px;
float: right;
margin: 5px 35px 2px 0px;
text-align: center;
}

/***** content *****/

#subhead, #contenta, #contentb, #contentc {
	text-align: left;
   position: relative;
}

#contenta, #contentb{
	width: 325px;
}

#contenta {
	float: left;
	margin: 0 0 0 0px;
	left: 35px
}

#contentb {
	float: right;
	margin: 0 0px 0 10px;
	right: 35px
}
#contentc {
	width: 675px;
	margin: 10px auto;
}

#contentc table h2 {
	
	font-weight: bold;
	margin: 5px 0px 0px 0px;
	font-size:.9em;
	text-align: center;
}

#contact #contenta {
float:left;
width:270px;
margin:40px 15px 0px 45px;
}

#contact #contentb {
width:270px;
margin:40px 45px 0px 0px;

}

#contact #contentb img {
float: right;
margin: 0px 0 0 0;
}

#firm #contenta {
width:120px;
margin:80px 15px 0px 25px;
padding: 0px 10px 10px 10px;
background-color: #e5e5e5;
}

#firm #contenta img{
margin: 5px 0 0px 0;
}
#firm #contenta .caption {
margin: 5px 0 0 0;
}

#firm #contentb {
width:450px;
margin:40px 30px 0px 0px;
}

#firm #contentb img{
margin-bottom: 10px;
}

#project #contenta {
width:250px;
margin:5px 0 10px 0px;
}

#project #contentb {
width:405px;
margin:5px 0 10px 10px;
}

#projectlist #contenta, #projectlist #contentb {
margin-top:25px;
}

#projectlist #contentb img{
margin: 0 10px 2px 0;
} 

#projectlist table {
font-size: .8em;
}
#projectlist table .tablehead td {
background-color: #919191;
color: #fff;
	border-right: 2px solid #e5e5e5;
}
#projectlist table td{
	border-bottom: 1px solid #ccc;
}

/***** Navigation *****/

#navmain {
margin:85px 0 0 0px;
}

#navmain p {
margin: 0px 0px;
padding: 0;
font-size:.7em;
letter-spacing: .3em;
color:#ccc;
}
#navmain a {
display: block; 
margin: .5em 0em;
padding: .5em 0em;
text-indent: 1em;
border-bottom: 1px solid #000;
color: #aaaaaa;
}
	#navmain a span {
	color: #fff;
	}
		#navmain a:link {
		text-decoration:none;
		}		
		
		#navmain a:hover {
		color:#000;
		}
		
		#navmain a:visited {
		text-decoration:none;	
		}

/***** Global Classes *****/

.clear {
clear:both;
}

.left{
	float: left;
	margin: 0 10px 2px 0;
}

.caption{
	font-size: .75em;
	margin-bottom: -10px;
}

#thumbnails {
	margin: 10px 5px 0 0;
}


#thumbnails img{
	margin: 0px 5px 5px 0;
	float: left;
}

/***** Area-specific typography *****/

#subhead h1, h2, h3, h4 {
margin-left: 33px;
}
#subhead h1{
color: #919191;
font-weight: bold;
margin-top: -12px;
}
#subhead h2{
}
#subhead h3{
}
#subhead h4{
border-bottom: 1px solid #000;
padding-bottom: 10px;
margin-right: 35px;
}