/* CSS Document for Single Track Minded*/

/*Universal Zero and other html tags*/
*{*:0; margin: 0; padding: 0;}
a:link{color:#000000; text-decoration:none;}
a:hover{color:#990000; text-decoration:underline;}
a:visited{color:#000000; text-decoration:none;}
li{margin-left: 15px; padding-left: 5px;}
h1{font-size:1.8em; font-weight:normal; line-height:1.2em; color:#990000; padding: 5px 0;}
h2{font-size:1.4em; font-weight:normal; color:#990000; padding-bottom:5px;}
h3{font-size:1.2em; font-weight:normal; color:#990000; padding-bottom:5px;}
h4{font-size:2.5em; font-weight:normal; color:#990000; padding-bottom:15px;}
h5{font-size:2em; font-weight:normal; color:#990000; padding-bottom:10px; padding-left:5px;} /*h4 is my large header. yes, i'm a bad boy. should be h1*/

h2 a{font-size:0.9em;}
h2 a:link{ text-decoration: underline; color:#000000;}
h2 a:visited{ text-decoration: underline; color:#000000;}
h2 a:hover{ text-decoration: underline; color:#990000;}

/*Set Site font size and family*/
body{font-size:62.5%; font-family:Arial, Helvetica, sans-serif; background-image:url(pics/bg_grad.html); background-repeat:repeat-x; background-color: #8a0404;}

/*Site*/
#site{width: 1020px; height: 100%; margin: 0 auto; background:url(../pics/drop_bg.gif); font-size:1em;}

/*Wrapper*/
#site-wrapper{
	width: 800px;
	height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} /*Decleration for Footer wrapper found in Footer section*/
#wrapper{height: auto; margin: 0px; padding-top:20px; background: #FFFFFF; width: 800px;}
#wrapper-large{height: 1200px; margin: 0px; padding-top:20px; background: #FFFFFF;}
#site-wrapper-large{width: 800px; margin: 0 auto;}/*The gallery page height increase*/
#wrapper-gallery{margin: 0px; padding-top:20px; background: #FFFFFF;}
#site-wrapper-supplements{width: 800px; margin: 0 auto;}
#wrapper-supplements{height: 7000px; margin: 0px; padding-top:20px; background: #FFFFFF;}
#site-wrapper-supplements2{width: 800px; margin: 0 auto;}
#wrapper-supplements2{height: 4000px; margin: 0px; padding-top:20px; background: #FFFFFF;}


/*Header and Flash Menu*/
#header-flash{width: 800px; height: 100px; background:#FFFFFF;}
#site-nav-flash{width: 800px; height: 50px; background:#FFFFFF;}

/*Slide Show*/
.slide-show{width: 790px; height: 300px; margin: 5px;}

/*Footer*/
#footer-wrapper{width: 1020px; height: 270px; margin:0 auto; background-image:url(../pics/drop_bg.gif);}
#footer{width: 800px; margin: 0 auto; font-size:1.2em;}
.footer-biker{width: 253px; height: 270px; margin-left: 630px; z-index:900; position:absolute;}/*This is a very nasty CSS hackery around the z-indexing problem with IE7. Naturally Firefox worked perfectly without the work around.*/
#footer-content{width: 800px; height: 200px; margin: 0 auto; background:url(../pics/foot_bg.gif) repeat-x; line-height: 1.5em; /*-moz-border-radius-bottomleft: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-radius-bottomleft: 20px; -webkit-border-radius-bottomright: 20px;*/}
.footer-siteindex{width: 700px; height: 70px; margin-left: 15px;}
.footer-siteindex-big{font-size: 1.4em; line-height: 1.6em;}
.footer-copywrite-requirements{width: 210px; height: 120px; margin-left: 15px; margin-top:12px; float: left;}
#footer-bottom{width: 1020px; height:70px; margin: 0 auto; background:url(../pics/footer_btm.gif);}

/*Construction pages*/
#header-and-body-wrapper-construction{width:800px; height:730px;  margin:0 auto;}
#body-wrapper-construction{height: 620px; margin: 0px; padding:15px; font-size:1.2em; line-height: 1.4em; background:url(../images/bg_top.html) #FFFFFF no-repeat;}
#construct-image{height: 400px; width: 330px; border: solid 1px #333333; margin-left: 15px; padding: 3px; float:left;}
#contruct-text{height: 533px; width: 390px; float: right; font-size:1.2em;}
#contruct-text-big{font-size: 1.2em; line-height:1em; color:#990000;}
#contruct-text-big-tours{font-size: 2.5em; line-height:1em; color:#990000; padding-top:15px; padding-bottom:15px;}

/*Content Blocks*/
#content-blocks{width: 790px; height: 625px; margin: 0 5px;}
.block-01{width: 385px; height:300px; margin: 5px 5px; float:left; background:#FFF;}
.block-02{width: 385px; height:300px; margin: 5px 5px; float:right; background:#FFF;}
.block-03{width: 385px; height:300px; margin: 5px 5px; float:left; background:#FFF;}
.block-04{width: 385px; height:300px; margin: 5px 5px; float:right; background:#FFF;} 
.block-header{width: 385px; height: 50px; background-image:url(pics/header_grad.html);}
.block-image{width: 375px; height: 100px; margin: 5px auto; background: #CCCCCC;}
.block-header-text{width: 300px; height: 30px; padding: 10px; font-size: 1.7em; color: #FFFFFF;}
.block-text{width: 375px; height: 115px; margin: 5px auto; line-height:1.3em; padding:0 5px;}
.block-readmore{width: 100px; height: 15px; float: right; font-size: 1.2em;}

/*About page*/
#about-image{width: 750px; height: 250px; margin:0 auto; padding: 2px; background-color:#FFFFFF; border: solid 1px #333333;}
#about-content{width: 750px; margin: 0 auto; font-size:1.2em; line-height: 1.4em;}
.about-block{width: 300px; margin: 10px 0; float: left;}
.about-block2{width:100%; margin: 5px 0; float: left;}

/*Coaching page*/
#header-and-body-wrapper-coaching{width:800px; height:1600px;  margin:0 auto;}
#body-wrapper-coaching{height: 100%; margin: 0px; padding:15px; font-size:1.2em; line-height: 1.4em; background:url(../images/bg_top.html) #FFFFFF no-repeat;}
.coaching-image{width:300px; height:200px; margin-left: 0; margin-right: 10px; margin-top: 5px; margin-bottom: 5px; padding: 2px; float:left; border:solid #333333 1px;}
.coaching-title{font-size: 2em; padding-bottom:15px; padding-top:2px; color:#333333;}
#coaching-kids{margin-top: 15px; margin-bottom: 25px; margin-left: 15px; margin-right: 15px; font-size: 1.2em;}
#coaching-kids li{margin-left:330px;}
#coaching-drops{margin-top: 25px; margin-bottom: 65px; margin-left: 15px; margin-right: 15px; font-size: 1.2em;}
#coaching-drops li{margin-left:330px;} /*Yes, I know. It's a very nasty and dirty hack.*/
#coaching-single{margin-top: 25px; margin-bottom: 25px; margin-left: 15px; margin-right: 15px; font-size: 1.2em;}
#coaching-single li{margin-left:330px;}
#coaching-image-trick{height:400px; width:320px; float:left;}

/*Gallery page*/
#header-and-body-wrapper-gallery{width: 800px; height:1250px; margin: 0 auto;}
#gallery-content{height: 100%; width: 750px; margin: 0 auto;}
.gallery-set-title{ font-size:1.8em; color:#990000; padding:10px; padding-left:25px;}
.gallery-set-content{ width:100%; height:500px;}
.gallery-set-image{width: 150px; height: 100px; margin: 5px; margin-left:22px; padding:2px; float:left; border: solid 1px #666666; background: url(../images/loading.gif)#FFFFFF no-repeat center;}
.gallery-set-image:hover{border:solid #990000 1px;}
.gallery-download-link{float: right; padding-right:25px;}

/*Preloader*/
.gallery-preloader{display:none;}

/*Removes border around image links*/
*|*:-moz-any-link img, img[usemap], object[usemap] {border:0;}
img{border:0;}

/*Tours page*/
#tours-header{width: 100%; padding:10px; font-size:1.8em; line-height:1.2em;}
#tours-header-image{width: 750px; height: 250px; margin:0 auto; padding: 2px; background-color:#FFFFFF; border: solid 1px #333333;}
#body-wrapper-tours{height:900px; margin: 0px; padding-top:20px; background:url(../images/bg_top.html) #FFFFFF no-repeat;}
#header-and-body-wrapper-tours{width: 800px; height: 1350px; margin: 0 auto; }
#tours-content{width: 750px; height: 100%; margin: 0 auto; font-size:1.2em; line-height: 1.4em;}
.tours-header-small{font-size:1.2em; color:#990000;}
.tours-content-block-1{width: 300px; height: 100px; margin: 5px 10px;}
.tours-content-block-2{width: 350px; height: 100px; margin: 5px 10px; float: left;}
.tours-content-block-3{width: 350px; height: 100px; margin: 5px 10px; float: right;}
.tours-content-block-4{width: 730px; height: 100px; margin: 5px 10px; float: right;}

/*Contact page*/
#header-and-body-wrapper-contact{width: 800px; height: 850px; margin: 0 auto; }
#contact-image{width: 300px; height: 236px; margin-left: 15px; padding:2px; float:left; background:#FFFFFF; border: solid 1px #333333;}
#body-wrapper-contact{height:100%; margin: 0px; padding:20px; font-size:1.2em; line-height: 1.4em; background:url(../images/bg_top.html) #FFFFFF no-repeat;}
#contact-text-big{font-size: 2.2em; line-height:1em; color:#990000;}
#contact-details{width: 420px; height: 300px; margin-left:20px; float:left; font-size:1.2em;}
#contact-header{font-size:1.5em;}
#contact-form-left{width: 120px; height: 500px; float:left; margin-left:15px; font-size:1.2em;}
#contact-form-right{width: 300px; height: 500px; float:left; font-size:1.2em;}
#contact-form-left br{line-height: 18px;}
/*Contact Form*/
#contact-form{font-size:1.3em;}

/*Bike Maintenace page*/
#maint-content{height: 100%; width: 750px; margin: 0 auto; font-size:1.2em;}
#maint-title{font-size: 2em; padding-bottom:15px; padding-top:2px; color:#333333;}
#body-wrapper-maint{height: 100%; margin: 0px; padding:15px; font-size:1.2em; line-height: 1.4em; background:url(../images/bg_top.html) #FFFFFF no-repeat;}
#maint-image{width: 350px; height:297px; float: left; border: #333333 solid 1px; background:#FFFFFF; padding: 2px;}
#maint-content-wrapper{width: 370px; height:300px; float:right;}

/*amaAngels*/
#angels-content{width: 750px; height: 100%; margin: 0 auto; font-size:1.2em; line-height: 1.4em;}
#angels-title{font-size:2em; color:#CC33CC; padding-bottom:15px; padding-top:10px;}
#angels-image{width: 300px; height: 255px; padding:2px; float:left; border: solid 1px #CC33CC; background:#FFFFFF;}
#angels-text-list{width: 400px; float:right;}
#angels-text{width:100%; height:400px; margin:20px auto; float:left;}

/*Supplements*/
#supplements-content{height: 100%; width: 750px; margin: 0 auto;}
#supplements-content p{font-size:1.4em; letter-spacing:0.03em;}
.supplements-block{height: 250px; width: 750px; margin: 15px 15px 15px 0; position:inherit;/* background-color:#FF9900;*/}
.supplements-image{height: 200px; width: 250px; float: right; margin: 0 15px 5px 20px; padding: 2px; border: solid 1px #666666; background: url(../images/loading.gif)#FFFFFF no-repeat center;}
#supplements-bmax{height:; width: 750px;  margin: 15px 15px 15px 0; position:inherit;}
.supplements-block-bmax{height: 270px; width: 750px; margin: 15px 15px 15px 0; position:inherit;/* background-color:#FF9900;*/}
#supplements-block-bmax-banner{height: 310px; width: 700px; margin-top: 5px; position:inherit;/* background-color:#FF9900;*/}
#supplements-bmax ul{font-size: 1.5em; list-style:none;}
#supplements-bmax li{padding-left:0; margin-left:0; margin-bottom: 7px;}


/*supplements_order*/
#header-and-body-wrapper-supplements_order{width: 800px; height: 100%; margin: 0 auto; }
#supplements_order-image{width: 300px; height: 236px; margin-left: 15px; padding:2px; float:center; background:#FFFFFF; border: solid 1px #333333;}
#body-wrapper-supplements_order{height:100%; margin: 0px; padding:20px; font-size:1.2em; line-height: 1.4em; background:url(../images/bg_top.html) #FFFFFF no-repeat;}
#supplements_order-text-big{font-size: 2.2em; line-height:1em; color:#990000;}
#supplements_order-details{width: 420px; height: 300px; margin-left:20px; float:left; font-size:1.2em;}
#supplements_order-header{font-size:1.5em;}
#supplements_order-form-left{width: 120px; height: 500px; float:left; margin-left:15px; font-size:1.2em;}
#supplements_order-form-right{width: 300px; height: 500px; float:left; font-size:1.2em;}
#supplements_order-form-left br{line-height: 18px;}



/*supplements_order2*/
#header-and-body-wrapper-supplements_order2{width: 800px; height: 100%; margin: 0 auto; }
#supplements_order2-image{width: 300px; height: 236px; margin-left: 15px; padding:2px; float:center; background:#FFFFFF; border: solid 1px #333333;}
#body-wrapper-supplements_order2{height:100%; margin: 0px; padding:20px; font-size:1.2em; line-height: 1.4em; background:url(../images/bg_top.html) #FFFFFF no-repeat;}
#supplements_order2-text-big{font-size: 2.2em; line-height:1em; color:#990000;}
#supplements_order2-details{width: 420px; height: 300px; margin-left:20px; float:left; font-size:1.2em;}
#supplements_order2-header{font-size:1.5em;}
#supplements_order2-form-left{width: 120px; height: 500px; float:left; margin-left:15px; font-size:1.2em;}
#supplements_order2-form-right{width: 300px; height: 500px; float:left; font-size:1.2em;}
#supplements_order2-form-left br{line-height: 18px;}



/*supplements_order3*/
#header-and-body-wrapper-supplements_order3{width: 800px; height: 100%; margin: 0 auto; }
#supplements_order3-image{width: 300px; height: 236px; margin-left: 15px; padding:2px; float:center; background:#FFFFFF; border: solid 1px #333333;}
#body-wrapper-supplements_order3{height:100%; margin: 0px; padding:20px; font-size:1.2em; line-height: 1.4em; background:url(../images/bg_top.html) #FFFFFF no-repeat;}
#supplements_order3-text-big{font-size: 2.2em; line-height:1em; color:#990000;}
#supplements_order3-details{width: 420px; height: 300px; margin-left:20px; float:left; font-size:1.2em;}
#supplements_order3-header{font-size:1.5em;}
#supplements_order3-form-left{width: 120px; height: 500px; float:left; margin-left:15px; font-size:1.2em;}
#supplements_order3-form-right{width: 300px; height: 500px; float:left; font-size:1.2em;}
#supplements_order3-form-left br{line-height: 18px;}


/* Tours */
#supplements-content2{height: 100%; width: 750px; margin: 0 auto;}