/* CSS Document */

* { margin: 0; padding: 0; } /* removes all default margin and padding */

img { border: 0; } /* Removes default border around linked images */

html {
	margin: 0;
	padding: 0;
	overflow:-moz-scrollbars-vertical; /* always show firefox scrollbar */
	background: url('/images/background-repeat.jpg') repeat-x top left;
	background-color: #004e98;
	}
	
#wrapper {
	position: relative;	top: 0; right: 0; bottom: 0; left: 0; /* make is go 0px from top and 0px from bottom */
	width: 100%; /* sets width of main container */
	min-width: 850px;
	min-height: 600px;
	margin: 0 auto; /* centers box */	
	background: url('/images/background.jpg') no-repeat center top;
	}
#wrapper_inner {
	position: relative;	top: 0; right: 0; bottom: 0; left: 0; /* make is go 0px from top and 0px from bottom */
	width: 850px; /* sets width of main container */
	min-height: 600px;
	margin: 0 auto; /* centers box */	
	}

body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 1.4em; /* sets the leading of text */
	color:#666666;
	}

p, h1, h2, h3, h4, h5, h6, ul, ol, dl {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	}
		
h1 { 
	font-size: 1.3em;
	color: #6a310a; 
	margin: 3px 0 3px 0;
	}

h2 { 
	font-size: 1.1em;
	color: #6a310a; 
	margin: 3px 0 3px 0;
	}

h3 { 
	font-size: .8em;
	color:#6a310a; 
	margin: 10px 0 6px 0;
	}
	
h4 { font-size: 1.125em; }
h5 { font-size: 1em; }
h6 { font-size: .875em; }

ul, ol { 
	font-size: .9em;
	line-height: 1.2em;
	text-align: left;
	margin: 0 10px 10px 30px;
	}
	
p  { 
	font-size: .9em;
	line-height: 1.2em;
	text-align: left;
	margin-bottom: 10px;
	}

a:link, a:visited {
	color: #6a310a; 
	text-decoration: none;
	}
a:hover {
	color: #000000;
	text-decoration: underline;
	}
	
#header { 
	width: 850px;
	_margin: -30px;
	}
#header_photo {
	position: relative;
	float: left;
	clear: both;
	height: 205px;
	width: 850px;
	background-color:#66FF33;
	background: url('/images/header_back.jpg') no-repeat top left;
	}	
		
#header_photo_inner { 
	width: 811px;
	height: 176px;
	margin: 15px 0 0 17px;
	}
#header_photo_inner.home { background: url('/images/header_home.jpg') no-repeat top left;}
#header_photo_inner.why { background: url('/images/header_why.jpg') no-repeat top left;}
#header_photo_inner.testimonials { background: url('/images/header-testimonials.jpg') no-repeat top left;}
#header_photo_inner.products_and_services { background: url('/images/header-products-and-service.jpg') no-repeat top left;}
#header_photo_inner.contact_us { background: url('/images/header-contact-us.jpg') no-repeat top left;}
#header_photo_inner.profile_selection_guide { background: url('/images/header-profile.jpg') no-repeat top left;}


#main_content { 
	float: left;
	clear: both;
	width: 986px;
	}

#nav {
	position: relative;
	float: left;
	height: 38px;
	width: 850px;
	margin-top: 108px;
	}
#nav_inner {
	position: relative;
	float: left;
	height: 38px;
	width: 850px;
	}
ul#navigation { margin: 0; padding: 0;}
ul#navigation li { 
	display: block;
	float: left;
	list-style-type: none;
	}
ul#navigation li a{ 
	display: block;
	height: 38px;
	min-width: 90px;
	text-indent: -9009px;
	}
ul#navigation li#nav1 a{ width: 293px; background: url('/images/sc-nav.jpg') no-repeat 0 0; }
ul#navigation li#nav2 a{ width: 129px; background: url('/images/sc-nav.jpg') no-repeat -293px 0; }
ul#navigation li#nav3 a{ width: 211px; background: url('/images/sc-nav.jpg') no-repeat -422px 0; }
ul#navigation li#nav4 a{ width: 127px; background: url('/images/sc-nav.jpg') no-repeat -633px 0; }
ul#navigation li#nav5 a{ width: 90px;background: url('/images/sc-nav.jpg') no-repeat -760px 0; }

ul#navigation li#nav1 a:hover{ background-position: 0 -38px; }
ul#navigation li#nav2 a:hover{ background-position: -293px -38px; }
ul#navigation li#nav3 a:hover{ background-position: -422px -38px; }
ul#navigation li#nav4 a:hover{ background-position: -633px -38px; }
ul#navigation li#nav5 a:hover{ background-position: -760px -38px; }

	
#main { 
	float: left;
	clear: both;
	width: 850px;
	min-height: 200px;
	}
#main_content { 
	float: left;
	width: 850px;
	min-height: 200px;
	background-color:#FFFFFF; 
	}
#main_content_inner { 
	float: left;
	margin: 20px;
	width: 510px;
	min-height: 200px;
	}
#main_content_inner.profile_selection_guide { 
	float: left;
	margin: 20px;
	width: 810px;
	min-height: 200px;
	}
#sidebar { 
	float: right;
	width: 300px;
	margin-top: 20px;
	min-height: 200px;
	background: url('/images/sc-sidebar-back.gif') repeat-y 0 0;
	}
#sidebar_inner { 
	float: left;
	display: block;
	margin: 0 10px 10px 15px;
	width: 260px;
	}
#sidebar_inner img {
	float: left;
	clear: both; 
	margin: 0 5px 0 0;
	}
#sidebar_inner h2 { 
	font-size: 1em;
	line-height: 1.2em;
	color:#6a310a; 
	margin-top: 15px;
	}
#sidebar_inner h3 { 
	font-size: .8em;
	line-height: 1.1em;
	color:#6a310a; 
	margin: 15px 0 6px 0;
	text-decoration: none;
	}
	
#sidebar_inner_home { 
	float: left;
	display: block;
	margin-bottom: 15px;
	width: 400px;
	}
#sidebar_inner_home img {
	float: left;
	clear: both; 
	margin: 0 5px 0 0;
	}
	
#footer { 
	float: left;
	disply: block;
	clear: both;
	width: 850px;
	min-height: 60px;
	background: url('/images/footer.jpg') no-repeat 0 0;
	}
#footer p {	font-size: .7em; }

#footer_inner { 
	float: left;
	margin: 25px 0 0 180px;
	}
#footer_bohringer { 
	float: right;
	margin: 25px 20px 0 0px;
	}

label {
	display: block;
	float: left;
	text-align: left;
	margin-top: 0.5em;
	width: 250px;
	}
.submit input, .required_field {
	margin-left: 250px;
	}
input, textarea {
	background:#eaf0f7;
	}

#profile { 
	float: left;
	margin: 0 26px 17px 0;
	width: 175px;
	min-height: 150px;
	background: url('/images/profile-selection-guide-back.jpg') no-repeat top left;
	}
#profile_inner { 
	margin: 5px;
	width: 165px;
	min-height: 140px;
	background-color:#FFFFFF;
	}

p.photogallery_name {
	font-size: .8em;
	font-weight: bold;
	color: #6a310a; 
	margin: 0;
	display: none;
	}

p.profile_number {
	font-size: .8em;
	font-weight: bold;
	color: #6a310a; 
	margin: 0;
	}
p.profile_size {
	font-size: .8em;
	color:#666666; 
	margin: 0;
	}
p.profile_name {	
	font-size: .8em;
	font-style: italic;
	color:#666666; 
	margin: 0;
	}

/* popups on the profile selection guide */	
#profile_inner a{ 
	z-index:10;
	}
#profile_inner a:hover{
	position:relative;
	z-index:100;
	}			
#profile_inner a span{
	display:none;
	}
#profile_inner a:hover span{
	display:block;
	position:absolute;
	float:left;
	white-space:nowrap;
	top:-2.2em;
	left:-5em;
	/*background:#fffcd1;*/
	border:1px solid #666;
	/*color:#444;
	padding:1px 5px;*/
	z-index:10;			
	}
