/* Start of Bio Performance Main CSS */

/* Global Settings */

body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
	color: #16469E;
	font-size: 12px;
}
body a { text-decoration: none; }
body a:link { color: #16469E; }
body a:visited { color: #16469E; }
body a:focus { color: #009B64; }
body a:hover { color: #009B64; }
body a:active { color: #16469E; }
.global_container {
	width: 100%;
	height: 100%;
}
.main_container {
	position: relative;
	top: 0px;
	left: 0px;
	width: 760px;
	height: 730px;
	margin: auto;
	padding: 10px;
}

/* Header styling */

.header {
	position: relative;
	top: 0px;
	left: 0px;
	width: 760px;
	height: 90px;
	padding: 0px;
}
.sub_header {
	position: relative;
	top: 10px;
	left: 10px;
	width: 740px;
	height: 150px;
	border: #089D65 solid 2px;
}
#left_sub_header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 302px;
	height: 140px;
	background-image: url(../images/bio_flower.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	text-align: right;
	font-size: 110%;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 5px;
}
#sub_left {
	position: absolute;
	top: 0px;
	left: 142px;
	width: 160px;
	height: 150px;
}
#right_sub_header {
	position: absolute;
	top: 0px;
	left: 307px;
	width: 433px;
	height: 150px;
}

/* Layout and menu styling */

.main_content {
	position: relative;
	top: 30px;
	left: 0px;
	width: 760px;
	padding: 0px;
	background-image: url(../images/bio_performance_swirl.jpg);
	background-position: 50% 30%;
	background-repeat: no-repeat;
}
#main {
	height: 130%;
}
#m_kit {
	height: 250%;
}
#m_faq {
	height: 310%;
}
#m_news {
	height: 285%;
}
#m_pumps {
	height: 150%;
}
#m_install {
	height: 310%;
}
#m_adaptor {
	height: 125%;
}
.headers {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 18px;
	font-size: 110%;
	font-weight: bold;
	border-bottom: #009B64 solid 2px;
}
#menu_head { width: 160px; }
#which_car_head { width: 160px; }
#location_head { width: 160px; }
#store_head { width: 160px; }
#home_content { width: 400px; }
#bio_head { width: 400px; }
#product_head { width: 145px; }
#question_head { width: 145px; }
#page_head { width: 563px; }
.menu_container { /* Menu specific styles */
	position: absolute;
	top: 0px;
	left: 10px;
	width: 160px;
	height: 220px;
	font-size: 90%;
}
.menu_links {
	position: absolute;
	top: 25px;
	left: 0px;
	height: 195px;
	width: 160px;
}
ul.menu_list {
	list-style-image: url(../images/bio_swirl_icon.gif);
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 90%;
	vertical-align: middle;
}
li.nav {
	color: #de0000;
	vertical-align: middle;
}
li.nav_link a { text-decoration: none; vertical-align: middle; }
li.nav_link a:link { color: #16469E; }
li.nav_link a:visited { color: #16469E; }
li.nav_link a:focus { color: #009B64; }
li.nav_link a:hover { color: #009B64; }
li.nav_link a:active { color: #16469E; }

/* Main content styling */

.which_car_container {
	position: absolute;
	top: 400px;
	left: 10px;
	width: 160px;
	height: 230px;
}
.which_car_text {
	position: absolute;
	top: 30px;
	left: 0px;
	height: 200px;
	width: 160px;
	text-align: center;
}
.home_content {
	position: absolute;
	top: 0px;
	left: 190px;
	height: 440px;
	width: 400px;
}
.home_content_text {
	position: absolute;
	top: 30px;
	left: 0px;
	height: 410px;
	width: 400px;
}
ul.home_4va {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	font-size: 110%;
}
ul.home_4va li.title {
	font-weight: bold;
}
.product_container {
	position: absolute;
	top: 0px;
	left: 610px;
	height: 630px;
	width: 145px;
}
.product_links {
	position: absolute;
	top: 30px;
	left: 0px;
	height: 600px;
	width: 145px;
	text-align: center;
}
.bioethanol_facts {
	position: absolute;
	top: 460px;
	left: 190px;
	height: 380px;
	width: 400px;
}
.bioethanol_text {
	position: absolute;
	top: 30px;
	left: 0px;
	height: 350px;
	width: 400px;
}
ul.facts {
	list-style-image: url(../images/bio_swirl_icon.gif);
	list-style-position: inside;
	margin-left: 0px;
	vertical-align: middle;
}
.location_container {
	position: absolute;
	top: 635px;
	left: 10px;
	width: 160px;
	height: 250px;
}
.location_text {
	position: absolute;
	top: 25px;
	left: 0px;
	height: 225px;
	width: 160px;
	text-align: center;
}
.store_container {
	position: absolute;
	top: 265px;
	left: 10px;
	width: 160px;
	height: 135px;
}
.store_text {
	position: absolute;
	top: 25px;
	left: 0px;
	height: 105px;
	width: 160px;
	text-align: center;
}
.question_container {
	position: absolute;
	top: 640px;
	left: 610px;
	height: 210px;
	width: 145px;
}
.question_text {
	position: absolute;
	top: 25px;
	left: 0px;
	height: 185px;
	width: 145px;
	text-align: center;
}
#first_name, #last_name, #email, #telephone, #message {
	background-color: transparent;
}
#first_name_2, #last_name_2, #email_2, #telephone_2, #message_2 {
	background-color: transparent;
}
.contact_form {
	width: 415px;
}
.contact_legend {
	color: #16469E;
	font-weight: bold;
}

/* Page specific styles */

.page_content {
	position: absolute;
	top: 0px;
	left: 190px;
	width: 563px;
	background-color: transparent;
	/*background-color: #acacac;*/
}
#p_main {
	height: 850px;
}
#p_kit {
	height: 1695px;
}
#p_faq {
	height: 2005px;
}
ul.faq_list {
	font-weight: bold;
}
#p_news {
	height: 1965px;
}
#p_pumps {
	height: 1030px;
}
#main_pump {
	margin: auto;
}
ul.pump_list {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
li.pump_li {
	padding-top: 3px;
	padding-bottom: 3px;
}
#p_install {
	height: 2130px;
}
#p_adaptor{
	height: 850px;
}

/* Footer styles */

.footer {
	position: relative;
	top: 20px;
	left: 0px;
	width: 760px;
	height: 40px;
	padding: 3px;
	border-top: #089D65 solid 2px;
	border-bottom: #089D65 solid 2px;
	text-align: center;
	font-size: 80%;
}
.footer_spacer {
	position: relative;
	top: 10px;
	left: 0px;
	width: 760px;
	height: 10px;
}

/* Global styling rules */

.b {
	font-weight: bold;
}
h1 {
	font-size: 120%;
	font-weight: bold;
}
h2 {
	font-size: 110%;
	font-weight: bold;
}
h3 {
	font-size: 100%;
	font-weight: bold;
}
.error {
	color: #de0000;
}
.error_msg {
	color: #252525;
}
.lrg {
	font-size: 120%;
}
.vlrg {
	font-size: 130%;
}
.vsml {
	font-size: 80%;
}
#r {
	color: #de0000;
}
.img_left {
	float: left;
	margin: 5px;
}
.img_right {
	float: right;
	margin: 5px;
}
.install_left {
	float: left;
	margin-right: 5px;
}
.g_line {
	border-bottom-color: #009B64;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}
.big {
	font-size: 160%;
	letter-spacing: 1px;
	font-weight: bold;
	text-decoration: underline;
}