@charset "utf-8";

html {
	background:#000000;
}

body  {
	background-repeat:no-repeat;
	position:relative;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto; 
	padding: 0 0 0 0;
	text-align: left;
	line-height:1.4em;
	color:#828282;	
}

.fltrt {
	float: right;
}
.fltlft {
	float: left;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.firt {
	display:none;
}

/*--------------------MAIN LINK STATES----------------------*/
a {
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

a:link {
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

a:visited {
	font-weight:bold;
	/*color:#333333;*/
	color:#FFFFFF;
	text-decoration:none;
}

a:hover {
	font-weight:bold;
	color:#ffff00;
	text-decoration:none;
	
}

a:active {
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}

/*----------------------------------HEADER--------------------------------*/

#topBar {
	background:url(../images/layout/top-bar.png) repeat-x;
	width:100%;
	height:46px;
}

#topBarInfo {
	margin:0 auto 0 auto;
	padding-top:7px;
	padding-right:26px;
	width:967px;
	text-align:right;
	color:#979797;
}

#topBarInfo a:link {
	color:#979797;
	font-weight:normal;
}

#topBarInfo a:hover {
	color:#ffff00;
	font-weight:normal;
}

#headerBar {
	background:url(../images/layout/header-bar.png) repeat-x;
	background-position:bottom;
	width:100%;
	height:279px;
	position:fixed;
	top:0;
	z-index:2;
}

#header {
	position:relative;
	top:-15px;
	width:993px;
	height:199px;
	margin:0 auto 0 auto;
	padding: 0 0 0 0;
}

#logo {
	background:url(../images/layout/logo.png) no-repeat;
	width:332px;
	height:147px;
}

#kiosk {
	background:url(../images/layout/kiosk.png) no-repeat;
	position:absolute;
	width:300px;
	top:45px;
	right:-50px;
	height:358px;
	z-index:1;
}

/*-------------------------------------SIDEBAR LEFT-------------------------*/

#sidebarLeft {
	position:absolute;
	left:0;
	width: 190px;
	height:100%;
	padding:0 16px 0 0;
	margin:0;
}

#bigSkull {
	background:url(../images/layout/big-skull.png) no-repeat;
	width:189px;
	height:193px;
	margin:15px 0 0 7px;
}	

/*-------------------------------------SIDEBAR RIGHT-------------------------*/

#sidebarRight {
	position:absolute;
	right:0;
	width: 190px;
	height:100%;
	padding:0 0 0 16px;
	margin:0;
}

/*-------------------------------------MAIN CONTENT AREA-------------------------*/

#container {
	position:relative;
	width: 950px;
	margin:260px auto 153px auto;
	padding:0;
} 

#mainContent {
	text-align:justify;
	width:503px;
	height:100%;
	margin-left:206px;
	padding-top:1px;
	padding-left:18px;
	padding-right:17px;
}

/*-------------------------FOOTER-------------------------*/

#footerInfo {
	margin:0 auto;
	padding-top:80px;
	width:942px;
 	font-size:12px;
	color:#000000;	
	text-align:left;
}

#footerInfo ul,
#footerInfo p {
	padding:0 0 5px 14px;
	margin:0 0 7px 0;
}

#navlist li {
	display: inline;
	list-style-type: none;
	padding-left:0;
	padding:0 5px 0px 0;
	margin:0;		
}

#navlist li a,
#navlist li a:link,
#navlist li a:hover,
#navlist li a:visited {
	color:#ffffff;
	font-weight:normal;
	text-decoration:underline;
}

#navlist li a:hover {
	color:#ffff00;
}

#footerBar {
	background:url(../images/layout/footer-bar.png) repeat-x;
	position:fixed;
	bottom:0;
	width:100%;
	height:155px;
	margin:0 auto;
}

#awesometown a {
	color:#000000;
	font-weight:normal;
	text-decoration:underline;
}

#awesometown a:hover {
	color:#FFFF00;
	font-weight:normal;
	text-decoration:underline;
}