/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(/js/csshover.htc); background-color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000;}
* {margin: 0 auto; padding: 0;}
a img {border: none;}
a { color:#b3170c; text-decoration:none}
	a:hover, a.current {text-decoration: underline;}
p { font-size:11px; padding:0 0 10px 0; line-height:17px}
ul, ol {padding:4px 0 0 0;}
li {}
td, th, tr {font-size:11px;}
strong { color:#000;}
hr{ color:#ccc; border-width:1px 0 0 0; margin-bottom:10px; height:1px;}

h1{color:#b3170c; font-size:18px; padding:0 0 10px 0;}
h2{color:#b3170c; font-size:15px; padding:0 0 10px 0;}
h3{color:#b3170c; font-size:14px; padding:0 0 10px 0;}
h4{color:#b3170c; font-size:12px; padding:0 0 10px 0;}
h5{color:#b3170c; font-size:11px; padding:0 0 10px 0;}
h6{color:#b3170c; font-size:10px; padding:0 0 10px 0;}

/* reusable classes */
.right{float:right;}
.left{float:left;}

.full{position:relative; width:99%;}
.split50{position:relative; width:49%;float:left;}
.split30{position:relative; width:33%;float:left;}

.formpadding td {padding: 0 0 10px 0;}
.greyLine { border:1px solid #ccc; border-width:0 0 1px 0; margin-bottom:10px; clear:both}
.padd10{ padding:10px}
.border{ border:1px solid #ccc;}

.btnapply{background:url(images/btn-apply.gif) no-repeat top; width:129px; height:24px; margin:0; cursor:pointer; clear:both; float:left}
.btnapply:hover{ background-position:bottom;}


/**********INTERACTIVE**************/
#HpTopOver{ position:absolute; z-index:10; left:0}
#HpTopImg{ background:url(images/img-hp-01.png) right no-repeat; width:917px; height:381px; clear:both}
#HpTopImg.one{ background:url(images/img-hp-01.png) right no-repeat; width:917px; height:381px; clear:both}
#HpTopImg.two{ background:url(images/img-hp-02.png) right no-repeat; width:917px; height:381px; clear:both}
#HpTopImg.three{ background:url(images/img-hp-03.png) right no-repeat; width:917px; height:381px; clear:both}
#HpTopImg.four{ background:url(images/img-hp-04.png) right no-repeat; width:917px; height:381px; clear:both}
#HpTopImg.five{ background:url(images/img-hp-05.png) right no-repeat; width:917px; height:381px; clear:both}
#HpCopy2{ clear:both; padding:170px 0 0 6px; width:435px; float:left;}
#HpCopy2 p{ font-size:14px; line-height:22px;}
#HpCopy2 p.small{ font-size:12px; line-height:17px;}
#HpCopy2 h2{ font-size:24px; font-family:Georgia, "Times New Roman", Times, serif}
#DivNav{ position:absolute; top:350px;}
#DivNav ul{ list-style:none; margin:0; padding:0 0 0 6px;}
#DivNav li {float:left}
#DivNav li a{ }
#DivNav li a:hover{}
#DivNav li a span{ color:#ee3124; font-size:11px; margin:0 6px 0 0; padding:0; float:left; display:block; height:15px; width:15px; background-color:#ee3124; border:1px solid #000;}
#DivNav li a:hover span{color:#fff; text-decoration:none; margin:0 6px 0 0; padding:0; float:left; display:block; height:15px; width:15px; background-color:#fff; border:1px solid #000;}
#DivNav li a.current span{color:#fff; text-decoration:none; margin:0 6px 0 0; padding:0; float:left; display:block; height:15px; width:15px; background-color:#fff; border:1px solid #000}

/* Wrappers */	
#HpWrapper{ background:#fff url(images/bg-slice-hp.gif) repeat-x; position:relative}
#HpTop{ background:url(images/img-hp.jpg) right no-repeat; width:917px; height:381px}
#HpCopy{ clear:both; padding:30px 0 0 0; width:435px; float:left}
#HpBoxes{ background:url(images/boxes-hp.gif) no-repeat; width:1000px; margin-top:30px; padding:22px 0 0 0}
#HpBoxes p{ font-size:10px; line-height:normal}
#StaffingServices{ float:left; width:252px; padding:0 8px 0 0}
#JobSeekers{ float:left; width:254px; padding:0 16px 0 12px}

#SubWrapper{ background:#fff url(images/bg-slice-sub.gif) repeat-x;}
#SubTopAbout{ background:url(images/img-aboutus.jpg) right no-repeat; width:917px; height:249px}
#SubTopBlog{ background:url(images/img-blog.jpg) right no-repeat; width:917px; height:249px}
#SubTopContact{ background:url(images/img-contact.jpg) right no-repeat; width:917px; height:249px}
#SubTopJobSeekers{ background:url(images/img-js.jpg) right no-repeat; width:917px; height:249px}
#SubTopSearch{ background:url(images/img-search.jpg) right no-repeat; width:917px; height:249px}
#SubTopStaffing{ background:url(images/img-ss.jpg) right no-repeat; width:917px; height:249px}

#MiddleAbout{ background:url(images/bg-about.jpg) repeat-y; width:917px;}
#MiddleBlog{ background:url(images/bg-blog.jpg) repeat-y; width:917px;}
#MiddleContact{ background:url(images/bg-contact.jpg) repeat-y; width:917px;}
#MiddleJobSeekers{ background:url(images/bg-js.jpg) repeat-y; width:917px;}
#MiddleSearch{ background:url(images/bg-search-lg.jpg) repeat-y; width:917px;}
#MiddleStaffing{ background:url(images/bg-ss.jpg) repeat-y; width:917px;}
#Middle{ width:911px; padding:0 3px; border:3px solid #fff; border-width:0 0 3px 0;}
#Middle ul{ font-size:11px; padding:0 0 10px 0; line-height:17px; margin:0; padding:0 0 10px 24px;}
#Middle ol{ font-size:11px; padding:0 0 10px 0; line-height:17px; margin:0; padding:0 0 10px 24px;}
#Middle li{ margin:0; padding:0 0 4px 0}

#SubCopy{ padding:10px 18px 10px 14px; width:520px; float:left}
#SubCopyHmlC{ width:891px; background:#efefd7; padding:10px;}
#SubCopyHmlR{ width:891px; background:#fdf2d2; padding:10px;}


#SubCopyLg{ padding:10px 18px 10px 14px; width:870px; float:left}
#Sidebar{ width:359px; float:left;}
#Sidebar a{ color:#000; font-weight:bold; text-decoration:underline}
#Sidebar a:hover{ text-decoration:none}
#Sidebar .lgtxt{ font-size:14px;}
#Sidebar .lgtxt a{ text-decoration:none;color:#b3170c;}

#SubNav{ background:#000 url(images/amp.gif) no-repeat right bottom; width:359px; color:#fff;}
#SubNav ul{ list-style:url(images/redbox.gif); text-transform:uppercase; margin:0; padding:10px 0 10px 34px;}
#SubNav li{ margin:0; padding:0 6px 0 0;}
#SubNav li a{ color:#fff; text-decoration:none; font-weight:normal}
#SubNav li a:hover{ color:#fff; text-decoration:underline}
#SubNav li a.current{ color:#b3170c; text-decoration:none}
#SubNav ul ul{ padding:0 0 4px 28px; font-size:10px;}
#SubNav ul ul li a{font-size:10px;}

#Quicklinks{ float:left; width:150px; height:99px; padding:3px 0 0 0; position:relative; display:block;}
#Quicklinks ul{margin:0; padding:0;list-style:none}
#Quicklinks li{float:left;}				
#Quicklinks li a span{display:none;}				
#Quicklinks li a{ width:150px; display: block; float: left; padding: 0;}
#Quicklinks li a.hrres{height:18px; background: url(images/ql-nav_01.gif) no-repeat left;}				
#Quicklinks li a.jsres{height:20px; background: url(images/ql-nav_02.gif) no-repeat left;}
#Quicklinks li a.blog{height:21px; background: url(images/ql-nav_03.gif) no-repeat left;}		
#Quicklinks li a.brochure{height:20px; background: url(images/ql-nav_04.gif) no-repeat left;}
#Quicklinks li a.newsletter{height:20px; background: url(images/ql-nav_05.gif) no-repeat left;}	
#Quicklinks li a.timekeeper{height:20px; background: url(images/ql-nav_06.gif) no-repeat left;}
#Quicklinks li a.resume{height:20px; background: url(images/ql-nav_07.gif) no-repeat left;}
#Quicklinks li a:hover{background-position:right; }
#Quicklinks li a.current{background-position:right; }
#FeaturedJobs{ float:left; width:200px; padding:0 0 0 20px}


#Wrapper{ width:917px; position:relative}
#Logo{ height:119px; width:917px; float:left}
#Nav{ width:917px; padding:2px 0 0 0}
#Nav ul{ list-style:none; float:left; margin:0; padding:0 0 0 0;}
#Nav li{ float:left; padding:0 16px 0 0; margin:0;}
#Nav li a{ text-transform:uppercase; color:#fff; font-size:10px; text-decoration:none}
#Nav li a:hover{ text-decoration:underline}
#Nav li a.current{ text-decoration:none; color:#ee3124}

#BottomWrapper{ background:#000;}
#BottomWrapperSub{ background:#000; border:14px solid #ee3124; border-width:14px 0 0 0}
#Footer{ width:917px; color:#fff; padding:10px 0; font-size:10px;}
#Footer a{ color:#fff; text-decoration:none}

#site_credits{ cursor:pointer}

/******************JQuery Styles***************/
div.answer{display: none;}
.answer{padding:10px; margin-bottom:5px;}
div.question{ margin:8px 0 4px 0; background:#F8C842; padding:0;}
div.question h4{padding:4px; color:#000; font-size:12px}
div.question h4:hover{padding:4px; color:#fff; font-size:12px}
div.question:hover {background:#b3170c; cursor:pointer}
div.question.active{background:#b3170c;}
div.question.active h4{background:#b3170c; color:#fff}
	
/***********Form Styles**************/
/* Define your base widths here as well as any fancy button formatting.  Just remember that only real browsers will see image-based buttons. */	
	input[type="text"]{width:150px;}
	textarea{width:150px;}
	select{width:150px;}
	input[type="button"]{}
	input[type="submit"]{}
/* Define the various event states */	
	input.disabled, select.disabled {border: 1px solid #F2F2F2;background-color: #F2F2F2;}
	input.required, textarea.required, select.required {border: 1px solid #00A8E6;}
	input.validation-failed, textarea.validation-failed, select.validation-failed {border: 1px solid #FF3300;color: #FF3300;}
	input.validation-passed, textarea.validation-passed, select.validation-passed {border: 1px solid #00CC00;color: #000;}
	.validation-advice {margin: 5px 0;padding: 5px;background-color: #FF3300;color: #FFF;font-weight: bold;}
	.custom-advice {margin: 5px 0;padding: 5px;background-color: #C8AA00;color : #FFF;font-weight: bold;}
/* Define the basic form layout */
	fieldset {padding: 1em;margin-bottom: 0.5em;}
	label {font-weight: bold;}
	.form-row {clear: both; font-size:11px}
	.field-label { float:left; width:210px; margin-bottom:10px;}
	.field-widget { float:left; width:200px; margin-bottom:10px;}
	/* Anything extra... */	
	.red{color:#990000;}

/****RSS Blog Feed***********************/
.rssxpressdivider { display:none; height:0px; }
.rssxpresschannel { text-align:left; overflow:hidden; height:110px; width:270px !important; }
.rssxpresschtitle { display:none; overflow:hidden; }
.rssxpresschdesc { display:none; overflow:hidden; }
.rssxpressittitle { background-color:transparent; padding:0 0 0 0 ; overflow:hidden; margin:0; text-align:left; }
.rssxpressitdesc { display:none; }
.rssxpresstable { text-align:left;}
/* rssxpressdivider is a special case - it is a single pixel, single column row on the rssxpress
channel - to alter it's colour just change the background-color image. */

/***********s2k styles**************/	
.s2k_text_2006 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; color:#000;}
.s2k_heading_2006 {font-weight:bold;font-size:16px;color:#000;}
.s2k_subheading_2006 {font-weight:bold;font-size:13px;color:#000;}
.s2k_bold_2006 {font-weight:bold;color:#000;}
.s2k_byline_2006 {font-size:10px;font-style:italic;color:#000;}
.s2k_footer_2006 {font-size:10px;color:#000;}
.s2k_image_2006 {border:1px solid #000;}

/***********Min-Height Hack**************/
.prop {float:left;width:1px;}
.clear {clear:both;height:1px;overflow:hidden;}	/* I don't currently rely on .clear */
.min431px {height:431px;}
/***************************************/	

/* -- Alsett Clearing Method*/
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}