BODY {
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 75%;
	background-color: #fff;
}



A {
	border: none;
	text-decoration: none;
	color: #686631;
}

A:hover {
/*	color: #ff0000; */
color: #6ebe44;
}

IMG {
	border: none;
}



/* ---------- MAIN LAYOUT ---------- */

#container {
	width: 960px;
	height: 716px;
	
	margin: 30px auto;
	border: solid 1px #ccc;
	background-color: #fff;
}

#logo {
	float: left;
	
	width: 377px;
	height: 716px;
	margin-right: 10px;
}
/* ---------- MAIN LAYOUT END ---------- */


/* ---------- NAV BAR ---------- */

#nav {
	float: left;	
	height: 20px;
	width: 535px;
	margin-top: 50px;
	margin-bottom: 5px;
	background-color: #776f2c;
	background-color: #686631;
	border: solid 1px #552;
}

#nav UL {
	list-style: none inside;
	margin: 3px 0px;
	padding-left: 25px;
}

#nav LI {
	display: inline;
	color: #686631;
	font-size: 11px;
	letter-spacing: .2em;
	margin-right: 20px;
}

#nav LI:hover, #nav LI.selected {
	color: #fff;
}

#nav A {
	color: #dfc96e;
	text-decoration: none;
	font-weight: normal;
	margin: 0px 5px;
}

#nav A:hover {
	color: #fe8;
	text-decoration: none;
}

ul#tal {
	margin-top: 20px;
	text-align: right;
}

ul#tal a {
	margin-left: 182px;
	float: none;
}

ul#tal:first-child {
	margin-left: 0;
}

ul#tal span {
	float: left;
}

ul#tal span a {
	margin-left: 0;
	margin-top: -38px;
	width: 160px;
	text-align: left;
}
/* ---------- NAV BAR END ---------- */


/* ---------- SQUARE NAV ---------- */
#internal_nav {
	float: left;
	margin: 5px 0px 10px 0px;
	width: 535px;
}

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

UL#section_nav {
	list-style: none inside;
	margin: 0px 0px;
	padding: 0px;
}

#section_nav LI {
	display: block;
	float: left;
	font-size: 18px;
	font-weight: normal;
	width: 25px;
	height: 25px;
	margin-right: 2px;
	text-align: center;
	background-color: #686631;
	color: #fff;
}

#section_nav LI:hover {
	background-color: #a69d53;
}

#section_nav LI.selected, #section_nav LI.selected:hover {
}

#section_nav A {
	color: #fff;
	display: block;
	margin-top: 3px;
}

#sub_nav {
	clear: both;
	padding-top: 1em;
}

/* ---------- SQUARE NAV END ---------- */


/* ---------- IMAGE BLOCK ---------- */

.img {
	float: left;	
	margin-top: 0px;
}


.half_image {
	width: 265px;
	float: left;
	margin-right: 5px;
	color: #686631;
}

/* ---------- IMAGE BLOCK END ---------- */


/* ---------- HEADINGS ---------- */

H1 {
	font-weight: normal;
	color: #6ebe44;
	letter-spacing: .15em;
	font-size: 22px;
}

H2 {
	font-weight: bold;
	color: #444;
	letter-spacing: 0em;
	font-size: 16px;
	margin-top: .5em;
	margin-bottom: 0em;
	line-height: 1.5em;
}

#sub_nav, #sub_nav A {
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #686631;
	letter-spacing: .1em;
}

#sub_nav A.selected, #sub_nav A:hover {
	text-decoration: none;
	color: #6ebe44;
}

#secondary_nav {
	display: inline;
}

#secondary_nav ul {
	float: left;
	margin: 0px 0px 0px 0px;
}

#secondary_nav H1 {
	display: inline;
	font-size :12px;
	color: #686631;
	float: right;
	margin-right: 36px;
	padding-top: 0px;
}
/* ---------- HEADINGS END ---------- */



#text {
	float: left;	
	width: 555px;
	height: 600px;
	
	color: #444;
	line-height: 1.5em;
	overflow: auto;
}

#text DIV {
	margin-bottom: 1em;
}

#nav + #text {
	margin-top: 30px;
}

#case_studies #text {
}

/* ---------- PORTFOLIO ---------- */

.hidden {
	display: none;
}

.img {
	color: #686631;
}

.img .image {
	float: left;
	color: #686631;
	width: 535px;
	height: 450px;
	text-align: center;
}

.img img {
	 border: solid 1px #686631;
}

img .before {
	margin-top:25px; 
	margin-left:0px;
}

.img BR {
	clear: both;
}



UL.portfolio_nav {
	list-style: none inside;
	margin: 1px 0px;
	padding: 0px;
	clear: both;
	float: left;
	color: #686631;
	text-align: right;
	width: 100%;
	font-size: 16px;
}

UL.portfolio_nav:hover {
	background-color: #FFfeee;
}

UL.portfolio_nav span a {
	margin-top: 10px;
	display: block;
	color: #686631;
	float: right;
	font-size: 16px;
}

UL.portfolio_nav span a:hover {
	color: #de9327;
}

UL.portfolio_nav img {
	float:left;
	margin: 1px 1px 1px 1px;
	border: solid 1px #686631;
}

UL.portfolio_nav img:hover {
	border: solid 1px #f00;
}

.portfolio_nav LI {
	display: block;
	float: left;
	font-size: 18px;
	font-weight: normal;
	width: 25px;
	height: 25px;
	margin-right: 2px;
	text-align: center;
	background-color: #d7d19d;
	color: #fff;
}


.portfolio_nav LI:hover, .portfolio_nav LI.hovering {
	background-color: #de9327;
}

.portfolio_nav:hover {
	color: #de9327;
}

.portfolio_nav A {
	color: #fff;
	display: block;
	float: left;
}

.portfolio_nav.nopic A {
	width: 100%;
	height: 100%;	
}

UL.portfolio_nav LI:first-child {
	background-color: #857c18;
}

UL.portfolio_nav.selected LI:first-child, UL.portfolio_nav:hover LI:first-child {
	background-color: #686631;
}

/* ---------- PORTFOLIO END ---------- */

#case_studies .img {
	height: 230px;
}

.mission {
	font-size: 150%;
	font-style: italic;
	color: #686631;
	letter-spacing: .15em;
}

.loadingMessage {
	z-index: 100; 
	position: absolute; 
	background-color: #eee; 
	width: 180px; 
	padding: 10px; 
	text-align: center;
}

.popBody {
 background-color: #D7D19D;	
 background-color: #eee;	
}

.popup {
	position: absolute;
	text-align: center;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #fff;
	xborder: solid 1px #ccc;
}

.popup img {
	margin: 20px;
	border: solid 1px #686631;
	vertical-align: middle;
}

.popup h1.vertical {
	margin-top: 20px;
	margin-bottom: 0px;
}

.popup h1 {
	margin-top: 100px;
	margin-bottom: 40px;
	color: #686631;
	color: #6EBE44;
}

.popup a {
	margin-top: 50px;
	font-weight: normal;
	color: #686631;
	color: #6EBE44;
	letter-spacing: .15em;
	font-size: 16px;
	display: block;
}

.popup:hover {
	cursor: pointer;
	cursor: hand;
}

#case_studies .img:hover {
	cursor: pointer;
	cursor: hand;
}

#case_studies .img:hover {
	color: #6ebe44;
}

#credit {
	float: right;
	margin-top: -70px;
	margin-right: 10px;
	display: block;
	color: #999;
}

/* ---------- ABOUT US START ---------- */

.sub-content {
	margin-left: 180px;
}

.sub-head {
	float: left;
	clear: left;
	padding-bottom: 20px;
	font-size: 18px;
}

.sub-head.selected {
	width: 180px;
}

.sub-head.selected a {
	color: #6ebe44;
}

.testimonial_links {
	float: left;
	clear: left;
	margin-top: -20px;
}

.testimonial_links a {
	display: block;
	width: 160px;
	text-align: right;
	font-size: 16px;
	line-height: 2em;
}

img#contact_photo {
	float: right; 
	margin-right: 20px; 
	margin-top: 10px;
	border: solid 1px #686631;
}

.tagline {
	font-weight: normal;
	display: block;
}

#pic_holder .tagline {
	font-size: 20px;
	line-height: 2em;
	letter-spacing: .2em;
	color: #6EBE44;
}

#description {
	float: left;
	margin: 5px 0px 10px;
	width: 535px;
	font-size: 18px;
	line-height: 1.5em;
	letter-spacing: .1em;
	text-align: center;
	color: #6EBE44;
	padding-top: 20px;
	height: 200px;
}


/* --------------------------
        The team page
---------------------------- */

.bio_link {
	display: -moz-inline-box;
	display: inline-block;
	margin: 0px;
	width: 50px;
	font-size: 12px;
	text-align: center;	
}

.bio_link img {
	border: solid 1px #686631;
}

.bio_link:hover img {
	border-color: #6ebe44;
}

.loczi {
	color: #686631;
	font-weight: bold;
}

.design {
	color: #6ebe44;
	color: #DE9327;
}