/*
Authored by the Tombras Group, www{dot}tombras{dot}com 

ROUGH TOC:
- Essential
- Sandbox
- Structural Items by order in document
- Typographic Items
- Forms
*/

/*
----------------------------------------------------------------------------- 
ESSENTIAL
-----------------------------------------------------------------------------*/

html { 
height: 100%; margin-bottom: 1px; 
}

body {
margin: 0;
padding: 0;
font: 12px/20px Verdana, sans-serif;
color: #5A5A5A;
height: 100%;
background: #000;
}

body * {margin: 0;padding: 0;}

p,h1,h2,h3,h4,h5,h6,li,td,dt,dd { font-size: 12px; font-weight: normal; }
p,h1,h2,h3,h4,ul,ol,dl,blockquote,pre { margin-bottom: 15px; }

a {color: #3f3f3f;text-decoration: none; outline: none;}
a:visited {color: #3f3f3f;}
a:hover {color: #000;}

a.external{
background: url(../images/external.gif) no-repeat right center;
padding-right: 12px;
}

ul,ol,dl{list-style-type: none;}

img { border: none; }

.clearfix:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
}

a.print-me{
background: url(_images/printer-icon.gif) no-repeat right center;
padding-right: 20px;
}

a.pdf{
background: url(../images/pdf-icon.gif) no-repeat right center;
padding-right: 20px;
}

.flt-right{
float: right;
}

.flt-left{
float: left;
}

/*
----------------------------------------------------------------------------- 
SANDBOX
-----------------------------------------------------------------------------*/

body#roads a#rides{
display: block;
height: 37px;
background: url(../images/rides-link-bg.png) no-repeat center top;
text-indent: -20000px;
margin-top: 80px;
}

body#contact a#rides{
display: block;
height: 37px;
background: url(../images/rides-link-bg.png) no-repeat center top;
text-indent: -20000px;
margin-top: 80px;
}

body#roads a#rides:hover{
background-position: center bottom;
}
body#contact a#rides:hover{
background-position: center bottom;
}

body#index #flash-content{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}

div#header{
background: url(../images/primary-nav-bg.png);
z-index: 100;
position: relative;
}

div#header ul{
display: block;
background: url(../images/primary-nav-stars.png) no-repeat center top;
margin: 0 auto 0 auto;
height: 45px;
width: 586px;
padding: 0 0 0 220px;
}

div#header ul li{
display: block;
float: left;
margin: 0 20px 0 0;
}

div#header ul li a{
display: block;
float:left;
margin: 0;
height: 40px;
background-repeat: no-repeat;
text-indent: -20000px;
}

li#li1 a{
background: url(../images/prim-li-01.gif);
width: 85px;
background-position: 13px 16px;
}

li#li1 a:hover{background-position: 13px -14px;}

li#li2 a{
background: url(../images/prim-li-02.gif);
width: 80px;
background-position: 8px 16px;
}

li#li2 a:hover{background-position: 8px -14px;}

li#li3 a{
background: url(../images/prim-li-03.gif);
width: 80px;
background-position: 8px 16px;
}

li#li3 a:hover{background-position: 8px -14px;}

li#li4 a{
background: url(../images/prim-li-04.gif);
width: 80px;
background-position: 8px 16px;
}

li#li4 a:hover{background-position: 8px -14px;}

body#rides{
background: #000 url(../images/rides-bg.jpg) no-repeat center top;
}

body#roads{
background: #000 url(../images/roads-bg.jpg) no-repeat center top;
}
body#contact{
background: #000 url(../images/contact-bg.jpg) no-repeat center top;
}
div#primary-content{
height: 185px;
padding: 130px 0 0 0;
text-align: center;
}

div#primary-content p{
margin: 0 auto 10px auto;
width: 400px;
color: #BFBEA2;
}

body#roads div#primary-content{
height: auto;
}

body#roads div#primary-content p{
width: 450px;
}

div#primary-content em{
font-size: 10px;
font-style: normal;
}

.accordion_toggle {cursor: pointer;}
.accordion_content {overflow: hidden;}
.vertical_accordion_toggle {cursor: pointer;}

div.accordion-container{
display: block;
margin-bottom: 20px;
background: #111010;
clear: both;
}

div.item-wrapper{
width: 700px;
margin: 0 auto;
background: url(../images/right-stripe.gif) repeat-y right top;
padding: 12px 0 7px 0;
}

h1.accordion_toggle{
margin: 0 0 0 0;
display: block;
height: 21px;
width: 360px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -20000px;
}

h1.accordion_toggle_active{
}

h1.item1{background-image: url(../images/h1-bg-01.gif);}
h1.item2{background-image: url(../images/h1-bg-02.gif);}
h1.item3{background-image: url(../images/h1-bg-03.gif);}
h1.item4{background-image: url(../images/h1-bg-04.gif);}
h1.item5{background-image: url(../images/h1-bg-05.gif);}
h1.item6{background-image: url(../images/h1-bg-06.gif);}
h1.item7{background-image: url(../images/h1-bg-07.gif);}
h1.item8{background-image: url(../images/h1-bg-08.gif);}
h1.item9{background-image: url(../images/h1-bg-09.gif);}

h1.item10{
background-image: url(../images/h1-bg-10.gif);
height: 40px;
}

h1.item11{
background-image: url(../images/h1-bg-11.gif);
height: 40px;
}

h1.item12{
background-image: url(../images/h1-bg-12.gif);
height: 59px;
}

div.description img {
float: right;
margin: 23px 10px 15px 15px;
display: block;
height: auto;
border: 12px solid #000;
}

div.description img.vert{width: 130px;}
div.description img.horz{width: 180px;}

div.description p{
margin: 20px 0px 20px 85px;
line-height: 17px;
font-size: 12px;
color: #716F62;
}

div.description{
width: 500px;
float: left;
}

div.accessories{
width: 150px;
float: right;
margin: 7px 10px 0 0;
}

div.accessories a{
display: block;
width: 148px;
height: 30px;
background: url(../images/btn-seemap.gif) no-repeat 0 5px;
text-indent: -20000px;
}

div.accessories a:hover{
background-position: 0 -22px;
}

div.accessories p{
margin: 0 0 0 28px;
line-height: 12px;
font-size: 10px;
}

/* Secondary Content
---------------------------------------------------- */


/*
----------------------------------------------------------------------------- 
Wrapper
-----------------------------------------------------------------------------*/

div#wrapper{
}

/*
----------------------------------------------------------------------------- 
Header
-----------------------------------------------------------------------------*/

div#header{
}

div#header ul#primary-nav{
}

div#header ul#primary-nav li{

}

div#header ul#primary-nav li a{
}

div#header ul#primary-nav li a:hover{

}


/*
----------------------------------------------------------------------------- 
Content
-----------------------------------------------------------------------------*/

div#content{
}

div#content{
}

div#content:after{
}

/* Main Content - ALL
---------------------------------------------------- */

/* Main Content - HOMEPAGE
---------------------------------------------------- */

/* Main Content - SUBPAGES
---------------------------------------------------- */

 
 
/* Secondary Content - ALL
---------------------------------------------------- */

/* Secondary Content - HOMEPAGE
---------------------------------------------------- */

/* Secondary Content - SUBPAGE
---------------------------------------------------- */


/*
----------------------------------------------------------------------------- 
Footer
-----------------------------------------------------------------------------*/

div#footer{

}

div#footer address{
}





/*
----------------------------------------------------------------------------- 
EOD
-----------------------------------------------------------------------------*/