@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/sec_body_bkg.gif) repeat-x top;
	font: 12px/18px 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;
	padding-left: 37px;
	}
		
#navContainer {
	float: left;
	margin-top: 37px;
	padding: 11px 0 0 31px;
		}
		
.content {
	clear: left;
	float: left;
	width: 960px;
	margin-top: 33px;
}

.content ul {padding-left: 18px; list-style: disc; padding-bottom: 8px;}
.content ol {padding-bottom: 12px; padding-left: 21px;}
.content ol li {padding-bottom: 4px;}
.content p {padding-bottom: 8px;}

.separator {
	clear: both;
	height: 0;
	line-height: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
}

/* ---------- 2a. 427 Roadster Section Pages ---------- */

.roadsterOverview .content {background: url(../images/c-bkg_roadster.jpg) no-repeat center top;}
.included .content {background: url(../images/c-bkg_no_image.jpg) no-repeat center top;}
.parts .content, .accessories .content {background: url(../images/c-bkg_no_image.jpg) no-repeat center top;}
.models .content {background: url(../images/c-bkg_models.jpg) no-repeat center top;}
.pricing .content {background: url(../images/c-bkg_order.jpg) no-repeat center top;}

.hm-2001 .content {background: url(../images/c-bkg_newfeatures.jpg) no-repeat center top;}
.perfect .content {background: url(../images/c-bkg_perfectStorm.jpg) no-repeat center top;}
.photos .content {background: url(../images/c-bkg_99gallery.jpg) no-repeat center top;}

.perfect  .halfCol {margin-bottom: 20px;}
.perfect .content .halfCol p {
	padding-right: 30px;
}


#featuresText {
	padding-top: 175px;
	float: left;
	width: 904px;
	padding-bottom: 25px;
	padding-left: 56px;
}
#perfectText {
	padding: 270px 35px 122px 717px;
}
#photoText {
	padding-top: 180px;
	padding-left: 70px;
	padding-right: 625px;
	height: 100px;
}
#navButtons {
	padding-left: 530px;
	padding-bottom: 80px;
	padding-top: 51px;
}


.halfCol {
	float: left;
	padding-left: 31px;
	width: 435px;
}
.container {
	background: #000;
	border: 1px solid #282827;
	width: 375px;
	padding: 25px;
}
.lastImg {
	margin-bottom: 25px;
	height: 115px;
}
.topMargin {
	margin-top: 35px;
	margin-bottom: 35px;
}


.featureImg {
	clear: left;
	float: left;
	margin-right: 15px;
}




#roadsterTitle {
	clear: left;
	float: left;
	width: 920px;
	padding-left: 37px;
	padding-top: 20px;
	padding-bottom: 30px;
}

#roadsterText {
	clear: left;
	float: left;
	width: 225px;
	padding-top: 140px;
	padding-left: 95px;
	height: 170px;
	padding-right: 640px;
}
#roadsterLeftContent {
	float: left;
	width: 565px;
	padding-left: 37px; 
}
#roadsterRightContent {
	float: left;
	width: 300px;
	padding-left: 37px;
}

#partsLeftContent {
	float: left;
	width: 565px;
	padding: 25px 0 0 37px; 
}
#partsRightContent {
	float: left;
	width: 300px;
	padding-left: 37px;
	padding-top: 25px;
}
#contentContainer {
	width: 960px;
	float: left;
	clear: left;
}

#sectionBar {
	background: #000;
	width: 530px;
	margin-top: 15px;
	margin-bottom: 15px;
	height: 16px;
	line-height: 14px;
	padding: 5px 10px;
}
#sectionBar p {
	float: left;
}
#sectionBar a {
	color: #FEBD11;
}
#sectionBar  p.rightLink {
	text-align: right !important;
	float: right;
}
#modelContent {
	width: 960px;
	clear: both;
	float: left;
	padding-bottom: 15px;
}

#standardColumn {
	float: left;
	width: 380px;
	padding-left: 40px;
	padding-top: 160px;
	padding-right: 60px;
	margin-top: 115px;
	border-right: 1px solid #333;
}

#streetCol {
	float: left;
	width: 390px;
	padding-left: 60px;
	padding-top: 160px;
	padding-right: 20px;
	margin-top: 115px;
}

#orderText {
	padding-left: 37px;
	float:left;
	clear: left;
	width: 395px;
	padding-top: 75px;
}

/* ---------- 2b. Gallery Section Pages ---------- */

.galleryHome .content {background: url(../images/c-bkg_gallery.jpg) no-repeat center top;}
.galleryHome2 .content {background: url(../images/c-bkg_gallery2.jpg) no-repeat center top;}
.galleryOwners .content {background: url(../images/c-bkg_Ownersgallery.jpg) no-repeat center top;}

#galleryContainer {padding-top: 400px;}

#topText {
	clear: left;
	float: left;
	width: 800px;
	padding-top: 35px;
	padding-left: 37px;
	height: 300px;
}
#galleryContainer {
	clear: both;
}


#galleryWindow {
	width: 925px;
	clear: left;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 35px;
}

#galleryWindowOwners {
	width: 540px;
	clear: left;
	float: left;
	padding: 0 80px 0 35px;
}

#rightWindow {
	width: 215px;
	background-color: #000;
	border: 1px solid #282827;
	float: left;
	padding: 28px;
	font-size: 11px;
	line-height: 14px;
}

#pagination {
	margin-bottom: 24px;
	clear: both;
	float: left;
	padding-top: 24px;
}

#pagination a {
	display: block;
	float: left;
	color: #FFF;
	margin-right: 8px;
	padding: 3px 9px;
}

.one a.one, .two a.two, .three a.three, .four a.four, .five a.five, .six a.six, .seven a.seven {background-color: #000 !important; color: #FFBE0A !important; }

/* ---------- 2d. Owners Section Pages ---------- */

#ownersText {
	clear: left;
	float: left;
	width: 365px;
	padding-top: 25px;
	padding-left: 37px;
	height: 272px;
}

#ownersText2 {
	clear: left;
	float: left;
	width: 455px;
	padding-top: 25px;
	padding-left: 37px;
}

#ownersTextSteps {
	clear: left;
	float: left;
	width: 600px;
	padding-top: 25px;
	padding-left: 37px;
} 
#ownersTextStepsRight {
	width: 286px;
	float: left;
	padding: 0 0 0 37px;
}

.overview .content {background: url(../images/c-bkg_owners.jpg) no-repeat center top;}


/* ---------- 2b. News Section Pages ---------- */

.newsHome .content {background: url(../images/c-bkg_news.jpg) no-repeat center top;}
.newsItem .content {background: url(../images/c-bkg_no_image.jpg) no-repeat center top;}

#newsText {
	clear: left;
	float: left;
	width: 255px;
	padding-top: 125px;
	padding-left: 75px;
	height: 154px;
	padding-right: 600px;
}

#newsLeftContent {
	float: left;
	width: 565px;
	padding-left: 37px; 
	padding-top: 35px;
}
#newsRightContent {
	float: left;
	width: 300px;
	padding-left: 37px;
	padding-top: 35px;
}


/* ---------- 2f. Contact Section Pages ---------- */

#contactText {
	clear: left;
	float: left;
	width: 365px;
	padding-top: 35px;
	padding-left: 37px;
	height: 250px;
}

.contactHome .content {background: url(../images/c-bkg_contact.jpg) no-repeat center top;}
.contactSignup .content {background: url(../images/c-bkg_no_image.jpg) no-repeat center top;}
#contactForm {
	float: left;
	width: 900px;
	background: #000;
	border: 1px solid #333;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 35px;
	margin-top: 0px;
	z-index: 100 !important;
}
#contactTable td {
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
} 
#formButtons { 
	float: left;
	clear: left;
	padding: 0px;
	margin: 30px 0px -1px 25px;
	z-index: 999 !important;
	width: 500px;
} 

#formButtons a {
	display: block;
	padding: 10px 10px 11px;
	background: #000;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #000;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	z-index: 1000 !important;
	float: left;
}
#formButtons a:hover {
	text-decoration: none;
	background: #333;
}


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

a {text-decoration: none; color: #398fe0;}
#textfield {}

a:hover {text-decoration: underline; color: #1e6fbb;} 

/* ---------- 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;}
#contactTable input {
	padding-top: 2px;
	padding-bottom: 2px; 
}

a.learnBtn {width: 101px; height: 28px; background: url(../images/learn_more_roll_btn.gif) no-repeat left top; display: block; text-indent: -9989px;}
a.learnBtn:hover {width: 101px; height: 28px; background: url(../images/learn_more_roll_btn.gif) no-repeat left bottom; display: block;}

a.learnBtn:focus {outline: none !important;}