@charset "utf-8";
/* CSS Document */

/* body and container */
body { padding: 0; margin: 0; background:#1a1d1a;  text-align:center }


/* header  */
#header {  height:904px; position:relative; z-index:0; background:url(../images/bg-header-top.) no-repeat top center;}
#header-content { width:1200px; margin:0 auto; position:relative; z-index:70}

#menu { height:118px; width:1200px; margin:0 auto; position:relative; z-index:90}


/* -----------------------  */


/*  menu */
ul#nav { margin:0; padding:0; list-style-type:none; width:610px; float:right; margin-right:-10px   }
ul#nav li{ margin:0; padding:0; list-style-type:none; float:left; display:block; height:118px;     }
ul#nav li a {  text-indent:-9999em; height:118px; width:120px; display:block; float:left; background:url(../images/nav.jpg) no-repeat top left; text-indent:-9999em}
ul#nav li a.home { background-position: 0 0; }
ul#nav li a.home:hover { background-position: 0 -118px}
ul#nav li a.photos { background-position: -120px 0;}
ul#nav li a.photos:hover { background-position: -120px -118px}
ul#nav li a.videos { background-position: -240px 0; }
ul#nav li a.videos:hover { background-position: -240px -118px}
ul#nav li a.members { background-position: -360px 0; }
ul#nav li a.members:hover { background-position: -360px -118px}
ul#nav li a.join { background-position: -480px 0; width:130px }
ul#nav li a.join:hover { background-position: -480px -118px}
/* -----------------------  */


/* index page header and slider */


.content { width:1200px; margin:0 auto; position:relative; z-index:0}


/* block welcome */
#welcome { background:url(../images/bg-welcome.jpg) no-repeat top center; height:868px;}
#welcome  p.text { padding:0; margin:0; text-align:left; width:797px; height:243px; font:normal 18px Tahoma, Geneva, sans-serif; color:#ecf3d5; padding:45px 65px 0 20px; display:block; float:left; background:url(../images/welcome-text.jpg) no-repeat top center }
/* -----------------------  */

/* block trailer */
#trailer { background:url(../images/bg-trailer.jpg) no-repeat top center; height:1384px;}
#trailerArea { background: url(../images/trailer-mid.jpg) no-repeat; width: 1200px; height:741px; text-align:center}
#trailerArea p.text { margin:0; padding:0; padding-top:21px; height:160px; text-align:center; font-size:18px; letter-spacing:-.06em; line-height:20px; width:810px; margin:0 auto;}
.trailer { width:675px; margin:0 auto; }
#trailerPics { background:url(../images/trailer-th.jpg) no-repeat; width: 1200px; height:322px; text-align:center}
#trailerPics img { margin: 4px}
#trailerPics img:hover{ FILTER: alpha(Opacity=75); opacity:0.75}
/* -----------------------  */



/* block trailer */
#ride { background:url(../images/bg-ride.jpg) no-repeat top center; height:966px; }
#ride .content p.text {  text-align:center; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:16px; position: absolute; z-index:1; top:190px; left:40px; width:380px; display:block; line-height:17px;}
/* -----------------------  */


/* block pics & vids */
#content { background:#fff url(../images/bg-content.jpg) no-repeat top center; text-align:center}
#pics, #vids { text-align: center}
#pics img, #vids img { margin: 3px}
#pics img:hover, #vids img:hover{ FILTER: alpha(Opacity=75); opacity:0.75}
#btn { background:#fff url(../images/bg-content-btn.jpg) no-repeat top center; text-align:center; height:188px}
/* -----------------------  */



/* footer  */
#footer { background:url(../images/bg-footer.jpg) no-repeat top center; background-color: #595959; text-align:center}
#footer .content p.text { position:absolute; z-index:1; text-align:center; top:40px; color:#000; margin:0; padding:0; display:block; width:100%}
#footer .content p.text a{  margin:0 5px; color:#d61e4d}
#footer .content p.text a:hover{ color:#000}
/* -----------------------  */

.warningBox { background:#000 url(../images/pic-warning.jpg) no-repeat top left; height:560px; padding:20px 20px 20px 544px; font-size:12px; width:636px; margin:0 auto; margin-bottom:40px}

#contentArea { width:1120px; margin:0 auto 80px; padding:60px 0px;  background:url(../images/bg-dardarkBG-light.png) no-repeat center top }
.contentBox { background:#fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;  box-shadow:#cae38a 0px 0px 15px; color:#000; margin:15px; padding:20px}


/* Join Page */
body#join { background:url(../images/bg-join.jpg) no-repeat top center; text-align:center}
body#join #footer { background:url(../images/bg-join-footer.jpg) no-repeat top center; text-align:center; color:#fff; background-color: #051C2C; height:800px}
body#join #footer .content p.text { position:absolute; z-index:1; text-align:center; top:200px; color:#fff; margin:0; padding:0; display:block; width:100%}
body#join #footer .content p.text a{  margin:0 5px; color:#00c0ff}
body#join #footer .content p.text a:hover{ color:#d61e4d}

.textLinks { padding:0; margin:0; text-align:center; font-size:18px; color:#fff; line-height:30px; padding-top:42px; background:url(../images/j-b.jpg) no-repeat top center; height:220px; display:block}
.textLinks a { font-size:18px; color:#5300a3; line-height:30px;}
.textLinks a:hover { color:#d61e4d;}

.buttons { background:url(../images/j-m.jpg) no-repeat center; height:115px}


.input {  display:block; width:362px; height:115px; color:#fff; font-size:24px; font-weight:bold;  text-align: center; background:none; border:0 none; cursor:pointer; float:left; margin:0 0px 0 238px }

.input2 {  display:block; width:362px; height:115px; color:#fff; font-size:24px; font-weight:bold;  text-align: center; background:none; border:0 none; cursor:pointer; float:left }

.input:hover, .input2:hover { text-decoration:underline; color:#ff9191}

.input { top:293px;}
.input2 {  top:388px;}

/* -----------------------  */


/* template page */
#pageContent { background:#595959 url(../images/bg-pb.jpg) repeat-x top}
#pageContent .content { background:url(../images/ca-bg.png) repeat-y top center; color:#000; font-size:18px }

/* align */
.align-center{ text-align:center}
.align-left{ float:left}
.align-right{ float:right}
.clear{ clear:both}



/* forms */
form, input, select{ margin:0; padding:0}

input[type="radio"] { margin:5px; }



/* text styles and headings */
body, td, div, input, textarea {font:normal 14px Tahoma, Geneva, sans-serif; color: #fff; text-decoration:none;}
h1{ font: normal 48px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #3b3d40; text-decoration:none ; margin:0; padding:0; letter-spacing:-3px; }
h2{ font: normal 30px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #3b3d40; text-decoration:none ; margin:0; padding:0; letter-spacing:-1px }
h3{ font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #3b3d40; text-decoration:none ; margin:0; padding:0; letter-spacing:-1px; }
h4{ font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ffc7cf; text-decoration:none ; margin:0; padding:0; letter-spacing:0; }





p{ margin:0; padding:10px 0}

/* text colors */
.text-pinky{ color:#ffc7cf}
.text-white{ color:#fff}
.text-black { color:#373c3e}
.text-red{ color:#965159}



/* text sizes */
.txt11{ font-size:11px;}
.txt12{ font-size:12px;}
.txt14{ font-size:14px;}
.uppercase { text-transform:uppercase}


/* links */
a {font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ffd74c; text-decoration:underline}
a:hover { color:#fff; text-decoration:none }
a img{ border:0}