* {margin:0; padding:0;}
body {background-color:#272727; font-family:Verdana, Arial, helvetica, sans-serif; font-size:11px;}
a {color:#5088BC; text-decoration:none; font-weight:bold; border:none}
a:hover {color:#FF8800;}
a img {border: none;}

#wrapper {width:882px; margin:0 auto 0 auto;}
#container {width:880px; float:left; background:#FFFFFF; margin:10px 0 0 0; padding:2px;}
#banner {float:left; width:880px; height:148px; background:url(images/banner.png) no-repeat;}

#navbar {height:25px;}
#navbar ul {width:880px; margin:0; padding:0;}
#navbar li {float:left; text-align:center; list-style:none inside; margin:0; padding:0;}
#navbar li a {width:80px; height:19px; padding:6px 0 0 0; margin:0; background:url(images/nav_button.png) no-repeat; color:#FFFFFF; text-transform:uppercase; font-size:9px; display:block; font-weight:bold;}
#navbar li a:hover {color:#FFFF00; background:url(images/nav_button_on.png) no-repeat;}

#left {width:237px; float:left; margin-top:1px;}
#left .special_offers {width:234px; height:84px; background:url(images/special_offers.png) no-repeat; margin:0 0 0 1px;}

.header {float:left; width:225px; height:27px;  color:#E5E5E5; padding:6px 0 0 10px; margin:0; font-size:10px; text-transform:uppercase; font-style:italic;}
.clan_packages {background:url(images/header_clan_packages.png) no-repeat;}
.test_servers {background:url(images/header_test_servers.png) no-repeat;}
.partners {background:url(images/header_partners.png) no-repeat;}
.live_support {float:right; background:url(images/header_live_support.png) no-repeat;}

#left ul {float:left;}

#left ul.packages {margin:0; padding:0; width:234px; border-right:1px solid #272727;}
#left ul.packages li {list-style:none; float:left;}
#left ul.packages li a {width:78px; margin:0; height:117px; background:url(images/package.png) no-repeat; color:#FFFFFF; display:block; color:#E5E5E5; font-weight:normal;}
#left ul.packages li a h3 {text-align:center; text-transform:uppercase; font-size:9px; padding:8px 0 0 0;}
#left ul.packages li a:hover h3 {color:#FFFF00;}

#left ul.servers {margin:0px; padding:0;}
#left ul.servers li {list-style:none;}
#left ul.servers li a {width:201px; height:30px; background:url(images/cs_icon_blue.png) no-repeat; color:#FFFFFF; display:block; color:#E5E5E5; padding:2px 0 0 30px; font-weight:normal; border:2px solid #272727;}
#left ul.servers li.light a {background-color:#1C77BF;}
#left ul.servers li.dark a {background-color:#243F55; border-top:none;}
#left ul.servers li a:hover {color:#FFFF00;}

#left .partner {float:left; width:235px; background:url(images/partners.png) no-repeat; border-bottom:2px solid #272727;}
#left .partner h3 {text-align:center; font-size:50px; color:#27282A; font-weight:bold; font-style:italic;}
#left .partner h4 {text-align:center; font-size:20px; color:#27282A; font-weight:bold; font-style:italic;}


#control {float:left; width:643px; margin:1px 0 0 0;}
#control #panel_in {float:left; width:407px; height:97px; background:url(images/control_panel.png) no-repeat;}

#control .text {float:left; height:97px; width:140px; margin:50px 0 0 0; color:#717171; text-align:center;}
#control .login {float:left; width:170px; margin:30px 0 0 80px;}
#control .login input {border:0; padding:0; font-size:10px; margin:0 10px 0 0;}
#control .links {float:left; height:97px; width:250px; margin:5px 0 0 0; color:#717171; text-align:center;}

#control #panel_out {float:left; width:252px; height:82px; background:url(images/control_panel2.png) no-repeat; padding:15px 0 0 155px; color:#FFFFFF; font-weight:bold;}

#control #support {float:right; width:236px; height:97px; background:url(images/support.png) no-repeat;}
#control #support h2 {float:left; width:225px; height:28px; color:#E5E5E5; padding:6px 0 0 10px; margin:0; font-size:10px; text-transform:uppercase; font-style:italic;}

.live_support_online {float:right; width:235px; height:63px; background:url(images/live_support_online.png) no-repeat;}
.live_support_offline {float:right; width:235px; height:63px; background:url(images/live_support_offline.png) no-repeat;}

#content {float:left; width:639px; background-color:#FFFFFF; margin:1px 0 0 0; padding:2px;}
#content h1 {float:left; width:644px; height:33px;background:url(images/content_header.png) no-repeat; color:#FFFFFF; font-size:20px; padding:2px 0 0 4px;}
#content .text {margin:0 2px 2px 2px; color:#585353; font-size:11px; float:left;}
#content .text .author {float:left; font-weight:bold; margin:2px;}
#content .text .posted {float:right; font-weight:bold; margin:2px}

.heading {
	font-family: Tahoma;
	font-size: 18px;
	font-weight: normal;
	color: #65A5E6;
}

.heading2 {
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bold;
    text-decoration: none;
    color: #000000;
}

.heading3 {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #16679F;
}