@CHARSET "UTF-8";

#why {
	width: 900px;
	height: 607px;
	position: relative;
	background: #000;
}

#why .nav {
	float: right;
	display: inline;
	width: 244px;
	height: 607px;
	background: #c0c0c0 url(/images/rideplus/why/bg_right_nav.png) no-repeat top left;
}

#why .content {
	width: 656px;
	height: 607px;
	float: left;
	display: inline;
}

#why .content h1 {
	margin: 0 0 5px 0;
	padding: 0;
	display: block;
}

#why .content p {
	margin: 0;
	padding: 0;
}

#why .content .section {
	width: 656px;
	height: 607px;
	position: absolute;
}

#why .content .section .copy {
	position: absolute;
	width: 250px;
}

#why .content .section .copy h1,
#why .content .section .copy h2 {
	float: none;
	text-transform: none;
	font-weight: 500;
	font-size: 2.5em;
	color: #000;
	margin-bottom: 8px;	
}

#why .content .section .copy p {
	color: #000;
	font-size: 1.2em;
}

#why .content #default .copy,
#why .content #farther .copy {
	top: 50px;
	left: 50px;
}

#why .content #flatter .copy,
#why .content #drier .copy,
#why .content #easier .copy {
	top: 50px;
	right: 50px;
}

#why .content #default {
	background: transparent url(/images/rideplus/why/bg_default.jpg) no-repeat top left;
	z-index: 1;
}

#why .content #farther {
	background: transparent url(/images/rideplus/why/bg_farther.jpg) no-repeat top left;
	z-index: 2;
}

#why .content #flatter {
	background: transparent url(/images/rideplus/why/bg_flatter.jpg) no-repeat top left;
	z-index: 2;
}

#why .content #drier {
	background: transparent url(/images/rideplus/why/bg_drier.jpg) no-repeat top left;
	z-index: 2;
}

#why .content #easier {
	background: transparent url(/images/rideplus/why/bg_easier.jpg) no-repeat top left;
	z-index: 2;
}

#why .nav ul {
	margin: 0;
	padding: 20px 0 0;
}

#why .nav li {
	list-style: none;
	clear: both;
	margin: 0;
	padding: 12px 20px;
	width: 204px;
	overflow: hidden;
}

#why .nav li.current {
	background: transparent url(/images/rideplus/why/bg_nav_current.gif) no-repeat left center;
	display: block;
}

#why[id] .nav li.current {
	display: table;
}

#why .nav li a {
	padding-left: 81px;
	padding-top: 25px;
	height: 38px;
	float: left;
	display: inline;
	font-size: 1.4em;
	font-family: "Century Gothic", Avant Garde, Century Gothic, 'ITC Avant Garde Gothic', Avant Garde Gothic, "Lucida Sans", Helvetica, Trebuchet, Arial, Sans;	
	font-weight: 500;
	text-decoration: none;
	color: #fff;
	width: 125px;
}

#why[id] .nav li a {
	padding-left: 81px;
	padding-top: 0;
	height: 62px;
	float: left;
	display: table-cell !important;
	vertical-align: middle;
	float: none;
	font-size: 1.4em;
	font-family: "Century Gothic", Avant Garde, Century Gothic, 'ITC Avant Garde Gothic', Avant Garde Gothic, "Lucida Sans", Helvetica, Trebuchet, Arial, Sans;	
	font-weight: 500;
	text-decoration: none;
	color: #fff;
	width: 125px;
}

#why .nav li a:hover {
	color: #000;
}

#why .nav li.current a {
	color: #f58220;
}

#why .nav li.current a span {
	display: inline;
	margin: 0;
	padding: 0;
}

#btn_default {
	background: transparent url(/images/rideplus/why/thumb_default.jpg) no-repeat left center; 
}

#btn_farther {
	background: transparent url(/images/rideplus/why/thumb_farther.jpg) no-repeat left center; 
}

#btn_flatter {
	background: transparent url(/images/rideplus/why/thumb_flatter.jpg) no-repeat left center; 
}

#btn_drier {
	background: transparent url(/images/rideplus/why/thumb_drier.jpg) no-repeat left center; 
}

#btn_easier {
	background: transparent url(/images/rideplus/why/thumb_easier.jpg) no-repeat left center; 
}