﻿/*
---------------------------------------------
01. MAIN / DEFAULT ELEMENTS
---------------------------------------------
*/

body {
	background-color: #ffffff;
	color: #6A6A6A;
	font: normal 12px "Arial", "Helvetica", sans-serif; }
	
div, img, form, ul, h1, h2, h3, h4, .no {
	margin: 0;
	padding: 0;
	border: 0; }
	
.clear { clear: both; }
.tc { text-align: center; }
.tr { text-align: right; }

#wrapper {
	width: 815px;
	margin: 0 auto; }
	
/*
---------------------------------------------
02. TEXT / HEADINGS
---------------------------------------------
*/
			
a {
	text-decoration: underline;
	color: #951E20; }
	
	a:hover { text-decoration: none; }
	
h1 { height: 140px; }
	
	h1 a {
		display: block;
		height: 140px;
		width: 186px;
		outline: none;
		text-indent: -9999px;
		background: url("images/logo.gif") no-repeat; }
		
h2 {
	height: 23px;
	padding-top: 7px;
	color: white;
	font: bold 14px "Arial", "Helvetica", sans-serif;
	text-transform: uppercase;
	background-color: #550D11; }
	
	h2.alt { padding-left: 40px; }
	h2 span { text-transform: none; }
	
h3, h3 a {
	color: white;
	font: bold 14px "Arial", "Helvetica", sans-serif;
	text-transform: uppercase;
	text-decoration: none; }
	
	h3#try { margin-top: 95px; }
	
	h3#try a {
		outline: none;
		font-size: 36px;
		background: url("images/button_try.gif") center right no-repeat;
		padding-right: 40px; }
		
h4 {
	color: #550D11;
	font: bold 16px "Arial", "Helvetica", sans-serif;
	text-decoration: none; }
	
/*
---------------------------------------------
03. HEADER / MENU / FOOTER
---------------------------------------------
*/
	
#header {
	position: relative;
	height: 140px; }

#footer {
	clear: both;
	padding: 15px 0;
	font-size: 11px; }
	
	#footer p { margin: 5px 0; }

#user {
	position: absolute;
	top: 50px;
	right: 10px; }

#phone1 {
	position: absolute;
	top: 10px;
	right: 30px; }

		
#menu {
	position: absolute;
	bottom: 5px;
	right: 50px;
	list-style: none; }
	
#foot { list-style: none; }

	#menu li, #foot li {
		display: inline;
		padding: 0 15px; 
		border-right: 1px solid #8E8E8E; }
		
	#menu li.last, #foot li.last { border: 0px; }
	
	#menu li a, #foot li a {
		color: #6A6A6A;
		text-decoration: none; }
			
	#menu li a:hover, #foot li a:hover {
		text-decoration: underline;
		color: #951E20; }

	#foot li { padding: 0 5px; }
	#foot li.first { padding: 0 5px 0 0; }

/*
---------------------------------------------
04. CONTENT / HOME
---------------------------------------------
*/

#content {
	border: 1px solid #D8D8D8;
	border-top: 0px; }
	
	#content .in { margin: 20px 40px 30px 40px; }
	.bg { background: url("images/logo_bg.gif") center right no-repeat; }

#home { list-style: none; }
	
	#home li {
		border: 1px solid #D8D8D8;
		border-top: 0px;
		width: 198px;
		height: 230px;
		float: left;
		margin-right: 5px; }
	
	#home li.last { margin: 0px; }
	
	#home li p, #home li div {
		margin: 10px; }
	
/*
---------------------------------------------
05. HEADER SPLASH
---------------------------------------------
*/
	
#splash {
	height: 222px;
	margin: 10px 0 5px 0; }
	
	#splash div {
		width: 365px;
		background: url("images/header.gif") no-repeat;
		height: 220px;
		margin-left: 410px;
		padding: 1px 20px; }
	
	.head-home { background: url("images/header_home.jpg") top left no-repeat; }
	.head-about { background: url("images/header_aboutus.jpg") top left no-repeat; }
	.head-contact { background: url("images/header_contact.jpg") top left no-repeat; }
	.head-sponsors { background: url("images/header_sponsors.jpg") top left no-repeat; }
	.head-products { background: url("images/header_products.jpg") top left no-repeat; }
	.head-apparel { background: url("images/header_apparel.jpg") top left no-repeat; }	
	.head-policies { background: url("images/header_policies.jpg") top left no-repeat; }
	.head-testimony { background: url("images/header_testimonials.jpg") top left no-repeat; }
	.head-isogene { background: url("images/header_isogene.jpg") top left no-repeat; }
    .head-formula1 { background: url("images/header_formula1.jpg") top left no-repeat; }

/*
---------------------------------------------
06. OTHER
---------------------------------------------
*/
	
.testimonial {
	border: 1px solid #D8D8D8;
	padding: 5px 10px 0 10px;
	margin-bottom: 10px; }
	
.ul {
	margin: 5px 0 15px 25px;
	list-style: disc; }
	
.redText {
	color: #981E25;
	text-transform: uppercase; }
	
/*
---------------------------------------------
00. END
---------------------------------------------
*/