/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(../js/csshover.htc); background:#cfc69a !important; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#565656;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a {color:#9d0a0e; text-decoration:none;}
	a:hover, a.current {text-decoration: underline;}
p { font-size:11px; padding:2px 0 6px 0; line-height:15px;}
h1{display:none;}
ul, ol {padding:4px 0 0 0;}
li {}
strong { color:#000;}


h1{color:#000; font-size:20px;}
h2{color:#9d0a0e; font-size:18px; padding:6px 0 6px 0}
h3{color:#000; font-size:16px; padding:6px 0 6px 0}
h4{color:#9d0a0e; font-size:14px;}
h5{color:#000; font-size:12px; padding:6px 0 3px 0}
h6{color:#9d0a0e; font-size:10px; padding:0 0 10px 0;}

/* reusable classes */
.right{float:right;}
.left{float:left;}
.phone{position:absolute; top:25px; right:55px;}
.dontshow{ display:none}

.small {font-size:10px; margin-top:1px}
.big {font-size:13px; margin-top:1px}

.blacksmall { font-size:12px; color:#000; font-weight:normal;}

.full{position:relative; width:99%;}	/*<------<--------<-----| This works better w/ px based widths */
.split50{position:relative; width:50%;float:left;}
.split30{position:relative; width:33%;float:left;}
.split60{position:relative; width:60%;float:left;}
.split40{position:relative; width:39%;float:left;}

.red{color:#9d0a0e;}

/* Navigation */
#Nav {width: 933px; height: 32px; list-style: none; background-color: #fff; padding: 0; position:relative; clear:both; display:block;}
	#Nav ul {margin:0; padding:0; list-style:none}
	#Nav li {float: left;}
					
	#Nav li a span {display: none; }				
	#Nav li a {height: 32px; display: block; float: left; padding: 0;}
					
	#Nav li a.home {width:114px; background: url(images/nav_home.gif) no-repeat top;}
	#Nav li a.aboutus {width:128px; background: url(images/nav_aboutus.gif) no-repeat top;}		
	#Nav li a.services {width:121px; background: url(images/nav_services.gif) no-repeat top;}					
	#Nav li a.employers {width:140px; background: url(images/nav_employers.gif) no-repeat top;}				
	#Nav li a.employees {width:145px; background: url(images/nav_employees.gif) no-repeat top;}	
	#Nav li a.resources {width:133px; background: url(images/nav_resources.gif) no-repeat top;}
	#Nav li a.contactus {width:152px; background: url(images/nav_contactus.gif) no-repeat top;}
										
	/*hover*/
	#Nav li a:hover {background-position: bottom; }
	#Nav li a.current {background-position: bottom; }
	
#SubNav { background:url(images/nav_blkbar.gif); width:933px; height:26px;}
#SubNavContent {padding:2px 0 0 0}
	#SubNavContent a { color:#fff; font-size:11px; padding:0 14px 0 0}

#Footer { width:900px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#565656; padding:0 0 20px 0; overflow: auto;}
	#Footer ul {padding:0 0 0 0}
	#Footer li {font-size:11px; padding:0 0 0 6px; float:right; list-style:none; color:#565656;}
	#Footer a { font-size:11px; text-decoration:none; color:#565656;}
	#Footer a:hover {color:#000; font-size:11px; text-decoration:none;}
	#Footer a.current {color:#000; font-size:11px; text-decoration:none;}
	#Footer .footerlogo { margin-right: 20px; }
	#Footer .bbb { padding-top: 16px; }
	#Social {
		float: right;
		clear: right;
	}
	#Social img {
		float: left;
		margin-left: 5px;
		padding-top: 5px;
	}
/* Wrappers */				/*<------<--------<-----| Start building out your divs here... */
#PageWrapper{ margin-top:22px; width:933px;}
#Wrapper{ background:url(images/bg_slice.gif) repeat-y; width:933px;}

/* home page */
#HPWrapper{ margin-top:22px; background:url(images/hp_bg.jpg) no-repeat; width:933px; height:539px;}
#HPWrapper2{ margin-top:22px; background:url(images/bg_hp3.jpg) no-repeat; width:933px; height:539px;}
#HPTop{ height:325px;}
#HPCopy{ width:490px; float:left; padding:200px 10px 10px 36px; }
#HPFlash{ background:url(images/flash.jpg) no-repeat; width:387px; height:324px; float:right}

#HPBottom{ padding:10px 20px 10px 20px}
#HPSearchJobs{ height:125px; width:260px; float:left; margin-right:50px; cursor:pointer;}
#HPSubmit{ height:125px; width:260px; float:left; margin-right:50px; cursor:pointer}
#HPNews{ height:125px; width:260px; float:left; cursor:pointer}

#HPBottom2{ padding:0px 20px 10px 22px}
#HPSearchJobs2{ height:120px; width:206px; float:left; margin-right:19px; cursor:pointer;}
#HPApplyNow2{ height:120px; width:206px; float:left; margin-right:19px; cursor:pointer;}
#HPSubmit2{ height:120px; width:206px; float:left; margin-right:19px; cursor:pointer}
#HPNews2{ height:120px; width:206px; float:left; cursor:pointer}

/* sub page */
#Top{ width:933px; height:18px; background:url(images/bg_top.gif) no-repeat; overflow:hidden}
#Bottom{ width:933px; height:27px; background:url(images/bg_bottom.gif) no-repeat}

#Logo{position:relative; width:933px; padding:0 0 2px 16px;}
#HeaderAbout{width:933px; background:url(images/headerAbout.jpg); height:69px;}
#HeaderServices{width:933px; background:url(images/headerServices.jpg); height:69px;}
#HeaderEmployers{width:933px; background:url(images/headerEmployers.jpg); height:69px;}
#HeaderEmployees{width:933px; background:url(images/headerEmployees.jpg); height:69px;}
#HeaderResources{width:933px; background:url(images/headerResources.jpg); height:69px;}
#HeaderContactus{width:933px; background:url(images/headerContact.jpg); height:69px;}

#Content{}
	#Content ul{ padding:0 0 10px 30px;}
	#Content li{ padding:2px 0 2px 2px; font-size:11px;}
#LeftContentAll{ width:566px; padding:10px 30px 30px 30px; float:left; }
#LeftContentAll2{ width:860px; padding:10px 0 30px 30px; float:left; }
#LeftContent{ width:600px; padding:24px 10px 10px 16px; float:left; }
	#BoxTop{ width:590px;}
		#ContentTop{ float:left; width:326px; padding:4px 0 0 14px; font-size:12px; margin-bottom:10px}
		#Testimonial{ background:url(images/test_bg.jpg) no-repeat; width:218px; height:230px; float:right;}
		#Testimonial p{ padding:14px 12px 8px 18px; color:#9d0a0e; font-size:12px; line-height:16px;}
		#Testimonial h5{padding:6px 12px 10px 18px; color:#9d0a0e; font-size:10px;}
	#BoxBottom{ width:576px; padding:4px 10px 10px 24px; float:left; }
		#SubPic{float:left; border:1px solid #565656; padding:4px;}
		#ContentBottom{ padding:0 0 0 30px; float:left; width:300px;}
			#ContentBottom ul{ padding:0 40px 8px 20px; font-size:11px; line-height:14px}
			#ContentBottom li{ padding:2px 0 3px 2px;}

#RightContent{ float:left; width:260px; padding:24px 0px 0px 16px;}
	#Btns{ float:left}
	#Btns a img{ margin-bottom:4px;}
	
	#BtnsISG{ float:left}
	#BtnsISG a img{ margin-bottom:4px;}
	#RedBox{ border:1px solid #9d0a0e; padding:0 8px 4px 14px; width:216px; clear:both; margin-top:12px; margin-bottom:12px;}
	
#BottomContent{ width:910px; height:114px;}
	#BottomContentLeft{ float:left; width:612px; padding:50px 0 0 20px;}
	#BottomContentRight{ float:left; background:url(images/logos-sub.gif) no-repeat; padding:0 10px 0 10px; width:252px; height:114px;}
	#BottomContent img{ padding-right:10px;}

/***********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;}