/**
 *  --------------------------------------------------------------------------------------
 *  Master CSS
 *  ----------------------------------------------------
 *  1.	Global Styles
 		- Body
		- Text
		- Headers
		- Hyperlinks
		- Lists
		- Forms
		- Extras

 *  2.	Layout Styles
		- Subpages

 *  3.	Navigation
		- Main Nav
		
 *  4.	Page Specific Styles
 		- Homepage
		- All other pages
 
 *  5.	Footer
 *  --------------------------------------------------------------------------------------
 */


/* ----------------------------------------------------------------------------- */
/* ---------------------------->>> 1. GLOBAL STYLES <<<------------------------- */
/* ----------------------------------------------------------------------------- */

/*
	voice-family: "\"}\"";
	voice-family:inherit;
*/

body, html {
	height:100%;
	margin:0;
	background-color:#000;
	background-image:url(../images/bg_hp.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	}

/* ------------ */
/* --- Text --- */
/* ------------ */
p {font:12px Arial, Helvetica, sans-serif; color:#ccc; margin:0; padding:0px 0px 20px 0px; line-height:20px;}
td {font:12px Arial, Helvetica, sans-serif; color:#ccc; margin:0; padding:0;}

	/* classes */
	.bigText {font-size:16px; line-height:24px; font-weight:bold;}


/* --------------- */
/* --- Headers --- */
/* --------------- */
h1 {clear:both; font:14px/18px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; font-style:plain; margin:0px; padding:0px 0px 20px 0px;}
h2 {font:13px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; font-style:plain; margin:0px; padding:0px 0px 2px 0px; line-height:normal;}
h3 {font:13px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; margin:0; padding:0;}


/* ------------------ */
/* --- Hyperlinks --- */
/* ------------------ */
a {font:12px Arial, Helvetica, sans-serif; color:#fc0; font-weight:normal;}
a:link, a:active, a:visited {text-decoration:none;}
a:hover {color:#fc0; text-decoration:underline;}

	/* classes */
	.bigText a {font-size:16px; line-height:24px; font-weight:bold;}


/* ------------- */
/* --- Lists --- */
/* ------------- */
ul {margin:0px 0px 20px 0px; padding:0;}
ol {margin:0px 0px 20px 10px; padding:0;}
li {margin:0px 0px 0px 16px; padding:0; font:12px/18px Arial, Helvetica, sans-serif; font-weight:normal; font-style:italic; color:#CCC; list-style-type:disc;}


/* ------------- */
/* --- Forms --- */
/* ------------- */
form {padding:0; margin:0;}
input {padding:3px; margin:0; font-size:11px;}


/* -------------- */
/* --- Extras --- */
/* -------------- */
img {border:0; padding:0; margin:0; display:block;}
.noCSS {visibility:hidden;}
.noDisplay {display:none;}
.inline {display:inline;}
.clear {clear:both;}
hr {border-top:1px solid #ccc; border-bottom:none; border-left:none; border-right:none; margin-bottom:20px;}






#copyrightWrap {clear:both; width:750px; height:100px; margin:0 auto; padding-top:30px; text-align:center; font:10px Arial, Helvetica, sans-serif; color:#666;}
#copyrightWrap img {margin:0 auto; padding:0px 0px 10px 0px;}



/* ----------------------------------------------------------------------------- */
/* ---------------------------->>> 3. NAVIGATION <<<---------------------------- */
/* ----------------------------------------------------------------------------- */

.btnWebsite {z-index:15; position:absolute; left:70px; top:465px; z-index:20; background:url(../images/btn_website.gif) no-repeat; white-space:nowrap; display:block; width:280px; height:91px; margin:0; padding:0;}
.btnWebsite a {display:block; width:280px; height:91px; display:block; float:left;}
.btnWebsite img {width:280px; height:91px; border:0;}
* html a:hover {visibility:visible;}
.btnWebsite a:hover img {visibility:hidden;}

.btnOnlineGame {z-index:15; position:absolute; left:360px; top:465px; z-index:20; background:url(../images/btn_onlinegame.gif) no-repeat; white-space:nowrap; display:block; width:280px; height:91px; margin:0; padding:0;}
.btnOnlineGame a {display:block; width:280px; height:91px; display:block; float:left;}
.btnOnlineGame img {width:280px; height:91px; border:0;}
* html a:hover {visibility:visible;}
.btnOnlineGame a:hover img {visibility:hidden;}

.btnOnlineScorecard {z-index:15; position:absolute; left:650px; top:465px; z-index:20; background:url(../images/btn_onlinescorecard.gif) no-repeat; white-space:nowrap; display:block; width:280px; height:91px; margin:0; padding:0;}
.btnOnlineScorecard a {display:block; width:280px; height:91px; display:block; float:left;}
.btnOnlineScorecard img {width:280px; height:91px; border:0;}
* html a:hover {visibility:visible;}
.btnOnlineScorecard a:hover img {visibility:hidden;}

.btnFacebook {position:absolute; left:785px; top:410px; z-index:20;}

/* ----------------------------------------------------------------------------- */
/* --------------------->>> 4. PAGE SPECIFIC STYLES <<<------------------------- */
/* ----------------------------------------------------------------------------- */

/* ---------------- */
/* --- Homepage --- */
/* ---------------- */


#centeringWrap {
	width: 1000px;
	height: 580px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -500px;
	margin-top: -290px;
	}

.mainPic {z-index:5;}

/* Nav */
div.hpNav {z-index:20; position:absolute; left:235px; top:505px; margin:0; padding:0; height:37px;}
div.hpNav img {display:inline; float:left;}
div.hpNav ul {margin:0; padding:8px 0px 0px 20px; display:inline; float:left; background-image:url(../images/bg_hp_nav.gif); background-repeat:repeat-x; height:37px;}
div.hpNav ul li {display:inline; margin:0px; padding:0px 20px 0px 0px;}
div.hpNav ul li a {font:16px Arial, Helvetica, sans-serif;}
div.hpNav ul li a:link, div.hpNav ul li a:active, div.hpNav ul li a:visited {text-decoration:none; color:#FFFFFF;}
div.hpNav ul li a:hover {color:#FC0; text-decoration:none;}

/* Copyright */
.hpCopyright {width:1000px; position:absolute; left:0px; top:567px; font:10px Arial, Helvetica, sans-serif; color:#ccc; text-align:center;}



/* ----------------------- */
/* --- WHAT'S IT ABOUT --- */
/* ----------------------- */


/* ------------------- */
/* --- HOW TO PLAY --- */
/* ------------------- */
.formWrap {width:500px; background-color:#f0f4f8;}
.formWrap h2 {width:450px; margin:0px auto; padding:0px 0px 10px 0px; color:#003366; font-size:12px;}
.formWrap p {margin:0px 0px 0px 230px; padding:0px 0px 10px 0px; color:#003366; font-size:11px;}
.formWrap div p {float:left; display:inline; margin:0; padding:0; color:#003366;}
.formWrap input {display:inline; float:left; font-family:Verdana, Arial, sans-serif; font-size:11px; color:#003366; background-color:#fff; border:1px solid #003366;}
.formWrap div {clear:left; display:block; width:500px; margin:5px 0 0 0; padding:0;}
.formWrap div label {display:inline; float:left; width:110px; padding:3px 5px; margin:0 0 5px 0; text-align:right; font:11px Verdana, Arial, sans-serif; color:#003366;}
.formWrap div.submit {width:100px; padding:0 0 0 370px;}



/* --------------------- */
/* --- ORDER WINFALL --- */
/* --------------------- */
.productBox {padding:13px; margin-bottom:5px;}
.productBox h2 {font-size:15px; color:#094585;}
.productBox p {margin:0; padding:0; color:#094585; line-height:normal;}


/* --------------------- */
/* --- JOIN THE CLUB --- */
/* --------------------- */
.joinFormWrap {width:800px;}
.joinFormWrap div p {float:left; display:inline; margin:0; padding:0;}
.joinFormWrap input {display:inline; float:left; font-family:Arial, sans-serif; font-size:12px; color:#000000; background-color:#fff; border:1px solid #369;}
.joinFormWrap div {clear:left; display:block; width:800px; margin:15px 0px; padding:0px 0px;}
.joinFormWrap div label {display:inline; float:left; width:150px; padding:3px 5px; margin:0 0 5px 0; text-align:right; font:14px Arial, sans-serif; color:#000;}
.joinFormWrap div.submit {width:100px; padding:0 0 0 500px;}


/* ------------------------ */
/* --- CUSTOMER SERVICE --- */
/* ------------------------ */



/* ------------------------ */
/* --- ONLINE SCORECARD --- */
/* ------------------------ */
#onlineScorecard {width:600px; background-color:#FFFFFF; margin:10px auto 0px auto; border-left:1px solid #000; border-bottom:1px solid #000; border-collapse:collapse;}
#onlineScorecard tr {}
#onlineScorecard td {width:25%; border-top:1px solid #000; border-right:1px solid #000; text-align:center; padding:3px 0px;}
#onlineScorecard td .scorecardInput {}




/* ----------------------------------------------------------------------------- */
/* ------------------------------>>> 5. FOOTER <<<------------------------------ */
/* ----------------------------------------------------------------------------- */
#footerWrap {clear:both; width:250px; margin:30px auto 0px auto; padding:0; padding-bottom:15px;}

.copyrightContent {margin:0; padding:0; text-align:center;}
.copyrightContent p {font:10px Arial, Helvetica, sans-serif; color:#99ccff; padding:0;}