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

/***********************/
/** Layout *************/
/***********************/

.container {
	position: relative;
	width: 960px;
	margin: 0 auto;
	}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6 {
	position: relative;
	display: inline;
	float: left;
	margin: 0 10px 0 10px;
	}

.grid_1 {
	width: 140px;
	}
	
.grid_2 {
	width: 293px;
	}
	
.grid_3 {
	width: 460px;
	}
	
.grid_4 {
	width: 620px;
	}
	
.grid_5 {
	width: 780px;
	}
	
.grid_6 {
	width: 940px;
	}

.alpha {
	margin-left: 0;
	}

.omega {
	margin-right: 0;
	}

.clear {
	clear: both;
	}
	
/***********************/
/** Global *************/
/***********************/

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: rgb(255,255,255);
	background-color: rgb(235,235,235);
	font-weight: bold;
	}

a {
	text-decoration: none;
	color: rgb(54,54,54);
	}
	
	a:visited {
		color: rgb(54,54,54);
		}

	a:hover {
		color: rgb(0,0,0);
		}

em {
	font-style: normal;
	}
	
.white {
	color: rgb(255,255,255);
	}

.upper {
	text-transform: uppercase;
	}

.grey {
	color: rgb(183,183,183);
	}

.section {
	padding: 10px;
	border-top: 1px solid rgb(71,71,71);
	border-bottom: 1px solid rgb(0,0,0);
	}

	.section.extraPad {
		padding-top: 25px;
		}

.left {
	float: left;
	}

.right {
	float: right;
	}

#background {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 400px;
	z-index: -1;
	background: url(../images/bgimgPageGrad1x400.gif) repeat-x left bottom;
	}

#content {
	background-color: rgb(44,44,44);
	}

/***********************/
/** Header *************/
/***********************/

#header {
	background-color: rgb(49,49,49);
	border-bottom: 1px solid rgb(0,0,0);
	}

h1 {
	font-size: 11px;
	color: rgb(185,172,173);
	}

/***********************/
/** Logo ***************/
/***********************/

#logo {
	margin-top: 30px;
	}
	
#logo .section {
	padding: 10px 10px 5px 10px;
	background: rgb(0,0,0) url(../images/bgimgLogoSpotlight.gif) no-repeat left top;
	}
	
#strapLine {
	float: right;
	margin-top: 12px;
	}

#strapLine p {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 20px;
	display: inline-block;
	}

/***********************/
/** Main content *******/
/***********************/

h2 {
	font-size: 50px;
	text-transform: uppercase;
	line-height: 42px;
	color: rgb(183,183,183);
	}
	
#oddswidget {
	width: 284px;
	height: 224px;
	
	margin: 20px;
	position: absolute;
	top: 0;
	right: 0;
	}

/***********************/
/** Bullets ************/
/***********************/

#bullets {
	list-style: none;
	text-transform: uppercase;
	color: rgb(183,183,183);
	}
	
#bullets a {
	color: rgb(255,255,255);
	}
	
	#bullets a:visited {
		color: rgb(255,255,255);
		}

	#bullets a:hover {
		color: rgb(183,183,183);
		}
		
#bullets li h3 {
	font-size: 20px;
	color: rgb(255,255,255);
	}
		
#bullets li p {
	font-size: 20px;
	font-weight: bold;
	}

/***********************/
/** Join Button ********/
/***********************/

#join img {
	float: right;
	}

/***********************/
/** Terms **************/
/***********************/

#terms h2 {
	color: rgb(54,54,54);
	font-size: 12px;
	line-height: 18px;
	text-transform: none;
	cursor: pointer;
	}

	#terms h2 img {
		float: right;
		}

#toggle {
	position: relative;
	display: none;
	}
	
	#toggle ol {
		margin: 10px 0 0 30px;
		color: rgb(54,54,54);
		font-size: 12px;
		line-height: 18px;
		font-weight: normal;
		}
	
		#toggle ol ol {
			margin: 0 0 0 30px;
			}

#terms .section {
	background: rgb(247,247,247) url(../images/imgHPEventBkgGrad-1.gif) repeat-x left bottom;
	border-top: 1px solid rgb(255,255,255);
	border-bottom: 1px solid rgb(150,150,150);
	}

/***********************/
/** Footer *************/
/***********************/

#footer p {
	margin: 16px 0 50px 0;
	text-transform: uppercase;
	font-size: 11px;
	color: rgb(54,54,54);
	}

/***********************/
/** Prog Enhance *******/
/***********************/

#boxShadow {
	-webkit-box-shadow: 0 5px 15px rgb(150,150,150);
	-moz-box-shadow: 0 5px 15px rgb(150,150,150);
	}