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-family: inherit;
	vertical-align: baseline;
}

/* @group container elements */

body {
	text-align: left;
	color: #7A7F65;
	background: #CBCeC4 none repeat-x;
	font: 13px/1.5em  Arial;
}

#container {
	margin: 0 auto;
	width: 920px;
	height: auto;
	background: url(../images/bg_tile_line.jpg) repeat-y;
	padding: 0;
}

#header {
	width: 920px;
	height: 194px;
	margin: 0;
	padding: 0;
}

#flash {
	height: 166px;
	width: 920px;
	background: url(../images/bg_header2.jpg) no-repeat left top;
	margin: 0;
	padding: 0;
	clear: none;
}

#navigation {
	width: 847px;
	height: 28px;
	background: url(../images/bg_nav.gif) repeat-x;
	margin: 0 0 0 36px;
	padding: 0;
}

#featureBox {
	width: 847px;
	height: 325px;
	margin: 0 0 0 36px;
	padding: 0;
	border-bottom: 1px solid #e9e9e7;
	background: #fff url(../images/fb_lines.gif) no-repeat 0 6px;
}

#content {
	width: 625px;
	margin: 0;
	padding: 0 0 40px 36px;
	overflow: hidden;
	float: left;
	min-height: 400px;
}

#sidebar {
	float: left;
	width: 222px;
	height: auto;
	margin: 0 36px 0 0;
	padding: 20px 0 10px;
	top: 0;
	display: inline;
}

#footer {
	width: 920px;
	height: 37px;
	background: url(../images/bg_footer.jpg) no-repeat;
	clear: both;
	margin: 0;
	padding: 0;
}



/* @end */

#footer p {
	text-align: center;
	color: #fff;
	font-size: 80%;
	line-height: 250%;
	margin: 0;
	padding: 0;
}

/* @group navigation */

#flash a {
	display: block;
	width: 242px;
	height: 85px;
	float: left;
	margin-top: 44px;
	margin-left: 60px;
}

#navigation li ul {
	margin: 0;
	padding: 0;
}

#navigation li {
	float: left;
	list-style-type: none;
}

.sfahover {
	background-position: 0 -28px;
}

#navigation li a {
	display: block;
	height: 28px;
	margin: 0;
	padding: 0;
	text-indent: -5000em;
	background-repeat: no-repeat;
	font-weight: normal;
	font-style: normal;
}

#navigation li ul {
	position: absolute;
	width: 220px;
	left: -999em;
	background-image: none;
	background-color: gray;
	margin: 0;
	padding: 0;
}

#navigation li:hover ul, #navigation li.sfhover ul {
	left: auto;
	background: #a6ab9a url(../images/bg_dropdown.gif) repeat-x 0 top;
	border-right: 4px solid #7a7f65;
	border-bottom: 4px solid #7a7f65;
	padding: 5px 5px 2px 10px;
	margin: 0 0 0 1px;
	z-index: 1000;
}

#navigation li ul li a {
	background-image: none;
	color: #fff;
	text-indent: 0;
	text-decoration: none;
	display: block;
	width: 220px;
}

#navigation li ul li a:hover {
	background-image: none;
	text-decoration: underline;
}

/* change services margin to push buttons left or right */

#services {
	margin-left: 20px;
}

#services a {
	background: url(../images/nav_buttons.gif) 0 0;
	width: 157px;
}

#services a:hover {
	background: url(../images/nav_buttons.gif) 0 -28px;
}

#about a {
	background: url(../images/nav_buttons.gif) -157px 0;
	width: 125px;
}

#about a:hover {
	background: url(../images/nav_buttons.gif) -157px -28px;
}

#contact a {
	background: url(../images/nav_buttons.gif) -282px 0;
	width: 143px;
}

#contact a:hover {
	background: url(../images/nav_buttons.gif) -282px -28px;
}

#news a {
	background: url(../images/nav_buttons.gif) -425px 0;
	width: 95px;
}

#news a:hover {
	background: url(../images/nav_buttons.gif) -425px -28px;
}

#demos a {
	background: url(../images/nav_buttons.gif) -520px 0;
	width: 112px;
}

#demos a:hover {
	background: url(../images/nav_buttons.gif) -520px -28px;
}

#login a {
	background: url(../images/nav_buttons.gif) -632px 0;
	width: 138px;
}

#login a:hover {
	background: url(../images/nav_buttons.gif) -632px -28px;
}



/* @end */

/* @group feature box */

#featureBox ul {
	margin: 0;
	padding: 0 0 0 6px;
	float: left;
}

#featureBox ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 300px;
	display: inline;
	text-align: left;
}

#featureBox ul li a {
	color: #A8AD9C;
	text-decoration: none;
	display: block;
	width: 270px;
	height: 45px;
	list-style-position: inside;
	background: url(../images/green_arrow_bullet.gif) no-repeat 9px 22px;
	padding: 22px 0 0 30px;
	margin: 0 0 -16px;
	font-weight: normal;
	font-style: normal;
}

#featureBox ul li a:hover {
	background: url(../images/fb_btn_over.jpg) no-repeat 0 3px;
	color: #fff;
	font-weight: bold;
}

#featureBox ul li #hidelist {
	height: 0;
	background-image: none;
}

#featureBox div {
	width: 541px;
	height: 325px;
	padding: 0;
	float: left;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: -325px;
}

#fbstart {
	background: url(../images/default_panel-info.gif) no-repeat;
}

#fbsa {
	background: url(../images/sampling-info.gif) no-repeat;
}



#fbdc {
	
	background-image: url(../images/data_collection-info.gif);
}

#fbdpm {
	
	background-image: url(../images/data_processing-info.gif);
}

#fboa {
	
	background-image: url(../images/online_analysis-info.gif);
}

#fbcpd {
	
	background-image: url(../images/custom_panel-info.gif);
}

#fbctd {
	
	background-image: url(../images/custom_tech-info.gif);
}



/* @end */

/* @group sidebar */

#newsBox {
	height: 320px;
	width: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#loginBox {
	height: 0px;
	width: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#sidebar li {
	list-style-type: none;
	background: url(../images/sidebar_line.gif) no-repeat 10px bottom;
	margin: 0 0 5px;
	padding: 0 0 5px;
}

#sbNews {
	width: 158px;
	height: 22px;
	display: block;
	padding: 0;
	margin: 0 0 5px 7px;
	background: url(../images/btn_recent_news.gif) no-repeat;
	text-indent: -1000em;
	font-size: 10px;
	line-height: 10px;
}

#sbLogin {
	width: 158px;
	height: 22px;
	display: block;
	padding: 0;
	margin: 0 0 5px 7px;
	background: url(../images/btn_updates.gif) no-repeat 0 0;
	text-indent: -1000em;
	font-size: 10px;
	line-height: 10px;
}

#sbNews:hover, #sbLogin:hover {
	background-position: 0 -22px;
}

#contactPage #sidebar h3 {
	color: #b1f001;
	font-weight: bold;
	font-size: 120%;
	margin: 0 12px;
	padding: 0;
	line-height: 130%;
}

#aboutPage #sidebar h3 {
	color: #DCE0D1;
	font-weight: bold;
	font-size: 150%;
	margin: 0 12px;
	padding: 0;
	line-height: 200%;
}

#sidebar h3 {
	margin: 0;
	padding: 0;
}

#sidebar h4 {
	color: #b1f001;
	font-weight: bold;
	font-size: 90%;
	margin: 3px 12px;
	padding: 0;
}

#sidebar h5 {
	font-size: 90%;
	margin: 3px 12px;
	padding: 0;
}

#sidebar p {
	margin: 0 12px;
	padding: 0;
	line-height: 130%;
	font-size: 85%;
	text-align: left;
}

#sidebar ul {
	margin: 0;
	padding: 0;
}

#sidebar li a {
	color: #b1f001;
	margin: 0 12px;
	text-decoration: none;
	line-height: 80%;
	font-size: 80%;
	padding: 0;
	font-weight: bold;
}

#sidebar li a:hover {
	text-decoration: underline;
}



/* @end */

/* @group side nav */

#divToggle {
	padding: 0 0 0 6px;
	display: inline-block;
	margin: 0;
}

#divToggle li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: inline;
	background-image: none;
}

#divToggle li a {
	color: #A8AD9C;
	text-decoration: none;
	display: block;
	width: 186px;
	height: 36px;
	list-style-position: inside;
	background: url(../images/green_arrow_bullet.gif) no-repeat 9px 11px;
	padding: 10px 0 0 30px;
	font-weight: normal;
	font-style: normal;
	line-height: 1.5em;
	font-size: 1em;
	margin: 0;
}

#divToggle li a:hover {
	font-weight: bold;
	text-decoration: none;
}

#divToggle li.toggleOver a {
	background: url(../images/sidebar_greenbar.jpg) no-repeat 0 0;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}



/* @end */

/* @group sampling page */

#saHeader {
	width: 624px;
	height: 161px;
	display: block;
	margin: 0 0 20px;
	background: url(../images/header_sampling.jpg) no-repeat;
	text-indent: -1000em;
	padding: 0;
}



/* @end */

/* @group home page */

#homePage #content {
	width: 625px;
	margin: 0;
	padding: 0 0 0 36px;
	overflow: hidden;
	float: left;
}

#homePage #content h2 {
	width: 625px;
	height: 48px;
	margin: 0;
	padding: 0;
	display: inline-block;
}

#cfHeader {
	width: 625px;
	height: 48px;
	display: block;
	margin: 0;
	padding: 0 0 0 18px;
	background: url(../images/cf_header.jpg) no-repeat;
	text-indent: -1000em;
}
#psHeader {
	width: 625px;
	height: 48px;
	display: block;
	margin: 0;
	padding: 0 0 0 18px;
	background: url(../images/ps_header.jpg) no-repeat;
	text-indent: -1000em;
}

#ciHeader {
	width: 625px;
	height: 48px;
	display: block;
	margin: 0;
	padding: 0 0 0 18px;
	background: url(../images/ci_header.jpg) no-repeat;
	text-indent: -1000em;
}

#cfHeader:hover, #ciHeader:hover, psHeader:hover {
	background-position: 0 -48px;
}

#customerFocused {
	height: 300px;
	margin: 0;
	padding: 0;
	width: 625px;
	overflow: hidden;
}

#customerFocused p {
	width: 625px;
	height: 300px;
	margin: 0 0 -300px;
	padding: 0;
	overflow: hidden;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

#q1 {
	background-image: url(../images/quote_1.gif);
}

#q2 {
	background-image: url(../images/quote_2.gif);
}

#q3 {
	background-image: url(../images/quote_3.gif);
}

#q4 {
	background-image: url(../images/quote_4.gif);
}

#q5 {
	background-image: url(../images/quote_5.gif);
}

#q6 {
	background-image: url(../images/quote_6.gif);
}

#clientsInclude {
	width: 625px;
	height: 0px;
	margin: 0;
	padding: 0;
	background: url(../images/client_logos.gif) no-repeat 20px 0;
	overflow: hidden;
}



/* @end */

/* @group services pages */

#dpHeader {
	width: 624px;
	height: 161px;
	display: block;
	margin: 0 0 20px;
	background: url(../images/header_dpm.jpg) no-repeat;
	text-indent: -1000em;
	padding: 0;
}

#dcHeader {
	width: 624px;
	height: 220px;
	display: block;
	margin: 0 0 20px;
	background: url(../images/tc_booking_engine.jpg) no-repeat;
	text-indent: -1000em;
	padding: 0;
}

#oaHeader {
	width: 624px;
	height: 161px;
	display: block;
	margin: 0 0 20px;
	background: url(../images/header_oa.jpg) no-repeat;
	text-indent: -1000em;
	padding: 0;
}

#cpHeader {
	width: 624px;
	height: 161px;
	display: block;
	margin: 0 0 20px;
	background: url(../images/header_cp.jpg) no-repeat;
	text-indent: -1000em;
	padding: 0;
}

#ctHeader {
	width: 624px;
	height: 161px;
	display: block;
	margin: 0 0 20px;
	background: url(../images/header_ct.jpg) no-repeat;
	text-indent: -1000em;
	padding: 0;
}



/* @end */

/* @group about page */

#aboutPage h4 {
	color: #b1f001;
	padding: 0 0 5px;
	margin: 5px 18px 0;
	font-size: 120%;
	text-align: justify;
}

#aboutHeader {
	width: 624px;
	height: 161px;
	display: block;
	margin: 0 0 20px;
	background: url(../images/header_about.jpg) no-repeat;
	text-indent: -1000em;
	padding: 0;
}

#aboutPage #content li {
	margin: 0;
	padding: 0;
	text-align: justify;
}

.biopic {
	float: left;
	clear: none;
	margin: 0 0 6px;
	padding: 0;
	position: relative;
	top: 4px;
}

/* @end */

/* @group news page */

#newsHeader {
	width: 624px;
	height: 161px;
	display: block;
	margin: 0 0 20px;
	background: url(../images/header_news.jpg) no-repeat;
	text-indent: -1000em;
	padding: 0;
}

#newsPage #content h3 {
	color: #DCE0D1;
	margin-bottom: 10px;
	margin-top: 20px;
	margin-left: 18px;
}

#newsPage #content a {
	font-size: 115%;
	line-height: 100%;
}

#newsPage #content p {
	text-align: left;
}

#newsArticle {
	background-color: #fff;
	padding: 20px;
	margin: 0;
}

#newsArticle p {
	margin-right: 0;
	margin-left: 0;
}

#newsArticle h1 {
	margin-right: 0;
	margin-left: 0;
	color: #b1f001;
	line-height: 100%;
	font-size: 220%;
}

#newsArticle h2 {
	line-height: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
	color: #b1f001;
}

#newsArticle h2.subhead {
	margin-top: 10px;
	margin-bottom: 30px;
	color: #A8AD9C;
}



/* @end */

/* @group contact page */

#contactPage #sidebar {
	margin-top: 6px;
}

#contactHeader {
	width: 624px;
	height: 161px;
	display: block;
	margin: 0 0 20px;
	background: url(../images/header_contact.jpg) no-repeat;
	text-indent: -1000em;
	padding: 0;
}

#contactForm {
	border-top: 1px solid #CBCeC4;
	padding: 20px 30px 20px 12px;
	margin: 20px 0 0;
}

#contactForm input {
	width: 253px;
	padding: 0;
	margin: 0;
}

#contactForm textarea {
	width: 242px;
	margin: 2px 18px 0;
	height: 163px;
	padding: 0;
}

#contactForm button {
	background-image: url(../images/btn_send.gif);
	border-style: none;
	border-width: 0;
	width: 76px;
	height: 25px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

#contactForm button span {
	display: none;
}

#contactForm p {
	padding: 0;
}

#messageBox {
	width: 280px;
	margin: -234px 0 0;
	padding: 3px 0 05px;
	float: right;
	height: 230px;
	background: url(../images/greenbox.gif) no-repeat;
}



/* @end */

/* @group demos page */

#content img.demoImg {
	float: right;
	margin-top: 0;
	margin-bottom: 2px;
}

#demosHeader {
	width: 624px;
	height: 161px;
	display: block;
	margin: 0 0 20px;
	background: url(../images/header_demos.jpg) no-repeat;
	text-indent: -1000em;
	padding: 0;
}

#demosPage #content h3 {
	margin-bottom: 13px;
}

#demosPage #content p {
	margin-bottom: 18px;
}



/* @end */

/* @group h1 - h6 */

h2 {
	color: #A8AD9C;
	font-size: 150%;
	line-height: 240%;
	text-decoration: none;
}

h3 {
	color: #b1f001;
	margin: 10px 0 20px 16px;
	padding: 0;
	font-size: 200%;
	line-height: 100%;
}

h4 {
	padding: 0;
	margin: 17px 0 0 16px;
	font-weight: bold;
	font-size: 120%;
	line-height: 100%;
}



/* @end */

/* @group paragraphs and links */

p {
	padding: 0 0 5px;
	margin: 5px 18px 0;
	font-size: 100%;
	text-align: justify;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

a {
	color: #b1f001;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

ul {
	padding: 0 0 5px;
	margin-left: 100px;
	list-style-position: outside;
	list-style-type: disc;
}

#content li {
	margin: 0 0 8px;
	padding: 0;
	text-align: justify;
}

#content img {
	margin-top: 5px;
	margin-right: 18px;
	margin-left: 18px;
	padding: 0;
}


/* @end */

/* @group classes */

.hide {
	text-indent: -5000em;
}

.hideBlock {
	height: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
	overflow: hidden;
}

.green {
	color: #b1f001;
}

.white {
	color: #fff;
}

.big strong {
	font-size: 150%;
	font-weight: bold;
}

.biggreen {
	color: #b1f001;
	font-size: 170%;
	font-weight: bold;
}


/* @end */

/* @group login panel */

#loginPop {
	width: 240px;
	margin: 0;
	padding: 12px;
	background: #a7ac9b url(../images/bg_nav.gif) repeat-x 0 bottom;
	border-right: 1px solid #797e64;
	border-left: 1px solid #797e64;
	float: right;
	position: relative;
	right: 35px;
	top: 27px;
	overflow: hidden;
	height: 95px;
}

#loginPop label {
	color: #ffffff;
	line-height: 28px;
	font-size: 12px;
	text-align: left;
}

#loginPop a {
	margin: 0;
	padding: 0;
	text-decoration: underline;
	font-weight: normal;
	font-style: normal;
	text-align: left;
}

#loginPop label.even {
	width: 73px;
}

#loginPop input.even {
	width: 152px;
	height: 12px;
}



#loginPop.hideLog {
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}



/* @end */

#error p {
	color: white;
	padding: 8px;
	margin: 10px 0 0 17px;
	background-color: #f00;
}

#success p {
	color: white;
	padding: 8px;
	margin: 10px 0 0 17px;
	background-color: #b1f000;
}

#error, #success {
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}