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

body {
	font:12px normal Arial, Helvetica, sans-serif;
	background: url(../images/page_bg.jpg) repeat-x 0 0;
	color:#666;
}
* {
	margin:0;
	padding:0
}
.clear {
	clear:both
}
fieldset {
	border:none
}
img {
	border:none
}
a {
	text-decoration:underline
}
a:hover {
	text-decoration:none
}
#wrapper {
	width:902px;
	margin:0 auto
}
#header {
	width:902px;
	float:left;
	background: url(../images/header_bg.jpg) no-repeat 0 0;
	height:132px;
}
#header .logo {
	float:left;
	padding:16px 0 0 20px
}
#header .contact_number {
	float:right;
	padding:55px 25px 0 0;
	font-size:18px;
	font-weight:bold;
	color:#333333;
	line-height:20px;
	font-style:italic
}
#menu {
	width:887px;
	float:left;
	margin:10px 0 10px 10px;
	height:33px;
	list-style:none
}

ul#menu li { float:left}

ul#menu li a {
		background:url(../../sprite.jpg) no-repeat scroll top left;
		display:block;
		height:34px;
		position:relative;
	}
	

	
	/* Span (on hover) - common attributes */
	ul#menu li a span {
		background:url(../../sprite.jpg) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
	}
	
	/* Span (on hover) - display pointer */
	ul#menu li a span:hover {
		cursor:pointer;
	}
	
	
	/* Specify width and background position attributes specifically for the class: "home" */
	ul#menu li a.team {
		width:107px;
	}
	
	/* Specify width and background position attributes specifically for the class: "portfolio" */
	ul#menu li a.programs {
		width:141px;
		background-position:-107px 0px;
	}
	
		
	/* Specify width and background position attributes specifically for the class: "portfolio" */
	ul#menu li a.testimonials {
		width:162px;
		background-position:-248px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "portfolio" */
	ul#menu li a.blog {
		width:105px;
		background-position:-411px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "portfolio" */
	ul#menu li a.resources {
		width:139px;
		background-position:-518px 0px;
	}
	
	
	/* Specify width and background position attributes specifically for the class: "portfolio" */
	ul#menu li a.wspt {
		width:100px;
		background-position:-658px 0px;
	}



	/* Specify width and background position attributes specifically for the class: "portfolio" */
	ul#menu li a.contact {
		width:133px;
		background-position:-758px 0px;
	}



	
	/* Shift background position on hover for the class: "home" */
	ul#menu li a.team span {
		background-position:0px -34px;
	}
	
	/* Shift background position on hover for the class: "portfolio" */
	ul#menu li a.programs span {
		background-position:-107px -34px;
	}
	
	/* Shift background position on hover for the class: "portfolio" */
	ul#menu li a.testimonials span {
		background-position:-248px -34px;
	}
	/* Shift background position on hover for the class: "portfolio" */
	ul#menu li a.blog span {
		background-position:-411px -34px;
	}

	/* Shift background position on hover for the class: "portfolio" */
	ul#menu li a.resources span {
		background-position:-518px -34px;
	}

	/* Specify width and background position attributes specifically for the class: "portfolio" */
	ul#menu li a.wspt span {
		background-position:-658px -34px;
	}


	/* Shift background position on hover for the class: "portfolio" */
	ul#menu li a.contact span {
		background-position:-758px -34px;
	}





#body_container {
	width:902px;
	float:left;
	padding:0 0 20px 0
}
#body_container .top_container {
	width:902px;
	float:left;
	background: url(../images/body_shadow_bg.png) repeat-y 0 0;
}
#body_container .top_container .content_container {
	width:846px;
	float:left;
	background: url(../images/body_top_curv.jpg) no-repeat 0 0;
	padding:30px 28px 20px 28px
}
#left_container {
	width:542px;
	float:left;
}
#left_container .details {
	width:542px;
	float:left;
}
#left_container .details .title {
	width:542px;
	float:left;
	color:#080906;
	font-size:24px;
	font-weight:normal;
	font-family:"Trebuchet MS";
	line-height:28px
}
#left_container .details .title span {
	width:542px;
	float:left;
	color:#0033cc;
	font-size:18px;
	font-weight:bold;
	font-family:"Trebuchet MS"
}
#left_container .details p {
	width:542px;
	float:left;
	line-height:16px;
	padding:7px 0 7px 0;
	text-align:justify
}
#right_container {
	width:250px;
	float:right;
	padding:0 20px 0 0
}
#right_container .form_container {
	width:240px;
	float:left;
	padding:10px 0 0 10px;
	background:url(../images/form_bg.jpg) no-repeat 0 0;
	height:71px
}
#right_container .form_container .newsletter_heading {
	width:240px;
	float:left;
	font:14px normal "Trebuchet MS";
	color:#999999;
	padding:0 0 10px 0;
	line-height:15px
}
#right_container .form_container .newsletter_heading span {
	color:#000000;
	font-weight:bold
}
#right_container .form_container .newsletter_heading form {
	width:240px;
	float:left;
	padding:0;
	margin:0
}
#right_container .form_container .input_container {
	width:162px;
	float:left;
	background:url(../images/input_bg.jpg) no-repeat 0 0;
	height:22px;
	padding:3px 5px 0 5px
}
#right_container .form_container .input_container .input {
	width:145px;
	float:left;
	border:none;
	background:none;
	height:22px
}
#right_container .form_container .button {
	float:left;
	padding:0 0 0 8px
}
#right_container .image_container {
	width:243px;
	float:left;
	padding:7px 0 0 7px;
	background:url(../images/race_img_bg.jpg) no-repeat 0 0;
	height:165px;
	margin:10px 0 0 0
}
#right_container .images {
	width:250px;
	float:left;
}
#right_container .images img {
	margin:10px 0 0 0
}
#body_container .bottom_curv {
	float:left;
}
#left_container_inner {
	width:846px;
	float:left;
}
#left_container_inner .details_inner {
	width:846px;
	float:left;
}
#left_container_inner .details_inner .title {
	width:846px;
	float:left;
	color:#080906;
	font-size:24px;
	font-weight:normal;
	font-family:"Trebuchet MS";
	line-height:28px
}
#left_container_inner .details_inner p {
	width:820px;
	float:left;
	line-height:16px;
	padding:7px 0 7px 0;
	text-align:justify
}
#footer_container {
	float:left;
	width:902px;
	padding:0 0 25px 0
}
#footer_container .links {
	float:right;
	padding:0 20px 0 0;
	font:11px normal "Trebuchet MS";
	text-align:right;
	text-transform:uppercase
}
#footer_container .links a {
	text-decoration:none;
	color:#5f5f5f;
	padding:0 4px 0 4px
}
#footer_container .links a:hover {
	text-decoration:none;
	color:#FFFFFF
}
#footer_container .copyright {
	float:left;
	color:#5f5f5f;
	padding:0 0 0 20px;
	font:11px normal "Trebuchet MS"
}