/* 
  Stylesheet for the Close Encounters Motorcycle Stunt Team
  www.cefreestyle.com
  Designed by 9Ball Design - All Rights Reserved - You steal, your karma
*/

body {background: #000; margin: 0 0 0 0; padding: 0 0 0 0; font: 12px arial, helvetica, sans serif; color: #fff;}

/* MISC. */
li {list-style-type: square;}
p {line-height: 18px; margin: 0 0 15px 0;}
ol li {list-style-type: decimal; margin-bottom: 5px; font-weight: bold;}
ol li span {font-weight: normal;}
h1 {}
h2 {}
h3 {color: #5f7b80; font-size: 16px; margin: 15px auto;}
h4 {}

#container {display: block; width: 841px; margin: 10px auto; background: url(container-bg.gif) repeat-y;}

/* HEADER ELEMENTS */
#header {display: block; width: 841px; height: 162px; background: url(header.jpg) no-repeat;}
#header h1 {display: block; width: 368px; height: 76px; float: left; margin: 0 0 0 0;}
#header h1 a {display: block; width: 368px; height: 76px;}
#header h1 a span {display: none;}

#headerad {display: block; float: right; margin-top: 50px; padding-right: 11px;}
#headerad a {color: #fff; text-decoration: none; background: url(headerad-link.gif) 0 5px no-repeat; padding-left: 9px;}
#headerad a:hover {text-decoration: underline;}

#headershow {display: block; width: 535px; height: 28px; text-align: right; color: #45bcd2; margin-top: 13px; padding-right: 12px; float: right;}
#headershow span {display: block; padding: 6px 8px 0 0;}
#headershow a {color: #45bcd2; text-decoration: underline;}
#headershow a:hover {text-decoration: none;}

/* HEADER NAVIGATION */
#headernav {display: block; width: 841px; clear: both; text-align: right;}
#header ul {display: block; width: 699px; height: 26px; margin: 0 0 0 0; padding: 0 9px 0 0; clear: both; float: right;}
#header li { list-style-type: none; display: block; float:left; margin: 0 0 0 0; padding: 0 0 0 0;}
#header li a span {display: none;}

#header li #hncrew {display: block; width: 114px; height: 26px;}
#header li #hngallery {display: block; width: 107px; height: 26px;}
#header li #hnvideos {display: block; width: 93px; height: 26px;}
#header li #hnmerch {display: block; width: 90px; height: 26px;}
#header li #hnsponsors {display: block; width: 121px; height: 26px;}
#header li #hnlinks {display: block; width: 80px; height: 26px;}
#header li #hncontact {display: block; width: 94px; height: 26px;}

#header li a#hncrew:hover {background: url(hncrew.gif) no-repeat;}
#header li a#hngallery:hover {background: url(hngallery.gif) no-repeat;}
#header li a#hnvideos:hover {background: url(hnvideos.gif) no-repeat;}
#header li a#hnmerch:hover {background: url(hnmerch.gif) no-repeat;}
#header li a#hnsponsors:hover {background: url(hnsponsors.gif) no-repeat;}
#header li a#hnlinks:hover {background: url(hnlinks.gif) no-repeat;}
#header li a#hncontact:hover {background: url(hncontact.gif) no-repeat;}

/* HOMESTYLES */
#homecontainer {display: block; width: 757px; margin: 10px 0 7px 75px;}
#homebodyleft {display: block; width: 505px; float: left; color: #dedede; margin-bottom: 7px;}
#homebodyleft a {text-decoration: underline; color: #38717b;}
#homebodyleft a:hover {text-decoration: none; color: #38717b;}
#homeleft h2 {margin: 0 0 7px 0; padding: 0 0 0 0; display: block; width: 505px; height: 283px; background: url(home/crew.jpg) no-repeat;}
#homeleft h2 span {display: none;}

#homeleftblurb {display: block; width: 505px; color: #dedede; margin: 0 0 7px 0; background: #0a0d0e url(bodycontainer.gif) left bottom no-repeat; border-top: 1px solid #2c3d3f;}
#homeleftblurbcontent {display: block; padding: 0 10px 10px 13px;}
#homeleftblurbcontent p {margin: 0 0 15px 0; line-height: 18px;}
#homeleftblurbcontent h3 {width: 297px; height: 41px; background: url(home/stuntriding.gif) no-repeat; margin: 15px 0 10px 0;}
#homeleftblurbcontent h3 span {display: none;}

#homephotos {display: block; width: 245px; height: 138px; background: url(home/photos.jpg) no-repeat; margin-bottom: 7px;}
#homephotos a {display: block; width: 245px; height: 138px;}
#homephotos a span {display: none;}

#homevideos {display: block; width: 245px; height: 138px; background: url(home/videos.jpg) no-repeat; margin-bottom: 7px;}
#homevideos a {display: block; width: 245px; height: 138px;}
#homevideos a span {display: none;}

#homemerch {display: block; width: 245px; height: 76px; background: url(home/merch.jpg) no-repeat;}
#homemerch a {display: block; width: 245px; height: 76px;}
#homemerch a span {display: none;}

#rightshows {display: block; width: 245px; height: 138px; background: url(home/nextshow.gif) no-repeat; margin-bottom: 7px;}
#rightshowscontent {display: block; padding: 55px 10px 0 13px;}
#rightshowscontent p {margin: 0 0 0 0; line-height: 18px;}

/* BODY CONTAINERS */
#bodycontainer {display: block; width: 757px; margin: 10px 0 7px 75px;}

#bodyleft {display: block; width: 505px; float: left; color: #dedede; margin: 0 0 7px 0; background: #0a0d0e url(bodycontainer.gif) left bottom no-repeat; border-top: 1px solid #2c3d3f;}
#bodyleft a, #bodyright a {text-decoration: underline; color: #38717b;}
#bodyleft a:hover, #bodyright a:hover {text-decoration: none; color: #38717b;}
#bodyleftcontent {display: block; width: 485px; margin-left: 10px; padding-bottom: 7px;}

#bodyright {display: block; width: 245px; float: left; margin: 0 0 0 7px;}

/* BREADCRUMBS */
#breadcrumbs {font-size: 10px; color: #5f7b80; border-bottom: 1px solid #252627;}
#breadcrumbs span {display: block; padding: 7px 0 7px 0;}

#breadcrumbs a {background: url(breadcrumb-link.gif) 0 4px no-repeat; padding-left: 8px; text-decoration: none;}
#breadcrumbs a:hover {text-decoration: underline;}

/* RIGHT NAVIGATION */
#rightshows {display: block; width: 245px; height: 138px; background: url(home/nextshow.gif) no-repeat; margin-bottom: 7px;}
#rightshowscontent {display: block; padding: 55px 10px 0 13px;}
#rightshowscontent p {margin: 0 0 0 0; line-height: 18px;}

#rightnavcrew {display: block; width: 245px; height: 53px; background: url(right/crew.jpg) no-repeat; margin-bottom: 7px;}
#rightnavcrew a {display: block; width: 245px; height: 53px;}
#rightnavcrew a span {display: none;}

#rightnavphotos {display: block; width: 245px; height: 53px; background: url(right/gallery.jpg) no-repeat; margin-bottom: 7px;}
#rightnavphotos a {display: block; width: 245px; height: 53px;}
#rightnavphotos a span {display: none;}

#rightnavvideos {display: block; width: 245px; height: 53px; background: url(right/videos.jpg) no-repeat; margin-bottom: 7px;}
#rightnavvideos a {display: block; width: 245px; height: 53px;}
#rightnavvideos a span {display: none;}

#rightnavmerch {display: block; width: 245px; height: 53px; background: url(right/merch.jpg) no-repeat; margin-bottom: 7px;}
#rightnavmerch a {display: block; width: 245px; height: 53px;}
#rightnavmerch a span {display: none;}

#rightnavsponsors {display: block; width: 245px; height: 53px; background: url(right/sponsors.jpg) no-repeat; margin-bottom: 7px;}
#rightnavsponsors a {display: block; width: 245px; height: 53px;}
#rightnavsponsors a span {display: none;}

#rightbook {display: block; width: 245px; height: 138px; background: url(right/book.gif) no-repeat; margin-bottom: 7px;}
#rightbookcontent {display: block; padding: 55px 10px 0 13px;}
#rightbookcontent p {margin: 0 0 0 0; line-height: 18px;}

#newslettersignup {display: block; width: 245px; height: 188px; background: url(right/newsletter.gif) no-repeat; margin-bottom: 7px;}
#newslettersignupcontent {display: block; padding: 55px 10px 0 13px;}
#newslettersignupcontent p {margin: 0 0 0 0; line-height: 18px; padding: 0 10px 0 0;}
#newslettersignupcontent form {margin: 10px 0 0 0;}
#newslettersignupcontent .forminput, .forminput {width: 215px; border: 1px solid #45bcd2;}
#newslettersignupcontent .button {position: relative; top: 6px;}
#newslettersignupcontent .button:hover {cursor: pointer;}

/* CREW MEMBER PAGE */
#crewintro {margin-top: 7px;}
#crewintro img, #crewmember img, .crewmember img {border: 1px solid #38717b;}

.crewmember {display: block; margin-bottom: 7px; border-top: 1px solid #252627; padding-top: 7px;}
#crewmember {display: block; padding-top: 7px;}

#crewmember h3 {display: block; width: 375px; height: 34px; margin: 0 0 0 0; padding: 0 0 0 0;}
.crewmember h3 {display: block; width: 355px; height: 34px; margin: 0 0 0 0; padding: 0 0 0 0;}
.crewmember h3 span, #crewmember h3 span {display: none;}

h3#crewshaunkaz {background: url(crew/shaun-kaz.gif) no-repeat;}
h3#crewjeremysiniawa {background: url(crew/jeremy-siniawa.gif) no-repeat;}
h3#crewdavebeckage {background: url(crew/dave-beckage.gif) no-repeat;}
h3#crewbillyhollock {background: url(crew/billy-hollock.gif) no-repeat;}
h3#crewmikewagner {background: url(crew/mike-wagner.gif) no-repeat;}
h3#crewmjayfortuner {background: url(crew/jay-fortuner.gif) no-repeat;}
h3#crewtimroberts {background: url(crew/tim-roberts.gif) no-repeat;}
h3#crewridestitle {background: url(crew/rides.gif) no-repeat; margin-bottom: 10px;}
h3#crewotherstitle {background: url(crew/other-members.gif) no-repeat; margin: 10px 0 10px 0;}

.crewmember p a {background: url(breadcrumb-link.gif) 0 5px no-repeat; padding-left: 10px; text-decoration: none !important;}
.crewmember p a:hover {text-decoration: underline !important;}

#crewmember ul {margin: 15px 0 15px 0; padding: 0 0 0 0;}
#crewmember li {margin: 0 0 4px 15px; padding: 0 0 0 0;}

#otherriders {}
#otherriders .other {width: 121px; margin-bottom: 10px; float: left; text-align: center;}
#otherriders .other img {margin-bottom: 5px;}

/* PHOTO GALLERIES PAGE */
#galleryintro {margin-top: 7px;}
#crewgalleries img, .crewgalleries img {border: 1px solid #38717b;}

#crewgalleries h3, #gallerylastshow h3, #gallerysubmit h3 {display: block; width: 355px; height: 34px; margin: 0 0 0 0; padding: 0 0 0 0;}
#crewgalleries h3 span, #gallerylastshow h3 span, #gallerysubmit h3 span {display: none;}
h3#galleryquick {background: url(galleries/crew-galleries.gif) no-repeat;}
h3#gallerylastshowtitle {background: url(galleries/lastshow-gallery.gif) no-repeat;}
h3#gallerysubmittitle {background: url(galleries/fan-gallery.gif) no-repeat;}

.galleryquickbox {display: block; float: left; width: 161px; text-align: center; margin-top: 10px;}
.galleryquickbox .quickmain {margin-bottom: 7px;}
.galleryquickbox .quickmiddle {margin: 0 10px 0 10px;}

#gallerylastshow, #gallerysubmit {margin-top: 7px;}
#gallerylastshow img, .gallerylastshow img, #gallerysubmit img {border: 1px solid #38717b; margin: 1px;}

.gallerylastshow {margin-top: 7px; padding-top: 10px; border-top: 1px solid #252627;}

/* MERCH PAGE */
#merchintro {margin-top: 7px;}
#merchintro img, #merchitem img, .merchitem img {border: 1px solid #38717b;}

.merchitem {display: block; margin-bottom: 7px; border-top: 1px solid #252627; padding-top: 7px;}
#merchitem {display: block; padding-top: 7px;}

#merchitem h3 {display: block; width: 375px; height: 34px; margin: 0 0 0 0; padding: 0 0 0 0;}
.merchitem h3 {display: block; width: 355px; height: 34px; margin: 0 0 0 0; padding: 0 0 0 0;}
.merchitem h3 span, #crewmember h3 span {display: none;}

h3#merchone {background: url(merch/001.gif) no-repeat;}

/* VIDEOS PAGE */
#videointro {margin-top: 7px;}

.videobox {display: block; margin-bottom: 7px; border-top: 1px solid #252627; padding: 7px 0 7px 0;}
.videobox div {text-align: center;}
.videobox h3 {display: block; width: 355px; height: 34px; margin: 0 0 10px 0; padding: 0 0 0 0;}
.videobox h3 span {display: none;}

.videobox object {text-align: center;}

h3#videodemo {background: url(video/demo-title.gif) no-repeat;}
h3#videopromo {background: url(video/promo-title.gif) no-repeat;}

/* SPONSORS PAGE */
#sponsorintro {margin-top: 7px;}
#sponsorintro img, #sponsorinfo img, .sponsorinfo img {border: 1px solid #38717b;}

.sponsorinfo {display: block; margin-bottom: 7px; border-top: 1px solid #252627; padding-top: 7px;}
#sponsorinfo {display: block; padding-top: 7px;}

#sponsorinfo h3 {display: block; width: 375px; height: 34px; margin: 0 0 0 0; padding: 0 0 0 0;}
.sponsorinfo h3 {display: block; width: 355px; height: 34px; margin: 0 0 0 0; padding: 0 0 0 0;}
.sponsorinfo h3 span, #crewmember h3 span {display: none;}

h3#sponsorone {background: url(sponsor/001.gif) no-repeat;}
h3#sponsortwo {background: url(sponsor/002.gif) no-repeat;}
h3#sponsorthree {background: url(sponsor/003.gif) no-repeat;}
h3#sponsorfour {background: url(sponsor/004.gif) no-repeat;}
h3#sponsorfive {background: url(sponsor/005.gif) no-repeat;}
h3#sponsorsix {background: url(sponsor/006.gif) no-repeat;}
h3#sponsorseven {background: url(sponsor/007.gif) no-repeat;}
h3#sponsoreight {background: url(sponsor/008.gif) no-repeat;}

/* SCHEDULE */
#scheduleheader {border-top: 1px solid #252627; padding-top: 10px;}
#scheduleheader ul, #schedule ul {margin: 0 0 0 0; padding: 0 0 0 0;}
#schedule ul {border-top: 1px dashed #252627;}
#scheduleheader ul {clear: both; display: block; height: 20px;}
#scheduleheader li {margin: 0 0 0 0; padding: 0 0 10px 0; display: inline; list-style-type: none; font-weight: bold; color: #5f7b80;}
#schedule li {margin: 0 0 0 0; padding: 10px 0 10px 0; display: inline; list-style-type: none;}
#schedule {overflow:hidden; padding-bottom: 10px;}

li.scheddate {display: block; width: 100px; float: left; font-weight: bold;}
li.schedlocation {display: block; width: 180px; padding-right: 20px !important; float: left; text-align: left;}
li.schedtime {display: block; width: 100px; float: left; text-align: left;}
li.schedadd {display: block; width: 80px; float: left; text-align: left;}

/* CONTACT PAGE */
.contactbox {border: 1px solid #252627; display: block; padding: 10px 10px 0 10px; background: #161e1e; margin-bottom: 10px;}
.contactbox h3 {color: #56a7b6; margin: 2px 0 8px 0;}
.contactbox a {color: #56a7b6 !important;}

/* LINKS PAGE */
#linkspage {margin-top: 7px;}
#linkspage li {margin-bottom: 5px; line-height: 18px;}

/* FOOTER */
#footer {display: block; width: 841px; height: 150px; background: url(footer-bg.gif) no-repeat; position: relative;}

#linksleft {color: #fff; display: block; float: left; margin-top: 6px; padding-left: 85px;}
#linksleft a {color: #fff; text-decoration: none;}
#linksleft a:hover {color: #fff; text-decoration: underline;}

#linksright {color: #38717b; display: block; float: right; text-align: right; margin-top: 6px; padding-right: 18px;}
#linksright a {color: #38717b; text-decoration: none;}
#linksright a:hover {color: #38717b; text-decoration: underline;}

#cbxmanlink {position: absolute; top: 40px; left: 73px;}
#cbxmanlink a {display: block; width: 170px; height: 45px;}
#cbxmanlink a span {display: none;}

#umlink {position: absolute; top: 40px; left: 285px;}
#umlink a {display: block; width: 120px; height: 45px;}
#umlink a span {display: none;}

#afxlink {position: absolute; top: 40px; right: 180px;}
#afxlink a {display: block; width: 200px; height: 45px;}
#afxlink a span {display: none;}

#resposiolink {position: absolute; top: 40px; right: 7px;}
#resposiolink a {display: block; width: 140px; height: 45px;}
#resposiolink a span {display: none;}