@import url(http://fonts.googleapis.com/css?family=Raleway:400,600,700);

body { background: url(/images/bg.png); color: #3c393a; font-size: 13px; font-family: Raleway, Arial, sans-serif; line-height: 21px; }
h1 { font-weight: 600; font-size: 14px; color: #1188ca; margin: 15px 0px; }
h2 { font-weight: 700; color: #1689ca; }
p { margin: 15px 0px; }
a { color: inherit; text-decoration: none; }
.hug { margin: 0px; }
.left { float: left; }
.right { float: right; }
.medium { font-weight: 600; }
.strong { font-weight: 700; }
.red { color: #ff0000; }
img.left, .video.left { margin: 0px 20px 15px 0px; }
img.right, .video.right { margin: 0px 0px 15px 20px; }
.missing { color: #ff0000; font-weight: bold; }
sup { font-size: 8px; top: -5px; }
sub { font-size: 10px; top: 2px; }

#stage { margin: 0px auto; width: 1000px; min-height: 600px; background: #e3e2e2 repeat-x url(/images/stage-bg.png); -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
#stage-shadow { z-index: -1; position: absolute; left: -32px; top: 0px; width: 1064px; height: 100%; background: url(/images/stage-shadow.png); }
#stage-bot { z-index: -1; position: absolute; left: -32px; top: 100%; width: 1064px; height: 51px; background: url(/images/stage-bot.png); }
#footer { padding: 40px 0px 20px 20px; font-family: Arial, sans-serif; font-size: 13px; color: #6a6a6a; line-height: 15px; text-align: center; }
#footer p { margin: 0px; }
#content { width: 560px; margin: 0px 0px 0px 200px; padding: 10px 0px; text-align: justify; }
#content a { color: #1188ca; }
#content .clear { clear: both; }
#content .aleft { text-align: left; }
#content .aright { text-align: right; }
#content a.button { display: inline-block; border: 0px; padding: 0px; text-decoration: none; }
#content a.button img { display: block; }
#content a.button span { position: absolute; left: 0px; bottom: -14px; width: 281px; height: 14px; background: url(/images/button-shadow.png); }
#content a.button:hover { background: #c0c0c0; }
#content ul { display: table; position: static; margin: 20px 0px; padding-left: 20px; list-style: disc; }
#rfp { position: absolute; right: -4px; bottom: -155px; }
#rfp a { display: block; width: 211px; height: 41px; border: 0px; background: top left url(/images/button-request-for-information.png); }
#rfp a:hover, #rfp a.active { background-position: bottom left; }
#bs { position: absolute; right: -4px; bottom: -420px; }
#bs a { display: block; width: 220px; height: 76px; border: 0px; background: top left; }
#bs.ssl a { background: url(/images/button-side-ssl.png); }
#bs.ckcs a { background: url(/images/button-side-ckcs.png); }
#bs a:hover { background-position: bottom left; }

.home #content { width: 670px; }
.home div.left { width: 280px; }
.home div.right { width: 280px; }
.home div.right.our-story { width: 362px; height: 219px; }
.home div.right.our-story a { display: block; left: 0px; top: 0px; width: 362px; height: 219px; }


#top { padding: 35px 0px 10px 10px; height: 70px; z-index: 1; }
#nav { display: block; float: right; height: 70px; }
#nav li { float: left; display: block; }
#nav li a { display: block; color: #3c393a; width: 120px; height: 70px; background: url(/images/buttons.png); }
#nav li a:hover, #nav li a.active { color: #1188ca; }
#nav li ul { display: none; position: absolute; left: 0px; top: 70px; background: #ffffff; }
#nav li ul li { float: none; border-bottom: 1px solid #e8eaec; line-height: 14px; font-size: 11px; text-align: center; }
#nav li ul li a { width: 110px; padding: 10px 5px; background: none; height: auto; }
#nav li a.transportation { background-position: -480px 0px; }
#nav li:hover a.transportation, #nav li.active a.transportation { background-position: -480px -70px; }
#nav li a.sample-storage { background-position: -600px 0px; }
#nav li:hover a.sample-storage, #nav li.active a.sample-storage { background-position: -600px -70px; }
#nav li a.processing-and-testing { background-position: -720px 0px; }
#nav li:hover a.processing-and-testing, #nav li.active a.processing-and-testing { background-position: -720px -70px; }
#nav li a.about-us { background-position: -840px 0px; }
#nav li:hover a.about-us, #nav li.active a.about-us { background-position: -840px -70px; }

#nav li a.custom-solutions { background-position: 0px 0px; }
#nav li:hover a.custom-solutions, #nav li.active a.custom-solutions { background-position: 0px -70px; }
#nav li a.project-management { background-position: -120px 0px; }
#nav li:hover a.project-management, #nav li.active a.project-management { background-position: -120px -70px; }
#nav li a.data-management { background-position: -240px 0px; }
#nav li:hover a.data-management, #nav li.active a.data-management { background-position: -240px -70px; }
#nav li a.online-ordering { background-position: -360px 0px; }
#nav li:hover a.online-ordering, #nav li.active a.online-ordering { background-position: -360px -70px; }

#floatnav { position: absolute; top: 5px; right: 15px; font-size: 10px; }

form table { width: 580px; }
form table td { padding: 0px 1% 5px 0px; }
.fieldset input, .fieldset textarea, .fieldset select {
	width: 90%;
	padding: 2px;
	border: solid 1px #c0c0c0;
	outline: 0;
	background: #FFFFFF;
	background-image: linear-gradient(top, rgb(255,255,255) 0%, rgb(240,240,240) 2px, rgb(255,255,255) 10px);
	background-image: -o-linear-gradient(top, rgb(255,255,255) 0%, rgb(240,240,240) 2px, rgb(255,255,255) 10px);
	background-image: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(240,240,240) 2px, rgb(255,255,255) 10px);
	background-image: -webkit-linear-gradient(top, rgb(255,255,255) 0%, rgb(240,240,240) 2px, rgb(255,255,255) 10px);
	background-image: -ms-linear-gradient(top, rgb(255,255,255) 0%, rgb(240,240,240) 2px, rgb(255,255,255) 10px);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(255,255,255)),
		color-stop(2px, rgb(240,240,240)),
		color-stop(10px, rgb(255,255,255))
	);
}
.fieldset input.required, .fieldset textarea.required, .fieldset select.required {
	background: #FFFF80;
	background-image: linear-gradient(top, rgb(255,255,0) 0%, rgb(240,240,80) 2px, rgb(255,255,128) 10px);
	background-image: -o-linear-gradient(top, rgb(255,255,0) 0%, rgb(240,240,80) 2px, rgb(255,255,128) 10px);
	background-image: -moz-linear-gradient(top, rgb(255,255,0) 0%, rgb(240,240,80) 2px, rgb(255,255,128) 10px);
	background-image: -webkit-linear-gradient(top, rgb(255,255,0) 0%, rgb(240,240,80) 2px, rgb(255,255,128) 10px);
	background-image: -ms-linear-gradient(top, rgb(255,255,0) 0%, rgb(240,240,80) 2px, rgb(255,255,128) 10px);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(255,255,0)),
		color-stop(2px, rgb(240,240,80)),
		color-stop(10px, rgb(255,255,128))
	);
}
.fieldset input.required:focus, .fieldset textarea.required:focus, .fieldset select.required:focus {
	background: #FFFFAA;
}
.fieldset textarea { resize: vertical; }
.fieldset .captcha input { width: 200px; }

form { color: #1689ca; font-size: 12px; width: 580px; }
form p { margin: 0px 0px 15px 0px; }

.f100 { clear: both; width: 98%; float: left; margin: 0px 2% 0px 0px; }
.f50 { width: 48%; float: left; margin: 0px 2% 0px 0px; }
.f25 { width: 23%; float: left; margin: 0px 2% 0px 0px; }
label { float: left; }
input.checkbox { float: left; width: auto; margin-right: 5px; }
label.checkbox { display: block; width: auto; vertical-align: baseline; padding: 0px 0px 15px 0px; }
.field { display: block; padding: 0 15px 15px 10px; overflow: hidden; }
.field input, .field textarea, .field select {
	width: 100%;
	padding: 2px;
	border: solid 1px #c0c0c0;
	outline: 0;
	background: #FFFFFF;
	background-image: linear-gradient(top, rgb(255,255,255) 0%, rgb(240,240,240) 2px, rgb(255,255,255) 10px);
	background-image: -o-linear-gradient(top, rgb(255,255,255) 0%, rgb(240,240,240) 2px, rgb(255,255,255) 10px);
	background-image: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(240,240,240) 2px, rgb(255,255,255) 10px);
	background-image: -webkit-linear-gradient(top, rgb(255,255,255) 0%, rgb(240,240,240) 2px, rgb(255,255,255) 10px);
	background-image: -ms-linear-gradient(top, rgb(255,255,255) 0%, rgb(240,240,240) 2px, rgb(255,255,255) 10px);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(255,255,255)),
		color-stop(2px, rgb(240,240,240)),
		color-stop(10px, rgb(255,255,255))
	);
}
.field textarea {
	height: 60px;
	resize: vertical;
}
input:focus, textarea:focus {
	border-color: #808080;
	background: #ffffff;
	box-shadow:0 0 6px #808080;
	-webkit-box-shadow: 0 0 6px #808080;
}
.submit input {
	margin: 0px 10px 0px 0px;
	width: auto;
	padding: 9px 15px;
	background: #77787b;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	border-radius: 2px;
	-webkit-border-radius: 2px;
}
.submit input:hover {
	background: #1689ca;
	cursor: pointer;
}

table.t { width: 100%; color: #000000; border-collapse: separate; }
table.t td { background: #d2e1e9; padding: 5px 10px; border-bottom: 1px solid #74b5da; }
table.t thead th { background: #d2e1e9; padding: 5px 10px; border-bottom: 4px solid #ffffff; }
table.t tbody th { ; padding: 5px 10px; border-bottom: 1px solid #74b5da; }