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

.clearfix {display: inline-table;}

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


body {
	font-family: Verdana, Arial, sans-serif;
	background: #FFF;
	margin: 0px;
	padding: 0px;
	position: relative;
	/* font-size:66%; */
	font-size: 76%;
	color: #2E2A2A;
	line-height: 1.3;
	background: #e0dad5 url(images/bkgd.gif) top left no-repeat;
}

* { 
	margin: 0; 
	padding: 0;
}

/* ~~ General ~~ */
.alt {
    display: none;
	visibility: hidden;
	}
.toppadding {
	padding-top: 1em;		
}

img { 
	border: 0; 
	display: block;
	margin-bottom: 1px;
}
ul { list-style: none; }
p { margin-bottom: 0.7em; }

h1 { 
	
	width: 67px;
	height: 67px;
	margin-right: 12px;
	}

	
h2 {
	font-size: 1em;
	color: #333;
	margin-bottom: 0.5em;
	padding-left: 17px;
	background: url(images/box.gif) 0 50% no-repeat;
}


/* Links */

A:link, A:visited {
	color: #6C3100;	
	text-decoration:none;
}

A:hover {
	text-decoration:underline;
}

#wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 750px;
	text-align: left;

}


#header {
   position: absolute;
   top: 20px; 
   left: 53px;

}



#content	{
	font-size: 95%;
	margin: 105px 0 10px 0;
	}
	
#footer {
	font-size: 90%;
	text-align: center;
	padding: 50px 0;
}

#footer ul { margin-bottom: 1em; }
#footer li {
	display: inline;
	padding-right: 0.1em;
}





/* MAIN NAVIGATION
----------------------------------------------------- */
#navigation {
       position: absolute;
       top: 0;
       left: 80px;
       margin-top: 23px;
       width: 500px;
       height: 13px;
       }
 
#navigation li {
       float: left;

       }
 
#navigation li, #navigation li img {
       height: 13px;
       padding-right: 11px;
       }
       
#navigation li a {
       display: block;
       f\loat: left; /* hide from IE5PC because makes link inactive */
       he\ight: 13px;
       overflow: hidden;
       text-decoration: none;
       }
 
#navigation, #navigation li, navigation li a {
       background-repeat: no-repeat;
       background-position: 0 0;
       }
 
#navigation li {
       background-position: 0px -13px;   
       }
 
#navigation li a:hover,
body#services #navServices a,
body#casestudies #navCaseStudies a,
body#projectlist #navProjectList a,
body#contactus #navContactUs a {
       background-image: none;
       }
       
       
       
#navServices, #navServices a { width: 68px; }
#navCaseStudies, #navCaseStudies a { width: 94px; }
#navProjectList, #navProjectList a { width: 90px; }
#navContactUs, #navContactUs a { width: 82px; }

#navServices, #navServices a { background-image: url(images/nav_services.gif); }
#navCaseStudies, #navCaseStudies a { background-image: url(images/nav_casestudies.gif); }
#navProjectList, #navProjectList a { background-image: url(images/nav_projectlist.gif); }
#navContactUs, #navContactUs a { background-image: url(images/nav_contactus.gif); }


/* end */







/* HOME PAGE
----------------------------------------------------- */
body#main #content {
	margin: 120px 10px 10px 55px;
}
 
#main-bio {
	float: left;
	width: 265px;
}
	
#featured-project {
	margin-top: 2em;
}
	
#main-news {
	margin-left: 300px; 
	width: 300px;
	}
	
#news-container {
	width: 270px;
	height: 350px;
	overflow: auto;
}

#news-text {
	width: 240px;
}

#news-text dl {
	margin-top: 1em;
}

#news-text dt {
	font-weight: bold;
	margin: 0 0 .5em 0;
}

#news-text dd {
	margin: 0 0 1em 0;
}

body#main #footer {
	width: 650px;
}
/* end HOME PAGE */



/* SERVICES & CONTACT PAGE
----------------------------------------------------- */

body#services #content {
	background: url(images/services_gr.gif) no-repeat top left;
	padding-top: 40px;

}

body#services #content ul {
	margin: 0 0 1em 1.5em;
}

#services-text, #contact-text {
	margin: 0 200px 0 215px;
}

body#contactus #content {
	background: url(images/contact_gr.gif) no-repeat top left;
	padding-top: 40px;
}

#contact-text {
	height: 300px;
}

body#contactus dt {
	font-weight: bold;
	float: left;
	margin-right: 5px;
}

/* end SERVICES & CONTACT PAGE */



/* CASE STUDIES PAGE
----------------------------------------------------- */

#project-content {
	padding-top: 10px;
}

#project-nav {
	margin: 0 0 0 5px;
	width: 145px;
	w\idth: 135px;
	float: left;
}

#project-nav ul {
	list-style: disc;
	color: #6C3100;
	padding: 0 0 5px 15px;
	margin: 2px;
}

#project-photos {
	margin-left: 150px;
	width: 440px;
}

#project-photos p {
	margin-bottom: 1em;
}

#project-detail-text {
	position: absolute;
	top: 115px;
	left: 590px;
	width: 140px;
	padding: 10px;
	background-color: #fff;
}

.currentproject {
	font-weight: bold;
}



/* end CASE STUDIES PAGE */




/* PROJECT LIST PAGE
----------------------------------------------------- */


body#projectlist img {
	display: inline;
	vertical-align: middle;
}


#projectlist-content {
 	padding: 15px 20px 20px 55px;
}


body#projectlist table {
	padding-top: 1em;
}

body#projectlist tr.alt-row {
	background-color: #fff;
}

body#projectlist th { text-align: left; }

body#projectlist th#clients { padding-left: 15px;}

body#projectlist td { padding: 0.3em; }

body#projectlist td.left-corner {
	width: 10px;
	background: #fff url(images/white_corner_left.gif) no-repeat top left;
}

body#projectlist td.right-corner {
	width: 10px;
	background: #fff url(images/white_corner_right.gif) no-repeat bottom right;
}