/*--------------------------------------------------------------------
	Browsers are lame, so we must clear all the default styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*--------------------------------------------------------------------
	Structure
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

html, body {
	font:12px arial, helvetica, sans-serif;
	color:#777062;
	background:#dbcc95;
}

#background {
	background:#dbcc95 url('../images/bg_pattern.jpg') repeat;
}

#top_bar {
	background:url('../images/bg.jpg') repeat-x;
}

#wrapper {
	width:900px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

#header {
	height:85px;
	padding:24px 0 0 0;
}

	#header_logo {
		width:183px;
		height:83px;
		background:url('../images/logo.png') no-repeat;
		float:left;
		margin:-8px 0 0 0;
	}
	
	#header_right {
		width:275px;
		height:18px;
		margin:23px 0 0 0;
		background:url('../images/trusted_reliable_accurate.png') no-repeat;
		float:right;
	}
	
#billboard_cap {
	background:url('../images/billboard_cap.png') no-repeat;
	height:6px;
	line-height:1px;
	font-size:1px;
}

#billboard {
	background:url('../images/billboard.png') repeat-y;
	padding:5px 10px;
}

	#billboard_left {
		width:475px;
		float:left;
		display:inline;
	}
	
	#billboard_right {
		width:392px;
		display:inline;
		float:right;
	}

#billboard_bcap {
	background:url('../images/billboard_bcap.png') no-repeat;
	height:6px;
	margin:0 0 20px 0;
	line-height:1px;
	font-size:1px;
}

.rotation {
	height:250px;
}

#buckets_cap, #content_cap {
	background:url('../images/buckets_cap.png') no-repeat;
	height:6px;
	line-height:1px;
	font-size:1px;
}

#buckets, #content {
	background:url('../images/buckets_bg.png') repeat-y;
	padding:21px 30px;
}

#buckets_bcap, #content_bcap {
	background:url('../images/buckets_bcap.png') no-repeat;
	height:10px;
	line-height:1px;
	font-size:1px;
}

#content_left {
	display:inline;
	float:left;
	width:500px;
	padding:0 30px 0 0;
}

#content_right {
	display:inline;
	float:right;
	width:295px;
}

#buckets ul {
	list-style-type:none;
}

	#buckets li.one {
		width:175px;
		background:url('../images/target.png') no-repeat;
		display:inline-block;
		padding:0 60px 0 60px;
		vertical-align:top;
		float:left;
	}
	
	#buckets li.two {
		width:175px;
		background:url('../images/clipboard.png') no-repeat;
		display:inline-block;
		padding:0 60px 0 60px;
		vertical-align:top;
		float:left;
	}
	
	#buckets li.three {
		width:175px;
		background:url('../images/megaphone.png') no-repeat;
		display:inline-block;
		padding:0 0 0 60px;
		vertical-align:top;
		float:left;
	}
	
#footer {
	margin:20px 0 0 0;
	padding:0 0 15px 0;
}

	#footer_left {
		width:225px;
		float:left;
		display:inline;
	}
	
	#footer_middle {
		float:left;
		display:inline;
		width:450px;
		text-align:center;
	}
	
	#footer_right {
		width:225px;
		float:left;
		display:inline;
		text-align:right;
	}
	
#billboard img.none, #content_right img.none {
	background:transparent;
	border:none;
}
	
/*--------------------------------------------------------------------
	Main Navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#nav {
	height:49px;
	width:900px;
	margin:0 0 20px 0;
}

	#nav ul {
		list-style-type:none;
		color:#fff;
		padding:0;
		margin:0;
		height:49px;
	}
	
	#nav li {
		display:inline-block;
		float:left;
	}
	
	#nav li a {
		float:left;
		overflow:hidden;
		background:url('../images/nav.png') no-repeat;
		height:0;
		padding:49px 0 0 0;
	}
	
	/* BUTTONS */                                                                   
	#nav li.home a { 		   	   		width:92px; 	background-position: 0 0; }     
	#nav li.about_us a { 	   	   		width:114px; 	background-position: -92px 0; } 
	#nav li.focus_groups a {   	   		width:147px;	background-position: -206px 0; }
	#nav li.survey_research a {	   		width:163px;	background-position: -353px 0; }    
	#nav li.participate a {    	   		width:126px;	background-position: -516px 0; }
	#nav li.employment a { 	   	   		width:138px;	background-position: -642px 0; }
	#nav li.contact_us a { 	   	   		width:120px;	background-position: -781px 0; }
	
	/* Hover */
	#nav li.home a:hover { 				width:92px; 	background-position: 0 		-49px; }
	#nav li.about_us a:hover { 			width:114px; 	background-position: -92px 	-49px; }
	#nav li.focus_groups a:hover { 		width:147px;	background-position: -206px -49px; }
	#nav li.survey_research a:hover { 	width:163px;	background-position: -353px -49px; }
	#nav li.participate a:hover { 		width:126px;	background-position: -516px -49px; }
	#nav li.employment a:hover { 		width:138px;	background-position: -642px -49px; }
	#nav li.contact_us a:hover { 		width:120px;	background-position: -781px -49px; }
	
	body.home #nav li.home a { 								width:92px;		background-position: 0 -98px; }
	body.about #nav li.about_us a { 						width:114px; 	background-position: -92px 	-98px; }
	body.focus_groups #nav li.focus_groups a { 				width:147px;	background-position: -206px -98px; }
	body.survey_research #nav li.survey_research a { 		width:163px;	background-position: -353px -98px; }
	body.participate #nav li.participate a { 				width:126px;	background-position: -516px -98px; }
	body.employment #nav li.employment a { 					width:138px;	background-position: -642px -98px; }
	body.contact_us #nav li.contact_us a { 					width:120px;	background-position: -781px -98px; }



/*--------------------------------------------------------------------
	Secondary Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#billboard img, #content_right img  {
	background:#fff;
	padding:5px;
	border:1px solid #bbb08c;
}

ul.learn_more {
	list-style-type:none;
}

	ul.learn_more li {
		width:175px;
		display:inline-block;
		padding:0 60px 0 60px;
		vertical-align:top;
		float:left;
	}
	
img.right {
	float:right;
	margin:0 0 15px 20px;
}

img.left {
	float:left;
	margin:0 20px 15px 0;
}
	
.hr {
	background:url('../images/hr.png') repeat-x;
	width:100%;
	margin:30px auto;
	height:2px;
}

#submit_form {
	background:url('../images/form_bg.png') no-repeat;
	height:400px;
	padding:0 0 0 70px;
}

ul.survey {
	margin:0;
	list-style-type:none !important;	
}

	ul.survey li.phone {
		list-style-type:none !important;
		background:url('../images/icon_phone.png') no-repeat;
		padding:0 0 0 60px;
		line-height:17px;
		margin:0 0 25px 0 !important;	
	}
	
	ul.survey li.executive {
		list-style-type:none !important;
		background:url('../images/icon_executive.png') no-repeat;
		padding:0 0 0 60px;
		line-height:17px;
		margin:0 0 25px 0 !important;
	}
	
	ul.survey li.intercept {
		list-style-type:none !important;
		background:url('../images/icon_intercept.png') no-repeat;
		padding:0 0 0 60px;
		line-height:17px;
		margin:0 0 25px 0 !important;
	}
	
	ul.survey li.face {
		list-style-type:none !important;
		background:url('../images/icon_face.png') no-repeat;
		padding:0 0 0 60px;
		line-height:17px;
		margin:0 0 25px 0 !important;
	}
	
	ul.survey li.online {
		list-style-type:none !important;
		background:url('../images/icon_online.png') no-repeat;
		padding:0 0 0 60px;
		line-height:17px;
		margin:0 0 25px 0 !important;
	}
	
	ul.survey li.focus {
		list-style-type:none !important;
		background:url('../images/icon_focus.png') no-repeat;
		padding:0 0 0 60px;
		line-height:17px;
		margin:0 0 25px 0 !important;
	}
	
.form_field {
	height: 24px;
	background: transparent;
	width: 207px;
	margin: 0 0 12px 0;
}

input {
	width: 100%;
	background: transparent;
	border: none;
	margin: 4px 0 0 0;
}

.button {
	border: none;
	background: url('../images/submit_btn.png') no-repeat top left;
	padding: 2px 8px;
	width: 113px;
	height: 29px;
	margin-left: -70px;
	cursor: pointer;
}


/*--------------------------------------------------------------------
	Typography
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#billboard a {
	color:#000;
	text-decoration:none;
}

#billboard a:hover {
	text-decoration:underline;
}

#billboard p {
	color:#000;
}

#footer a, #footer a:visited {
	color:#695b3c;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

#buckets p {
	margin:10px 0 0 0;
	line-height:18px;
}

#footer p {
	color:#695b3c;
	margin:0 0 16px 0;
}

#billboard h1 {
	font-size:32px;
	color:#0b0b0b;
	font-family:Georgia, serif;
	margin:5px 0 5px 10px;
}

#content h1 {
	font-size:22px;
	color:#000;
	margin:0 0 10px 0;
	font-family:Georgia, serif;
}

#content ul {
	list-style-type:disc;
	margin:0 15px 25px 20px;
}

#content li {
	list-style-type:disc;
	margin:0 0 10px 0;
	color:#474747;
}

#content p {
	color:#474747;
	line-height:18px;
	margin:0 0 25px 0;
}

#content_right h1 {
	font-size:18px;
	color:#a09161;
}

#content_left h3 {
	font-size:16px;
	color:#000;
	margin:0 0 10px 0;
	font-family:Georgia, serif;
}

#content_left h4 {
	font-size:16px;
	color:#000;
	margin:0 0 10px 0;
	font-family:Georgia, serif;
}

#content a, #content a:visited {
	color:#494747;
	text-decoration:none;
}

#content a:hover {
	text-decoration:underline;
	color:#000;
}

#buckets a, #buckets a:visited {
	color:#777062;
	text-decoration:none;
}

.bid {
	background:#f2f0e9;
	padding: 15px;
}


/*--------------------------------------------------------------------
	Clearfix
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
 	clear: both; 
 	visibility: hidden;
 }

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */