/* --------------------------------------------------------------------------------
-																				-
-				Title: 			808 Race Hawaii										-
-				Author: 		Matt Kennedy     								-
-				Website: 		WebsiteBlue.com									-
-				Date:			June 22, 2010									-
-																				-
---------------------------------------------------------------------------------- */

@charset "utf-8";
/* CSS Document */

/*--css reset--*/
html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, code, img,
small, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
}
body {line-height:1;}
ol, ul {list-style:none;}
/*--end css reset--*/


/*=======================================================
	Body
=======================================================*/

body {
	font-family:Arial, Helvetica, Geneva, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#9c9c9c;
	background:#f6f6f6 url(../images/bg_body.jpg) no-repeat top center;
	margin:0;
	padding:0;
}

.wrap {
	width:960px;
	height:auto;
	margin:0 auto;
	position:relative;
}

/*=======================================================
	Header Navigation
=======================================================*/

.headerNav {
	width:256px;
	height:54px;
	/*float:left;
	margin:158px 0 0 438px;*/
	position:absolute;
	top:158px;
	left:438px;
}

.headerNav a {
	float:left;
	margin:0px 0 5px 9px;
	width:119px;
	height:13px;
	display:block;
}

a.nav_01 { background:url(../images/nav_01.jpg) no-repeat; }

a.nav_02 { background:url(../images/nav_02.jpg) no-repeat; }

a.nav_03 { background:url(../images/nav_03.jpg) no-repeat; }

a.nav_04 { background:url(../images/nav_04.jpg) no-repeat; }

a.nav_05 { background:url(../images/nav_05.jpg) no-repeat; }

a.nav_06 { background:url(../images/nav_06.jpg) no-repeat; }

a.nav_01:hover, a.nav_02:hover, a.nav_03:hover, a.nav_04:hover, a.nav_05:hover, a.nav_06:hover {
	background-position:0 -13px;
}

a.navActive {
	background-position:0 -13px;
}

a.link_readiness1a {
	width:325px;
	height:187px;
	position:absolute;
	top:95px;
	left:10px;
}

a.link_readiness1b {
	width:95px;
	height:70px;
	position:absolute;
	top:145px;
	left:335px;
}

/*=======================================================
	Download Entry Form Button
=======================================================*/

a.entry {
	width:105px;
	height:105px;
	position:absolute;
	top:35px;
	left:334px;
	display:block;
}

/*=======================================================
	Roundabout Carousel
=======================================================*/

.roundaboutContainer {
	width:960px;
	height:370px;
	float:left;
	margin:70px 0 0 0;
	position:relative;
	background:url(../images/bg_carousel.jpg) bottom center no-repeat;
}

#roundabout-previous {
	position:absolute;
	top:130px;
	left:82px;
}

#roundabout-next {
	position:absolute;
	top:130px;
	right:90px;
}

.roundabout-holder  { padding: 0; list-style:none;padding:0; margin:0;height: 331px; width: 40em; margin: 0 auto;}

.roundabout-moveable-item {
   cursor: pointer;		
}

.roundabout-in-focus { cursor: auto; }
	
.roundabout-moveable-item img {
	display:block;
	height:100%;
	width:100%;
}

.roundabout-moveable-item  {
	cursor:pointer;
	height:319px;
	width:404px;
}

/*=======================================================
	Calendar
=======================================================*/

.calendar {
	width:960px;
	height:125px;
	float:left;
	background:url(../images/bg_calendar.jpg) no-repeat;
}

	a.link_readiness2 {
		width:125px;
		height:125px;
		float:left;
		margin:0;
	}

	.calendar ul {
		margin:0;
	}

		.calendar ul li {
			float:left;
			background:url(../images/img_calendar-li.jpg) no-repeat 0px 4px;
			margin:28px 0 0 15px;
			padding:0 0 0 10px;
		}
	
			.calendar ul li p {
				color:#9c9c9c;
				font-size:12px;
				line-height:14px;
				font-weight:bold;
			}
		
				.calendar ul li p span {
					color:#ea2171;
				}
		
				.calendar ul li p a {
					color:#9c9c9c;
					font-weight:normal;
				}
		
					.calendar ul li p a:hover {
						text-decoration:none;
					}

.calendar2 {
	width:960px;
	height:144px;
	float:left;
	background:url(../images/bg_calendar2.jpg) no-repeat;
	margin:75px 0 0 0;
}

	.calendar2 ul {
		margin-top:29px;
	}

/*=======================================================
	Content
=======================================================*/

.contentAll {
	float:left;
	margin-top:212px;
	width:960px;
	height:auto;
	position:relative;
}

.content {
	width:960px;
	height:auto;
	float:left;
	margin:0;
}

	.content a {
		color:#9C9C9C;
	}

		.content a:hover {
			text-decoration:none;
		}

/*=======================================================
	Content - Main Section
=======================================================*/

.content-mainBG {
	width:690px;
	height:auto;
	float:left;
	margin:0;
	background:url(../images/bg_content-main.jpg) top left no-repeat;
}

	.content-main {
		width:630px;
		height:auto;
		float:left;
		margin:25px 0 0 30px;
	}

		.content-main-head {
			width:630px;
			height:125px;
			float:left;
			margin:0;
		}

			.content-main-headL {
				width:420px;
				height:125px;
				float:left;
				margin:0;
			}

				.content-main-headL h1 {
					width:420px;
					float:left;
					margin:0;
					text-transform:uppercase;
					letter-spacing:-1px;
				}
			
				h1.h1-date {
					font-size:42px;
					color:#aed136;
					line-height:30px;
				}
			
				h1.h1-name {
					font-size:22px;
					color:#929292;
					line-height:20px;
				}
			
				h1.h1-place {
					font-size:22px;
					color:#525252;
					line-height:20px;
				}

			.content-main-headR {
				width:210px;
				height:125px;
				float:left;
				margin:0;
			}
			
				.content-main-headR a {
					width:210px;
					height:41px;
					float:left;
					display:block;
					margin:0 0 10px 0;
				}
			
				a.signup {
					background:url(../images/btn_signup.jpg) no-repeat;
				}
			
				a.results {
					background:url(../images/btn_results.jpg) no-repeat;
				}
				
		.content-body {
			width:630px;
			height:auto;
			float:left;
			margin:0;
			padding:20px 0 0px 0;
			border-top:1px dashed #c2c2c2;
		}

			.content-body-col {
				width:300px;
				height:auto;
				float:left;
				margin:0;
			}

				.content-body-col img {
					float:left;
					margin:0 0 20px 0;
				}	

				.content-body-col p {
					float:left;
					margin:0 0 25px 0;
					text-align:left;
					color:#9c9c9c;
					font-size:12px;
					line-height:18px;
				}

				.content-body-col p.smlHead {
					float:left;
					font-size:16px;
					line-height:18px;
					font-weight:bold;
					margin:0 0 5px 0;
				}

			.content-body-space {
				width:30px;
				height:10px;
				float:left;
				margin:0;
			}

/*=======================================================
	Content - Side Section
=======================================================*/

.content-sideBG {
	width:270px;
	height:auto;
	float:left;
	margin:0;
	background:url(../images/bg_content-side.jpg) top left no-repeat;
}

	.content-side {
		width:240px;
		height:auto;
		float:left;
		margin:25px 0 0 20px;
	}

		.content-side h1.content-side-head, .content-side h1.content-side-foot {
			color:#d8d8d8;
			font-size:32px;
			line-height:28px;
			letter-spacing:-1px;
			text-transform:uppercase;
			margin:0 0 0 5px;
			float:left;
		}
	
			h1.content-side-head span, h1.content-side-foot span {
				color:#aed136;
			}
			
		.content-side ul {
			float:left;
			margin:0;
			border-bottom:1px solid #dddddd;
			width:240px;
			height:auto;
		}
			
			.content-side ul li {
				width:220px;
				height:auto;
				float:left;
				color:#9c9c9c;
				font-size:12px;
				line-height:14px;
				margin:0;
				padding:7px 0 9px 15px;
				border-top:1px solid #dddddd;
				background:url(../images/img_side-li.jpg) no-repeat 6px 12px;
			}
			
				.content-side ul li span {
					color:#ed1c24;
					font-size:11px;
				}
			
		.content-side h1.content-side-foot {
			font-size:22px;
			line-height:24px;
			margin:15px 0 0 5px;
		}

/*=======================================================
	Contact Us Form
=======================================================*/

.content-body form {
	width:575px;
	height:auto;
	float:left;
	margin:20px 0 0 25px;
}

	.formHolder {
		width:575px;
		height:auto;
		float:left;
		/*background:#efefef;*/
		margin:0 0 12px 0;
	}
	
		/*.formHeader {
			width:555px;
			height:37px;
			float:left;
			margin:0 0 15px 10px;
			border-bottom:1px solid #dadada;
		}
	
			.formHeader p {
				font-weight:bold;
				font-size:11px;
				text-transform:uppercase;
				line-height:37px;
				float:left;
				margin:0 0 0 10px;
				color:#000;
			}*/
			
			.formRow {
				width:555px;
				height:25px;
				float:left;
				margin:0 0 5px 20px;
			}
			
			/*.formRow2 {
				width:555px;
				height:68px;
				float:left;
				margin:0 0 5px 20px;
			}*/
			
			.formRow3 {
				width:555px;
				height:75px;
				float:left;
				margin:0 0 5px 20px;
			}
			
				.formRow-title {
					width:160px;
					height:25px;
					float:left;
					margin:0 0 5px 0;
				}
			
					.formRow-title p {
						line-height:25px;
						text-align:left;
					}
			
					.formRow-title input.submit {
						width:80px;
						height:25px;
						float:left;
						background:url(../images/btn_submit.png) no-repeat;
						margin:0 0 0 0;
						cursor:pointer;
						border:none;
					}
			
				.formRow-field {
					width:210px;
					height:25px;
					float:left;
					margin:0 0 5px 0;
				}
			
					.formRow-field input {
						width:201px;
						padding:4px 4px 5px 4px;
						font-size:12px;
						color:#636363;
						background:#FFF;
						border:1px solid #9C9C9C;
						border-top:1px solid #D9D9D9;
						border-left:1px solid #D9D9D9;
					}
			
					/*.formRow-field select {
						width:210px;
						padding:3px 4px 4px 4px;
						font-size:12px;
						color:#636363;
						background:#FFF;
						border:1px solid #cbcbcb;
						border-top:none;
						border-left:none;
					}
					
					.formRow-field select.select-short {
						width:102px;
					}*/
					
				/*.formRow-field2 {
					width:210px;
					height:68px;
					float:left;
					margin:0 0 5px 0;
					background:#99C;
					position:relative;
				}
			
					.formRow-field2 select {
						width:210px;
						padding:3px 4px 4px 4px;
						font-size:12px;
						color:#636363;
						background:#FFF;
						border:1px solid #cbcbcb;
						border-top:none;
						border-left:none;
						overflow:hidden;
					}
					
						
						.hidescroll {
							width:17px;
							height:67px;
							background:#FFF;
							position:absolute;
							top:0px;
							left:192px;
						}*/
						
				.formRow-field3 {
					width:210px;
					height:75px;
					float:left;
					margin:0 0 5px 0;
					background:#99C;
					position:relative;
				}
			
				.formRow-required {
					width:185px;
					height:25px;
					float:left;
					margin:0 0 5px 0;
				}
			
					.formRow-required span {
						line-height:25px;
						color:#F00;
						margin:0 0 0 20px;
					}
					
				.formRow-field3 textarea {
						width:201px;
						padding:3px 4px 4px 4px;
						font-size:12px;
						color:#636363;
						background:#FFF;
						border:1px solid #9C9C9C;
						border-top:1px solid #D9D9D9;
						border-left:1px solid #D9D9D9;
						float:left;
						height:67px;
						margin:0;
					}

/*=======================================================
	Links and Sponsors
=======================================================*/

.links {
	width:960px;
	height:37px;
	float:left;
	margin:19px 0 0 0;
	background:url(../images/bg_links.jpg) no-repeat;
	position:relative;
}
	
	.links a {
		position:absolute;
		top:0px;
		height:37px;
		display:block;
	}
		
		.link-01 { width:95px; left:590px; }
		.link-02 { width:100px; left:840px; }

.sponsors1 {
	width:960px;
	height:122px;
	float:left;
	margin:9px 0 0 0;
	background:url(../images/bg_sponsors1.jpg) no-repeat;
	position:relative;
}
	
	.sponsors1 a {
		position:absolute;
		top:30px;
		height:80px;
		display:block;
	}
		
		.sponsor-01 { width:80px; left:20px; }
		.sponsor-02 { width:130px; left:110px; }
		.sponsor-03 { width:145px; left:255px; }
		.sponsor-04 { width:240px; left:405px; }
		.sponsor-05 { width:130px; left:655px; }
		.sponsor-06 { width:155px; left:795px; }

.sponsors2 {
	width:960px;
	height:82px;
	float:left;
	margin:10px 0 0 0;
	background:url(../images/bg_sponsors2.jpg) no-repeat;
	position:relative;
}
	
	.sponsors2 a {
		position:absolute;
		top:30px;
		height:70px;
		display:block;
	}
		
		.sponsor-07 { width:35px; left:50px; }
		.sponsor-08 { width:90px; left:155px; }
		.sponsor-09 { width:50px; left:310px; }
		.sponsor-10 { width:60px; left:415px; }
		.sponsor-11 { width:155px; left:525px; }
		.sponsor-12 { width:55px; left:720px; }
		.sponsor-13 { width:85px; left:825px; }
		
.sponaviLogo {
	width:87px;
	height:29px;
	position:absolute;
	bottom:257px;
	left:410px;
	z-index:2;
}

/*=======================================================
	Footer
=======================================================*/

.footer {
	width:960px;
	height:30px;
	float:left;
	margin:0;
}

	.footer p {
		line-height:30px;
		text-align:center;
		font-size:11px;
		color:#cacaca;
	}
	
		.footer p a {
			color:#cacaca;
		}
		
			.footer p a:hover {
				text-decoration:none;
			}