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

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

body{ color: #a5a5a5;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 10px;
	background: #121313 url(../images/background.jpg) no-repeat scroll 50% 0;
	text-align: center;
}
#container{
	background-image: url(../images/background.jpg);
}
#home, #home #container{
	background-image: url(../images/home_bg.jpg);
}
#events, #events #container{
	background-image: url(../images/events_landing_bg.jpg);
}
#gallery, #gallery #container{
	background-image: url(../images/gallery_landing_bg.jpg);
}
#features, #features #container{
	background-image: url(../images/features_landing_bg.jpg);
}
#owners, #owners #container{
	background-image: url(../images/owners_landing_bg.jpg);
}
#events.post, #events.post #container{
	background-image: url(../images/events_post_bg.jpg);
}
#gallery.post, #gallery.post #container{
	background-image: url(../images/gallery_post_bg.jpg);
}
#features.post, #features.post #container{
	background-image: url(../images/features_post_bg.jpg);
}
#owners.post, #owners.post #container{
	background-image: url(../images/owners_post_bg.jpg);
}
#container{
	width: 960px;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	text-align: left;
	min-height: 925px;
	z-index: 2;
	background-position: -300px 0;
	background-repeat: no-repeat;
}
h1{
	font-size: 18px;
	text-transform: uppercase;
}
h2{
	font-size: 18px;
	color: #FFF;
}
h3{
	font-size: 12px;
	color: #FFF;
}
a{ color: #a5a5a5;
	text-decoration: none;
}
a:hover{
	color: #ffc600;
}
#events a:hover{
	color: #ff0000;
}
#gallery a:hover{
	color: #30dffd;
}
#features a:hover{
	color: #a81efc;
}
#owners a:hover{
	color: #20c863;
}
.full_body a{
	text-decoration: underline;
}
#gallery .top_content{
	margin-bottom: 0;
}
#gallery .top_content .filter_select{
	margin-bottom: 10px;
}
#gallery .top_content h1{
	margin-left: 5px;
}
.intro{
	font-size: 14px;
	background: url(../images/gallery_desc_bg.png);
	width: 642px;
	padding: 5px;
	color: #FFF;
	line-height: 20px;
}
.intro a{
	font-size: 12px;
	color: #FFF;
}
.intro a:hover{
	color: #ffc600;
}
span.gap{
	margin: 0 12px;
}

/* Nav */
#nav_logo{
    display: inline-block;
    background: url(../images/nav_logo_norcal.png);
    width: 303px;
    height: 37px;
    margin: 38px 0 14px 54px;
    float: left;
}
#nav_logo:hover{
    background-position: 0 37px;
}
#nav_logo span{
	display: none;
}
#nav{
	list-style: none;
	margin: 16px 0 0 55px;
	display: block;
	float: left;
	clear: left;
}
#nav li{
	float: left;
	display: inline;
	margin-right: 2px;
	position: relative;
}
#nav li a{
	height: 34px;
	display: block;
	background-position: 0 34px;
}
#nav li a:hover{

}
#nav li a span{
	display: none;
}
#nav_home{
	width: 59px;
	background: url(../images/nav_home.gif);
}
#nav_events{
	width: 72px;
	background: url(../images/nav_events.gif);
}
#nav_gallery{
	width: 79px;
	background: url(../images/nav_gallery.gif);
}
#nav_features{
	width: 87px;
	background: url(../images/nav_features.gif);
}
#nav_owners{
	width: 78px;
	background: url(../images/nav_owners.gif);
}
#nav_dealer{
	width: 131px;
	background: url(../images/nav_dealer.gif);
}
#home #nav_home img, #events #nav_events img, #gallery #nav_gallery img, #features #nav_features img, #owners #nav_owners img, #dealer #nav_dealer img{
	display: none;
}
#search_form{
	position: absolute;
	top: 52px;
	left: 383px;
}
#email_form{
	position: absolute;
	top: 111px;
	left: 668px;
}
.nav_form .text{
  background: url(../images/email_bg.gif);
	float: left;
	width: 148px;
	height: 13px;
	padding: 3px;
	color: #FFF;
	font-size: 10px;
}
.nav_form .submit{
	background: url(../images/header_submit.gif);
	width: 45px;
	height: 18px;
}
.nav_form .search{
    background: url(../images/header_search.gif);
    width: 50px;
    height: 19px;
}
.submit:hover{
	cursor: pointer;
	background-position: 0 18px;
}
.search:hover{
	cursor: pointer;
	background-position: 0 18px;
}
#social{
	position: absolute;
	top: 24px;
	left: 670px;
	width: 282px;
	padding-top: 5px;
}
#social p{
	width: 200px;
	margin-top: 5px;
}
#social ul{
	float: right;
	list-style: none;
	margin-top: 6px;
}
#social li {
	width: 70px;
	margin-bottom: 3px;
}
#social li a{
	width: 70px;
	height: 20px;
	display: block;
}
#social li a span{
	display: none;
}
#nav_twitter{
	background: url(../images/nav_twitter.gif) no-repeat center;
}
#nav_facebook{
	background: url(../images/nav_facebook.gif) no-repeat center;
}
#nav_youtube{
	background: url(../images/nav_youtube.gif) no-repeat center;
}
#mediaspace{
	margin-bottom: 5px;
}
#music{
	position: relative;
	left: -15px;
	top: -5px;
}

/* Hero images */
#hero_wrap{
	height: 505px;
	padding-top: 9px;
	float: left;
	clear: both;
	width: 960px;
}
#hero1{
	margin: 0 0 17px 220px;
	background: url(../images/hero_main_bg_on.png);
	padding: 30px 20px 0;
	overflow: hidden;
	width: 480px;
	height: 298px;
	float: left;
	position: relative;
}
#rotate_nav{
	position: absolute;
	left: 213px;
	bottom: 7px;
	z-index: 10000;
}
#rotate_nav a{
	display: inline-block;
	width: 19px;
	margin-right: 6px;
	height: 3px;
}
#rotate_nav a span{
	display: none;
}
#events #hero1{
	background: url(../images/hero_main_bg_events.png);
}
#gallery #hero1{
	background: url(../images/hero_main_bg_gallery.png);
}
#features #hero1{
	background: url(../images/hero_main_bg_features.png);
}
#owners #hero1{
	background: url(../images/hero_main_bg_owners.png);
}
.rollover{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1 !important;
}
#hero1 .rotate{
	margin: 0;
	width: 480px;
	height: 268px;
	z-index: 100;
}
#hero1landing{
	width: 480px;
	height: 298px;
	margin: 0 auto 17px;
		padding: 30px 20px 0;
	background: url(../images/hero_main_bg.png);
}
.indicator{
	width: 95px;
	height: 3px;
	background: url(../images/hero_indicator.png);
	margin: 20px auto;
}
.ind2{
	background-position: 0 -3px;
}
.ind3{
	background-position: 0 -6px;
}
.ind4{
	background-position: 0 -9px;
}
#hero2{
	float: left;
	margin-left: 4px;
	clear: left;
	width: 192px;
	position: relative;
}
#hero3{
	float: left;
	margin-left: 502px;
	position: relative;
}
.scanlines{
	position: absolute;
	left: 0;
	top: 0;
	width: 480px;
	height: 268px;
	overflow: hidden;
	z-index: 100;
}
.scanlines_small{
	width: 192px;
	height: 108px;
	left: 0;
	top: 0;
}
.hero_sub{
	background: url(../images/hero_bg_on.gif) no-repeat;
	padding: 16px 18px 18px 17px;
	height: 120px;
}
#events .hero_sub{
	background: url(../images/hero_bg_events.gif) no-repeat;
}
#gallery .hero_sub{
	background: url(../images/hero_bg_gallery.gif) no-repeat;
}
#features .hero_sub{
	background: url(../images/hero_bg_features.gif) no-repeat;
}
#owners .hero_sub{
	background: url(../images/hero_bg_owners.gif) no-repeat;
}
.hero_sub p{
	margin: 12px 0 0 16px;
	text-transform: uppercase;
	font-weight: bold;
}
.all_rollover div{
	 z-index: 1000;
	 position: relative;
}
#feature_heros{
	float: left;
	margin-top: 30px;
	list-style: none;
	width: 960px;

}
#feature_heros li{
	padding: 6px 5px 5px 6px;
	float: left;
	width: 289px;
	height: 211px;
	display: inline;
	margin-right: 30px;
	background: url(../images/feature_hero_bg_on.gif);
	position: relative;
}
#feature_heros img{
	display: block;
	margin-bottom: 25px;
}
#feature_heros p{
	margin-left: 10px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}
#hero_other{
	display: block;
	list-style: none;
}
#hero_other li{
	width: 288px;
	height: 130px;
	padding: 6px;
	background: url(../images/hero_other_bg.png);
	margin-top: 10px;
	line-height: 12px;
}
#events #hero_other li{
	background: url(../images/hero_other_bg_events.png);
}
#gallery #hero_other li{
	background: url(../images/hero_other_bg_gallery.png);
}
#features #hero_other li{
	background: url(../images/hero_other_bg_features.png);
}
#owners #hero_other li{
	background: url(../images/hero_other_bg_owners.png);
}
#hero_other li:hover, #events #hero_other li:hover, #gallery #hero_other li:hover, #features #hero_other li:hover, #owners #hero_other li:hover{
	background-position: 0 142px;
}

#hero_other li img{
	display: block;
	margin-bottom: 21px;
}
#hero_other li h3, #hero_other li p{
	margin-left: 5px;
}

#home_banner{
	margin: 60px 116px 0;
	display: inline-block;
}

/* Top Content */

.top_content{
	float: left;
	width: 960px;
	margin: 30px 0 10px;
}
.sub{
	font-size: 12px;
	margin-top: 0px;
}
.sub a{
	font-size: 10px;
}
a.font12{
	font-size: 12px;
}
.page{
	float: right;
	margin-right: 310px;
}

/* Left Column */
#column_left{
	float: left;
	margin: 0 8px 0 0;
	width: 652px;
	font-size: 12px;
	clear: left;
	;
}
.full_body ul{
    width:535px;
    margin-left: 10px;
}
#column_left > div{
	margin-top: 8px;
	padding: 8px;
	background: url(../images/content_bg.png);
	overflow: hidden
}
#column_left > #main_image{
	margin:0;
	padding:0;
	background:none;
	text-align: center;
	background: #000;
	height: 367px;
	width: 652px;
}
#column_left p{
	margin-bottom: 8px;
	width: 398px;
}
#column_left a{
	text-decoration: underline;
}
.full_body{
	min-height: 200px;
}
#column_left .full_body p, #column_left .full_body h3{
	width: 550px;
}
#column_left > div > ul{
	margin-left: 1em;
	margin-bottom: 8px;
	width: 390px;
}
#share{
	width: 193px;
	height: 122px;
	background: url(../images/content_share_bg.jpg);
	float: right;
	padding: 10px 9px;
}
#share ul{
	list-style: none;
}
#share li{
	margin-bottom: 3px;
}
#share a{
	background-repeat: no-repeat;
	display: block;
	height: 11px;
	padding: 10px 0 10px 40px;
	text-decoration: none;
	text-transform: uppercase;
}
#share span:hover{
	text-decoration: none;
}
#share a:hover{
	background-position: 0 -31px;
	color: #ffc600;
}
#share_facebook{
	background: url(../images/share_facebook.png);
}
.FBConnectButton_Simple{
	background: none !important;
}
.FBConnectButton_Text_Simple{
	margin: 0 !important;
}
#share_twitter{
	background: url(../images/share_twitter.png);
}
#share_email{
	background: url(../images/share_email.png);
}
#event_info{
	float: right;
	clear: right;
	margin-top: 30px;
	width: 211px;
}
#event_info p{
	width: auto;
}
#gallery_snippet{
	float: right;
	clear: right;
	margin-top: 30px;
	width: 211px;
	overflow: hidden;
	text-align: right;
}
#gallery_snippet a{
	margin-right: 8px;
}
#gallery_thumbs{
	list-style: none;
	overflow: hidden;
	margin:0 !important;
}
#gallery_thumbs li{
	position: relative;
	display: inline-block;
	margin: 0 11px 11px 0;
	border: 2px solid transparent;
}
#gallery_thumbs li:hover{
	border: 2px solid #FFC600;
}

#gallery_thumbs li img {
	position: absolute;
	top: 0;
	left: 24px;
}

.gallery_pagination{
	width: 365px !important;
	text-align: right;
}
.post_thumbs{
	list-style: none;
	width: 670px;
}
.post_thumbs li{
	background: url(../images/post_thumb_bg.png);
	width: 204px;
	height: 149px;
	padding: 4px;
	font-size: 10px;
	line-height: 13px;
	display: inline;
	float: left;
	margin: 0 8px 8px 0;
}
#events .post_thumbs li{
	background: url(../images/post_thumb_bg_events.png);
}
#gallery .post_thumbs li{
	background: url(../images/post_thumb_bg_gallery.png);
}
#features .post_thumbs li{
	background: url(../images/post_thumb_bg_features.png);
}
#owners .post_thumbs li{
	background: url(../images/post_thumb_bg_owners.png);
}
.post_thumbs li h3{
	margin-left: 5px;
}
.post_thumbs li p{
  margin-left: 5px;
  width: auto !important;
  padding-right:5px;
}
.post_thumbs li:hover, #events .post_thumbs li:hover, #gallery .post_thumbs li:hover, #features .post_thumbs li:hover, #owners .post_thumbs li:hover  {
	background-position: 0 157px;
}
.post_thumbs img{
	display:block;
	margin-bottom: 15px;
}
.post_thumbs li a{
	text-decoration: none !important;
}
.filter{
	height: 20px;
}
.filter_select{
	width: 100px;
	background: #424243;
	color: #dfdfdf;
	margin-left: 5px;
}

/* Right Column */
#column_right{
	width: 300px;
	float: right;
}
#related{
	width: 282px;
	height: 122px;
	background: url(../images/related_bg.jpg);
	padding: 10px 9px;
	margin-top: 8px;
}
#related ul{
	list-style: none;
}
#related li{
	margin-bottom: 3px;
}
#related a{
  background-repeat: no-repeat;
  display: block;
  height: 29px;
  padding: 2px 0 0 2px;
  text-decoration: none;
  text-transform: uppercase;
}
#related a:hover{
	background-position: 0 -31px;
	color: #ffc600;
}
#related a img {
  margin-right: 5px;
  vertical-align: middle;
}
.related_icon {
  background: url(../images/related.png) no-repeat top left;
}

/* Gallery */
#main_image{
	position: relative;
}
#gallery_arrows{
	width: 652px;
	height: 367px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/gallery_arrows.png) no-repeat;
	background-position: -652px 0;
}
#gallery_arrows_video{
  width: 652px;
  height: 343px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/gallery_arrows.png) no-repeat;
  background-position: -652px 0;
}
#gallery_arrows:hover, #gallery_arrows_video:hover{
	background-position: 0 0;
}
.gallery_nav{
	width: 52px;
	height: 49px;
	background: url(../images/gallery_left.png) no-repeat  -52px 49px;
	position: absolute;
	left: 0;
	top: 159px;
	display: block;
}
.gallery_nav:hover{
	background-position: 0 -49px;
	cursor: pointer;
}
.gallery_nav_next{
	width: 52px;
	height: 49px;
	background: url(../images/gallery_right.png) no-repeat -52px 49px;
	position: absolute;
	left: auto;
	right: 0;
	top: 159px;
	display: block;
}
.caption{
	font-size: 14px;
	color: #FFF;
}


/* Contact Form */
#contact label, #contact input, #contact textarea{
	float: left;
	clear: left;
	margin-bottom: 5px;
}
#contact input{
	padding: 3px;
	width: 202px;
	height: 13px;
	background: url(../images/contact_input_bg.png);
	color: #FFF;
	font-size: 10px;
}
#contact textarea{
	padding: 3px;
	width: 369px;
	height: 107px;
	background: url(../images/contact_textarea_bg.png);
	color: #FFF;
	font-size: 10px;
	overflow: auto;
}
#contact .submit{
	background: none;
	color: #ffc600;
	height: 20px;
	width: 50px;
	margin-left: 320px;
}

/* Footer */
#footer{
	width: 973px;
	padding: 115px 0 265px;
	margin: 50px auto 0;
	background: url(../images/footer_bg.jpg) no-repeat;
	text-align: center;
	font-size: 12px;
}
#footer a{
	color: #a5a5a5;
	text-decoration: none;
}
#footer a:hover{
	color: #ffc600;
}
#footer span{
	margin: 0 12px;
}
.dark{
	color: #3a3a3a;
}

/* Layout fixes */
.below_hero{
	margin-top: 575px !important;
}
.m0{
	margin: 0 !important;
}
.floatR{
	float: right;
}
.floatL{
	float: left;
}
.clearB{
	clear: both;
}
.displayN{
	display: none;
}
.posR{
	position: relative;
}
.invisible{
	visibility: hidden;
}

/* Clear fix */
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

#flash_background{
	position: absolute;
	top: 208px;
	left: 0;
	z-index: -1;
	visibility:none;
}

.dealer td{
	padding: 2px;
}



#pagediv{
top:466px;
left:450px;
position:absolute;
z-index: 250;
display: block;
height: 4px;
}

#pagediv a {
display:block;
float: left;
width: 2em;
height: 3px;
background:none repeat scroll 0 0 #8A8A88;
margin:0px 0.25em;
padding:0px 0px;
text-decoration:none;
z-index:1000;
}

#pagediv a.activeSlide {
    background: #FFC600;
}