@charset "utf-8";
/* 

STYLE SHEET FOR HURRICANE MOTORSPORTS WEB SITE
developed by bluespace creative, Inc.
www.bluespacecreative.com

*/

/* --------- 1. defaults  --------- */

* {margin: 0; padding: 0;}

body {
	background: #101010 url(../images/home_body_bkg.gif) repeat-x top;
	font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
		}

/*  --------- 2. structure  --------- */

.wrapper {
	width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto -100px; /* the bottom margin is the negative value of the footer's height */
		}
		
#logo {
	float: left;
	margin-top: 37px;
		}
#logo h1 {
	background: url(../images/hurricane_logo.gif) no-repeat 37px top;
	height: 58px;
	width: 269px;
	text-indent: -9899px;
	padding-left: 37px;
}
		
#navContainer {
	float: left;
	margin-top: 37px;
	padding: 11px 0 0 31px;
		}
		
#flashContainer {
	clear: left;
	float: left;
	padding-top: 15px;
}

#myContent:focus {outline: none !important;}

#bottomCallouts {
	width: 915px;
	height: 155px;
	padding-left: 45px;
	float: left;
}

#bottomCallouts #calloutOne, #bottomCallouts #calloutTwo, #bottomCallouts #calloutThree {float: left !important; clear: none !important;}

#bottomCallouts #calloutOne {
	padding: 30px 34px 0px 0px;
	width: 282px;
	float: left;
}
#bottomCallouts #calloutTwo {
	width: 282px;
	height: 124px;
	background: url(../images/shop_hurricane.jpg) no-repeat left 17px;
	padding-right: 36px;
	padding-top: 13px;
	font-size: 10px;
}
#calloutTwo #shopText {
	padding-left: 14px;
	padding-top: 32px;
	line-height: 13px;
}
#calloutTwo #shopText a {
	color: #0972b9;
	text-decoration: none;
}
#calloutTwo #shopText a:hover {
	text-decoration: underline;
}
#bottomCallouts #calloutThree {
	padding-top: 31px;
	padding-left: 8px;
}
#bottomCallouts #calloutThree p {
	padding-bottom: 5px;
}
#calloutThree #signup {
	background: url(../images/signupBkg.gif) no-repeat;
	border-style: none;
	width: 150px;
	height: 24px;
	color: #949494;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 6px 12px 0 6px;
	display: block;
	overflow: hidden;
}

.separator {clear: both; height: 0;}

/* ---------- 3. links and navigation ---------- */

a {text-decoration: none; color: #0972b9;}
a:hover {text-decoration: underline;}

/* ---------- 4. fonts ---------- */

ul {list-style-type: none;}

/* ---------- 5. images ---------- */

a img {border: 0;}
		
/* ---------- 6. hacks ---------- */

body	{ /* IE 5 centring bug fix */text-align: center;}
.wrapper {text-align: left;} 
		
/* ---------- 7. footer  ---------- */

html, body {height: 100%;}

.footer, .push {height: 100px;	clear: both;}
.footer {
	background: #000;

		}
#footerContent {
	width: 923px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top: 25px;
	color: #4b4b4b;
	font-size: 10px;
	padding-left: 37px;
}

#footerContent a {color: #4B4B4B;}