/**
 *  ------------------------------------------------------
 *  Master CSS
 *  ------------------------------------------------------
 *  1.	GLOBAL
 *  2.	HOMEPAGE
 *  ------------------------------------------------------
 */



/* 1. -- GLOBAL
------------------------------------------------------------------- */
html, body {height:100%; margin:0; padding:0;}

body {
	background-color:#1e1e1e;
	background-image:url(../images/bg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	}
		

p {font:12px Arial, Helvetica, sans-serif; color:#999; line-height:normal; margin:0; padding:0px 0px 25px 0px;}


a {font:11px Arial, Helvetica, sans-serif; color:#FFCC00; font-weight:normal;}
a:link, a:active, a:visited {text-decoration:none;}
a:hover {color:#fff; text-decoration:underline;}


img {border:0; padding:0; margin:0; display:block;}







/* 2. -- HOMEPAGE 
------------------------------------------------------------------- */

#hpDistance { 
	width:1px;
	height:50%;
	margin-bottom:-290px; /* half of container's height */
	float:left;
	}
#hpMainWrap {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:580px;
	width:1000px;
	clear:left;
	}
	
#hpInfoBoxWrap {position:relative; width:1000px; height:98px; margin:0px; background-image:url(../images/bg_infobox.jpg); background-repeat:no-repeat;}

.btnEnterSite {position:absolute; left:60px; top:0px; background:url(../images/btn_entersite_on.gif) no-repeat; white-space:nowrap; display:block; width:330px; height:60px; margin:0 auto; padding:0;}
.btnEnterSite a {display:block; width:330px; height:60px; float:left; padding:0;}
.btnEnterSite img {width:330px; height:60px; border:0;}
* html a:hover {visibility:visible;}
.btnEnterSite a:hover img {visibility:hidden;}

.btnRaceSchedule {position:absolute; left:400px; top:0px; background:url(../images/btn_raceschedule_on.gif) no-repeat; white-space:nowrap; display:block; width:200px; height:60px; margin:0 auto; padding:0;}
.btnRaceSchedule a {display:block; width:200px; height:60px; float:left; padding:0;}
.btnRaceSchedule img {width:200px; height:60px; border:0;}
* html a:hover {visibility:visible;}
.btnRaceSchedule a:hover img {visibility:hidden;}

div.locationWrap {position:absolute; left:621px; top:7px;}
div.locationWrap p {font:12px Arial, Helvetica, sans-serif; color:#ccc; line-height:normal; margin:0; padding:0;}