/*=================================================
// Project : Frag Fest
// Developed by Julien Després
// Copyright 2008. All rights reserved.
//=================================================*/


/* ----- General ----- */
body			 	 		{ background: url(../images/bg/body.gif) repeat-x; height: 100%; color: #949494;} 
html,body 				{ height: 100%; } 
div.clear		 		{ clear: both; }
div.container 	 		{ width: 918px; margin: auto; padding-top: 100px; }
a						{ color: #949494; text-decoration: none; outline: none; }
a:hover					{ text-decoration: underline; }
img						{ border: 0px; }
img.hover				{ display: none; }
*						{ font-family: Arial, sans-serif; font-size: 13px; padding: 0px; margin: 0px; }
ul						{ list-style-type: none; }
.clear:after			{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clear					{ display: inline-block; }
html[xmlns] .clear             	{ display: block; }
* html .clear				{ height: 1%; }

/* ----- Header ----- */
h1						{ background: url(../images/content/header.gif) no-repeat; height: 33px; width: 237px; text-indent: -9999px; }

/* ----- Top + Navigation ----- */
div.wrapTop				{ background: url(../images/bg/nav.gif) no-repeat; height: 39px; width: 889px; padding: 0 12px 0 17px; margin-top: 15px; }
div.topNav ul				{ float: left; }
div.topNav li				{ float: left; margin-right: 10px; }
div.topNav a				{ display: block; text-indent: -9999px; height: 39px; }

a.navHome				{ background: url(../images/nav/home_off.gif) no-repeat; width: 41px; }
a.navAbout				{ background: url(../images/nav/about_off.gif) no-repeat; width: 59px; }
a.navGame				{ background: url(../images/nav/game_off.gif) no-repeat; width: 81px; }
a.navVoice				{ background: url(../images/nav/voice_off.gif) no-repeat; width: 82px; }
a.navOrder				{ background: url(../images/nav/order_off.gif) no-repeat; width: 68px; }
a.navSupport			{ background: url(../images/nav/support_off.gif) no-repeat; width: 55px; }

a.navHome:hover			{ background: url(../images/nav/home_on.gif) no-repeat; width: 41px; }
a.navAbout:hover		{ background: url(../images/nav/about_on.gif) no-repeat; width: 59px; }
a.navGame:hover			{ background: url(../images/nav/game_on.gif) no-repeat; width: 81px; }
a.navVoice:hover		{ background: url(../images/nav/voice_on.gif) no-repeat; width: 82px; }
a.navOrder:hover		{ background: url(../images/nav/order_on.gif) no-repeat; width: 68px; }
a.navSupport:hover		{ background: url(../images/nav/support_on.gif) no-repeat; width: 55px; }

div.topLogin				{ float: right; width: 380px; height: 30px; padding-top: 9px; }
div.loginBox				{ float: left; margin-right: 3px; }
div.loginBox input			{ background: url(../images/bg/input.gif) repeat-x; border: 0px; color:#fff; height: 19px; width: 95px; padding: 4px 0 0 6px; font-size: 11px; }
div.loginSelect 			{ float: left; margin: 1px 9px 0 5px; }
div.loginSelect select		{ border: 1px solid #000; width: 100px; font-size: 11px; }
div.loginSelect option		{ font-size: 11px; }
div.loginSubmit input		{ margin-top: 1px; float: left; width: 39px; height: 20px; background: url(../images/icons/login.gif) no-repeat; cursor: pointer; border: 0; text-indent: -9999px; }

/* ----- Picture Mid ----- */
div.pictureMid			{ background: url(../images/content/mid.gif) no-repeat; height: 101px; width: 916px; margin: 2px 0 2px 0; } 

/* ----- Main Content ----- */
div.wrapContent			{ width: 916px; float: left; }

/* ----- Left Content ----- */
div.leftContent			{ float: left; width: 620px; }
div.leftContent h2		{ background: url(../images/bg/header.gif) no-repeat; height: 25px; width: 606px; margin-bottom: 2px; padding: 9px 0 0 14px; }
div.leftText				{ background: url(../images/bg/left.gif) repeat-x; width: 620px; }
div.leftText p			{ line-height: 25px; width:590px; padding: 10px 0 0 18px; }

div.gamePackages			{ background: url(../images/bg/game.gif) repeat-x; height: 144px; width: 604px; padding: 20px 0 0 16px; }
div.package				{ float: left; width: 140px; text-align: center; margin-right: 10px; }
div.package p				{ height: 65px; }
div.package h3			{ font-weight: normal; color: #fff; font-size: 16px; margin-bottom: 15px; }
div.package h4			{ color: #fff; font-size: 12px;  margin-top: 10px; }
div.newsTitle			{ width: 580px; float: left; color: #fff; padding: 20px 20px 10px 20px;  }
div.newsTitle h3 			{ float: left; font-size: 18px; }
div.newsTitle span		{ float: right; margin-top: 2px;  }

ul.list					{ margin: 20px 0 0 40px; list-style-type: circle; width: 550px; }
ul.list li					{ height: 50px; }

/* ----- Right Content ----- */
div.rightContent			{ float: right; width: 294px; }
div.rightContent h2		{ background: url(../images/bg/header.gif) no-repeat; height: 25px; width: 280px; margin-bottom: 2px; padding: 9px 0 0 14px; }
div.mainRight			{ background: url(../images/bg/right.gif) no-repeat; height: 363px; width: 294px; }
div.mainRight p			{ line-height: 25px; width:262px; padding: 12px 0 16px 18px; }
div.nameWrap				{ background: url(../images/bg/line.gif) no-repeat; background-position: bottom center; width: 268px; height: 45px; margin-left: 13px;}
div.nameWrap span			{ float: left; color: #fff; margin: 3px 0 0 7px;  }
div.nameWrap img			{ float: left; margin-left: 15px; }

div.nameNobg				{ width: 268px; height: 45px; margin-left: 13px;}
div.nameNobg span			{ float: left; color: #fff; margin: 3px 0 0 7px;  }
div.nameNobg img			{ float: left; margin-left: 15px; }

div.serverLocations		{ background: url(../images/bg/locations.gif) no-repeat; height: 92px; width: 294px; padding-top: 15px; }
div.serverLocations li		{ width: 262px; height: 30px; color: #fff; padding: 0 16px 0 16px; }
div.serverLeft			{ float: left; font-size: 12px; }
div.serverRight 			{ float: right; font-size: 11px; text-transform: uppercase; font-weight: bold; }
span.online				{ color: #42ff00; font-size: 11px; }

div.testServers			{ background: url(../images/bg/servers.gif) repeat-x; height: 104px; width: 294px; padding-top: 15px; }
div.testServers li			{ width: 262px; height: 30px; color: #fff; padding: 0 16px 0 16px; }
div.testLeft				{ float: left; font-size: 12px; }
div.testRight 			{ float: right; font-size: 11px; }

/* ----- Footer ----- */
div.wrapFoot				{ float: left; background: url(../images/bg/foot.gif) no-repeat; min-height: 1px; width:908px; padding: 30px 0 30px 8px; background-position: top center; margin-top: 30px; }
div.footLeft				{ background: url(../images/txt/copy.gif) no-repeat; height: 25px; width: 350px; text-indent: -9999px; float: left; }
div.footRight			{ float: right; margin-right: 15px;  }