/* ------------------------------------------------------------------------------------- */
/* Copyright Einstein Industries 2004. Used with Permission.                             */
/* May not be duplicated or reproduced.                                                  */
/*                                                                                       */
/* Please check for cross-browser compatibility prior to making changes                  */
/* MINIMUM BROWSER CHECK :: IE5.x/IE6/Op7/NS7/Safari/FireFox                             */
/*                                                                                       */
/* CSS Document                                                                          */
/* ------------------------------------------------------------------------------------- */



/* basic elements
 * ------------------------------------------------------------------------------------- */
body, div, ul, li, dl, dd, img, form, img, fieldset, p, h1, h2, h3, h4, td, input, select, textarea {
	margin: 0px;
	padding:0px;
	border: 0px;
}
body {
	background: #9AC7E0 url(../images/bg.jpg) left top repeat-x;
	text-align: center;
}
p, div, li, ul, div, h1, h2, h3, h4, td, input, select, textarea {
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
h2 { margin-bottom:8px; margin-top:12px; }
h3 { margin-bottom:8px; margin-top:12px; }
img {
	display: block; 
}
a img, :link img, :visited img { border: none }
a:link, a:visited {
	color: #FA9850;
	text-decoration: underline;
}
a:hover, a:active {
	color: #F9822B;
	text-decoration: none;
}

#bna_btn a:link, #bna_btn a:visited { 
	margin: 10px 0 5px 0;
	border: none;
	display: block;
	background-image: url(../images/index/btn-gallery.jpg);
	width:232px;
	height:41px;
}

#bna_btn a:hover, #bna_btn a:active {
	margin: 10px 0 5px 0;
	border: none; 
	display: block;
	background-image: url(../images/index/btn-gallery_hover.jpg);
	width:232px;
	height:41px;
}

#bna_btn span { display:none; }

/* end basic elements
 * ------------------------------------------------------------------------------------- */
 
 
/* classes
 * ------------------------------------------------------------------------------------- */
img.img-left { 
	float:left; 
	margin:2px 10px 10px 0; 
	}
	
img.img-right { 
	float:right; 
	margin:40px 0 0px 0px; 
	}

p.qcontact-text { margin:0 15px; }





/* main structural elements
 * ------------------------------------------------------------------------------------- */
#wrapper {
	width: 760px;
	margin: 0 auto;
	background: url(../images/index/wrapper.jpg) left top repeat-y;
	text-align: left;
}

#content-left {
	width: 528px;
	float: left;
	display: inline;
}
	#content-left h1 {
		padding: 10px 40px 10px 40px;
		font-size: 14px;
		color: #006699;
	}
	#content-left h2 {
		padding: 0 40px 10px 40px;
		font-size: 14px;
		color: #006699;
	}
	#content-left h3 {
		padding: 0 40px 0 40px;
		font-size: 12px;
		color: #006699;
	}	
	#content-left p {
		padding: 0 40px 10px 40px;
		color: #006699;
	}
	#content-left ul {
		padding: 0 40px 10px 57px;
		color: #006699;
		list-style-position: outside;
	}
	#content-left ul.topic-list {
		padding: 0 40px 10px 40px;
		color: #006699;
		list-style-position: outside;
		list-style: none;
	}	
		#content-left li {
			color: #006699;
		}	
	#content-left p.first {
		padding: 10px 40px 10px 40px;
	}
	#content-spacer {
		background: url(../images/index/content-spacer.jpg) left top no-repeat;	
		height: 64px;
	}
	#featured {
		float: left;
		display: inline;
		width: 251px;
		background: url(../images/index/featured-bg.jpg) left top repeat-y;
	}
		#featured p {
			color: #fff;
			padding: 0 30px 10px 54px;
		}
	#david-ross {
		float: right;
		display: inline;
		width: 277px;
	}
		#david-ross p {
			padding: 0 30px 10px 25px;
		}
		.clear {
			clear: both;
			height: 1px;
		}
#content-right {
	width: 232px;
	float: right;
	display: inline;
}
	#content-right p {
		padding: 0 20px 10px 20px;
		color: #155F8E;
	}
	#quick-procedure {
		background: url(../images/index/procedure-bg.jpg) left top no-repeat;
		height: 40px;
	}
	#form-procedure {
		margin: 0 0 0 31px;
	}
	#procedure-list {
		margin: 0 0 6px 0;
		width: 145px;
	}
	#quick-procedure option { width:320px; }


#content-btm {
	clear: both;
	height: 44px;
	background: url(../images/index/btm.jpg) left top no-repeat;	
}

.ross-box {
	border-top: 5px solid #F9822B; 
	border-right: 1px solid #F9822B; 
	border-left: 1px solid #F9822B; 
	border-bottom: 1px solid #F9822B;
	width: 300px;
	margin: 10px 0px 5px 40px;
	}
.ross-box p {
			padding: 100px 0px 0px 0px;
		}

/* SPRITE NAVIGATION */
#menu {
	background: url(../images/index/nav.jpg) left top no-repeat;						
	width: 760px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 51px;		/* Height of entire image */
	}

#menu span { display: none; }

#menu li, #menu a { 
	height: 51px;			/* Each button must have the same height, define it here */
	display: block;
	}

#menu li {
	float: left;
	list-style: none;
	_display: inline;	/* fixes IE/Win double margin float bug (safe) */
	}

/* margin-left - you will need to adjust this value to "center" your nav, if needed */
/* width - width of each button, they will each most likely be unique */
#menu-01 {left: 0px; width: 58px;}
#menu-02 {left: 58px; width: 69px;}
#menu-03 {left: 127px; width: 111px;}
#menu-04 {left: 238px; width: 122px;}
#menu-05 {left: 360px; width: 98px;}
#menu-06 {left: 458px; width: 67px;}
#menu-07 {left: 525px; width: 93px;}
#menu-08 {left: 618px; width: 52px;}
#menu-09 {left: 670px; width: 90px;}

/* Changed values should match "width" numbers specified above */
#menu-01 a:hover {background: transparent url(../images/index/nav.jpg) -0px -51px no-repeat;}
#menu-02 a:hover {background: transparent url(../images/index/nav.jpg) -58px -51px no-repeat;}
#menu-03 a:hover {background: transparent url(../images/index/nav.jpg) -127px -51px no-repeat;}
#menu-04 a:hover {background: transparent url(../images/index/nav.jpg) -238px -51px no-repeat;}
#menu-05 a:hover {background: transparent url(../images/index/nav.jpg) -360px -51px no-repeat;}
#menu-06 a:hover {background: transparent url(../images/index/nav.jpg) -458px -51px no-repeat;}
#menu-07 a:hover {background: transparent url(../images/index/nav.jpg) -525px -51px no-repeat;}
#menu-08 a:hover {background: transparent url(../images/index/nav.jpg) -618px -51px no-repeat;}
#menu-09 a:hover {background: transparent url(../images/index/nav.jpg) -670px -51px no-repeat;}

/* SON OF SUCKERFISH */

#menu li ul {
	position: absolute;
	left: -9999px;
	background-color: #5890C1;	/* Background color of drop down menu - add more styles (i.e. background image) if you want */
	}

#menu li ul li { height: 20px; }	/* Height of each drop down menu item */

#menu li ul li a {
	width: 100%;
	height: 20px;				/* Height of each drop down menu item, should match above */
	line-height: 20px;			/* Height of each drop down menu item again, should match above */
	}

#menu li ul li a span {
	display: block;
	padding-left: 5px;
	}

/* Drop down link styles */
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	}

#menu li:hover ul, #menu li.sfhover ul	{ left: auto; }

/* Hover styles for drop down items */
#menu-03 ul a:hover { 
	background-image: none;
	background-color: #84AED2; 
	}

/* width of drop down menu - choose width that allows items to display on one line */
#menu-03 ul, #menu-03 li { width: 111px; }		

/* footer
 * ------------------------------------------------------------------------------------- */
#footer {
	width: 550px;
	margin: 0px auto;
	text-align: center;
	padding: 10px 0 0 0;
}
	#footer p {
		padding: 0 0 10px 0;
		font-size: 11px;
		color: #006699;
	}
	#footer ul {
    	padding: 0 0 10px 0;
    }
	#footer ul.ul-first {
		padding: 0 0 4px 0;
	}
 	#footer li {
    	margin: 0;
    	padding: 0 5px 0 8px;
    	display: inline;
    	border-left: 1px solid #006699;
    	font-size: 11px;
    	background: none;
    }
 	#footer li.first { 
    	border: none;
    }
	#footer a:link, #footer a:visited {
		color: #006699;
		text-decoration: underline;
	}
	#footer a:hover, #footer a:active {
		color: #006699;
		text-decoration: none;
	}

 
/* ----- main contact form ----- */ 

#contact-main { margin:0 0 10px 0; }

#contact-main label { 
	width:190px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:.90em;
	font-style:italic;
}

#contact-main label input, #contact-main label textarea { 
	width:170px;
	position:absolute; 
	left:105%; 
	top:-2px;
}

#contact-main label textarea { height:100px; overflow:auto; }

/* ----- submit button form elements ----- */ 

input.submit, input.submit-contact-main { 
	width:60px;
	height:20px;
	cursor:pointer; 
	padding:0; 
}

input.submit-contact-main { margin:85px 0 5px 200px; }

.italic { font-style: italic; }

/* contact forms 
 * ------------------------------------------------------------------------------------- */
.mainform, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #155F8E;
	border: 1px solid #808B94;
	background-color: #DFEAF3;
}

.no-border {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #155F8E;
	background-color: #DFEAF3;
	border: 0;
}

#quickcontactform {
	width: 150px;
	margin: 0 0 0 35px;	
	padding: 0;
	border: 0;
}

.quickcontact {
	margin: 0 0 1px 0;
	width: 150px;
}

.big-form label, .big-form-field {
	display: block;
	width: 190px;
	float: left;
	margin: 3px;
}

.big-form label {
	text-align: right;
	width: 110px;
	margin: 0 20px 0 0;
}

.form-text {
	 margin-left: 135px;
}

.big-form br {
	clear: left;
}

#submit-btn {
	margin: 3px 0 0 148px;
}

#quick-submit-btn {
	margin: 1px 0 0 108px;
}

#quick-submit-btn {
	margin: 1px 0 0 108px;
}

.red {
	color: red;
}

#submit-btn {
	float: left;
	margin: 3px;
	display: block;
}
/* end contact forms 
 * ------------------------------------------------------------------------------------- */