/*** CSS created March 2008 by Mark Blethen, spoonTRex@gmail.com ***/

/*** Body Properties ***/

* {
	margin:0;
	padding:0;
	}

body {
	background:#000;
	}
	
a {
	color:#009144;
	outline:none;
	font-weight:bold;
	}

a:hover {
	color:#333;
	text-decoration:underline;
	}

a:visted {
	color:#009144;
	}

#content a {
	color:#009144;
	border-bottom:#009144 1px dotted;
	}

h3 {
	color:#009144;
	font-size:1em;
	margin-top:1em;
	font-family:Myriad Pro, Myriad, Helvetia, Arial, sans-serif;
	}

h4 {
	color:#333;
	font-size:1em;
	margin:1em 0 -0.8em 0;
	font-family:Myriad Pro, Myriad, Helvetia, Arial, sans-serif;
	font-style:oblique;
	}

h4.smaller {
	font-size:.8em;
	font-style:inherit;
	margin-top:1em;
	}

p {
	font-family:Helvetica, Arial, sans-serif;
	font-size:.85em;
	margin-top:1em;
	line-height:1.1em;
	}


form {
	margin-top:1em;
	}

fieldset {
	padding:1em;
	border:#ccc 2px solid;
	position:relative;
	background:#ddd url(../graphics/boxbkgd.jpg) repeat-x;
	}

fieldset h4 {
	margin-top:0;
	}

legend {
	color:#333;
	font-family:Myriad Pro, Myriad, Helvetia, Verdana, Arial, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	padding:0.2em;
	}

form label {
	display:block;
	font-size:0.7em;
	font-family:Myriad Pro, Myriad, Helvetia, Verdana, Arial, sans-serif;
	margin-top:0.5em;
	}

label {
	text-indent:5px;
	display:block;
	font-family:Myriad Pro, Myriad, Helvetia, Verdana, Arial, sans-serif;
	margin-top:0.5em;
	}


/*span {
	display:none;
	}*/
	
/*** Container ***/
	
#container {
	background:url(../graphics/bkgd.jpg) repeat-y;
	height:100%;
	margin:0 auto;
	padding:10px 0 20px 0;
	width:900px;
	top:0;
	}

#logo {
	margin:0 0 0 75px;
	padding:0;
	text-indent:-9999px;
	width:270px;
	height:85px;
	position:relative;
	background:url(../graphics/logo.jpg);
	}

#logo a {
	position:absolute;
	top:0;
	left:0;
	width:270px;
	height:85px;
	display:block;
	background:transparent;
	overflow:hidden;
	}
	

#logo .fake-hover {
	margin: 0;
	padding: 0;
	width: 270px;
	height: 85px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../graphics/logo.jpg) no-repeat 0 -85px;
	}

#maincol {
	position:relative;
	margin:30px 0 0 120px;
	width:700px;
	z-index:1;
	}
	
#menucol {
	position:relative;
	float:left;
	margin:-30px 0 0 -35px;
	width:161px;
	z-index:100;
	}

.overlay {
	position: absolute;
	top: 0; /* These positions makes sure that the overlay */
	bottom: 0;  /* will cover the entire parent */
	left: 0;
	width: 100%;
	background: #BBB;
	opacity: 0.30;
	-moz-opacity: 0.30; /* older Gecko-based browsers */
	filter:alpha(opacity=30); /* For IE6&7 */
	}

.menuoverlay {
	position: absolute;
	top: 0; /* These positions makes sure that the overlay */
	bottom: 0;  /* will cover the entire parent */
	left: 0;
	width: 100%;
	background: #BBB;
	opacity: 0.30;
	-moz-opacity: 0.30; /* older Gecko-based browsers */
	filter:alpha(opacity=30); /* For IE6&7 */
	height:283px;
	}

#maincol .content {
	width:694px;
	padding:3px;
	}
	
#menucol .content {
	width: 155px;
	padding: 3px;
	height:277px;
	}

.content {
	position:relative;
	}

.header {
	margin:10px 0 -1em -13px;
	}

/* Lets use the * html hack so only IE6 reads the rule */
* html #menucol .overlay {
	height: expression(document.getElementById("menucol").offsetHeight);
	}

* html #maincol .overlay {
	height: expression(document.getElementById("maincol").offsetHeight);
	}

#mainbox {
	background:#FFF;
	opacity: 0.75;
	-moz-opacity: 0.75; /* older Gecko-based browsers */
	filter:alpha(opacity=75); /* For IE6&7 */
	width:568px;
	padding-left:126px;
	padding-bottom:20px;
	z-index:2;
	}

#maincontent {
	padding-top:1px;
	margin:20px 0 0 20px;
	width:454px;
	}
	

#maincontent ul {
	margin:.5em 0 0 1.2em;
	list-style-image:url(../graphics/bullet.gif);
	}

#maincontent ul li, #maincontent ol li {
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:.8em;
	}
	
#maincontent ol {
	margin:0 0 0 2.2em;
	list-style-image:url(../graphics/bullet2.gif);
	}

.ui-accordion-link {
	cursor:pointer;
	}

.ui-accordion-link:hover h3 {
	color:#333;
	text-decoration:underline;
	}


/*** Main Menu ***/
 	
#menu {
	background:url(../graphics/menu.jpg);
	height:277px;
	}

#menu ul li {
	list-style:none;
	}

#home {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 155px;
	height: 34px;
	position: relative;
	background: url(../graphics/menu.jpg) no-repeat;
	}

#home a {
	position: absolute; // This allows us to have
	top: 0; // the anchor on top of the home
	padding: 0;
	margin:0;
	left: 0;
	width: 155px;
	height: 34px;
	display: block;
	border: 0;
	background:url(../graphics/blank.gif);
	}

#home .fake-hover {
	margin: 0;
	padding: 0;
	width: 155px;
	height: 34px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../graphics/menu.jpg) no-repeat 0 -277px;
	}

body#home-page #home {
	background:transparent url(../graphics/menu.jpg) -0px -554px no-repeat;
	}

#services {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 155px;
	height: 30px;
	position: relative;
	background: url(../graphics/menu.jpg) no-repeat 0 -34px;
	}

#services a {
	position: absolute; // This allows us to have
	top: 0; // the anchor on top of the home
	padding: 0;
	margin:0;
	left: 0;
	width: 155px;
	height: 30px;
	display: block;
	border: 0;
	background:url(../graphics/blank.gif);
	}

#services .fake-hover {
	margin: 0;
	padding: 0;
	width: 155px;
	height: 30px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../graphics/menu.jpg) no-repeat 0 -311px;
	}

body#services-page #services {
	background:transparent url(../graphics/menu.jpg) -0px -588px no-repeat;
	}

#projects {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 155px;
	height: 30px;
	position: relative;
	background: url(../graphics/menu.jpg) no-repeat 0 -64px;
	}

#projects a {
	position: absolute; // This allows us to have
	top: 0; // the anchor on top of the home
	padding: 0;
	left: 0;
	width: 155px;
	height: 30px;
	display: block;
	border: 0;
	background:url(../graphics/blank.gif);
	}

#projects .fake-hover {
	margin: 0;
	padding: 0;
	width: 155px;
	height: 30px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../graphics/menu.jpg) no-repeat 0 -341px;
	}

body#projects-page #projects {
	background:transparent url(../graphics/menu.jpg) -0px -618px no-repeat;
	}

#employment {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 155px;
	height: 30px;
	position: relative;
	background: url(../graphics/menu.jpg) no-repeat 0 -94px;
	}

#employment a {
	position: absolute; // This allows us to have
	top: 0; // the anchor on top of the home
	padding: 0;
	left: 0;
	width: 155px;
	height: 30px;
	display: block;
	border: 0;
	background:url(../graphics/blank.gif);
	}

#employment .fake-hover {
	margin: 0;
	padding: 0;
	width: 155px;
	height: 30px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../graphics/menu.jpg) no-repeat 0 -371px;
	}

body#employment-page #employment {
	background:transparent url(../graphics/menu.jpg) -0px -648px no-repeat;
	}

#news {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 155px;
	height: 30px;
	position: relative;
	background: url(../graphics/menu.jpg) no-repeat 0 -124px;
	}

#news a {
	position: absolute; // This allows us to have
	top: 0; // the anchor on top of the home
	padding: 0;
	left: 0;
	width: 155px;
	height: 30px;
	display: block;
	border: 0;
	background:url(../graphics/blank.gif);
	}

#news .fake-hover {
	margin: 0;
	padding: 0;
	width: 155px;
	height: 30px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../graphics/menu.jpg) no-repeat 0 -401px;
	}

body#news-page #news {
	background:transparent url(../graphics/menu.jpg) -0px -678px no-repeat;
	}

#about {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 155px;
	height: 30px;
	position: relative;
	background: url(../graphics/menu.jpg) no-repeat 0 -154px;
	}

#about a {
	position: absolute; // This allows us to have
	top: 0; // the anchor on top of the home
	padding: 0;
	left: 0;
	width: 155px;
	height: 30px;
	display: block;
	border: 0;
	background:url(../graphics/blank.gif);
	}

#about .fake-hover {
	margin: 0;
	padding: 0;
	width: 155px;
	height: 30px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../graphics/menu.jpg) no-repeat 0 -431px;
	}

body#about-page #about {
	background:transparent url(../graphics/menu.jpg) -0px -708px no-repeat;
	}

#contact {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 155px;
	height: 30px;
	position: relative;
	background: url(../graphics/menu.jpg) no-repeat 0 -184px;
	}

#contact a {
	position: absolute; // This allows us to have
	top: 0; // the anchor on top of the home
	padding: 0;
	left: 0;
	width: 155px;
	height: 30px;
	display: block;
	border: 0;
	background:url(../graphics/blank.gif);
	}

#contact .fake-hover {
	margin: 0;
	padding: 0;
	width: 155px;
	height: 30px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../graphics/menu.jpg) no-repeat 0 -461px;
	}

body#contact-page #contact {
	background:transparent url(../graphics/menu.jpg) -0px -738px no-repeat;
	}

#client {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 155px;
	height: 30px;
	position: relative;
	background: url(../graphics/menu.jpg) no-repeat 0 -214px;
	}

#client a {
	position: absolute; // This allows us to have
	top: 0; // the anchor on top of the home
	padding: 0;
	left: 0;
	width: 155px;
	height: 30px;
	display: block;
	border: 0;
	background:url(../graphics/blank.gif);
	}

#client .fake-hover {
	margin: 0;
	padding: 0;
	width: 155px;
	height: 30px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../graphics/menu.jpg) no-repeat 0 -491px;
	}

body#client-page #client {
	background:transparent url(../graphics/menu.jpg) -0px -768px no-repeat;
	}

#ftp {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 155px;
	height: 30px;
	position: relative;
	background: url(../graphics/menu.jpg) no-repeat 0 -244px;
	}

#ftp a {
	position: absolute; // This allows us to have
	top: 0; // the anchor on top of the home
	padding: 0;
	left: 0;
	width: 155px;
	height: 30px;
	display: block;
	border: 0;
	background:url(../graphics/blank.gif);
	}

#ftp .fake-hover {
	margin: 0;
	padding: 0;
	width: 155px;
	height: 30px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../graphics/menu.jpg) no-repeat 0 -521px;
	}

body#ftp-page #ftp {
	background:transparent url(../graphics/menu.jpg) -0px -798px no-repeat;
	}

/* End Menu */

/*** Instant.js Images ***/

#imgleft {
	float:left;
	position:absolute;
	top:400px;
	margin:0 0 0 85px;
	z-index:100;
	}

#imgright {
	float:right;
	position:absolute;
	top:350px;
	margin:0 0 0 740px;
	z-index:100;
	}

#imgright .imgunder {
	margin-top:-35px;
	}

/* End Instant.js Images */

#request {
	margin:10px 0 20px 196px;
	text-indent:-9999px;
	overflow:hidden;
	left:0px;
	width:258px;
	height:35px;
	background:url(../graphics/request.gif) no-repeat;
	}

a #request {
	background:url(../graphics/request.gif) no-repeat;
	cursor:pointer;
	}

a:hover #request {
	background:transparent url(../graphics/request.gif) 0px -35px no-repeat;
	}

.thumb img {
	margin:0 10px 0 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: 0.6;
}

.thumb:hover img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}

ul#tabs {
	list-style:none;
	padding: 0;
	margin:0;
	}

ul#tabs li {
	float:left;
	padding:0.3em;
	margin:0 0 0 0.3em;
	background:#ddd;
	border-top:2px solid #ccc;
	border-left:2px solid #ccc;
	border-right:2px solid #ccc;
	/*padding:5px 0 5px 0;
	line-height:2;
	font-size:0.9em;
	text-indent:0em;
	text-align:center;*/
	}

ul#tabs li a {
	display:block;
	padding: 0px 10px;
	color: #333;
	text-decoration: none;
	}
	
ul#tabs li:hover {
	background-color:#999;
	border-top:2px solid #999;
	border-left:2px solid #999;
	border-right:2px solid #999;
	}

#box {
	margin-top:-2px;
	padding:1em;
	border:#ccc 2px solid;
	position:relative;
	background:#ddd url(../graphics/boxbkgd.jpg) repeat-x;
	}

#box h4 {
	margin:0 0 0.5em 0;
	font-style:inherit;
	}

.left {
	/*float:left;*/
	}

.right {
	float:right;
	}

.clear {
	padding-top:1em;
	clear:both;
	border-bottom:#ccc 1px solid;
	}

/*** Icons for downloads ***/

a[href $='.pdf'] {
	padding-right: 18px;
	line-height:15px;
	background: transparent url(../graphics/icon_pdf.gif) no-repeat center right;
	}

/*** Footer ***/

#footer {
	background:#000 url(../graphics/footer.jpg) no-repeat;
	width:900px;
	margin:0 auto 20px auto;
	padding-top:10px;
	}

#footcont {
	margin-top:-10px;
	}

#footer p {
	color:#FFF;
	text-align:center;
	}

#footer p a {
	color:#FFF;
	text-decoration:none;
	border-bottom:#FFF 1px dotted;
	}

#footer p a:hover {
	color:#009144;
	border-bottom:#009144 1px dotted;
	}