/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(/js/csshover.htc); background:#E2E2E2 url(images/bg-slice.jpg) repeat-x; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#000;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a { text-decoration:none; font-weight:bold; color:#0045FF}
	a:hover, a.current {text-decoration: underline;}
p { font-size:12px; padding:0 0 10px 0; line-height:18px;}
ul, ol {padding:4px 0 0 0;}
li {}
td, th, tr {font-size:11px;}
strong { color:#bf5d1e;}
strong.talenthog{ color:#000; font-size:18px; letter-spacing:.1px;}
hr{ color:#ccc; border-width:1px 0 0 0; border:1px #ccc solid; margin-bottom:10px; height:1px; clear:both}

h1{color:#970606; font-size:20px; padding:0 0 10px 0;}
h2{color:#970606; font-size:16px; padding:0 0 10px 0;}
h3{color:#970606; font-size:15px; padding:0 0 10px 0;}
h4{color:#970606; font-size:14px; padding:0 0 10px 0;}
h5{color:#970606; font-size:12px; padding:0 0 10px 0;}
h6{color:#970606; font-size:10px; padding:0 0 10px 0;}

/* reusable classes */
.right{float:right;}
.left{float:left;}
.full{width:686px; margin-bottom:10px; float:left}
.split50{ width:310px; float:left; padding:8px 6px 8px 8px; border:2px #ccc solid}
.split30{width:33%;float:left;}
.padd{ padding:0 26px;}
.padd10{ padding:10px 16px;}
.padd11{ padding:10px 10px;}

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

.btnbuynow{background:url(images/btn-buynow.gif) no-repeat top; width:176px; height:33px; margin-bottom:4px; cursor:pointer; clear:both}
.btnbuynow:hover{ background-position:bottom;}

.btnlearnmore{background:url(images/btn-learnmore.gif) no-repeat top; width:176px; height:33px; margin-bottom:4px; cursor:pointer; clear:both}
.btnlearnmore:hover{ background-position:bottom;}

.btncompare{background:url(images/btn-circle-compare.gif) no-repeat top; width:238px; height:25px; cursor:pointer; clear:both}
.btncompare:hover{ background-position:bottom;}

.btncareers{background:url(images/btn-circle-careers.gif) no-repeat top; width:238px; height:25px; cursor:pointer; clear:both}
.btncareers:hover{ background-position:bottom;}

.btnfind{background:url(images/btn-circle-find.gif) no-repeat top; width:238px; height:25px; cursor:pointer; clear:both}
.btnfind:hover{ background-position:bottom;}

.btnbuynow2{background:url(images/btn-circle-buynow.gif) no-repeat top; width:238px; height:25px; cursor:pointer; clear:both}
.btnbuynow2:hover{ background-position:bottom;}

.btncompare2{background:url(images/btn-compareservices.gif) no-repeat top; width:176px; height:33px; margin-bottom:4px; cursor:pointer; clear:both}
.btncompare2:hover{ background-position:bottom;}

.btndownload{background:url(images/btn-download.gif) no-repeat top; width:176px; height:33px; margin-bottom:4px; cursor:pointer; clear:both}
.btndownload:hover{ background-position:bottom;}

.btndownload2{background:url(images/btn-circle-download.gif) no-repeat top; width:238px; height:25px; margin-bottom:4px; cursor:pointer; clear:both}
.btndownload2:hover{ background-position:bottom;}

.btnfree{background:url(images/btn-circle-try.gif) no-repeat top; width:286px; height:25px; margin-bottom:4px; cursor:pointer; clear:both}
.btnfree:hover{ background-position:bottom;}

.questbox{ padding:6px 10px; width:220px; background-color:#e2e2e2; clear:both; margin-bottom:14px; margin-top:12px;}
.questbox p{ padding:0;}
.questbox p strong{ color:#000; font-size:14px}

.local h3{color:#bf5d1e; padding:6px 0 2px 0; border:2px solid #ccc; border-width:0 0 2px 0; margin-bottom:4px}
p.smallspecial{ font-size:11px; line-height:15px; padding:4px 0 10px 0;}
/* Wrappers */
#PageWrapper{ width:990px; padding:10px 0 0 0; position:relative; top:8px}
	#PageWrapper01{ width:990px; background:url(images/sub-pic-01.gif) no-repeat top right; padding:10px 0 0 0} /*SERVICES*/
	#PageWrapper02{ width:990px; background:url(images/sub-pic-02.gif) no-repeat top right; padding:10px 0 0 0} /*PRICING*/
	#PageWrapper03{ width:990px; background:url(images/sub-pic-03.gif) no-repeat top right; padding:10px 0 0 0} /*WHY TALENT HOG*/
	#PageWrapper04{ width:990px; background:url(images/sub-pic-04.gif) no-repeat top right; padding:10px 0 0 0} /*RESOURCES*/
	#PageWrapper05{ width:990px; background:url(images/sub-pic-05.gif) no-repeat top right; padding:10px 0 0 0} /*CONTACT*/
	#PageWrapper06{ width:990px; background:url(images/sub-pic-06.gif) no-repeat top right; padding:10px 0 0 0} /*FIND AN AFFILIATE*/
	#PageWrapper07{ width:990px; background:url(images/sub-pic-05.gif) no-repeat top right; padding:10px 0 0 0} /*SEARCH*/
	#PageWrapper08{ width:990px; background:url(images/sub-pic-04.gif) no-repeat top right; padding:10px 0 0 0} /*LOCATIONS*/
	#PageWrapper09{ width:990px; background:url(images/sub-pic-09.gif) no-repeat top right; padding:10px 0 0 0} /*BECOME AN AFFILIATE*/
	#PageWrapper10{ width:990px; background:url(images/sub-pic-01.gif) no-repeat top right; padding:10px 0 0 0} /*ABOUT*/
	#PageWrapper11{ width:990px; background:url(images/sub-pic-11.gif) no-repeat top right; padding:10px 0 0 0} /*OTHER*/
	#PageWrapper13{ width:990px; background:url(images/sub-pic-13.gif) no-repeat top right; padding:10px 0 0 0} /*BROCHURES*/

#FreeOffer{ position:absolute; left:8px; top:8px; float:left; width:300px;}

#SubTopArea{ height:217px; width:990px;}
#SubMiddleArea{ width:990px;}
#SubContent{ width:726px; float:left;}
#SubContent ul{ font-size:12px; padding:0 10px 10px 30px; margin:0; font-weight:normal; color:#000; line-height:18px;}
#SubContent ul.shortleft{padding:0 10px 10px 20px;}
#SubContent ul.shortleftres{padding:0 10px 10px 20px; height:206px;}
#SubContent ul.shortleftres li a{ font-weight:normal; color:#000;}
#SubContent ol{ font-size:12px; padding:0 10px 10px 30px; margin:0; line-height:18px;}
#SubContent li{ padding:0 0 6px 0; margin:0;}
#SubContentTop{ background:url(images/sub-content-top.gif) no-repeat; width:708px; height:65px; margin:0 8px;}
#SubContentTop h1{ padding:7px 0 8px 10px; color:#fff; text-transform:uppercase}
#SubContentTop h1 a{ color:#fff; text-decoration:none}
#SubContentTop ul{ list-style:none; float:left; color:#6f6f6f; font-size:11px; margin:0; padding:2px 0 0 9px}
#SubContentTop li{ float:left; padding:0 2px; margin:0}
#SubContentTop li a{ color:#d5d4d5; text-decoration:none; font-weight:normal; text-transform:lowercase}
#SubContentTop li a:hover{ color:#d5d4d5; text-decoration:underline; font-weight:normal; text-transform:lowercase}
#SubContentTop li a.current{ color:#d5d4d5; text-decoration:underline; font-weight:normal; text-transform:lowercase}
#SubContentMiddle{ background:url(images/sub-content-slice.gif) repeat-y; width:680px; margin:0 8px; padding:10px 14px;}
#SubContentMiddle ul.sitemap{ list-style:none; margin:0; padding:0;}
#SubContentMiddle ul.sitemap li{ background:#e6e6e6; margin:0; padding:0; border:6px solid #fff; border-width:0 0 6px 0}
#SubContentMiddle ul.sitemap li a{ padding:5px; margin:0; color:#000}
#SubContentMiddle ul.sitemap ul{ background-color:#fff;}
#SubContentMiddle ul.sitemap ul li{ background-color:#fff; border:0; padding:0 0 3px 0; display:block}
#SubContentMiddle ul.sitemap ul li a{ color:#0045FF; padding:0;}
#SubContentBottom{ background:url(images/sub-content-bottom.gif) no-repeat; width:726px; height:65px;}
#SubSidebar{ width:240px; float:left; padding:62px 0 0 10px;}
#ServiceSpacing{ height:512px; *height:512px;}

#Top{ text-align:right}
#Top p{ font-size:13px; font-weight:bold; color:#999;}
#Top strong{ font-size:26px; color:#970606}

#MainNav{ text-align:right; font-size:13px;}
	#MainNav ul{ list-style:none; float:right; margin:0; padding:0;}
	#MainNav li{ float:left; padding:0 0 0 14px; margin:0;}
	#MainNav li a{ color:#999; text-decoration:none; font-weight:normal}
	#MainNav li a:hover{ color:#970606; text-decoration:underline}
	#MainNav li a.current{ color:#970606; text-decoration:underline}

#HpFlash{ background:url(images/hp-flash.jpg) no-repeat; width:990px; height:326px; clear:both}
#HpBoxes{ width:990px; height:251px;}

#HpInteractive{ float:left; width:727px; position:relative; z-index:0}
	.scrollLeft{ background:url(images/int-nav_left.gif) no-repeat; left:0; top:37px; width:13px; height:214px; position:absolute; z-index:10}
	.scrollRight{ background:url(images/int-nav_right.gif) no-repeat; right:0; top:37px; width:13px; height:214px; position:absolute; z-index:10}
	#int-navigation {width: 711px; height: 37px; list-style: none; background-color: #fff; padding: 0 8px; position:relative; clear:both; display:block;}
	#int-navigation ul {margin:0; padding:0; list-style:none}
	#int-navigation li {float: left;}					
	#int-navigation li a span {display: none; }				
	#int-navigation li a {height: 37px; display: block; float: left; padding: 0;}					
	/*#int-navigation li a.one {width:85px; background: url(images/int-nav_01.gif) no-repeat top;}
	#int-navigation li a.two {width:135px; background: url(images/int-nav_02.gif) no-repeat top;}		
	#int-navigation li a.three {width:137px; background: url(images/int-nav_03.gif) no-repeat top;}					
	#int-navigation li a.four {width:57px; background: url(images/int-nav_04.gif) no-repeat top;}				
	#int-navigation li a.five {width:88px; background: url(images/int-nav_05.gif) no-repeat top;}	
	#int-navigation li a.six {width:125px; background: url(images/int-nav_06.gif) no-repeat top;}
	#int-navigation li a.seven {width:84px; background: url(images/int-nav_07.gif) no-repeat top;}	*/
	#int-navigation li a.one {width:210px; background: url(images/int-nav-v2_01.gif) no-repeat top;}
	#int-navigation li a.two {width:89px; background: url(images/int-nav-v2_02.gif) no-repeat top;}		
	#int-navigation li a.three {width:128px; background: url(images/int-nav-v2_03.gif) no-repeat top;}					
	#int-navigation li a.four {width:160px; background: url(images/int-nav-v2_04.gif) no-repeat top;}				
	#int-navigation li a.five {width:124px; background: url(images/int-nav-v2_05.gif) no-repeat top;}	
	#int-navigation li a:hover {background-position: bottom; }
	#int-navigation li a.selected {background-position: bottom; }
	.scroll{ width:711px; height:214px; background: url(images/int-nav_bg.gif) repeat-x; margin:0 8px; overflow:auto; overflow-x:hidden; position:relative; clear:left;}
	.scrollContainer div{ width:671px; padding:0 20px;}
	.scrollContainer div a{font-size:11px; font-weight:bold; text-decoration:none; color:#bf5d1e;}
	.scrollContainer div span.contain{width:470px; float:left}
	.scrollContainer div span.contain span{}
	.scrollContainer div span.contain span a{font-size:11px; font-weight:bold; text-decoration:none; color:#bf5d1e;}
	.scrollContainer div span.contain span img{ width:9px; padding:3px 0 0 3px; float:normal}
	.scrollContainer div h2{ padding:6px 0 6px 0; }
	.scrollContainer div p{ padding:0 0 6px 0; font-size:11px; line-height:15px }
	.scrollContainer div img.lgimg{ float:right;}
	.scrollContainer div img.small{ width:9px; padding:3px 3px 0 3px;}
	.intArea{width: 671px;float: left; position: relative; text-align:justify;}

#HpSpecial{ float:right; width:252px;}
	#HpSpecialTop{ width:236px; margin:0 6px; height:37px; background:url(images/special-top.gif) no-repeat;}
	#HpSpecialBottom{ width:252px; height:214px; background:url(images/special-bottom.gif) no-repeat; float:right}
	
#Footer{ width:990px; height:50px; font-size:11px; color:#999;}
#Footer ul{ list-style:none; float:left; width:500px}
#Footer li{ float:left; padding:0 3px;}
#Footer li a{ color:#999; text-decoration:none; font-weight:normal}
#Footer li a:hover{ color:#970606; text-decoration:underline;}
#Footer span{ width:488px; float:right; text-align:right}

/******************JQuery Styles***************/
div.answer{display: none;}
	.answer{padding:10px; margin-bottom:5px;}
	div.question{ margin:8px 0 4px 0; background:#ededed; padding:0;}
	div.question h4{padding:4px; color:#000; font-size:12px}
	div.question:hover {background:#dbdbdb; cursor:pointer}
	div.question.active{ background:#dbdbdb;}
	
/***********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:250px;}
	textarea{width:250px;}
	select{width:250px;}
	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:220px; margin-bottom:10px;}
	.field-widget { float:left; width:250px; margin-bottom:10px;}
	/* Anything extra... */	
	.red{color:#970606;}

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