/* Global styles */
body {position:relative; margin:0; padding:0; overflow: -moz-scrollbars-vertical; behavior: url(../js/csshover.htc); background-color:#545454; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#000; background-image:url(images/bg_body.jpg); background-repeat:repeat-x; text-align:center}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a { color:#2e4d57; font-weight:bold; text-decoration:underline;}
	a:hover, a.current {text-decoration: none;}
p { font-size:12px; padding:0 0 10px 0; line-height:17px;}
ul, ol {padding:4px 0 0 0;}
li {}
td, th, tr {font-size:12px;}
strong { color:#000;}

h1{color:#2e4d57; font-size:20px; padding:0 0 10px 0;}
h2{color:#00385c; font-size:18px; padding:0 0 10px 0;}
h3{color:#2e4d57; font-size:16px; padding:0 0 10px 0;}
h4{color:#2e4d57; font-size:14px; padding:0 0 10px 0;}
h5{color:#2e4d57; font-size:12px; padding:0 0 10px 0;}
h6{color:#2e4d57; font-size:10px; padding:0 0 10px 0;}

hr{ color:#2e4d57; background-color:#2e4d57; border:#2e4d57 1px solid; border-width:1px 0 0 0; height:1px; margin-bottom:10px; padding:0;}
blockquote{ padding:0 0 0 30px;}

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

.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;}

.formpadding td {padding: 0 0 10px 0;}

.src_synopsis_heading font{color:#00385c; font-size:18px; padding:0 0 10px 0; font-weight:bold}
.src_menu{ font-size:11px; font-weight:normal; text-decoration:none; padding:0 0 8px 0;}
.src_menu a{ font-size:11px; font-weight:bold; text-decoration:none}
.src_menu a:hover{ font-size:11px; font-weight:bold; text-decoration:underline;}

/* Wrappers */				/*<------<--------<-----| Start building out your divs here... */
#ConceptWrapper {width:500px; padding:20px; border:1px solid #000; margin-top:20px; background-color:#fff;}

/*	Home	*/	
#PageWrapper{position:relative; width:920px; margin:60px auto; padding:0; background:#000; text-align:left}
#Shadow{position:absolute; display:block; width:920px; margin:0; padding:0; background:#000;}

#Wrapper{position:relative; width:920px; margin:0; padding:0; background:#a25c04;}	
	#Header{position:relative; background: url(images/banner.jpg) no-repeat; height:124px; width:920px; margin:0; padding:0;}
	#Header.watermark{background: url(images/watermark_banner.jpg) no-repeat; height:124px; width:920px;}
		#Logo{position:absolute; top:30px; left:15px; height:70px; width:200px; cursor:pointer;}
		#WbencLogo{ position:absolute; top:56px; right:15px; width:89px;}
	
	#Middle{position:relative; margin:0; padding:0px; background:#002949;}
	#BlogMiddle{position:relative; margin:0; padding:0px; background:url(images/blog-middle.jpg) repeat-y;}
		#Left_Col{float:left; background: url(images/bg_left.jpg) repeat-y; width:377px;}
		#BlogLeft_Col{float:left; width:377px;}
			#Pic{height:340px; width:228px; float:left; border:3px #fff solid;}
			#BlogPic{width:234px; border:3px #fff solid; border-width:3px 0 0 0; float:left; }
			#Pic h1 span{visibility:hidden;}
			div.home{background: url(images/pic_home.jpg) no-repeat;}
			div.about{background: url(images/pic_about.jpg) no-repeat;}
			div.services{background: url(images/pic_workforce.jpg) no-repeat;}
			div.jobs{background: url(images/pic_jobs.jpg) no-repeat;}
			div.ideas{background: url(images/pic_ideas.jpg) no-repeat;}
			div.contact{background: url(images/pic_contact.jpg) no-repeat;}
	/*Navigation*/			
			#Nav{float:left; width:143px; padding:0; border:3px #fff solid; border-width:3px 0 3px 0; height:340px;}
				#Nav ul{list-style:none; margin:0; padding:0;}
				#Nav li{width:143px; display:block;}
				#Nav li a{display:block; text-decoration:none; color:#fff;}
				#Nav li a span{visibility:hidden;}
				#Nav li a.home{height:53px; background: url(images/nv_home.jpg) no-repeat top;}
				#Nav li a.about{height:45px; background: url(images/nv_about.jpg) no-repeat top;}
				#Nav li a.services{height:60px; background: url(images/nv_services.jpg) no-repeat top;}
				#Nav li a.careers{height:46px; background: url(images/nv_careers.jpg) no-repeat top;}
				#Nav li a.ideas{height:43px; background: url(images/nv_ideas.jpg) no-repeat top;}
				#Nav li a.contact{height:52px; background: url(images/nv_contact.jpg) no-repeat top;}
				#Nav li a:hover, #Nav li a.current{background-position: bottom;}
				
	/*Navigation - v2 with blog*/			
			#Nav2{float:left; width:143px; padding:0; border:3px #fff solid; border-width:3px 0 3px 0; height:340px;}
				#Nav2 ul{list-style:none; margin:0; padding:0;}
				#Nav2 li{width:143px; display:block;}
				#Nav2 li a{display:block; text-decoration:none; color:#fff;}
				#Nav2 li a span{visibility:hidden;}
				#Nav2 li a.home{height:49px; background: url(images/nav2_01.jpg) no-repeat left;}
				#Nav2 li a.about{height:48px; background: url(images/nav2_02.jpg) no-repeat left;}
				#Nav2 li a.services{height:49px; background: url(images/nav2_03.jpg) no-repeat left;}
				#Nav2 li a.careers{height:48px; background: url(images/nav2_04.jpg) no-repeat left;}
				#Nav2 li a.ideas{height:49px; background: url(images/nav2_05.jpg) no-repeat left;}
				#Nav2 li a.blog{height:48px; background: url(images/nav2_06.jpg) no-repeat left;}
				#Nav2 li a.contact{height:49px; background: url(images/nav2_07.jpg) no-repeat left;}
				#Nav2 li a:hover, #Nav2 li a.current{background-position: right;}
		
		#Right_Col{position:relative; float:left; background:#cdc2aa;}
			#Copy{position:relative; text-align:left; width:543px; min-height:340px;}
			#Copy.watermark{background: url(images/watermark_copy.jpg) no-repeat; background-position:-2px 0; height:340px; }
			#HpCopy{position:relative; text-align:left; width:537px; min-height:340px; border:3px #fff solid; border-width:3px 3px 3px 3px;}
			#HpCopy.watermark{background: url(images/watermark_copy.jpg) no-repeat; background-position:-2px 0; height:340px; }
			.home_tri{position:absolute; top:25px; left:5px; clear:both;}
			#HomeCopy{position:absolute; top:159px; left:7px; clear:both; padding:0 10px 0 0;}
			#HomeCopy p{ font-size:11px;  line-height:14px;}
			/*Sub*/
			#SubCopy{clear:both; padding:10px; border:3px #fff solid; border-width:3px 3px 3px 3px;}
			#SubCopy ul{ margin:0; padding:0 0 10px 30px; font-size:12px; line-height:17px;}
			#SubCopy ol{ margin:0; padding:0 0 10px 30px; font-size:12px; line-height:17px;}
			#SubCopy li{ margin:0; padding:0 0 4px 0;}
				#subNav{border-bottom:1px solid #000; margin-bottom:5px; display:block;}
					#subNav ul{list-style:none; margin:0 0 10px 0; padding:0;}
					#subNav li{display:inline; padding:0 4px 4px 4px; margin-bottom:5px; margin-right:4px;}
					#subNav li a{text-decoration:none; font-size:11px; color:#000; font-weight:bold; padding:2px;}
					#subNav li:hover{background:#a25c04;}
					#subNav li.current{background:#a25c04;}
					#subNav li:hover a{color:#fff;}
					#subNav li.current a{color:#fff;}
				#subNav2{border-bottom:1px solid #000; margin-bottom:5px; display:block;}
					#subNav2 ul{list-style:none; margin:0 0 6px 0; padding:0;}
					#subNav2 li{display:inline; padding:0 10px 0 0;}
					#subNav2 li a{text-decoration:none; font-size:10px; color:#000; font-weight:normal;}
					#subNav2 li:hover a{color:#000; text-decoration:underline}
					#subNav2 li.current a{color:#000; text-decoration:underline}
					
					
			#SubCopy2{clear:both; padding:10px; border:3px #fff solid; border-width:3px 3px 3px 3px;}
			#SubCopy2 ul{ margin:0; padding:0 0 10px 30px; font-size:12px; line-height:17px;}
			#SubCopy2 ol{ margin:0; padding:0 0 10px 30px; font-size:12px; line-height:17px;}
			#SubCopy2 li{ margin:0; padding:0 0 4px 0;}
			#SubCopy2 blockquote{ padding:0 10px;}
				#subNav11{border-bottom:1px solid #000; margin-bottom:5px; display:block;}
					#subNav11 ul{list-style:none; margin:0 0 10px 0; padding:0;}
					#subNav11 li{display:inline; padding:0 4px 4px 4px; margin-bottom:5px; margin-right:4px;}
					#subNav11 li a{text-decoration:none; font-size:11px; color:#000; font-weight:bold; padding:2px;}
					#subNav11 li:hover{background:#a25c04;}
					#subNav11 li.current{background:#a25c04;}
					#subNav11 li:hover a{color:#fff;}
					#subNav11 li.current a{color:#fff;}
				#subNav22{border-bottom:1px solid #000; margin-bottom:5px; display:block;}
					#subNav22 ul{list-style:none; margin:0 0 6px 0; padding:0;}
					#subNav22 li{display:inline; padding:0 10px 0 0;}
					#subNav22 li a{text-decoration:none; font-size:10px; color:#000; font-weight:normal;}
					#subNav22 li:hover a{color:#000; text-decoration:underline}
					#subNav22 li.current a{color:#000; text-decoration:underline}
				
	#BottomBar{position:relative; background: url(images/bottom_bar.jpg) no-repeat; height:81px;}
	#BottomBar.watermark{background: url(images/watermark_bottom_bar.jpg) no-repeat;}
	
	#Footer{position:relative; background:#000; color:#fff; font-size:10px; padding:5px;}
		#Footer ul{list-style:none;}
		#Footer li{display:inline;}
		#Footer li a{color:#fff; font-size:10px; text-decoration:none;}
		#Footer li a:hover, #Footer li a.current{text-decoration:underline;}
		
/***********FORMS**************/
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; padding: 0.5em;}
	.field-label { float:left; width:240px; font-size:12px}
	.field-widget { float:left; width:200px; font-size:12px;}
	/* Anything extra... */	
	.red{color:#990000;}

/***********s2k styles**************/	
.s2k_text_2006 {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:normal; color:#000;}
.s2k_heading_2006 {font-weight:bold;font-size:16px;color:#2e4d57;}
.s2k_subheading_2006 {font-weight:bold;font-size:13px;color:#2e4d57;}
.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 */
.min {height:340px;}
/***************************************/	

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