/* ----------------- SADLERS INDOOR RACING ----------------- */
body{
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
background:url(../assets/bg-tile2.jpg) #290000;
}

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

.clear{
padding:0px;
margin:0px;
height:0px;
clear:both;
}

.right{
float:right;
}

.left{
float:left;
}


.divider{
margin:10px 0px;
}

.divider2{
margin:5px 0px;
}


/* ----------------- LINKS ----------------- */
a:link, a:visited{
color: #ff0000;
}

a:hover{
color:#ffff00;
}

a.vip:link, a.vip:visited{
color: #ffff00;
font-size:17px;
font-weight:bold;
}

a.vip:hover{
color:#ffffff;
}

a.fnav:link, a.fnav:visited{
color: #7a7a7a;
font-size:11px;
text-decoration:none;
}

a.fnav:hover{
color:#ffff00;
}

a.specialslink:link, a.specialslink:visited{
text-decoration:none;
}

a.specialslink:hover{
text-decoration:none;
}

a.specialslink2:link, a.specialslink2:visited{
color:#FFFF00;
text-decoration:none;
}

a.specialslink2:hover{
color:#FF0000;
text-decoration:none;
}

:focus{
outline:0;
}


/* ----------------- TEXT ----------------- */
h1{
font-size:22px;
background:url(../assets/racingflags.jpg) no-repeat;
padding-top:15px;
padding-bottom:5px;
color:#ffff00;
font-style:italic;
}

h2{
font-size:17px;
padding-bottom:5px;
color:#ffff00;
font-style:italic;
}

h3{
font-size:14px;
padding-bottom:5px;
}

h4{
font-size:12px;
}

h5{
font-size:15px;
padding-bottom:3px;
color:#ffff00;
font-style:italic;
}

.yellow{
color:#FFFF00;
}

.lillianaxe-text{
font-size:10px;
text-align:left;
padding:0px 10px;
}

.ten-px{
font-size:10px;
margin-top:-1px;
padding-right:10px;
}



/* ----------------- HOME TOP ----------------- */
#top{
background:url(../assets/topbar-rpt.png) repeat-x;
height:140px;
}

#topcontainer{
background:url(../assets/header2.png);
width:980px;
height:140px;
margin:0px auto;
color:#999999;
font-size:16px;
font-weight:bold;
font-style:italic;
}

#address{
float:left;
width:321px;
padding-top:60px;
}

#address-home{
float:left;
width:321px;
padding-top:40px;
}

#logo{
float:left;
width:335px;
}


#right-top{
float:right;
padding-top:0px;
}

#phone-home{
float:left;
padding-top:60px;
width:200px;
text-align:right;
}

#phone{
float:right;
padding-top:55px;
}

#musicplayer-home{
float:left;
padding-top:3px;
padding-right:50px;
}

.rock-logo{
padding-top:4px;
}

#info{
padding:5px 0px;
font-size:10px;
color:#CCCCCC;
}

/* ----------------- HOME MIDDLE ----------------- */
#middlecontainer{
width:980px;
margin:0px auto;
}




/* ----------------- BODY ----------------- */
#body{
background:url(../assets/bodymid-rpt2.png) repeat-y;
width:980px;
}

#bodyinner{
background:url(../assets/bodymid-rpt3.png) repeat-y;
width:980px;
}

#bodytop{
background:url(../assets/bodytop2.png) no-repeat;
padding-top:12px;
}

#bodytopinner{
background:url(../assets/bodytop3.png) no-repeat;
padding-top:12px;
}

#bodyfooter{
background:url(../assets/bodytopftr2.png);
width:980px;
height:10px;
}





/* ----------------- NAV ----------------- */
#nav{
position:relative;
}


#nav img{
display:block;
float:left;
}



/* ----------------- CONTENT ----------------- */

#content{
width:920px;
padding:10px 30px;
}


#contentleft{
float:left;
width:553px;
border-right:1px dashed #CCCCCC;
}

.sadlersgfx{
margin-right:10px;
}

#welcometxt{
padding-right:10px;
line-height:17px;
}

#items{
text-align:center;
padding-top:15px;
}

.mainpic{
margin:0px 7px;
}

#contentright{
float:right;
width:350px;
}

#octaneroom{
background:url(../assets/theoctaneroom-title.jpg) no-repeat;
padding-top:30px;
padding-left:12px;
}

.octaneroompic{
margin-right:10px;
margin-bottom:15px;
}

#octaneroom img{
border:1px solid #666666;
}


.specials{
list-style:none;
background:url(../assets/wheell-bullet.jpg) no-repeat;
margin-left:10px;
padding-left:23px;
padding-bottom:7px;
font-size:11px;
}

.specials2{
list-style:none;
margin-left:10px;
padding-top:3px;
padding-bottom:7px;
font-size:11px;
}

.specials a{
color:#ffffff;
}

.specials a:hover{
color:#ff0000;
}





/* ----------------- INNERPAGES ----------------- */
#innerleft{
width:167px;
padding-right:10px;
float:left;
}

#innerleft li.specials{
list-style:none;
background:url(../assets/wheell-bullet.jpg) no-repeat;
margin-left:10px;
padding-left:23px;
padding-bottom:17px;
}

#innerright{
float:left;
width:710px;
padding:0px 10px;
padding-left:18px;
}





/* ----------------- HOME BOTTOM ----------------- */
#bottom{
background:url(../assets/bottombar-rpt.jpg) repeat-x;
background-position:bottom center;
height:375px;
}

#bottominner{
background:url(../assets/bottombar-rpt.jpg) repeat-x;
background-position:bottom center;
height:255px;
}


#bottomcontainer{
background:url(../assets/bodybtmftr3.png);
width:980px;
height:361px;
margin:0px auto;
}

#bottomcontainerinner{
background:url(../assets/bodybtmftr2inner.png);
width:980px;
height:241px;
margin:0px auto;
}

#fleft{
float:left;
width:300px;
}

#fright{
float:right;
width:410px;
padding-top:140px;
color: #ffff00;
font-size:17px;
font-weight:bold;
}


#innerfleft{
float:left;
width:201px;
margin-left:20px;
padding-top:1px;
}

#innerfright{
float:right;
padding-top:97px;
padding-right:20px;
color:#7a7a7a;
font-size:11px;
}

#footercontainer{
padding-top:15px;
}

#copywright{
float:left;
width:200px;
}

#longaddress{
float:left;
width:200px;
}

#webphibian{
float:right;
width:200px;
}

#footercontent{
padding-top:60px;
color:#666666;
font-size:11px;
font-weight:normal;
margin-left:-60px;
}




/* ----------------- DROP DOWN MENUS ----------------- */
#nav ul {
padding:0; 
margin:0; 
position:relative;
z-index:9999;
}

#nav ul li {
list-style-type: none;
position:relative;
margin:0; 
padding:0;}

#nav ul ul {display: none;}

#nav ul li:hover > ul {
display: block; 
position:absolute; 
top: -1px; 
left: 100%;}


/*--- STYLES THE LI -----*/  
li.dd a {
display:block;
background:url(../assets/dd1.jpg);
height:20px;
padding-top:14px;
padding-left:5px;
text-decoration:none;
font-size:11px;
color:#FFFFFF;
font-family:Helvetica, Arial, sans-serif;
z-index:10;
}
  
  
  
/*--- STYLES THE LI HOVER -----*/  
li.dd a:hover {
background:url(../assets/dd2.jpg);
height:20px;
padding-top:14px;
padding-left:5px;
text-decoration:none;
font-size:11px;
color:#FFFFFF;
font-family:Helvetica, Arial, sans-serif;
}

#nav li.dd2{
background:url(../assets/dd1.jpg);
height:20px;
padding-top:14px;
padding-left:5px;
text-decoration:none;
font-size:11px;
color:#FFFFFF;
font-family:Helvetica, Arial, sans-serif;
width:84px;
}

#nav li.dd2:hover{
background:url(../assets/dd2.jpg);
height:20px;
padding-top:14px;
padding-left:5px;
text-decoration:none;
font-size:11px;
color:#FFFFFF;
font-family:Helvetica, Arial, sans-serif;
width:84px;
}


#nav li.dd2 a{
padding-top:0px;
padding-left:0px;
background:transparent;
}

#nav li.dd2 a:hover{
padding-top:0px;
padding-left:0px;
background:transparent;
}





/*--- STYLES THE TRIGGER DROP DOWN -----*/
li.sub > a {} 



/*--- STYLES THE TRIGGER DROP DOWN WIDTH -----*/
ul#theexperiencedd, ul#beforeyouarrivedd, ul#membershipdd, ul#privateeventsdd, ul#toursadlersdd, ul#aboutusdd {
float:left;
} 




/*--- HOMEPAGE DROP DOWN MENU ----*/

/*--- STYLES THE WIDTH AND MARGINS FOR TRIGGER DROP DOWN -----*/
ul#theexperiencedd > li:hover > ul {width:116px; top: 34px; left: 0px;}

ul#beforeyouarrivedd > li:hover > ul {width:138px; top: 34px; left: 0px;}

ul#membershipdd > li:hover > ul {width:100px; top: 34px; left: 0px;}

ul#privateeventsdd > li:hover > ul {width:130px; top: 34px; left: 0px;}

ul#toursadlersdd > li:hover > ul {width:110px; top: 34px; left: 0px;}

ul#aboutusdd > li:hover > ul {width:184px; top: 34px; left: 0px;}




/*--- WAIVER --*/
#waiver{
width:300px;
padding:5px;
background:#FFFF00;
color:#000000;
}



/*--- CALENDAR --*/

ul.calendar li{
list-style:none;
padding-bottom:40px;
}


/*-- PHOTO GALLERY --*/
#photogallery img{
display:block;
float:left;
margin-right:30px;
margin-bottom:20px;
}




/*--- LIGHTBOX ---*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 10001; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 10000; width: 100%; height: 500px; background-color: #000; }





/*-- ADMIN AREA --*/
#admincontent{
width:894px;
padding:10px 30px;
margin-left:10px;
min-height:350px;
background:#000000;
}

table.admintable td{
padding:5px;
border: 1px solid #FF0000;
}

table.admintable input{
margin-bottom:15px;
}


#adminnav{
float:left;
width:898px;
background:url(../assets/dd1.jpg) repeat-x;
height:34px;
}

a.adminnav:link, a.adminnav:visited{
float:left;
padding:0px 20px;
background:url(../assets/dd1.jpg) repeat-x;
text-decoration:none;
color:#FFFFFF;
height:24px;
padding-top:10px;
}

a.adminnav:hover{
text-decoration:none;
background:url(../assets/dd2.jpg) repeat-x;
height:24px;
padding-top:10px;
}



/*-- JQUERY MODAL --*/
.jqmWindow {

    display:none;
    
    
    position: fixed;
    top: 300px;
    left: 50%;
    
    margin-left: -300px;
    width: 320px;
	
	
	z-index:100000;
	
    background-color:#333333;
    color: #333;
    border: 1px solid black;
    padding: 12px;
	text-align:left;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}





/* ----------------- RESERVATION FORM ----------------- */
table#reservationform td{
padding:10px;
padding-left:0px;
font-weight:bold;
}

/*----------------- IE6 -----------------*/
#ie6{
display:none;
}