html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/*** CYCLON STYLES START ***/




body {
	font:  75%/1.5 arial, helvetica, sans-serif; 
	color: #1c2222; 
	background: #fff url('../img/bg2.gif') top left repeat-x; 
}
p {
	font-size: 11pt;
	margin-bottom: 20px;
}
h1, h2, h3{
	font-weight: normal;
}
h1 { 
	font-size: 200%;
	margin-bottom: 10px;
}
h2 { 
	font-size: 160%; 
}
h3 { 
	font-size: 140%; 
}
h4 {
	font-size: 120%;
}
abbr, acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
 }

#wrapper { 
	width: 910px; 
	margin: 0 auto; 
	padding: 0 46px;
	/*background: transparent url('../img/blank-header-background.jpg') top left no-repeat;*/
}

/***** WRAPPER HEADER IMAGES *****/

.index-header{ 
	background: url('../img/header-images/index-header-image.jpg') top left no-repeat !important; 
}
.ride-his-header{
	background: url('../img/header-images/ride-his-header-image.jpg') top left no-repeat !important; 
}
.events-header{
	background: url('../img/header-images/events-header-image.jpg') top left no-repeat !important; 
}
.routes-header{
	background: url('../img/header-images/routes-header-image.jpg') top left no-repeat !important; 
}
.community-header{
	background: url('../img/header-images/community-header-image.jpg') top left no-repeat !important; 
}
.account-header{
	background: url('../img/header-images/account-header-image.jpg') top left no-repeat !important;
}
.login-header{
	background: url('../img/header-images/login-header-image.jpg') top left no-repeat !important;
}
.privacy-header{
	background: url('../img/header-images/privacy-header-image.jpg') top left no-repeat !important;
}
.terms-header{
	background: url('../img/header-images/terms-header-image.jpg') top left no-repeat !important;
}
.contact-header{
	background: url('../img/header-images/contact-header-image.jpg') top left no-repeat !important;
}
.blank-header{
	background: url('../img/header-images/blank-header-image.jpg') top left no-repeat !important;
}
.search-header{
	background: url('../img/header-images/search-header-image.jpg') top left no-repeat !important;
}

/***** HEADER *****/

#header { 
	background: #fff url('../img/nav-bar-background.gif') left bottom repeat-x; 
}
#header { 
	overflow: hidden; 
	width: 910px; 
	height: 93px;
}


/****** NAVIGATION ******/


#navigation li a {
	font-size: 13px; 
	text-decoration: none; 
	color: #45565a; 
	background: url('../img/menu-sep.gif') right center no-repeat; 
}
#navigation li.last a { 
	background: none; 
}
#navigation li a:hover , #navigation li a:focus , #navigation li.active a { 
	color: #fff; 
	background: #81b12c url('../img/nav-highlight.gif') right top repeat-x;
}
#logo { 
	float: left; 
	width: 164px; 
	height: 56px; 
	margin: 16px 0 0 23px; 
	display: inline; 
}
#navigation { 
	float: right; 
	padding-right: 15px; 
	max-width: 678px; 
	line-height: 93px;
}
#navigation li { 
	position: relative; 
	float: left; 
	display: block; 
	list-style: none; 
	margin: 0 -1px; 
}
#navigation li a { 
	display: block; 
	max-height: 93px; 
	padding: 0 16px; 
}


/******* INDEX PAGE ********/


div#headline{
	margin-left: 24px;
}
#intro-columns-container{
	background-color: #1c1919;
	border-top: 20px #1c1919 solid;
}
#intro-columns li {
	display: block;
	width: 174px;
	padding: 0 25px;
	border-right: 1px solid #999;
	min-height: 186px;
	float: left;
}
#intro-columns li.last { 
	border: none;
}
#intro-columns li h2 { 
	margin: 3px 0 0 0;
	line-height: 19px;
}
#intro-columns li p { 
	clear: both;
	padding: 20px 0 15px;
	margin-bottom: 0;
}

#intro-columns{
	background-color: #1c1919;
	color: #f1f1f1;
	min-height: 200px;
	margin-bottom: 20px;
}
#main-content{
	clear: both;
}
#intro-columns .intro-about{
	background: url(../img/orange-logo.gif) no-repeat top left;
	display: block;
	height: 30px;
	padding: 7px 0 0 45px;
}
#intro-columns .intro-routes{
	background: url(../img/blue-logo.gif) no-repeat top left;
	display: block;
	height: 30px;
	padding: 7px 0 0 45px;
}
#intro-columns .intro-community{
	background: url(../img/pink-logo.gif) no-repeat top left;
	display: block;
	height: 30px;
	padding: 7px 0 0 45px;
}
#intro-columns .intro-events{
	background: url(../img/green-logo.gif) no-repeat top left;
	display: block;
	height: 30px;
	padding: 7px 0 0 45px;
}
#intro-columns .intro-about a, #intro-columns .intro-routes a, #intro-columns .intro-community a, #intro-columns .intro-events a{
	text-decoration: none;
	font-weight: normal;
	font-size: 21px;
}
#intro-columns .intro-about a:hover, #intro-columns .intro-routes a:hover, #intro-columns .intro-community a:hover, #intro-columns .intro-events a:hover{
	text-decoration: underline;
}
#intro-columns .intro-about a{
	color: #f26522;
}
#intro-columns .intro-routes a{
	color: #00cccb;
}
#intro-columns .intro-community a{
	color: #fa0a62;
}
#intro-columns .intro-events a{
	color: #81b12c;
}
#main-content { 
	width: 100%;
	background-color: #fff;
	min-height: 280px;
	padding: 20px 0;
}
#main-content a{
	color: #00aeef;
	text-decoration: none;
}
#main-content a:hover{
	color: #ff9900;
}
#main-content a:visited{
	color: #ef6727;
}
#main-content h3{
	text-decoration: none;
	font-weight: normal;
	font-size: 21px;
}
#main-content h3 a{
	text-decoration: none;
	font-weight: normal;
	font-size: 21px;
	color: #f26522;
}
#main-content h3 a:hover{
	color: #ff9900;
}
#left-column{
	width: 183px;
	padding: 0 20px 0 22px;
	float: left;
	border-right: 1px solid #999;
}
#mid-column{
	width: 415px;
	padding: 0 9px 0 24px;
	float: left;
	border-right: 1px solid #999;
}
#right-column{
	width: 183px;
	padding: 0 20px 0 25px;
	float: left;
}
#launch-button span, 
#index-upload-button span{
	display: none;
}
#index-upload-button a{
	background: url(../img/index-upload-button.gif) top left no-repeat;
	height: 152px;
	width: 188px;
	display: block;
	cursor: pointer;
}
#launch-button a{
	background: url(../img/launch-button.gif) top right no-repeat;
	height: 152px;
	width: 405px;
	display: block;
	cursor: pointer;
}
#launch-button a:hover{
	background-position: top left !important;
} 
#index-upload-button a:hover{
	background-position: top right !important;
}



/***** ROUTES PAGE *****/

#interface{
	margin-left: -20px;	
}



/***** LAYOUT IMAGES *****/

#page-image{
	margin-left: -24px;
}



/***** SKIP CONTENT LINK *****/

#skip{
	display: none;
}



/***** MAIN PAGES STRUCTURE *****/

/* Header image for each page */
#inner-main-content-header-image{
	height: 275px;
}



/* Main content area */
#inner-main-content-container{
	width: 100%;
	background: white;
}
#inner-main-content-container a{
	color: #00aeef;
	text-decoration: none;
}
#inner-main-content-container a:hover{
	color: #ff9900;
}
#inner-main-content-container a:visited{
	color: #ef6727;
}

#inner-main-content{
	width: 640px;
	background: white;
	border-top: 10px #1c1919 solid;
	float: right;
	min-height: 500px;
	padding: 20px;
}
#breadcrumbs p{
	font-size: 110%;
}

/* Main content area sidebar */
#inner-main-sidebar{
	width: 230px;
	background: white;
	border-top: 10px #1c1919 solid;
	float: left;
	min-height: 500px;
	display: inline;
}
#search-login{
	background-color: #1c1919;
	height: 60px;
	padding: 10px 0 20px 20px;
	color: #f1f1f1;
}
#search-login form{
	margin-bottom: 20px;
}
#search-login legend{
	display: none;
}
#search-login a{
	color: #00aeef;
	text-decoration: none;
}
#search-login a:hover{
	color: #f1f1f1;
}
#search-login a:visited{
	color: #00aeef;
}

#inner-sidebar-content{
	background: url(../img/main-content-shadow.jpg) top right no-repeat;
	min-height: 320px;
	padding: 40px 0 0 20px;
}


/***** PRODUCT SIMULATION *****/
#product-simulation{
	height: 420px;
	
}


/***** SIDEBAR ******/
#inner-sidebar-content ul{
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px #aaaaaa solid;
	margin-right: 20px;
} 
#inner-sidebar-content ul li{
	border-top: 1px #aaaaaa solid;
	padding: 10px 0 10px 18px;
	background: url(../img/list-arrow.gif) 0 17px no-repeat;
}
#inner-sidebar-content ul li .unactive{
	color: #c5c5c5;
}

/***** RIDE HISTORY *****/
#buttons{
	margin: 0 auto;
}
#buttons li{
	cursor: pointer;
	color: #00aeef;
	display: inline;
}
#buttons .active{
	color: #000;
	font-size: 18px;
	font-weight: bold;
}
#buttons li span{
	color: #000;
	padding: 0 1px;
}
#buttons .active span{
	color: #000;
	font-size: 12px;
}
#buttons li:hover{
	color: #ff9900;
}

#panes {
	text-align: left;
	border-top: 1px #aaaaaa solid;
	width: 640px;
	margin: 0 auto 0 auto;
}

#panes div div {
  overflow: hidden;
  padding: 40px 5px 5px 5px;
}



/***** EVENTS PAGE *****/
.month-image, .events-flash{
	margin: 0 auto 0 auto;
	display: block;
}
.events-flash{
	height: 550px;
	
}

/***** ACCOUNT *****/

#upload-new-ride-button span,
#view-history-button span{
	display: none;
}
#upload-new-ride-button a{
	background: url(../img/upload-new-ride.gif) top right no-repeat;
	height: 132px;
	width: 312px;
	display: block;
	cursor: pointer;
}
#view-history-button a{
	background: url(../img/view-history-button.gif) top right no-repeat;
	height: 132px;
	display: block;
	width: 312px;
	cursor: pointer;
}
#view-history-button a:hover, 
#upload-new-ride-button a:hover{
	background-position: top left !important;
}
#upload-new-ride-button{
	float: left;
} 
#view-history-button{
	float: right;
}

/***** ROUTES *****/
#map-canvas{
	width: 640px;
	height: 500px;
}
#routes-your-form, 
#routes-last-form, 
#routes-date-form, 
#routes-search-form{
	margin-right: 20px;
	padding-bottom: 10px;
	width: 190px;
} 
#routes-last-form{
	margin-top: 253px;
}
#routes-last-form,
#routes-date-form, 
#routes-search-form{
	border-top: 1px #aaaaaa solid;
}
#routes-your-form legend,
#routes-last-form legend, 
#routes-date-form legend, 
#routes-search-form legend{
	display:none
}
#routes-your-form p, 
#routes-last-form p, 
#routes-date-form p, 
#routes-search-form p{
	padding: 10px 0 0 18px;
	background: url(../img/list-arrow.gif) 0 17px no-repeat;
	font-weight: bold;
	font-size: 14px;
}
#routes-your-form label, 
#routes-last-form label, 
#routes-date-form label, 
#routes-search-form label{
	float: left;
	padding-left: 18px;
} 
#routes-your-form input, 
#routes-last-form input, 
#routes-date-form input, 
#routes-search-form input{
	float: right;
}
#routes-date-form input, 
#routes-search-form input{
	margin-bottom: 10px;
}
.clear-routes{
	float: right;
	cursor: pointer;
}


/***** FORUM *****/
#forum li{
	padding: 10px;
}
#forum .alternate-forum-post{
	background-color: #fff;
	clear: right;
}
#forum .forum-post{
	background-color: #eef2f3;
	clear: right;

}
#forum li ul li{
	padding: 0;
	margin: 0 10px 0 0;
	display: inline;
	font-size: 11px;
	color: #888;
}
#forum li ul li span{
	color: #1e1e1e;
}
.forum-stars{
	float: right;
	position: relative;
	top: -14px;
	margin-bottom: -14px;
}

#forum-post-header{
	border-top: 1px #aaaaaa solid;
	border-bottom: 1px #aaaaaa solid;
	padding: 5px 0;
	height: 22px;
}
#forum-post-header .how-many-posts{
	float: left;
	font-weight: bold;
	color: #b7bcc0;
	font-size: 16px;
}
#forum-post-header .how-many-pages{
	float: right;
	font-weight: bold;
	color: #b7bcc0;
	font-size: 16px;
}
.forum-post-content{
	border-bottom: 1px #aaaaaa solid;
	margin-bottom: 20px;
}
.user-details{
	background: url(../img/user.gif) 0 5px no-repeat;
	padding-left: 53px;
	border-top: 1px white solid;
}
.user-details h4{
	float: left;
}
.date-posted{
	float: right;
	font-size: 12px;
	color: #a1a5a9;
}
.user-stats{
	font-size: 10px;
	color: #a1a5a9;
	position: relative;
	top: -20px;
}
.star-rating{
	border-bottom: none !important;
	margin-top: 150px;
}
#stars{
	margin-left: 18px;
}
.explain-ratings{
	display: block;
	padding: 0 0 10px 18px;
	margin: 10px 20px 0 0;
	border-bottom: 1px #aaaaaa solid;
}
#forum-post-form{
	padding: 20px;
	background-color: #dedeef;
	border: 1px solid #aaa;
}
#forum-post-form legend{
	display: none;
}
textarea {
	overflow:auto;
	width: 550px;
	height: 100px;
	margin-bottom: 10px;
}
#forum-post-form label{
	display: block;
	font-weight: bold;
}
#category-select,
#enter-topic{
	margin-bottom: 10px;
}
.cat-discription{
	margin: 0;
}


/***** LOGIN *****/
#login-logout legend{
	display: none;
}
#logout span,
#login-logout label{
	font-weight: bold;
}
#logout{
	padding: 20px;
	background-color: #dedeef;
	border: 1px solid #aaa;
}
#login-logout .text{
	margin-right: 20px;
}
#login-submit-button{
	display: block;
	margin-top: 20px;
}
.error{
	color: #d1240b !important;
	margin-bottom: 20px;
	font-weight: bold;
}

/***** CONTACT *****/

#contact-form{
	padding: 20px;
	background-color: #dedeef;
	border: 1px solid #aaa;
}
#contact-form legend{
	display: none;
}
#contact-form label{
	font-weight: bold;
	display: block;
}
#contact-form label span{
	font-size: 12px;
	font-style: italic;
}
#contact-form input{
	display: block;
	margin-bottom: 10px;
}

/***** SEARCH *****/
#search-box{
	padding: 20px;
	background-color: #dedeef;
	border: 1px solid #aaa;
}
#search-box legend{
	display: none;
}
#search-box label{
	font-weight: bold;
	display: block;
}
#search-box label span{
	font-size: 12px;
	font-style: italic;
}
#search-box input{
	display: block;
	margin-bottom: 10px;
}
#search-type li{
	display: inline;
	background-color: #dedeef;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	padding: 10px;
}

/***** FOOTER *****/
#footer{
	clear: both;
	background-color: #e2e2e2;
	padding: 20px;
	height: 15px;
	margin: 20px 0;	
}
#footer p{
	font-size: 12px;
	color: #426770;
}
#footer a{
	color: #426770;
	font-weight: bold;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}
#footer p.copyright{
	float: left;
}
#footer p.author{
	float: right;
}
#stars{
	
}

/***** CLEAR ******/
.clear{
	clear: both;
}

/***** RIGHT ******/
.right{
	float: right;
}