/* <!-- */
	/* General styles */
	body {
	    background-color: #090909;
		background-image: url(images/main_bg.jpg);
		background-repeat: repeat-x;
		margin:0px;
		padding:5px;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		
	}
	
	.top_nav {
	    font-family:Verdana;
		font-size:11px;
		color:#ffffff;
		padding: 15px 0px 0px 10px;
		font-weight:bold;
		word-spacing:45px;
	}
    .top_nav a:link {
	    color:#ffffff; 
		font-weight:bold;
	}
    .top_nav a:hover {
	    color:#ff9a36;
		font-weight:bold;
	}
    .top_nav a:active {
	    color:#77bcf5;
		font-weight:bold;
	}
    .top_nav a:visited {
	    color:#ffffff;
		font-weight:bold;
	}
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:10px 0 5px;
	}
	/* Header styles */
	
	.header { 
	    background-image:url(images/hd.jpg);
		height:84px;
		width:950px;
	}
    .nav_bg {
	    background-image:url(images/nav_bg.jpg);
		height:42px;
		width:950px;
	}
    .banner {
	    width:728px;
		float:left;
		margin-top:5px;
	}
	.login {
	    width:210px;
		float:left;
		margin-top:5px;
		margin-left:5px;
	}
    .login_user {
	    background-image:url(images/login_field_bg.jpg);
		width:187px;
		height:28px;
		border:0px; 
		margin-left:23px;
		font-family:verdana;
		font-size:11px;
		color:#9c9a9a;
	}
    .login_pass {
	    background-image:url(images/login_field_bg.jpg);
		width:187px;height:28px;
		border:0px; 
		margin-left:23px;
		margin-top:3px;
		font-family:verdana;
		font-size:11px;
		color:#9c9a9a;
	}
    .login_bg {
	    background-image:url(images/login_bg.jpg);
	    height:63px;
	    width:210px;
    }
    .login_btm_text {
	    font-family:Verdana;
		font-size:9px;
		color:#55aedb; 
		text-transform:uppercase;
	}
    .login_btm_text a:link {
	    color:#55aedb;
	}
    .login_btm_text a:hover {
	    color:#ffffff;
	}
	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
	}
	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#090909;
		color:#000;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
		background:#090909;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#fff;
		background:#090909;
		font-weight:bold;
	}
	#header ul li a span {
		display:block;
	}
	/* 'widths' sub menu */
	
	/* 3 Column settings */
	.threecol {
		background:#090909;		/* right column background colour */
	}
	.threecol .colmid {
		right:40%;			/* width of the right column */
		background:#090909;		/* center column background colour */
	}
	.threecol .colleft {
		right:35%;			/* width of the middle column */
		background:#090909;	/* left column background colour */
	}
	.threecol .col1 {
		width:45%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:25%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:25%;			/* Width of right column content (column width minus padding on either side) */
		left:80%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:950px;			/* width of whole page */
		overflow:hidden;/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	#bar_middle {
	    width:240px;
		float:left;
		padding-right:0px;
		margin-top:0px;
	}
	.ourpings {
	    background-image:url(images/current_pings_bg.jpg);
	    height:376px;
	}
    .ourfeatures {
	    background-image:url(images/our_features.jpg);
		height:191px;
		margin-top:10px;
	}
    .ourtechnology {
	    background-image:url(images/our_technology.jpg);
		height:231px;
		margin-top:10px;
	}
	.ourcustomerservice {
	    background-image:url(images/our_customer_service.jpg);
		height:240px;
		margin-top:10px;
	}
    .testimonies_box {
	    width:275px;
		padding:35px 10px 0px 140px;
	}
    .customer_title1 {
	    font-family:Arial;
		font-size:12px;
		color:#ffffff;
		text-transform:uppercase;
		font-weight:bold;
	}
    .customer_title2 {
	    font-family:Arial;
		font-size:12px;
		color:#7cbde6;
		text-transform:uppercase;
		font-weight:bold;
	}
    .customer_testimony {
	    font-family:Arial;
		font-size:10px;
		color:#ffffff;
	}
    .gameserver_box {
	    background-image:url(images/gameserver_bg.jpg);
		width:240px;
		height:87px;
		color:#9b9696;
		font-family:Arial;
		font-size:10px;
	}
    .gameserver_name {
	    padding: 5px 0px 0px 7px;
		font-family:Arial;
		text-transform:uppercase;
		font-size:10px;
		color:#FFFFFF;
		float:left;
	}
    .gameserver_purchase {
	    padding: 5px 9px 0px 0px;
		font-family:Arial;
		text-transform:uppercase;
		font-size:10px;
		color:#000000;
		float:right;
	 }
     .gameserver_purchase a:link {
	    color:#000000;
	 }
	 .gameserver_purchase a:hover {
	    color:#ffffff;
	 }
     .game_icon_padding {
	    padding-top:9px;
	 }
     .game_box_content_pad {
	    margin-top:7px;
	 }
     .teamspeak_box {
	    width:244px;
		height:225px;
		padding-top:25px;
	 }
     .teamspeak_bg {
	    background-image:url(images/teamspeak_hosting_bg.jpg);
		height:153px;
	 }
     .teamspeak_bottom {
	    background-image:url(images/teamspeak_hosting_bottom.jpg);
		height:28px;
	 }
     .website_hosting_box {
	    width:244px;
		height:224px;
		padding-top:25px;
	 }
     .website_hosting_bg {
	    background-image:url(images/website_hosting_bg.jpg);
		height:153px;
	 }
     .website_hosting_btm {
	    background-image:url(images/website_hosting_btm.jpg);
		height:27px;
	 }
     .clan_packages_box {
	    width:244px;
		height:236px;
		padding-top:25px;
	 }
     .clan_packages_bg {
	    height:173px;
		background-image:url(images/clan_packages_bg.jpg);
	 }
     .clan_packages_price {
	    width:244px;
		height:57px;
		padding-top:39px;
		float:left;
	 }
     .clan_packages_text {
	    font-family:Arial;
		font-size:10px;
		color:#ffffff;
		padding-left:20px;
		padding-top:3px;
	 }
     .clan_packages_price2 {
	    width:244px;
		height:57px;
		padding-top:19px;
		float:left;
	 }
     .clan_packages_text2 {
	    font-family:Arial;
		font-size:10px;
		color:#ffffff;
		padding-left:20px;
		padding-top:3px;
	 }
     .wkd_resellers_affiliates {
	    background-image:url(images/wkd_resellers_affiliates.jpg);
		width:505px;
		height:237px;
		float:left;
		margin-top:15px;
	 }
     .wkd_resellers_box {
	    width:230px;
		float:left;
		margin-left:15px;
		margin-top:39px;
		font-family:Arial;
		font-size:11px;
		color:#ffffff;
	 }
     .wkd_affiliate_box {
	    width:230px;
		float:left;
		margin-left:18px;
		margin-top:39px;
		font-family:Arial;
		font-size:11px;
		color:#ffffff;
	 }
     .network_padding {
	     padding-top:20px;
	 }
	.copyright_text {
	    font-family:Verdana;
		font-size:11px;
		color:#8391a5;
		padding-top:10px;
	}
    .content_tile {
	    font-family:Arial;
		color:#FF8000;
		font-size:18px;
	}
    .content_text {
	    font-family:verdana;
		color:#FFFFFF;
		font-size:12px;
	}
    .box_gray {
	    font-family:Verdana;
	    font-size:10px;
		color:#b0b0b0;
	}
    .content_title {
	    font-family:Verdana;
		font-size:10px;
		color:#FFCC33;
		font-weight:bold;
	}
    .game_slots {
	    font-family:Verdana;
		font-size:9px;
		color:#6699FF;
	}
    .box_title {
	    font-family:Verdana;
		font-size:11px;
		color:#33CCFF;
		font-weight:bold; 
		padding-left:5px;
	}
    .game_content {
	    width:500px;
		float:right;
	}
	/* Footer styles */
	#footer {
		clear:both;
		width:100%;
	}
	.btm {
	    background-image:url(images/copyright.jpg);
		height:45px;
		margin-top:10px;
	}
	/* --> */