@import "global.css";
@import "class.css";
@import "icon.css";

#maincontainer{
	width: 780px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	}

/* Abover Header Links */
#toplist{
	height: 22px; /*Height of top section*/
	}
	ul.tnavlist {
		font-weight: bold;
		list-style: none;
		margin-right: -20px;
		}
		li.tnav {
			color: #9B9B9B;
			float: right;
			padding-right: 37px;
			display: inline;
			}
			li.tnav a {
				color: #9B9B9B;
				text-decoration: none;
				}
			li.tnav a:link { 
				outline: none;
				color: #9B9B9B;
				}
			li.tnav a:visited { 
				outline: none;
				color: #9B9B9B;
				}
			li.tnav a:hover, a:active { 
				outline: none;
				color: #CC3202;
				}
		li.phone {
			background-image: url('../Images/phone.png');
			background-repeat: no-repeat;
			background-position: 0px 2px;
			color: #CC0F08;
			padding-left: 30px;
			margin-left: -30px;
			float: left;
			display: inline;
			}

/* Header */
#header-wrapper{
	float: left;
	width: 100%;
	height: 120px;
	}
	
#header-right{
	margin-left: 194px; /*Set left margin to LeftColumnWidth*/
	background-repeat: no-repeat;
	background-position: 8px 0;
	height: 120px;
	}
	#header-partner-logo {
		float: left;
		padding-left: 15px;
		padding-top: 5px;
		}
	.leftborder {
		float: left;
		border-left : 1px solid #BBBDC0;
		height: 100px;
		width: 1px;
		margin-top: 10px;
		margin-left: 5px;
		}
	#header-call{
		float: left;
		margin-left: 5px;
		height: 120px;
		width: 378px;
		}
		#header-call h1{
			color: #808080;
			margin-top: 20px;
			padding-left: 5px;
			height: 100px;
		}
		
#header-left{
	float: left;
	width: 194px; /*Width of left column*/
	height: 120px;
	margin-left: -780px; /*Set left margin to -(MainContainerWidth)*/
	background-image: url('../Images/landing-header-left.png');
	background-repeat: no-repeat;
	}
	.logo{
		width: 143px; /*Width of left column*/
		height: 53px;
		margin-top: 30px;
		margin-left: 25px;
		background-image: url('../Images/logo-trans.png');
		background-repeat: no-repeat;
		}

/* Main Body */
#contentwrapper{
	float: left;
	width: 100%;
	margin-top: 10px;
	}

#contentcolumn{
	margin-left: 194px; /*Set left margin to LeftColumnWidth*/
	}

#boxwrap {
	text-align: left;
	width: 550px;
	}
	#box1 {
		width: 170px;
		height: 200px;
		float: left;
		}
	#box1, #box2, #box3 p {
		font-size: 10pt;
		}
	#box2 {
		width: 170px;
		margin-left: 20px;
		margin-right: 20px;
		height: 200px;
		float: left;
		}
	#box3 {
		width: 170px;
		height: 200px;
		float: left;
		}

	
#leftcolumn{
	float: left;
	width: 194px; /*Width of left column*/
	margin-left: -780px; /*Set left margin to -(MainContainerWidth)*/
	margin-top: 10px;
	}
	.left-top {
		background-image: url('../Images/landing-top-leftcolumn.gif');
		background-repeat: no-repeat;
		width: 194px;
		height: 23px;
		}
	.left-bottom {
		background-image: url('../Images/landing-bottom-leftcolumn.gif');
		background-repeat: no-repeat;
		width: 194px;
		height: 23px;
		}
		
	/* Menu in the leftcolumn */
	#menu {
		background-color: #CC3300;
		color: #FFFFFF;
		padding-left: 5px;
		margin: 0;
		}
		#menu h1 {
			color: #FFFFFF;
			margin-top: 0;
			}
		#menu ul {
			padding: 0;
			margin: 0;
			margin-left: -5px;
			list-style: none;
			font-size: 10pt;
			width: 194px;
			background-color: #CC3300;
			}
			#menu ul li:first-child {
				border-top: 1px solid #FFFFFF;
				}
			#menu ul li {
				border-bottom: 1px solid #FFFFFF;
				}
				#menu ul li span {
					margin-left: 30px;
					}
				#menu ul li a {
					text-decoration: none;
					display: block;
					width: 194px;
					color: #FFFFFF;
					padding: 5px 0px;
					}
				#menu ul li a:hover {
					background-color: #9B3300;
					color: #FFFFFF;
					}
		#menu ul li.active {
			background-color: #9B3300;
			color: #FFFFFF;
			}
	
	#fastfacts {
		background-color: #CC3300;
		color: #FFFFFF;
		padding-left: 5px;
		margin: 0;
		}
	#fastfacts h1 {
		color: #FFFFFF;
		margin-bottom: 5px;
		}
	#fastfacts ul {
		padding-left: 1.5em;
		margin-left: 2px;
		margin-top: 0;
		margin-bottom: 0;
		}
		#fastfacts ul li {
			margin-top: 8px;
			}
	#fastfacts a {
		color: #FFFFFF;
		}

/* Footer */
#footer{
	clear: left;
	width: 100%;
	padding: 4px 0;
	border-top: 1px solid #808080;
	}
	#footer ul {
		float: right;
		font-weight: bold;
		display: inline;
		font-size: 8pt;
		color: #808080;
		}
		#footer ul li {
			list-style: none;
			display: inline;
			}
			#footer ul li a {
				color: #808080;
				text-decoration: none;
				}
			#footer ul li a:link { 
				outline: none;
				color: #808080;
				}
			#footer ul li a:visited { 
				outline: none;
				color: #808080;
				}
			#footer ul li a:hover, a:active { 
				outline: none;
				color: #CC3202;
				}
				
.innertube{
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
	}
		
/* Partners  */
.partner-1 {
	background-image: url('../Images/partner_logos/partner-1.png');
	}
.partner-2 {
	background-image: url('../Images/partner_logos/partner-2.png');
	}
.partner-3 {
	background-image: url('../Images/partner_logos/partner-3.png');
	}
.partner-4 {
	background-image: url('../Images/partner_logos/partner-4.png');
	}
.partner-5 {
	background-image: url('../Images/partner_logos/partner-5.png');
	}
.e3-bg {
	background-image: url('../Images/partner_logos/e3-bg.png');
	}
	
/* E3 Games page */
#games {
	width: 100%;
	}
	#games th {
		color: #CC0000;
		font-size: 14pt;
		}
	#games th, #games tr {
		padding: 5px;
		width: 260px;
		}
	#games .safe {
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		}
	#games ul {
		margin: 0;
		padding: 0;
		margin-top: 5px;
		}
	#games ul li {
		text-align: left;
		margin: 0;
		padding: 0;
		list-style-image: url('../Images/redblock.png');
		margin-bottom: 5px;
		margin-left: 30px;
		}