/* CSS Document */

/* structural content section */
body {
	margin: 0;
	padding: 0;
	border: 0;
	color: #333333;
	text-align: center;
	padding-bottom: 25px;
	background: #FFFFFF url(elements/pagebackground.gif) repeat center;
	font-family: 'Lucida Grande', 'Trebuchet MS', arial, helvetica, sans-serif;
}
#wrappercontainer {
	border: 3px solid #C8DBC8;
	margin: 30px auto;
	width: 698px;
}
#wrapper {
	text-align: left;
	border: 1px solid #CCCCCC;
	margin: 0;
	padding: 0px;
	width: 696px;
}

#header	{
	color: #333;
	width: 696px;
	margin: 0;
	padding: 0;
	text-align: center;
	height: 100px;
	background: url(elements/logo.gif);
}

#pagebody	{
	margin: 0;
	text-align: left;
	width: 696px;
	color: #666666;
	background: #FFFFFF;
	}

#maincontent	{
	margin: 0;
	padding: 3px 25px 25px;
	float: left;
	width: 415px;
	clear: none;
	border-right: 1px solid #E4E4E4;
}
	
.submain {
	background: #F6FAF6;
	padding: 10px;
	border: 1px solid #EBEBEB;
	margin-bottom: 10px;
}
	
.submainwhite {
	background: #FFFFFF;
	padding: 10px;
	border: 2px solid #EBEBEB;
	margin-bottom: 10px;
}

#footer {
	padding: 0;
	margin: 0;
	background-color: #EFEEE9;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#footer .left {
	margin: 0;
	line-height: 14px;
	font-size: 9px;
	padding: 20px 12px 11px;
	float: left;
	color: #8C8C85;
	width: 300px;
}

#footer .right {
	margin: 0;
	line-height: 14px;
	font-size: 9px;
	padding: 13px 12px 11px;
	float: right;
	color: #8C8C85;
	width: 300px;
	text-align: right;
}

#footer a { color: #8C8C85; }
#footer a:hover { color: #3D3D3B;}
	
/* Navigation */

.navcontainer {
	background-color: #F3F6F3;
	width: 696px;
	text-align: center;
	margin: 0;
	padding: 0;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	}

#menu .container {
	border: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	clear: left;
	width: 100%;
	}

#menu .container div {
	display: block;
	float: left;
	width: 115px;
	text-align: center;
	padding: 0;
	margin: 0;
	}
#menu .container a {
	background: #F3F6F3;
	width: 115px;
	height:2em;
	padding: 0;
	margin: 0;
	color: #009900;
	text-decoration: none;
	display: block;
	text-align: center;
	line-height: 2em;
	font-size: 11px;
	}
#menu .container a:hover {
	color: #000;
	}

#menu a:active	{
	color: #CED7CE;
	}

body#sectionhome #menu div#one a, 
body#sectionportfolio #menu div#two a,
body#sectionservices #menu div#three a,
body#sectionabout #menu div#four a,
body#sectiongreen #menu div#five a,
body#sectionlogin #menu div#six a {
	color: #CCCCCC;
	font-weight: bold;
	}
	
/* Page Elements */

#sidebar {
	margin: 0;
	padding: 0;
	float: left;
	width: 230px;
	clear: none;
	list-style: none;
}
div#sidebar div#sideheader {
	width: auto;
	height: 80px;
	margin: 0;
	padding: 0;
}
div#sidebar div#sideheadergreen {
	width: auto;
	height: 80px;
	margin: 0;
	padding: 0;
	background: url(elements/green.png) no-repeat top;
}
div#sidebar div#sideheaderportfolio {
	width: auto;
	height: 80px;
	margin: 0;
	padding: 0;
	background: url(elements/design_port.png) no-repeat top;
}
div#sidebar div#sideheaderfsci {
	width: auto;
	height: 80px;
	margin: 0;
	padding: 0;
	background: url(images/FSCI2.jpg) no-repeat top;
}
div#sidebar div#sideheaderteam {
	width: auto;
	height: 80px;
	margin: 0;
	padding: 0;
	background: url(elements/management_team.png) no-repeat top;
}
div#sidebar div#sideheaderdiotm {
	width: auto;
	height: 80px;
	margin: 0;
	padding: 0;
	background: url(elements/diotm_sidehead.png) no-repeat top;
}

#sidebar a{
	color: #696;
}
#sidebar a:visited {
	color: #8A8;
	text-decoration: none;
}
#sidebar a:hover {
	color: #9ABE90;
	text-decoration: underline;
}


#subhead {
	text-align: center;
	/*height: 116px;*/
	height: 141px;
	margin: 0;
	padding: 0;
	width: 100%;
	background: url(elements/field.jpg) no-repeat center top;
	clear: both;
	border-bottom: 1px solid #CCCCCC;
}
		
.reset {
	display: block; 
	clear: both; 
	font-size: 1px; 
	height: 1px; 
	line-height: 1px; 
	margin: 0;
}

/* Titles */

h1 {
	color: #4C9430;
	text-transform: uppercase;
	background: transparent;
	font-size: 18px;
	font-weight: bold;
	}
	
h2 {
	color: #669966;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}

h3 {
	color: #669966;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}
	
h5 {
	font-size: 100%;
	margin: 1em 0 .5em 0;
	}
	
p	{
	line-height: 130%;
	text-align: left;
	margin-top: 0;
	margin-bottom: 1em;
	}
	
#pagebody, #pagebody div, #pagebody p, #pagebody th, #pagebody td, #pagebody li, #pagebody dd, #pagebody dt    {
    font-size:    11px;    
    }

html>#pagebody, html>#pagebody div, html>#pagebody p, html>#pagebody th, 
html>#pagebody td, html>#pagebody li, html>#pagebody dd, html>#pagebody dt    {
    font-size:  small;
    }

#pagebody p.fineprint	{
	font-size: 11px;
	}
	
a {
	font-weight: normal;
	text-decoration: none;
	}

a:link { color: #009933; } 
a:visited { color: #8A8; }
a:hover { color: #000; }
a:visited:hover { color: #000; }
	
		/*  hide from css browser */

.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
}
.hr {
	background: #EBEBEB;
	clear: both;
	width: auto;
	height: 2px;
	margin: 3px 0px;
	padding: 0px;
	line-height: 2px;


}
#gallerychoice {
	background: url(images/gallery_choice_bg.png) no-repeat center center;
}
#subport .active {
	background: url(images/arrow_closed.gif);
	margin: 0px;
	padding: 0px;
	height: 16px;
	width: 16px;
}
div#servicelist {
	width: auto;
	margin: 0;
	padding: 0px 8px;
}
div#servicelist ul {
	margin: 2px;
	padding: 0px;
	list-style: none;
	text-align: right;
}
span.details {
	cursor: pointer;
	float: right;
	position: relative;
	top: -20px;
}
.pointer {
	cursor: pointer;
}
body#sectionabout div.submainwhite img {
	float: right;
}
table.submain th {
	border-bottom: 2px solid #CCE3CC;
}
table.submain {
	padding: 3px;
}