@charset "UTF-8";
/* =Reset Styles - Thank you Eric Meyer (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	color:#A3A3A3;
	background:#000000 url(../images/background.jpg);
	font: .85em 'Trebuchet MS', Helvetica, Tahoma, Arial, sans-serif;
	text-transform:lowercase;
}
p, .subNavOption {font: .8em/1.35em 'Trebuchet MS', Helvetica, Tahoma, Arial, sans-serif;}

ol, ul {
	list-style: none;
}
h1, h2, h3 {
	text-transform:lowercase;
	margin:8px 0 8px 10px;
	font:1.1em Verdana, Arial, sans-serif;
	color:#7AB33D;
	/*clear:right;*/
}

h4 {
	text-transform:lowercase;
	margin:0;
	padding-bottom:8px;
	float:left;
	font:.85em Verdana, Arial, sans-serif;
	color:#7AB33D;
}
strong {color:#ffffff;}
/*a:link, a:visited, a:active {color: #364820;text-decoration:none; }*/
a {color: #537035;text-decoration:none; }
a:hover {color: #ffffff ; text-decoration:underline}


#container {
	background-color:#000000;
	width:950px;
	margin:10px auto 0 auto;
	padding:0;
}
#col1 {
	width:280px;
	margin:0;padding:0;
	height:490px;
	float:left;
	background:url(../images/logo.jpg) no-repeat;
	/*border:#00FF00 1px dashed;*/
}
#special {
	position:absolute;
	font-size:.8em;
	color:#FFFFFF;
	width:250px;
	top:95px;
	color:#FFFFFF;
	text-align:center;
}

.moodmovie {
	
	position:relative; /*top:130px*/top:160px; left:0;
}
.workshop {
	z-index:1;
}
#header {
	width:inherit;
	height:136px;
}
#col2 {
	width:111px;
	position:relative;
	margin:0;padding:0;
	height:580px;
	float:left;
	background:url(../images/nav_bg.jpg) no-repeat;
	/*border:#00FF00 1px dashed;*/
}


#built {text-align:left;
margin-left:20px;
padding:0;
	color:#545c54;
	font:.6em/.8em Verdana, Arial, sans-serif;
}
#built a {color:#545c54; padding:0; margin:0 0 0 20px;}
#flashnav {
	position:absolute;
	float:none;
	z-index:100;
	
}
#csMenu {
	float:left;
	margin:0;
	/*height:580px;*/
	height:500px;
	width:110px;
	overflow:hidden;
	position:relative;
	z-index:10;
	background:url(../images/nav_bg.jpg) no-repeat;
}
#csMenu li {
	margin:0 0 10px 0;
}
#csMenu a{
	overflow:hidden;
	text-indent:30px;
	font-size:1em;
	display:block;
	width:auto;
	padding-top:20px;
	height:70px;
	text-decoration:none;
	color:#364820;	
	vertical-align:middle;
}

#caseStudies {
	position:relative;
	float:left;
	width:550px;
	margin:0;
	padding:0;
	background:url(../images/gallery_bg.jpg) no-repeat;
}
.csDesc {
	width:inherit;
	float:left;
	width:auto;
}
#map{
	float:left;
	width:360px;
}
/* GALLERY ------------------------------*/
.gallery {
	width:550px;
	height:275px;
	padding:0;margin:0;
}
.gallerySub {
	width:550px;
	height:171px;
	padding:0;margin:0;
}
.thumbs h3, .thumbsSub h3 {
	color:#7AB33D;
	font-size:.8em;
	padding:6px;
	margin:0;
}

.gallerypic {
	float:left; margin-top:38px;
}
.thumbs {
	background:url(../images/gallery_home_thumb_bg.gif) no-repeat;
	float:right;
	width:64px;
	height:238px; 
	top:38px;
	position:relative;
}
.thumbsSub {
	background:url(../images/gallery_content_thumb_bg.gif) no-repeat;
	float:right;
	width:64px;
	height:133px; 
	top:38px;
	position:relative;
}

a.rollover img {
	display:block;
	border:#013901 1px solid;
	opacity:0.4;filter:alpha(opacity=60);
	position:relative;
	margin:0 auto 0 auto;
}
a.rollover:hover img {
	opacity:1;filter:alpha(opacity=100);
	display:block;
	border:#7ab33d 1px solid;
	padding:0;
}
a.rollover:hover{
color: red; /* irrelevant definition to overcome IE bug */
}
a.rollover span{
	display:none;
	border:none; 
	position:absolute; top:0; left:-1200px;
	/*visibility:hidden;*/
	padding:10px;
}
a.rollover:hover span img {
	border:none;
	display:block; 
}
a.rollover:hover span{
	display:block; 
 	position:absolute;
	top:-10px; left:-496px;
	visibility:visible; z-index: 200;
}


/* TOOLTIPS */
a.tooltip {
	color:inherit;
	cursor:pointer;
	/*float:left;*/
	/*display:inline;*/
	padding:0 1px;
	margin:0;
	border:1px solid #364820;
	/*position:relative;*/
	white-space: nowrap;
}
a.tooltip span {display:none; padding:0; margin:0;}

a.tooltip:hover span {
	padding:8px;
	display:inline;
	position:absolute;
	margin-top:-30px;
	width:12em;
	font:normal .9em/1.2em normal 'Trebuchet MS', Helvetica, Tahoma, Arial, sans-serif;
	white-space:normal;
	z-index:200;
	border:#364820 1px solid;
	color:#ffffff;
	background-color:#000000;
	text-decoration:none;
}
/* tooltips*/


/* SUB CONTENT */
#accordion {
	margin:5px 0 10px 10px;
	width:auto;
	height:auto;
	clear:left;
	position:relative;
}
/* SUB NAV */
#accordion a.toggler, .subnavcontenttitle {
/*	margin:0 10px 10px 0;*/
	padding:0 7px 10px 0px;
	font-weight:700 ;
	font-size:.85em;
}
.element {
	position:absolute;
	left:0;
	top:55px;
	width:auto;
	height:auto;
	visibility:hidden;/*margin-top:20px;*/
	padding:0 0 30px 0;
}

.narrow {
	width:155px;
	margin:0 10px 10px 10px;
	float:left;
	text-align:justify;
}
#clearpara {clear:left; margin-left:10px}
#clearpara2 {clear:left; font-size:.9em; color:#FFFFFF}
#clearpara2 a {color:#7AB33D}

h1+p
{
	padding-left:10px; color:#e0e0e0;
}
table {
	margin:5px 0 15px 0;
	float:left;
	border-collapse:collapse;
	width:auto;
	font-size:.85em;
	color:#a3a3a3;
}
.clear {
	clear:left;
}
td, th{
	padding:1px 16px 3px 0;	
	text-align:left;
}
th {color:#537035;}
.alt {color:#D1D1D1;
border-top:1px dotted #272727; border-bottom:1px dotted #272727;}

th:first-child {white-space: nowrap;}
caption { display:none;}
.emphasis {font-style:italic;}