/*************** GENERAL ****************/

html{
	background-color:#000000;
}

body{
	margin:0px;
	padding:22px 0px;
	font-family:arial;
	background-color:#000000;
	text-align:center;
}

.clear-both{
	clear:both;
	font-size:0px;
	height:0px;
	line-height:0px;
}

#website{
	width:971px;
	text-align:left;
	margin:0px auto;
}

a img{
	border-width:0px;
}

h2{
	font-size:1.4em;
	margin:0px 0px 13px 0px;
}

p{
	margin:0px 0px 13px 0px;
	font-size:1.1em;
}

#content li{
	font-size:1.1em;
}

/*************** GENERAL ****************/


/************** BACKGROUNDS *************/
.home{
	background:url(../images/bg/home.jpg) center 0px no-repeat #000000;
	width:100%;
	height:710px;
}

.keyring{
	background:url(../images/bg/keyring.jpg) center 0px no-repeat #000000;
	width:100%;
}

.what-is-ghostlids{
	background:url(../images/bg/what-is-ghostlids.jpg) center 0px no-repeat #000000;
	width:100%;
}

.bike-maintenance{
	background:url(../images/bg/bike-maintenance.jpg) center 0px no-repeat #000000;
	width:100%;
}

.riding-tips{
	background:url(../images/bg/riding-tips.jpg) center 0px no-repeat #000000;
	width:100%;
}

.your-kit{
	background:url(../images/bg/your-kit.jpg) center 0px no-repeat #000000;
	width:100%;
}

.story{
	background:url(../images/bg/story.jpg) center 0px no-repeat #000000;
	width:100%;
}

.map #header{
	background:url(../images/header-bg.gif)  0px -30px #6a8cad repeat-x;
}

.map #content{
	padding-bottom:0px;
}
/************** BACKGROUNDS *************/


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

#header{
	position:relative;
}

#header #logo{
	padding:20px 0px 0px 0px;
	margin:0px 0px -25px 0px;
	z-index:1;
}

#header #main-nav{
	font-size:1.6em;
	font-weight:bold;
	z-index:2;
	position:relative;
	float:left;
}

#header #main-nav li a:link,
#header #main-nav li a:visited{
	color:#ffffff;
	text-decoration:none;
}


#header #main-nav li.active a,
#header #main-nav li a:hover{
	color:#ec1c24 !important;
}

#header #main-nav ul{
	padding:3px 10px 3px 20px;
	margin:0px;
	background-color:#000000;
	float:left;
}

#header #main-nav li{
	padding:0px;
	margin:0px 0px 0px 20px;
	float:left;
	list-style-type:none;
	display:inline;
}

#header #sub-nav{
	overflow:hidden;
	position:relative;
	width:100%;
	height:40px;
	left:0px;
	top:2px;
	float:left;
	margin:0px 0px -42px 0px;
}

#header .sub-nav-pos{
	position:absolute;
	top:0px;
	left:0px;
	background:url(../images/sub-nav-arrow.png) 40px 0px no-repeat;
	padding:5px 0px 0px 0px;
}

#header #sub-nav ul{
	padding:3px 10px 3px 0px;
	margin:0px;
	background-color:#000000;
	float:left;
	width:971px;
}

#header #sub-nav li{
	padding:0px;
	margin:0px 10px 0px 10px;
	float:left;
	list-style-type:none;
	display:inline;
}

#header #sub-nav{
	font-size:1.6em;
	font-weight:bold;
	z-index:2;
	float:left;
}

#header #sub-nav li a:link,
#header #sub-nav li a:visited{
	color:#ffffff;
	text-decoration:none;
}


#header #sub-nav li.active a,
#header #sub-nav li a:hover{
	color:#ec1c24 !important;
}


#header #sub-nav #safety{
	left:535px;
}

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


/*************** FOOTER *****************/
#footer{
	color:#999999;
}

#footer .footer-left{
	float:left;
	padding:50px 0px 0px 0px;
	font-size:1.2em;
}

#footer .footer-right{
	float:right;
	padding:20px 0px 0px 0px;
}

#footer .footer-left p{
	margin:0px;
}

#footer .footer-left a:link,
#footer .footer-left a:visited{
	color:#999999;
	text-decoration:none;
}

#footer .footer-left a:hover{
	text-decoration:underline;
}
/*************** FOOTER *****************/


/**************** COLS ******************/
.col-971{
	width:971px;
	float:left;
}

.col-610{
	width:610px;
	float:left;
}

.col-303{
	width:303px;
	float:left;
}

.col-298{
	width:298px;
	float:left;
}

.col-594{
	width:594px;
	float:left;
}
/**************** COLS ******************/


#content{
	padding:0px 0px 30px 0px;
}

#content a:link,
#content a:visited{
	color:#ec1c24;
	text-decoration:none;
	font-weight:bold;
}

#content a:hover{
	text-decoration:underline;
}

.home-links{
	margin:10px 0px 0px 40px;
}

.link-content{
	margin:0px 0px 20px 0px;
	float:left;
	width:490px;
	color:#ffffff;
	font-size:1.2em;
}

.link-content p{
	margin:0px 0px 6px 0px;
}

.link-content a{
	background:url(../images/white-arrow.gif) right no-repeat;
	padding:4px 30px 4px 0px;
	float:left;
}

.link-content a:link,
.link-content a:visited{
	color:#f60000;
	font-size:1.1em;
}

.warning{
	font-size:1.1em;
	color:#ffffff;
	font-weight:bold;
	margin:100px 0px 0px 42px;
}

.warning span{
	color:#ff0000;
}

.link-img{
	float:left;
	margin:0px 15px 0px 0px;
}

.quote{
	background-color:#ffffff;
	text-align:center;
	padding:10px 10px;
	margin:0px 0px 13px 0px;
}

.quote p.quote-txt{
	color:#ff3333;
	font-style:italic;
	font-weight:bold;
	font-size:1.3em;
}

.quote p{
	margin:0px;
}

.heading{
	position:absolute;
	top:-30px;
}
.black-opacity-294 .heading {
	left:15px;
}

.heading h1{
	margin:0px;
	display:block;
	overflow:hidden;
	text-indent:-1000px;
	width:252px;
	height:88px;
}

.home-heading{
	margin:40px 0px 0px 5px;
	display:block;
	overflow:hidden;
	text-indent:-1000px;
	width:489px;
	height:210px;
	background:url(../images/headings/home.gif) top left no-repeat;
}

.terms h1{
	background:url(../images/headings/terms.png) top left no-repeat;
}

.keyrings h1{
	width:319px;
	height:93px;
	background:url(../images/headings/keyring.png) top left no-repeat;
}

.kit h1{
	width:191px;
	height:76px;
	background:url(../images/headings/your-kit.png) top left no-repeat;
}

.what h1{
	width:252px;
	height:82px;
	background:url(../images/headings/what-is-ghostlids.png) top left no-repeat;
}

.riding h1{
	width:189px;
	height:77px;
	background:url(../images/headings/riding-tips.png) top left no-repeat;
}

.bike h1{
	width:254px;
	height:86px;
	background:url(../images/headings/bike-maintenance.png) top left no-repeat;
}

.safety-tips h1{
	width:233px;
	height:101px;
	background:url(../images/headings/safety-tips.png) top left no-repeat;
}

.crash h2{
	width:227px;
	height:82px;
	background:url(../images/headings/crash.png) top left no-repeat;
}

.tread h2{
	width:266px !important;
	height:87px;
	background:url(../images/headings/tread.png) top left no-repeat;
}

.story-head h1{
	width:306px;
	height:92px;
	background:url(../images/headings/story.png) top left no-repeat;
}

.red-grey-middle{
	background:url(../images/red-grey-middle.gif) top left repeat-y;
	width:201px;
	margin:0px 0px 20px 0px;
}

.red-grey-top{
	background:url(../images/red-grey-top.gif) top left no-repeat;
	width:201px;
}

.red-grey-bottom{
	background:url(../images/red-grey-bottom.gif) bottom left no-repeat;
	padding:10px 55px 10px 10px;
	position:relative;
}

.red-grey-bottom .img{
	position:absolute;
	right:-70px;
	top:-20px;
}

/**************** COLS ******************/
.black-opacity-294{
	background:url(../images/black-opacity.png) top left repeat-y;
	border:1px solid #636669;
	width:264px;
	min-height:596px;
	padding:56px 15px 16px;
	color:#FFFFFF;
	position:relative;
}

.black-opacity-607{
	background:url(../images/black-opacity-large.png) top left repeat-y;
	border:1px solid #636669;
	width:577px;
	padding:55px 15px 15px;
	color:#FFFFFF;
	position:relative;
}

.your-kit .black-opacity-607{
	padding-right:300px;
	width:277px;
	position:relative;
}

.your-kit .kit-img{
	position:absolute;
	right:10px;
	top:-20px;
}


.white-opacity-296{
	background:url(../images/white-opacity.png) top left repeat-y;
	border:1px solid #d0cbc2;
	width:266px;
	padding:55px 15px 15px 15px;
	position:relative;
}

.white-opacity-592{
	background:url(../images/white-opacity.png) top left repeat-y;
	border:1px solid #6f6f6a;
	width:532px;
	padding:30px;
	min-height:606px;
	position:relative;
}

.white-opacity-content-350{
	width:350px;
}
/**************** COLS ******************/


.margin-top-65{
	margin-top:65px;
	display:inline;
}

.margin-top-35{
	margin-top:35px;
	display:inline;
}

.margin-top-30{
	margin-top:30px;
}

.margin-top-10{
	margin-top:10px;
	display:inline;
}

.margin-left-10{
	margin-left:10px;
	display:inline;
}

.margin-left-13{
	margin-left:13px;
	display:inline;
}

.margin-left-30{
	margin-left:30px;
	display:inline;
}

.padding-top-70{
	padding-top:70px;
}

.margin-right-10{
	margin-right:20px !important;
}

/**************** MAP *******************/
#map{
	width:971px;
	height:587px;
}

.disclaimer{
	background-color:#666666;
	color:#cccccc !important;
	padding:15px 20px 10px 20px;
	font-size:0.9em;
}
/**************** MAP *******************/


/************ EQUAL HEIGHT **************/


.two-col,
.three-col {
    float:left;
    width:920px;
    background:url(../images/white-opacity-3-col.png) top left repeat-y;
	margin-top:25px;
}

.two-col{
	width:620px;
}

.col-bottom{
	background:url(../images/white-opacity-3-col-bottom.png) bottom left no-repeat;
}

.two-col .col-298,
.three-col .col-298{
	position:relative;
	min-height:100px;
	padding:20px 0px 0px 0px;
}

.two-col .text,
.three-col .text{
	padding:5px 12px 15px 12px;
}


.two-col .text a:link,
.two-col .text a:visited,
.three-col .text a:link,
.three-col .text a:visited{
	font-weight:normal !important;
	text-decoration:underline !important;
}

.three-col .text a:hover{
	text-decoration:none !important;
}

.two-col .text a.arrow:link,
.two-col .text a.arrow:visited,
.three-col .text a.arrow:link,
.three-col .text a.arrow:visited{
	font-weight:bold !important;
	text-decoration:none !important;
	font-size:1.2em;
	background:url(../images/arrow-light.gif) right no-repeat;
	padding:4px 30px 4px 0px;
}

.three-col .text a.arrow:hover{
	text-decoration:underline !important;
}


.two-col .heading,
.three-col .heading{
	width:285px;
	height:22px;
	background:url(../images/headings/generic.png) top left no-repeat;
	text-transform:uppercase;
	color:#ffffff;
	font-size:1.4em;
	font-weight:bold;
	top:-17px;
	padding:11px;
}

.two-col .img,
.three-col .img{
	float:left;
	margin:0px 15px 15px 0px;
}


.col2{
	margin-left:13px;
}

.col3{
	margin-left:13px;
}

/************ EQUAL HEIGHT **************/


/************** KEYRING *****************/
.keyring fieldset,
.story fieldset{
	border-left:1px solid #ff3333;
	border-right:1px solid #ff3333;
	border-bottom:1px solid #ff3333;
	border-top:0px solid #ff3333;
	background-color:#666666;
	padding:10px 20px;
	position:relative !important;
}

.keyring fieldset ul,
.story fieldset ul{
	margin:0px;
	padding:0px;
}

.keyring fieldset li,
.story fieldset li{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.keyring fieldset label,
.story fieldset label{
	color:#ffffff;
	font-weight:bold;
	width:210px;
	display:block;
	margin:8px 0px 3px 0px;
}

.keyring fieldset .dob{
	display:none !important;
}

.keyring fieldset .left,
.story fieldset .left{
	float:left;
	width:210px;
}

.keyring fieldset .right{
	float:left;
	width:210px;
}

.story fieldset .right{
	float:left;
	width:255px;
}

.story fieldset textarea{
	height:190px;
	width:255px;
}

.story fieldset #form_signup{
	width:15px;
	border:0px solid #ffffff;
	float:left;
	margin:0px 10px 0px 0px;
}

.story fieldset .last{
	margin:20px 0px 0px 0px;
}

.story fieldset .last label{
	float:left;
	width:180px;
	margin:0px 0px 0px 0px;
}

fieldset label span{
	font-weight: normal;
}

.keyring fieldset input,
.story fieldset input{
	width:210px;
	border:1px solid #a5acb2;
}

.error{
	color:#ff3333 !important;
}

.btn-submit{
	width:170px !important;
	height:45px;
	border:0px solid #ffffff !important;
	margin:10px 0px 0px -8px;
}

.form-title{
	border-left:1px solid #ff3333;
	border-right:1px solid #ff3333;
	border-top:1px solid #ff3333;
	background-color:#333333;
	padding:7px 15px;
}

.form-title img{
	display:block;
}

.keyring .white-opacity-592,
.story .white-opacity-592{
	min-height:0px !important;
}

.keyring-img{
	position:absolute;
	top:-20px;
	right:30px;
}

.req-text{
	position:absolute;
	bottom:35px;
	right:45px;
	color:#ffffff;
}

/************** KEYRING *****************/

/************ SAFETY TIPS ***************/

.safety .black-opacity-294,
.story .black-opacity-294{
	min-height:0px;
}

.safety .black-opacity-294 p,
.story .black-opacity-294 p {
	margin-bottom:0;
}

.safety .white-opacity-592{
	min-height:0px;
}

.safety{
	background:url(../images/bg/safety.jpg) center 0px no-repeat #000000;
	width:100%;
}

.safety ol{
	padding:0px;
	margin:0px;	
	position:relative;
}

.safety li{
	padding:0px 0px 0px 58px;
	margin:0px;	
	list-style-type: none;
	background:transparent 12px 0 no-repeat;
}
.safety li.one {
	background-image:url(../images/number-1.gif);
}
.safety li.two {
	background-image:url(../images/number-2.gif);
}
.safety li.three {
	background-image:url(../images/number-3.gif);
}

.safety h3,
.story h3{
	font-size: 1.2em;
	margin:0px 0px 3px 0px;
}

.safety .arrow,
.story .arrow{
	float:right;
	padding:4px 30px 5px 0px;
	background:url(../images/arrow-dark.gif) right no-repeat;
	white-space:nowrap;
}

.safety-img{
	float:left;
	margin:0px 10px 0px 0px;	
}

.heading h2{
	margin:0px;
	display:block;
	overflow:hidden;
	text-indent:-1000px;
	width:252px;
	height:88px;
}

.what h2{
	width:252px;
	height:82px;
	background:url(../images/headings/what-is-ghostlids.png) top left no-repeat;
}

.riding h2{
	width:189px;
	height:77px;
	background:url(../images/headings/riding-tips-white.png) top left no-repeat;
}

.maintenance h2{
	width:189px;
	height:77px;
	background:url(../images/headings/maintenance.png) top left no-repeat;
}

.kit h2{
	width:191px;
	height:76px;
	background:url(../images/headings/your-kit.png) top left no-repeat;
}

/************ SAFETY TIPS ***************/