/*  
Site Name: American Biomedical Services Inc.
Site Designer/Developer: Collective Core
Version: 1.0

Built using Coda on a Mac.

This site was designed by the Collective Core,
you can visit us at http://www.collectivecore.com.

The below code is W3C valid CSS 2.

NOTES: Coding is an artform. Please respect our art by not reproducing it without written consent. We make our code
easily readable for learning purposes. Feel free to view our code as a tutorial, but please don't copy it verbadum.
Please contact the Collective Core at http://www.CollectiveCore.com/contact/ with any questions, comments, concerns,
or suggestions.

CSS Reset: Eric Meyer - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

*/

/* =========== */
/* = General = */
/* =========== */

body {
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	line-height: 1.4;
	color: #414141;
	background: #414141;	
	height: 100%;
}

a, a:link, a:active, a:visited, a:hover {
	color: #ff0000;
	font-weight: 400;
	text-decoration: underline;
	outline: none;
}

h1 {
	font-size: 24px;
	font-weight: 400;
	margin: 20px 0;
}

h2 {
	font-size: 20px;
	font-weight: 400;
	margin: 20px 0;
}

.red {
	color: #ff0000;
}

p {
	margin: 0 0 10px 0;
}

#bodyContainer {
	background: #ffffff url('/images/bg.gif') repeat-x scroll top left;
}

#successNotify {
	background: #D2F2AE;
	border: 1px solid #2D7C00;
	text-align: center;
	font-size: 14px;
	color: #2D7C00;
	padding: 10px;
	margin: 10px;
}

/* ========== */
/* = Header = */
/* ========== */

#header {
	background: #414141;	
	overflow: hidden;
}

#logo {
	padding: 10px 0 3px 0;
	margin: 10px 0;
	text-align: center;
	background: #ffffff;
	border: 5px solid #868686;
}

#quote {
	font-family: georgia,"times new roman",serif;
	color: #868686;
	font-size: 20px;
	padding: 20px 0;
}

#navigation {
	height: 25px;
	line-height: 25px;
	background: #7b7b7b url('/images/headerbg.png') no-repeat scroll top center;
	color: #ffffff;
	text-transform:uppercase;
}

#navigation ul {
}

#navigation ul li {
	display: inline;
	text-align: center;
}

.navLink a:link, .navLink a:active, .navLink a:visited {
	color: #414141;
	text-decoration: none;

}

.navLink a:hover {
	text-decoration: underline;
	color: #ffffff;
}

.navSelected {
	background: #ffffff;
}

.navSelected a:link, .navSelected a:active, .navSelected a:visited {
	background: #ffffff;
	color: #414141;
	text-decoration: none;
}

.navSelected a:hover {
	text-decoration: none;
}

/* ================== */
/* = Body Structure = */
/* ================== */

#body {
	padding: 10px 0;
	background: #ffffff;
	position: relative;
	overflow: hidden;
	clear: both;
}

/* ========== */
/* = Footer = */
/* ========== */

#footer {
	background: #414141;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	padding: 10px 0;
	overflow: hidden;
}

#footer a, #footer a:link, #footer a:active, #footer a:visited {
	color: #ffffff;
}

/* ============== */
/* = About Page = */
/* ============== */

.superscript {
	font-size: 9px;
	vertical-align:top;
}

.footnote {
	font-size: 11px;
}


/* ============== */
/* = Index Page = */
/* ============== */

#indexImage {
	margin: 0;
}

/* ============ */
/* = Form CSS = */
/* ============ */


.contactMethod {
	margin-top: 10px;
}

.quickInfo {
	overflow: hidden;
}

#formFieldDevice {
	clear: both;
	overflow: hidden;
}

.formField {
	margin-top: 20px;
	clear: both;
	overflow: hidden;
}

.formField label.field, #formFieldDevice label.field {
	font-size: 14px;
	width: 150px;
	float: left;
	text-align: right;
	margin-right: 20px;
}

.formFieldS {
	margin-top: 20px;
	clear: both;
	overflow: hidden;
}

.formFieldS label.field {
	font-size: 14px;
	width: 100px;
	float: left;
	text-align: right;
	margin-right: 20px;
}


.field {
	float: left;
}

.field input {
	border: 1px solid #cdcdcd;
	height: 17px;
	padding-top: 4px;
	padding-left: 3px;
	margin-bottom: 5px;
	display: inline;
	color: #545454;
}

.field select {
	border: 1px solid #cdcdcd;
	height: 19px;
	margin-bottom: 5px;
	display: inline;
	color: #545454;
}

.field input.error, .field select.error {
	border: 1px solid #ff0000;
}

.field label.error {	
	margin-left: 10px;
	font-weight: 400;
	color: #ff0000;
}

.field textarea {
	border: 1px solid #cdcdcd;
	height: 100px;
	width: 350px;
	color: #545454;
	padding: 3px;
}

.field textarea.error {
	border: 1px solid #ff0000;
}

.miniName {
	text-align: right;
	float: left;
	width: 100px;
	margin-right: 5px;
}

.miniField {
	text-align: left;
	float: left;
}

textarea.miniTextarea {
	border: 1px solid #cdcdcd;
	height: 50px;
	width: 245px;
	color: #545454;
	padding: 3px;
}

.processing {
	margin-top: 50px;
	width: 100%;
	text-align: center;
}

.quickInfo h4 {
	font-size: 14px;
	font-weight: 400;
}

/* =================== */
/* = Service Request = */
/* =================== */


.help, .help a:link, .help a:visited, .help a:active, .help a:hover {
	padding: 0 0 0 5px;
	margin: 0;
	height: 20px;
	width: 20px;
	vertical-align: middle;
	cursor: help;
	color: #B28A4A;
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
}

#requestImage {
	padding: 80px 0 0 0;
}

/* ============ */
/* = Site Map = */
/* ============ */

.siteMap ul {
	margin-left: 20px;
	padding-left: 5px;
}

.siteMap li {
	margin-top: 3px;
}