/*CSS DOCUMENT*/

/*HTML*/
html{background:#ccc;}
body{text-align:center; background:#ccc;}
a{text-decoration:none;}
p a:hover{text-decoration:underline;}
strong {font-size: 1.5em;}
h1{font-weight:bold; font-size:153.9%; }
h2{font-weight:bold; font-size:93%; margin:0 0 3px 0;}
h2.col-header{font-weight:bold; font-size:108%; margin:0 0 3px 0; padding:0 0 0 0;}
h3{font-size:131%; font-weight:bold;}
p{font-size:93%; line-height:1.4em; margin-bottom:1em;}
ul{margin:0 0 10px 0;}
li{font-size:93%;}
#sidebar li{font-size:93%;}
li a{}
hr{border-top:3px yellow; height:2px;}
em{font-style:italic; font-size:100%;}
td{padding:0;}

/*FORMS*/
fieldset{border:1px solid #ccc; padding:5px; margin:10px 0 10px 0; background:#efefef; overflow:hidden;}
fieldset ul li{font-size:100%; height:20px;}
fieldset p{margin:0 20px 0 0 ; width:100%; height:20px;}
fieldset h2{font-size:100%; margin:10px 0 10px 0; border-bottom:1px solid #ccc; color:green; padding:0 0 5px 0;}
fieldset h3{font-size:93%; background:#666; color:#fff; font-weight:bold; padding:3px 3px 3px 5px;}
fieldset em{display:block; margin:5px 0 5px 0; font-weight:bold; color:#666; font-size:93%;}
label{font-weight:bold; margin:0 10px 0 0; font-size:85%; color:#666;}
select,input {display:block; float:left; margin:0 10px 0 0;}
.form-table{width:95%; border-collapse:collapse;}
.form-table td{padding: 0 0 7px 0; text-align:left;}
.rb-row label{float:left;}
.rb-row input{display:block; float:left; margin:0 10px 0 0;}
.street-i, .email-i, .description-i, .cname-i, .comments-i, .experience-i, .previous_employment-i, .why_interested-i{width:414px;}
.state-i{width:127px;}
.zip-i{width:59px;}
.city-i, .first-i, .last-i, .phone-i, .fax-i, .education-i, .salary-i{width:200px;}
.status-failure{background:red; color:#fff; padding:10px 10px 0 20px; font-weight:bold; border-top:2px solid #fff;}

/*CONTAINERS*/
#wrapper{ width:960px; margin:0 auto;text-align:left; background:#fff;}
#hd{height:133px;  background:#ecf6ed; border-bottom:13px solid #3c674c; _overflow:hidden; }
#splash{background:#efefef; height:330px; margin:0 0 18px 0;}
#main-content{padding-bottom:40px;}
#ft{background:#000; color:#fff; height:50px; }
#title-bar{background:#000; color:#fff;}
#title-bar .sub-content{padding:10px 18px 10px 18px;}
#title-bar h1{font-size:174% !important; font-family:arial,verdana,helvetica,sans-serif; font-weight:normal; color:#ccc;}
.sub-content{padding:18px;}
#page-top{}
#logo-container h1{display:none;}
#logo-container {background:url(../image/logo.gif) no-repeat top left; width:199px; height:133px;  float:left; position:relative; margin:20px 0 0 20px; _margin:20px 0 0 10px; z-index:10000;}
.black{background:#333; color:#fff;}
.black a{color:#fff;}

/*NAVIGATION*/
#top-nav{background:#333; position: relative; width: 100%;}
#top-nav .phnNm {position: absolute; left: 20px; width: 200px;line-height: 36px; height: 36px; font-weight: bold; color:#a1a5a1;}
#top-nav .sn{position:absolute; right:7px; bottom: 52px;}
#top-nav img{margin-right: 4px;}
#top-nav .sub-content{}
#top-nav ul{margin:0; padding:0; float:right; margin-top:-10px;}
#top-nav ul li{float:left; margin-right:20px; padding-left: 3px; }
#top-nav ul li a {font-size:93%; font-weight:bold; color:#fff;}
#header-nav{float:right; margin:20px 0 0 0;}
#header-nav ul li{float:left; margin:0 20px 0 0; background:url(../image/bullet_go.gif) no-repeat top left; padding-left:20px;}
#header-nav ul li a{font-size:100%; font-weight:bold; color:#000;}

/*LINK BOXES*/
.lb-row{border-bottom:2px solid #eeefc7; padding-bottom:15px; margin-bottom:15px; overflow:hidden;}
.link-box{display:block; width:49%; float:right; color:#000; overflow:hidden; background:#fff;}
.link-box .first{float:left;}
.link-box:hover{background:#ebe5cd; width:49%;}
.link-box:hover strong{color:#3e694d}
.link-box strong{display:block; font-weight:bold; font-size:138.5%; padding-top:3px;}
.lb-image{height:95px; width:140px; margin-right:10px; background:#efefef; float:left;}
.lb-content{display:block; padding-right:10px; padding-left: 150px; font-size:85%;}

/*LINK BOXES - black version*/
.black .col-80 .sub-content{padding-left:0; padding-bottom:0;}
.black .link-box{background:#333;}
.black .link-box:hover{background:#666;}
.black .link-box:hover strong{color:#ccc;}
.black .lb-row{ border:none;}
/*MAIN COLUMNS*/
.col-10, .col-20, .col-30, .col-40, .col-50, .col-60, .col-70, .col-80, .col-90{float:right;}
.first{float:left !important;}
.col-10{width:9%;}
.col-20{width:19%;}
.col-30{width:29%;}
.col-40{width:39%;}
.col-50{width:49%;}
.col-60{width:59%;}
.col-70{width:69%;}
.col-80{width:79%;}
.col-90{width:89%;}
.col-33{float:left; width:200px; margin-right:15px; }
.last{margin-right:0 !important;}
.col-33 ul{margin:10px 0 0 0;}

/*SERVICES*/
.service-splash{height:300px; margin:0 0 20px 0;}

/*SIDEBAR*/
#sidebar ul{}
#sidebar #s-nav li{background:#d2c692 url(../image/menu-graphic.gif) no-repeat right 7px; padding:8px; margin:0 0 10px 0; overflow:hidden;}
#sidebar #s-nav li a{display:block;  font-weight:bold; color:#000; font-size:116%;}
#contact-list li{font-size:93% !important; font-weight:bold;}
.phone-contact{background:url('../image/phone.gif') no-repeat top left; padding-left:20px; height:25px;}
.email-contact{background:url('../image/email.gif') no-repeat top left; padding-left:20px; height:20px;}
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; min-height:1%; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

/*UTILITY*/
.no-top-margin{margin-top:0 !important;}
.blue{padding-left:15px; background:url(../image/blue-sq.gif) no-repeat 0px 2px;}
.black{padding-left:15px; background:url(../image/black-cir.gif) no-repeat 0px 2px;}
.green{padding-left:15px; background:url(../image/green-sq.gif) no-repeat 0px 3px;}
.red{padding-left:15px; background:url(../image/red-sq.gif) no-repeat 0px 3px;}
.orange{padding-left:15px; background:url(../image/orange-sq.gif) no-repeat 0px 3px;}
.yellow{padding-left:15px; background:url(../image/yellow-sq.gif) no-repeat 0px 3px;}
.image-left{float:left; margin: 5px 10px 10px 0;}
.bulleted-list{padding-left:15px; margin:5px 0 0 0;}
.bulleted-list li{list-style-type:disc; padding-bottom:5px;}

/*FOOTER*/
#footer-contact{float:left;}
#site-by{float:right;}
#site-by a{color:#fff;}