body{
	padding: 0;
	margin: 0;
	background: #333333 url("../images/grey-bg.jpg") repeat;
	width: 100%;
	height: auto;
	font: 12px Verdana, sans-serif;
	color: black;
}

img{
	border: 0 none;
	text-align: center;
}

a{
	color: #000099;
	text-decoration: none;
}

/*Section Headers h1 only*/
h1{
	margin: 6px 0 6px 35px;
	padding: 0px;
	font: 18px Verdana, sans-serif;
	/*font-weight: none;*/
	color: white;
}

h2{
	margin:  6px 0 6px 35px;/*0px 0 0 5px;*/
	padding: 0px;
	font: 18px Verdana, sans-serif;
	font-weight: bold;
	color: white;
}

h3{ /*midRight services only (voice, forums & news pics)*/
	margin:  0 0 0 75px;
	padding: 0px;
	font: 12px Verdana, sans-serif;
	font-weight: bold;
	color: black;
}

h4{ /* Background section headers only */
	margin:  9px 0 0 10px;
	padding: 0px;
	font: 13px Verdana, sans-serif;
	font-weight: bold;
	color: white;
}

p{
	color: black;
	margin: 0 0 5px 0;
	font: 10px Verdana, sans-serif;
}

li{
	font: 10px Verdana, sans-serif;
}

ul{
	margin: 0;
	padding: 0;
}

u{
	line-height:20px;
}

#body{
	width: 990px;
	overflow: auto;
	margin: auto;
	background: url("../images/white-bg.jpg") repeat-y;
}

/*call to action from header.html to keep same on every page*/
#header{
	width: 960px;
	height: 315px;
	margin-left: 4px;
	float: left;
}

#banner{
	height: 120px;
	width: 960px;
	float: left;
	/*edit banner in html file for easier editing*/
}

#loginArea{
	margin: 12px 0 12px 600px;
	height: 95px;
	width: 345px;
	background: url("../images/game-servers-status.png") no-repeat;
	position: absolute;
}

/* OLD LOGIN LAYOUT
#loginAreaTop{
	float:left;
	height:25px;
	padding:5px 5px 0;
	width:500px; /*335px;*
}

#loginAreaBottomLeft{
	float:left;
	height:52px;
	padding:13px 0 0 5px;
	width:168px;
}

#loginAreaBottomRight{
	float:right;
	height:52px;
	padding:13px 5px 0 0;
	width:154px; /* max width 167px;*
}
*/

#loginAreaLeft{
	float:left;
	height:80px;
	padding:10px 0 5px 5px;
	width:170px;
}

#loginAreaRight{
	float:right;
	height:80px;
	padding:10px 5px 5px 0;
	width:165px;
}

#nav{
	width:100%;
	height: 41px;
	margin: 0;
	float: left;
	background: url("../images/top-nav.jpg") repeat;
}

p.TopNav{
	font: 10px Verdana, sans-serif;
	font-weight: bold;
	padding-top: 5px;
	text-align: center;
	text-transform: uppercase;
}

a.TopNav{
	color: white;
	padding-right: 30px;
}

p.SubNav{
	font: 10px Verdana, sans-serif;
	font-weight: bold;
	padding-top: 4px;
	text-align: center;
	text-transform: uppercase;
}

a.SubNav{
	color: black;
	padding-right: 30px;
}

#serviceBoxs{
	width: 960px;
	height: 154px;
	margin: 5px 8px;
	float: left;
}

/*style for all 4 service boxs*/
p.serviceBoxs{
	margin: 5px 0 0 10px;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #214484;
}

li.serviceBoxsTop{
	margin: 10px 0 0 20px;
}

li.serviceBoxs{
	margin: 2px 0 0 20px;
}

#games{
	
	width: 232px;
	height: 149px;
	background: url("../images/games-box.png") no-repeat;
	margin: 0 2px;
	float: left;
}

#voice{
	
	width: 232px;
	height: 149px;
	background: url("../images/voice-box.png") no-repeat;
	margin: 0 2px;
	float: left;
}

#hosting{
	
	width: 232px;
	height: 149px;
	background: url("../images/hosting-box.png") no-repeat;
	margin: 0 2px;
	float: left;
}

#servers{
	
	width: 232px;
	height: 149px;
	background: url("../images/servers-box.png") no-repeat;
	margin: 0 2px;
	float: left;
}

/*different on each page*/
#main{
	margin-left: 4px;
	float: left;
}

p.testimonials{
	margin: 25px;
	font-size: 11px;
}

p.colorBoxHeader1{
	float: left;
}

p.colorBoxHeader2{
	float: left;
}

p.colorBoxHeader3{
	float: left;
}

p.colorBox{
	float: left;
	width: 560px;
	margin: 5px 0 5px 10px;
	font-size: 11px;
}

p.colorBox1{
	float: left;
	width: 185px;
	margin: 5px 0 5px 10px;
	font-size: 11px;
}

p.colorBox2{
	float: left;
	width: 188px;
	margin: 5px 0px;
	font-size: 11px;
}

p.colorBox3{
	float: left;
	width: 192px;
	margin: 5px 0px;
	font-size: 11px;
}

#topLeft{
	width: 354px;
	height: 204px;
	margin: 8px 5px 0 10px;
	float: left;
	background: url("../images/tero-box.png") no-repeat;
}

#topRight{
	width: 576px;
	height: 204px;
	margin: 8px 10px 0 5px;
	float: left;
	background: url("../images/blue-box.png") no-repeat;
}

#midLeft{
	width: 434px;
	height: 239px;
	margin: 8px 5px 0 10px;
	float: left;
	background: url("../images/promo-box.jpg") no-repeat;
}

#midRight, .midRightSection {
	width: 497px;
	height: 239px;
	margin: 8px 10px 0 4px;
	float: left;
}
.midRightSection, .midLeftSection {
	position: absolute;
}
#midRight1 {
	background: url("../images/index-left-4-dead.jpg") no-repeat;
}
#midRight2 {
	background: url("../images/index-counter-strike-source.jpg") no-repeat;
}
#midRight3 {
	background: url("../images/index-call-of-duty-4-modern-warfare.jpg") no-repeat;
}
#midRight4 {
	background: url("../images/index-team-fortress-2.jpg") no-repeat;
}
#midRight5 {
	background: url("../images/index-call-of-duty-world-at-war.jpg") no-repeat;
}
#midRight6 {
	background: url("../images/index-call-of-duty-black-ops.jpg") no-repeat;
	background-position: center;
	margin-top: 0;
}

#bottomLeft{
	width: 576px;
	height: 204px;
	margin: 8px 5px 0 10px;
	float: left;
	background: url("../images/green-box.png") no-repeat;
}

#bottomRight{
	width: 354px;
	height: 204px;
	margin: 8px 10px 0 5px;
	float: left;
	background: url("../images/ct-box.png") no-repeat;
}

#topServices{
	height: 72px;
	width: 470px;
	margin: 10px 0 0 18px;
}

#midServices{
	height: 74px;
	width: 470px;
	margin: 0 0 0 18px;
}

#bottomServices{
	height: 72px;
	width: 470px;
	margin: 0 0 10px 18px;
}

p.midRight{ /*midRight services only (voice, forums & news pics 3 above)*/
	margin:  0 0 0 75px;
	padding: 0px;
	font-size: 11px;
	color: black;
}

/*sub pages*/

#mainLeft{
	width: 435px;
	height: 100%;
	margin: 8px 2px 0 10px;
	float: left;
}

#mainLeftWide{
	width: 352px;
	height: 100%;
	margin: 8px 2px 0 10px;
	float: left;
}

.latestNewsHeader{
	width: 435px;
	height: 34px;
	float: left;
	background: url("../images/latest-news.jpg") no-repeat;
}

.latestNewsMain{
	width: 415px;
	min-height: 150px;
	float: left;
	padding: 5px 10px 0 10px;
	background: url("../images/latest-news-bg.jpg") repeat-y;
}

.latestNewsFooter{
	width: 435px;
	height: 10px;
	float: left;
	margin-bottom: 8px;
	background: url("../images/latest-news-ft.jpg") no-repeat;
}

.latestNewsHeaderWide{
	width: 352px;
	height: 34px;
	float: left;
	background: url("../images/latest-news-352.jpg") no-repeat;
}

.latestNewsMainWide{
	width: 352px;
	min-height: 150px;
	float: left;
	padding: 5px 10px 0 10px;
	background: url("../images/latest-news-bg-352.jpg") repeat-y;
}

.latestNewsFooterWide{
	width: 352px;
	height: 10px;
	float: left;
	margin-bottom: 8px;
	background: url("../images/latest-news-ft-352.jpg") no-repeat;
}

#subLeft{
	width: 435px;
	height: 239px;
	float: left;
	background: url("../images/promo-box.jpg") no-repeat;
}

#subLeftWide{
	width: 352px;
	height: 194px;
	float: left;
	background: url("../images/promo-box-352x194.jpg") no-repeat;
}

p.promoBoxText{
	width: 432px;
	min-height: 50px;
	margin: 19% 0 0 1px;
	color: white;
	text-align: center;
	background: url("../images/promo-box-text.png") repeat-y;
}

p.promoBoxTextSmall{
	width: 350px;
	min-height: 50px;
	margin: 19% 0 0 1px;
	color: white;
	text-align: center;
	background: url("../images/promo-box-text.png") repeat-y;
}

#mainRight{
	width: 501px;
	height: 100%;
	margin: 8px 10px 0 2px;
	float: left;
}

#mainRightWide{
	width: 584px;
	height: 100%;
	margin: 8px 10px 0 2px;
	float: left;
}

.subRightHeader{
	width: 501px;
	height: 34px;
	float: left;
	background: url("../images/501-header.jpg") no-repeat;
}

.subRightMain{
	width: 481px;
	height: 100%;
	float: left;
	padding: 5px 10px 0 10px;
	background: url("../images/501-bg.jpg") repeat-y;
}

.subRightFooter{
	width: 501px;
	height: 10px;
	float: left;
	margin-bottom: 8px;
	background: url("../images/501-ft.jpg") no-repeat;
}

.subRightHeaderWide{
	width: 584px;
	height: 34px;
	float: left;
	background: url("../images/584-header.jpg") no-repeat;
}

.subRightMainWide{
	width: 564px;
	height: 100%;
	float: left;
	padding: 5px 10px 0 10px;
	background: url("../images/584-bg.jpg") repeat-y;
}

.subRightFooterWide{
	width: 584px;
	height: 10px;
	float: left;
	margin-bottom: 8px;
	background: url("../images/584-ft.jpg") no-repeat;
}

#mainBottom{
	width: ;
	height: 100%;
	float: left;
}

/*call to action from footer.html to keep same on every page*/
#footer{
	width: 968px;
	min-height: 25px;
	height: auto;
	margin-top: 20px;
	float: left;
	background: url("../images/footer.jpg") repeat-y;
	font: 13px Verdana, sans-serif;
	font-weight: bold;
	color: #959281;
}

a.footer{
	font: 13px Verdana, sans-serif;
	font-weight: bold;
	color: #959281;
}

#footer1{
	width: 217px;
	float: left;
	margin: 5px 0 10px 80px;
}

#footer2{
	width: 177px;
	float: left;
	margin: 5px 0 10px 0;
}

#footer3{
	width: 177px;
	float: left;
	margin: 5px 0 10px 0;
}

#footerRight{
	width: 305px;
	margin: 5px 5px 10px 0;
	float: right;
}

#footerLogo{
	
}

p.footerLogo{
	font: 22px Verdana, sans-serif;
	font-weight: bold;
	color: #959281;
	text-align: center;
}

#footerText{
	
}

p.footerText{
	font: 13px Verdana, sans-serif;
	font-weight: bold;
	color: #959281;
	text-align: right;
	margin-right: 6px;
}

p.copyRight{
	margin-right: 6px;
}