/********************************************/
/*			RESET CSS - ERIC MEYER			*/
/********************************************/

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.left { float:left; }
.right { float:right; }
.pad10 { padding:15px; }
.in10 { padding-left:15px; }
.upTop { margin-top:-40px; margin-bottom:50px; }
.downTop { margin-top:10px;}



/********************************************/
/*			FONT FACE STYLES				*/
/********************************************/

a, a:visited {color:#036; text-decoration:none; }
a:hover {color:#222; text-decoration:none; }

a.small { font-size:10px; }

.small_links_right a, .small_links_left a {
	color:#999999;	
}
.small_links_right a:hover, .small_links_left a:hover {
	color:#666666;
}

#sitemap a, #sitemap a:visited { color:#036; font-size:14px; }
#sitemap a:hover {text-decoration:underline; }

#sitemap a.large {font-size:24px; }

h1.fontface {font: 60px/68px 'DejaVu Sans Book', Arial, sans-serif;letter-spacing: 0;}
h1.fontface2 {font: 88px/98px 'DejaVu Sans Bold', Arial, sans-serif;letter-spacing: 0;}
h1.eureka {font: 136px/158px 'DejaVu Sans Bold', Arial, sans-serif;letter-spacing: 0;}
h1.full-screen-title {font: 40px/58px 'DejaVu Sans Condensed Bold', Arial, sans-serif; text-align:center;}
h1.full-screen-title2 {font: 46px/58px 'DejaVu Sans Condensed Bold', Arial, sans-serif; text-align:center;}
h1.full-screen-title3 {font: 55px/78px 'DejaVu Sans Condensed Bold', Arial, sans-serif; text-align:center; display:block; padding:20px; color:#fff; background-color:#a0c03b;}
h2.fontface {font: 19px/26px 'Myriad Pro', Arial, sans-serif;letter-spacing: 0; margin:10px 0px 0px 10px}
h2.fontface2 {font: bold 32px/40px 'Myriad Pro', Arial, sans-serif;letter-spacing: 0; margin:10px 0px 0px 10px}
h2.fontface4 {font: bold 35px/30px 'Myriad Pro', Arial, sans-serif;letter-spacing: 0; margin:5px 0px 0px 5px}
h2.fontface3 {font: bold 100px/70px 'Myriad Pro', Arial, sans-serif;letter-spacing: 0; margin:10px 0px 0px 10px}
h2.fontfaceBold {font: bold 19px/26px 'Myriad Pro', Arial, sans-serif;letter-spacing: 0; margin:15px 0px 0px 15px}
h2.answer {font: bold 40px/46px 'Myriad Pro', Arial, sans-serif;letter-spacing: 0; margin:15px 0px 0px 15px; width:450px; display:block; padding:20px; background-color:#52a3da; margin-bottom:20px; color:#FFF;}
h2.bottomRight { margin-top:63px; }

span.bold {font: 15px/18px 'DejaVu Sans Condensed Bold', Arial, sans-serif;}

div.process_name h2 { font: 50px/68px 'DejaVu Sans Condensed Book', Arial, sans-serif; padding:20px;  }

		p.style1 {font: 13px/18px 'DejaVu Sans Book', Arial, sans-serif;}
		p.style2 {font: 13px/18px 'DejaVu Sans Oblique', Arial, sans-serif;}
		p.style3 {font: 13px/18px 'DejaVu Sans Bold', Arial, sans-serif;}
		p.style4 {font: 13px/18px 'DejaVu Sans Bold Oblique', Arial, sans-serif;}
		p.style5 {font: 13px/18px 'DejaVu Sans Condensed Book', Arial, sans-serif;}
		p.style51 {font: 14px/21px 'DejaVu Sans Condensed Book', Arial, sans-serif;}
		p.style515 {font: 14px/21px 'DejaVu Sans Condensed Book', Arial, sans-serif;width:490px;}
		p.style52 {font: 10px/18px 'DejaVu Sans Condensed Book', Arial, sans-serif;}
		p.style53 {font: 14px/20px 'DejaVu Sans Condensed Book', Arial, sans-serif; width:180px; margin-top:20px;}
		p.style54 {font: 20px/26px 'DejaVu Sans Condensed Book', Arial, sans-serif;}
		p.style6 {font: 13px/18px 'DejaVu Sans Condensed Oblique', Arial, sans-serif;}
		p.style7 {font: 14px/18px 'DejaVu Sans Condensed Bold', Arial, sans-serif;}
		p.style72 {font: 18px/27px 'DejaVu Sans Condensed Bold', Arial, sans-serif; width:170px; margin-top:20px; margin-right:20px; padding:15px; background-color:#dc3761; color:#fff; }
		p.style8 {font: 13px/18px 'DejaVu Sans Condensed Bold Oblique', Arial, sans-serif;}
		p.know {color:#fff; text-align:right; vertical-align:text-bottom; padding:10px; }
		
		ul.service, ul.menu { font: 12px/20px 'DejaVu Sans Condensed Book', Arial, sans-serif; list-style:none; margin: 12px 0px 0px 10px ;}
		ul.menu li.first { font: bold 20px/44px 'Myriad Pro', Arial, sans-serif; }
		ul.menu li a { color:#666; display:block; height:20px; width:115px; padding:0px 2px 2px 5px; overflow:hidden; line-height:20px; vertical-align:middle; }
		ul.service li {margin-left:20px; }
		
		hr.line { width:300px; border:none; }
		
		div.about li {background-image:url(../images/about_bg.gif); background-position:-115px 0px; background-repeat:no-repeat; }
		div.work li {background-image:url(../images/work_bg.gif); background-position:-115px 0px; background-repeat:no-repeat; }
		div.services li {background-image:url(../images/service_bg.gif); background-position:-115px 0px; background-repeat:no-repeat; }
		div.contact li {background-image:url(../images/contact_bg.gif); background-position:-115px 0px; background-repeat:no-repeat; }
		
		

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/********************************************/
/*			960 GS GRID LAYOUT				*/
/********************************************/

/* Containers
----------------------------------------------------------------------------------------------------*/
body { text-align:center; }

.container {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	text-align:left;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container .grid_1 {
	width:60px;
}

.container .grid_2 {
	width:140px;
}

.container .grid_3 {
	width:220px;
}

.container .grid_4 {
	width:300px;
}

.container .grid_5 {
	width:380px;
}

.container .grid_6 {
	width:460px;
}

.container .grid_7 {
	width:540px;
}

.container .grid_8 {
	width:620px;
}

.container .grid_9 {
	width:700px;
}

.container .grid_10 {
	width:780px;
}

.container .grid_11 {
	width:860px;
}

.container .grid {
	width:960px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container .prefix_1 {
	padding-left:80px;
}

.container .prefix_2 {
	padding-left:160px;
}

.container .prefix_3 {
	padding-left:240px;
}

.container .prefix_4 {
	padding-left:320px;
}

.container .prefix_5 {
	padding-left:400px;
}

.container .prefix_6 {
	padding-left:480px;
}

.container .prefix_7 {
	padding-left:560px;
}

.container .prefix_8 {
	padding-left:640px;
}

.container .prefix_9 {
	padding-left:720px;
}

.container .prefix_10 {
	padding-left:800px;
}

.container .prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container .suffix_1 {
	padding-right:80px;
}

.container .suffix_2 {
	padding-right:160px;
}

.container .suffix_3 {
	padding-right:240px;
}

.container .suffix_4 {
	padding-right:320px;
}

.container .suffix_5 {
	padding-right:400px;
}

.container .suffix_6 {
	padding-right:480px;
}

.container .suffix_7 {
	padding-right:560px;
}

.container .suffix_8 {
	padding-right:640px;
}

.container .suffix_9 {
	padding-right:720px;
}

.container .suffix_10 {
	padding-right:800px;
}

.container .suffix_11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container .push_1 {
	left:80px;
}

.container .push_2 {
	left:160px;
}

.container .push_3 {
	left:240px;
}

.container .push_4 {
	left:320px;
}

.container .push_5 {
	left:400px;
}

.container .push_6 {
	left:480px;
}

.container .push_7 {
	left:560px;
}

.container .push_8 {
	left:640px;
}

.container .push_9 {
	left:720px;
}

.container .push_10 {
	left:800px;
}

.container .push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container .pull_1 {
	left:-80px;
}

.container .pull_2 {
	left:-160px;
}

.container .pull_3 {
	left:-240px;
}

.container .pull_4 {
	left:-320px;
}

.container .pull_5 {
	left:-400px;
}

.container .pull_6 {
	left:-480px;
}

.container .pull_7 {
	left:-560px;
}

.container .pull_8 {
	left:-640px;
}

.container .pull_9 {
	left:-720px;
}

.container .pull_10 {
	left:-800px;
}

.container .pull_11 {
	left:-880px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 10px;
}

.clearBigger {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 30px;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/********************************************/
/*				MENU STYLES				 	*/
/********************************************/

.about { border-top: 10px solid #52a3da; }
.work {	border-top: 10px solid #a0c03b; }
.services { border-top: 10px solid #dc3761; }
.contact { border-top: 10px solid #151513; }

/********************************************/
/*	  EASY SLIDER STYLES + HERO STYLES		*/
/********************************************/

	#slider, #slider2 {
		border-bottom:5px solid #151513;
		width:960px;
		margin-top:-30px;
	}
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:960px;
		height:310px;
		overflow:hidden; 
		}
	#slider li h1, #slider2 li h1{
		font: 48px/49px 'DejaVu Sans Bold', Arial, sans-serif;
		color: #151513;
		letter-spacing: 0;
		width:530px;
		}
	#slider li h1.bigger, #slider2 li h1.bigger{
		font: 65px/79px 'DejaVu Sans Bold', Arial, sans-serif;
		width:580px;
		}
	#slider li img.hero_img_right, #slider2 li img.hero_img_right {
		float:right;
		margin-right:30px;
		margin-top:-90px;
		}
	#slider2 li img.hero_img_right2 {
		float:right;
		margin-right:-0px;
		margin-top:-80px;
	}
	#slider li img.hero_img_left, #slider2 li img.hero_img_left {
		float:left;
		margin-left:30px;
		margin-top:-120px;
		}
	#prevBtn, #nextBtn{ 
		display:block;
		width:33px;
		height:18px;
		position:relative;
		left:890px;
		top:-40px;
		z-index:10;
		}	
	#nextBtn{ 
		left:923px;
		margin-top:-18px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:33px;
		height:18px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
	
	.hero-left-title{
		margin:40px 18px 0px;
	}
	.hero-right-title{
		margin:40px 0px 0px 20px;
		text-align:right;
	}
	.hero-left-blurb {
		margin:20px 20px 0px;
		width:410px;		
	}
	.hero-right-blurb {
		margin:15px 25px 0px 0px;
		width:370px;		
	}

/* // Easy Slider */


/****************************************/
/*		PAGE CONTENT STYLES				*/
/****************************************/

h1.bigger2 {
	font: 72px/79px 'DejaVu Sans Bold', Arial, sans-serif;
	width:570px;
	margin-top:10px;
	margin-left:10px;
	}
h1.bigger3 {
	font: 48px/59px 'DejaVu Sans Bold', Arial, sans-serif;
	width:570px;
	margin-top:10px;
	margin-left:10px;
	}
h1.bigger4 {
	font: 58px/65px 'DejaVu Sans Bold', Arial, sans-serif;
	width:610px;
	margin-top:10px;
	margin-left:10px;
	}
h1.bigger5 {
	font: 54px/59px 'DejaVu Sans Bold', Arial, sans-serif;
	width:700px;
	margin-top:10px;
	margin-left:10px;
	}
img.hero_img_right2 {
	float:right;
	margin-right:30px;
	margin-top:-40px;
	}
img.hero_img_right3 {
	float:right;
	margin-top:-40px;
	}
img.hero_img_left2 {
	float:left;
	margin-left:0px;
	margin-top:-90px;
	}
img.hero_img_left3 {
	float:left;
	margin-left:0px;
	margin-top:-60px;
	}
img.hero_img_left4 {
	float:left;
	margin-left:40px;
	margin-top:-30px;
	margin-bottom:10px;
	}
img.hero_img_left5 {
	float:left;
	margin-left:20px;
	margin-top:-135px;
	margin-bottom:20px;
	}
.hero_page {
	border-bottom:5px solid #151513;
	}
	
.service_panel { background:#eee; width:100%; display:block; }	
	
.service_panel ul {list-style:disc; margin:10px 0px 40px 20px; padding:10px; }
.service_panel li {font: 13px/18px 'DejaVu Sans Condensed Book', Arial, sans-serif;}

p.pricepoint { position:absolute;font: bold 20px/30px 'DejaVu Sans Condensed Book', Arial, sans-serif; display:block; width:100%; height:31px; background:#dc3761; color:#FFF; text-align:right; bottom:0px; margin-top:50px; }

.imgTop { margin:-70px 10px -10px 0; }

/*Process Specific Styles*/
div.process { height:260px; overflow:hidden; border-bottom:5px solid #151513; }
div.process_name { background-color:#151513; color:#fff; border-bottom:5px solid #fff; height:260px; }

/*Who is the lab specific*/
.need2know { background-color:#616060; height:140px; vertical-align:text-bottom; }
.things2know { text-align:right;  }

/*Speaks specific*/
span.smaller { font-size:14px; }

/*selected*/
.selected_works { background-color:#616060; height:185px; }

/*form*/
.form {padding:10px 20px;}
.form2 {padding:10px 10px;}
/*planner*/

.line { background:url(../images/line.jpg); background-repeat:repeat-x; height:20px; width:960px; }
#indicator { margin-top:-4px; margin-left:60px;height:50px; width: 24px; z-index:1; background-image:url(../images/indicator.png); background-repeat:no-repeat; z-index:1;}

#step_container { z-index:50; width:960px; height:81px; margin-top:-70px; }
.step { width:64px; height:80px; margin:0 21px; float:left;  z-index:100; background-image:url(../images/step.jpg); background-repeat:no-repeat; text-align:center; font: 28px/66px 'DejaVu Sans Condensed Bold', Arial, sans-serif; color:#fff; }
.step_active { width:64px; height:80px; margin:0 21px; float:left; z-index:100; background-image:url(../images/step_active.jpg); background-repeat:no-repeat; text-align:center; font: 28px/66px 'DejaVu Sans Condensed Bold', Arial, sans-serif; color:#fff; }

.planBut, .planBackBut {cursor:pointer;}
.pullBack {margin-left:-40px;}

#designGraphic, #siteURLd, #otherCMS, #contactThanks { display:none; }

.blogPanel { border-bottom:1px solid #222; height:220px;}
.imgBlog { margin: -30px 0px 0px 0px; }

.paging { text-align:center; clear:both; display:block; margin:10px auto; }
.paging ul { display:block; list-style:none;  }
.paging ul li {float:left; margin-left:10px; }
.paging ul li a {  display:block; line-height:20px; padding:3px 10px; border:1px solid #52a3da; color:#52a3da; background-color:#ffffff; font-weight:bold; font: 12px/20px 'DejaVu Sans Bold', Arial, sans-serif;}
.paging ul li a:hover { color:#ffffff; background-color:#52a3da; }
/****************************************/
/*		FOOTER CONTENT STYLES			*/
/****************************************/
.footer {
	background: #f5f3f3;
	border-top:1px solid #666;
}

.footer div.grid_3 {
	background: #f5f3f3;
}

.footer_news {
	margin-left:20px;
	cursor:pointer;
}

#newsletterThanks {
	display:none;	
}

.small_links_right {
	text-align:right;
	color:#999999;
}

.small_links_left {
	color:#999999;
}