/*
Theme Name: XBiotech
Theme URI: http://www.xbiotech.com/
Description: A website by Stephanie Meyer of Envision Creative Group.
Version: 1.0
Author: Stephanie Meyer
Author URI: http://www.envision-creative.com
*/

/* Browser Reset */
html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dd, dl, dt, li, ol, ul, fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td 
	{
		margin: 0; padding: 0; border: 0 none;
		font-style: inherit; font-size: 100%; line-height: 1.3;	text-align: left;
		vertical-align: baseline; background: transparent;
	}
	
	a img, :link img, :visited img { border: 0; }
	
	:focus { outline: 0; } /* Removes Outline in FF */
	
	/* Tables still need 'cellspacing="0"' in the markup */
	
	table { border-collapse: collapse; border-spacing: 0; }
	
/* End of Reset */

.clear { clear: both; }

.fllt {float: left}

.center_text { text-align: center; }

h1 {  }
h2 {  }
h3 {  }

a { text-decoration: none; color: inherit; }
a:hover { text-decoration: underline; }

html {	height: 100%; }

body 
{
	color: #333333;
	background: #4c4b4b;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	height: 100%;
}

#bg
{
	float: left;
	width: 100%;
	background-color: #979085;
}

#container_home 
{
	background: url(images/home_bg.jpg) no-repeat;
	width: 960px; height: 539px;
	margin-left: auto; margin-right: auto; margin-bottom: 10px;
}

#container_subs
{
	background: url(images/subs_bg.jpg) no-repeat;
	width: 960px; min-height: 655px;
	margin-left: auto; margin-right: auto; margin-bottom: 28px;
} 

#header
{
	float: left;
	width: 960px; height: 142px;
	position: relative;
}

	#logo
	{
		float: left;
		width: 330px; height: 108px;
	}
	
	#nav
	{
		position: absolute; top: 2px; right: -11px;
		height: 54px;
		overflow: hidden;
	}
	
		#nav_lt
		{
			float: right;
			background: url(images/nav_lt.png) no-repeat; 
			width: 11px; height: 54px;
		}
		
		#nav_rt
		{
			float: right;
			background: url(images/nav_rt.png) no-repeat;  
			width: 11px; height: 54px;
			border: none;
		}
		
		#nav_mid
		{
			float: right;
			background: url(images/nav.png) repeat-x;
			height: 54px;
			margin-right: 0;			
		}
		
			#nav_mid ul li
			{
				list-style: none;
				display: block; float: left;
				margin-top: 11px;
				background: url(images/navdiv.gif) right no-repeat;
			}
			
				#nav_mid ul li a 
				{
					display: block; float: left;
					height: 32px; width: 100%;
					font-size: 12px; font-weight: bold; color: #fff;				
				}
				
				#nav_mid ul li a span
				{
					display: block;
					margin: 10px 15px 0px 13px;
					text-transform: uppercase;
					*margin: 8px 15px 0px 13px;
				}
				
				#nav_mid ul li a:hover, #nav_mid ul li.current_page_item a
				{
					background-color: #625d5d;
					text-decoration: none;
				}

/* Home */

#banner
{
	float: left;
	width: 868px; height: 334px;
	margin-left: 46px;
}

	#slideshow1
	{
		float: left;
		width: 624px; height: 334px;
		border: 1px solid black;
	}
	
	#banner_text
	{
		float: left;
		width: 205px; height: 100%;
		margin: 48px auto auto 20px;
	}
	
		#banner_text h1
		{
			font-size: 38px; font-weight: normal; color: #009922;
		}
		
		#banner_text h2
		{
			font-size: 38px; font-weight: normal; color: #666666;
			text-align: right; line-height: 1.0;
		}
		
		#banner_text p
		{
			font-size: 14px; color: #333;
			margin-left: 2px;
		}

#home_bottom_bg
{
	background: #5b5858;
	width: 100%; min-height: 213px;
	border-bottom: 1px solid #4e4b4b;
}

	#home_bottom
	{
		background: url(images/home_btm.jpg) repeat-x;
		width: 100%; min-height: 213px;
	}
	
		#home_bottom_boxes
		{
			width: 960px; min-height: 213px;
			margin-left: auto; margin-right: auto;
			overflow: hidden;
		}
		
			#welcome
			{
				float: left;
				width: 394px; min-height: 213px;
			}
			
				#pointer
				{
					float: left;
					margin-top: 22px;
					background: url(images/pointer.png) no-repeat;
					width: 303px; height: 33px;
				}
				
				#welcome_text
				{
					float: left;
					width: 365px;
					margin: -26px 0 0 17px;
				}
					
					#welcome_text h1
					{
						font-size: 17px; font-weight: normal; color: #fff;
						margin-bottom: 22px;
					}
					
					#welcome_text p
					{
						font-size: 13px; color: #fff; font-weight: lighter;
						line-height: 1.3; margin-bottom: 20px; 
					}
					
			.vert_rule
			{
				float: left;
				background: url(images/vert_rule_rep.png) repeat-y;
				width: 2px; height: 100%;
				padding-bottom: 1000px; margin-bottom: -1000px; margin-top: 2px;
			}
			
			#news
			{
				float: left;
				width: 375px; min-height: 213px;
			}
			
				#news_text
				{
					margin: 25px auto auto 32px;
				}
				
					#news_text h2
					{
						font-size: 17px; font-weight: normal; color: #fff;
						margin-bottom: 10px;
					}
					
					#news_text img
					{
						float: left;
						margin-left: -12px; margin-bottom: 7px;
					}
					
					.news_item
					{
						float: left;
						margin: 0px auto 7px auto;
					}
					
						.news_item .date
						{
							float: left;
							width: 64px;
							color: #339933;
						}
						
						.news_item .blurb
						{
							float: left;
							width: 250px;
							color: #fff;
						}
						
						.blurb p
						{
							line-height: 1.25; display: inline;
						}
						
						.blurb a
						{
							color: #ff6633
						}	
									
					
			#careers
			{
				float: left;
				width: 187px; min-height: 213px;
			}
				
				#careers img
				{
					margin: 20px 0 -2px 20px;
				}

/* end of Home */

/* Subpages */
				
#sub_content
{
	float: left;
	width: 894px;
	margin-left: 33px; margin-top: -13px;
}

	#content_top
	{
		float: left;
		background: url(images/sub_content_top.png) no-repeat;
		width: 894px; height: 13px;
	}
	
	#content
	{
		float: left;
		background: url(images/sub_content.png) repeat-y;
		width: 894px;
		*padding-bottom: 36px;
	}
	
		#subnav
		{
			float: left;
			width: 202px;
			margin: 17px auto 36px 30px;
		}
		
			#subnav_top
			{
				float: left;
				background: url(images/subnav_top.jpg) no-repeat;
				width: 202px; height: 19px;
			}
			
			#subnav_mid
			{
				float: left;
				background: url(images/subnav_mid.jpg) repeat-y;
				width: 202px; min-height: 409px;
			}
			
			#subnav_text
			{
				margin: 10px auto auto 28px;
				width: 146px;
			}
			
				#subnav_text ul li
				{
					list-style: none;
				}
				
				#subnav_text ul li.current_page_item a, #subnav_text ul li ul li.current_page_item a
				{
					color: #333;
				}
				
				#subnav_text ul li ul li
				{
					margin-left: 10px;
				}
				
					#subnav_text ul li ul li a
					{
						color: #999;
					}
				
				#subnav_text a
				{
					color: #339933;
					display: block; 
					margin-bottom: 10px;
				}
				
				#subnav_text a:hover
				{
					color: #333;
					text-decoration: none; 
				}
			
			#subnav_btm
			{
				float: left;
				background: url(images/subnav_btm.jpg) no-repeat;
				width: 202px; height: 19px;
			}
		
		#subcontent_main
		{
			float: left;
			width: 637px;
			margin: 17px auto 25px 0;
		}
		
			#subcontent_header
			{
				float: left;
				background: url(images/sub_header.gif) no-repeat;
				width: 637px; height: 47px;
			}
			
				#subcontent_header h1
				{
					font-size: 15px; color: #fff;
					margin: 15px auto auto 25px;
				}
			
			#subcontent_text
			{
				float: left;
				width: 583px;
				margin: 12px 0 0 25px;
			}
			
				#subcontent_text a
				{
					color: #339933;
				}
				
				#subcontent_text p
				{
					margin-bottom: 12px;
				}
				
				#subcontent_text ul, #subcontent_text ol
				{
					list-style-position: outside;
					margin: 10px auto 15px 25px;
				}
				
				#subcontent_text h2
				{
					display: block;
					font-size: 14px; 
					margin: 25px auto 12px auto;
				}
				
				#subcontent_text h3
				{
					font-size: 14px;
					margin: auto auto 12px auto;
				}
			
	#content_btm
	{
		float: left;
		background: url(images/sub_content_btm.png) no-repeat;
		width: 894px; height: 13px;
	}
	
/* end of Subpages */

#footer
{
	float: left;
	background: url(images/footer.gif) repeat-x;
	width: 100%; min-height: 31px;
}

	#footer_text
	{
		width: 960px;
		margin-left: auto; margin-right: auto;
		color: #fff;
		font-size: 11px;
	}
	
		#copy
		{
			float: left;
			margin-top: 8px;
		}
		
		#contact
		{
			float: right;
			margin-top: 8px;
		}
		
		#contact a
		{
			color: #fff;
		}


.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float: right;
	margin-left: 15px;
}

.alignleft {
	float: left;
	margin-right: 15px;
}