@charset "UTF-8";
/* CSS Document */

body {
	background: #FFF url('/img/bg_grad_body.jpg') 0 0 repeat-x;
	margin: 0;
	padding: 0;
	font: normal 1em "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
  }

a img { border: none; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
  }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block; }
/* End hide from IE-mac */

h1, h2, h3, h4, h5 { color: #333; letter-spacing: .2em; }

.close {
	position: absolute;
	z-index: 100;
	color: #F00;
	font-weight: bold;
	right: 8px;
	top: 8px;
	cursor: pointer;
  }

td.error, th.error, tr.error, div.error, label.error, span.error {
	font-weight: bold;
	background: #F00;
	color: #FFF;
  }
input.error, textarea.error, select.error {
	border: 1px solid #F00;
  }
.success {
	background: #390;
	color: #FFF;
  }



html, body, #PAGE { height: 100%; }
body > #PAGE { height:auto; min-height:100%; }
#PAGE { font-size: 100%; }

#HEADER {
	background: #FFF url('/img/bg_grad_head.jpg') 0 0 repeat-x;
	width: 875px;
	margin: 0 auto;
	position: relative;
  }
#HEADER #headLogo {
	margin-left: 40px;
  }
#headContact {
	position: absolute;
	top: 100px;
	right: 16px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	font-size: 90%;
	text-align: right;
	z-index: 1000;
  }
#headContactLink { cursor:pointer; }
#hcform {
	background: #FFF url('/img/bg_grad_body.jpg') 0 -60px repeat-x;
	padding: 6px;
	border: 1px solid #CCC;
	font-weight: normal;
  }
#hcform table { border-collapse: collapse; }
#hcform td, #hcform th { padding: 3px; }
#hcform td { text-align: left; }
#hcform th {
	text-align: right;
	vertical-align: top;
	font-weight: normal;
  }

#topnavwrap a { color: #090; }
#headNav {
	margin: 0;
	padding: 0;
	width: 875px;
	height: 45px;
	background: transparent url('/img/head_nav.gif') top left no-repeat;
  }

#headNav li { display: inline; }
#headNav li a {
	background-image: url('/img/head_nav.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
	padding-top: 45px;
	height: 0;
	width: 130px;
	overflow: hidden;
  }
#headNav li#hn-services a {	background-position: 0 0; }
#headNav li#hn-services a:hover { background-position: 0 -45px; }
#headNav li#hn-services a:active { background-position: 0 -90px; }
#headNav li#hn-services.on a { background-position: 0 -135px; }
#headNav li#hn-experience a { background-position: -130px 0; }
#headNav li#hn-experience a:hover { background-position: -130px -45px; }
#headNav li#hn-experience a:active { background-position: -130px -90px; }
#headNav li#hn-experience.on a { background-position: -130px -135px; }
#headNav li#hn-about a { background-position: -260px 0; }
#headNav li#hn-about a:hover { background-position: -260px -45px; }
#headNav li#hn-about a:active { background-position: -260px -90px; }
#headNav li#hn-about.on a { background-position: -260px -135px; }


#BODY {
	width: 875px;
	margin: 0 auto;
	padding-bottom: 150px;
	font-size: 90%;
  }
#BODY #content {
	float: left;
	width: 620px;
	padding-left: 8px;
  }
#BODY #content .sect {
	margin: 
  }
#BODY #links {
	float: right;
	width: 200px;
	border-left: 1px solid #999;
	padding: 0 8px;
  }



#FOOTER {
	background: #333;
	margin-top: -150px;
	height: 150px;
	position: relative;
	clear: both;
	font-size: 80%;
  }
#FOOTER #footerText {
	width: 851px;
	margin: 0 auto;
	background: #000 url('/img/logo_icon_sm.gif') 840px 5px no-repeat;
	color: #CCC;
	height: 126px;
	padding: 12px;
  }