@import url('fonts.css');

* {
	margin: 0px;
	padding: 0px;
}

html, body {
	height: 100%;
}

body {
	font: normal 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #696969;
	background: url("images/background.jpg") repeat;
}

p {
	font: normal 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #696969;
	text-shadow: #FFF 1px 1px 0;
}

img {
	border: 0px;
}

ul, li {
	list-style: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.wrapper {
	width: 960px;
	margin: 0 auto;
}

#content{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -89px;
}

code {
	border-left: 5px #DDD solid;
	background: #F5F5F5;
	padding: 5px 0 2px 10px;
	margin: 0 0 10px 20px;
	font: 12px Monaco, "Lucida Console", "Courier New", "Courier", monospace;
	display: block;
	overflow: auto;
	width: 400px;
}

ol li{
	list-style: decimal inside;
}

/* ================================== Top Background - Title / Navigation / Introduction ================================== */

#top_bg {
	float: left;
	width: 100%;
	height: 117px;
	background: url("images/top_bg.jpg") repeat-x;
}

#logo a {
	float: left;
	width: 319px;
	height: 93px;
	margin: 24px 0 0 0;
	background: url("images/logo.png") no-repeat;
}

#site_description {
	float: left;
	width: 641px;
	text-align: right;
	margin: 40px 0 0 0;
}

#site_description p {
	font: bold 14px/14px Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	text-shadow: #000 2px 2px 0;
}

#site_description small {
	font: bold 14px/25px Georgia, "Times New Roman", Times, serif;
	color: #ff8700;
	text-shadow: #000 2px 2px 0;
}

/* ================================== Menu Bar ================================== */

#menu_bg {
	float: left;
	width: 100%;
	height: 57px;
	background: url("images/menu_bg.jpg") repeat-x;
	z-index: 9999999;
}

ul#menu {
	float: left;
	width: 960px;
	height: 53px;
}

ul#menu li {
	float: left;
	height: 53px;
	text-shadow: #000 1px 1px 0;
	text-transform: uppercase;
	margin: 0 6px 0 0;
}

ul#menu a {
	float: left;
	height: 53px;
	padding: 0 15px;
	font: bold 14px/50px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #FFF;
}

ul#menu a:hover {
	background: url("images/menu_hover.jpg") center bottom no-repeat;
	color: #ff8700;
	text-decoration: none;
}

/* ================================== Rotating Banner ================================== */

#banner_bg {
	float: left;
	width: 100%;
	height: 346px;
	background: url("images/banner_bg.jpg") repeat-x;
}

#bannerwrap {
	float: left;
	width: 960px;
	height: 276px;
	margin: 30px 0 0 0;
}

#slider2 {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

.scroll2 {
	height: 276px;
	overflow: auto;
	position: relative;
	clear: left;
}

.scrollContainer2 div.panel2 {
	width: 960px;
	height: 276px;
}

#counterstrike {
	float: left;
	width: 960px;
	height: 276px;
	background: url("images/cs_banner.jpg") no-repeat;
}

#minecraft {
	float: left;
	width: 960px;
	height: 276px;
	background: url("images/minec_banner.jpg") no-repeat;
}

.banner_description {
	float: left;
	width: 525px;
	height: 49px;
	margin: 187px 0 0 0;
	padding: 12px 20px 0 20px;
}

.banner_description h1 {
	font: bold 16px/25px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ff8700;
	text-shadow: #000 2px 2px 0;
	text-transform: uppercase;
	width: 525px;
}

.banner_description p {
	font: bold 14px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #FFF;
	text-shadow: #000 2px 2px 0;
	width: 525px;
}

.info_button a {
	float: left;
	width: 185px;
	height: 40px;
	background: url("images/info_button.jpg") no-repeat;
	margin: 211px 0 0 20px;
}

.info_button a:hover, .order_button a:hover {
	background-position: 0 -40px;
}

.order_button a {
	float: left;
	width: 140px;
	height: 40px;
	background: url("images/order_button.jpg") no-repeat;
	margin: 211px 0 0 25px;
}

/* ================================== 3 Info Blocks ================================== */

.block_container {
	float: left;
	width: 298px;
	margin: 30px 0;
}

.block_container2 {
	float: left;
	width: 298px;
	margin: 60px 0;
}

.block_header {
	float: left;
	width: 298px;
	height: 67px;
	background: url("images/block_header.jpg") no-repeat;
}
.block_header2 {
	float: left;
	width: 298px;
	height: 48px;
	background: url("images/block_header2.jpg") no-repeat;
}

#minecraft_icon {
	float: left;
	width: 35px;
	height: 39px;
	background: url("images/minecraft_icon.png") no-repeat;
	margin: 10px 16px 0 16px;
}

#offers_icon {
	float: left;
	width: 38px;
	height: 23px;
	background: url("images/offers_icon.jpg") no-repeat;
	margin: 17px 16px 0 16px;
}

#features_icon {
	float: left;
	width: 48px;
	height: 33px;
	background: url("images/features_icon.jpg") no-repeat;
	margin: 12px 16px 0 16px;
}

.header_text {
	float: left;
	width: 218px;
}

.block_header h1 {
	float: left;
	font: bold 14px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #FFF;
	text-shadow: #000 1px 1px 0;
	text-transform: uppercase;
	margin: 12px 0 0 0;
	width: 218px;
}

.block_header2 h1 {
	float: left;
	font: bold 14px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #FFF;
	text-shadow: #000 1px 1px 0;
	text-transform: uppercase;
	margin: 12px 0 0 70px;
	width: 218px;
}

.block_header small {
	float: left;
	font: bold 12px/10px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ff8700;
	text-shadow: #000 1px 1px 0;
	text-transform: uppercase;
	width: 218px;
}

.block_bg, #tweet {
	float: left;
	width: 298px;
	background: url("images/block_bg.jpg") repeat-y;
	height: 166px;
}

.block_bg2 {
	float: left;
	width: 298px;
	background: url("images/block_bg.jpg") repeat-y;
	height: 75px;
}

.block_bg2 h1 {
	float: left;
	font: bold 18px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	text-transform: uppercase;
	margin: 12px 0 0 0;
	width: 298px;
}

#tweet ul {
	float: left;
	width: 258px;
	margin: 5px 20px;
}

#tweet ul li {
	float: left;
	width: 258px;
	border-bottom: 1px dotted #c0c0c0;
	font: normal 13px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666;
}

ul.block_list {
	float: left;
	width: 258px;
	margin: 5px 20px;
}

ul.block_list li {
	float: left;
	width: 258px;
	border-bottom: 1px dotted #c0c0c0;
	font: normal 13px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666;
	padding: 0 0 11px 0;
	margin: 0 0 11px 0;
}

ul.block_list a {
	color: #333;
}

ul.block_list a:hover {
	color: #666;
}

.block_bottom {
	float: left;
	width: 298px;
	height: 12px;
	background: url("images/block_bottom.jpg") no-repeat;
}

.spacer {
	float: left;
	width: 33px;
}

.game_image {
	width: 275px;
	height: 73px;
	margin: 5px 0 0 12px;
}

/* ================================== Footer ================================== */

#footer_bg {
	float: left;
	width: 100%;
	height: 89px;
	background: url("images/footer_bg.jpg") repeat-x;
}

#footer {
	float: left;
	width: 960px;
	margin: 27px 0 0 0;
}

#footer_php {
	float: left;
	width: 960px;
	margin: 15px 0 0 0;
}

.footer_left {
	float: left;
	width: 850px;
}

ul#footer_links {
	float: left;
	width: 903px;
}

ul#footer_links li {
	float: left;
	font: normal 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #6f6f6f;
	text-shadow: #FFF 1px 1px 0;
}

ul#footer_links a {
	font: bold 12px/10px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #303030;
	text-shadow: #FFF 1px 1px 0;
	text-transform: uppercase;
	margin: 0 25px 0 0;
}

ul#footer_links a:hover {
	color: #6f6f6f;
	text-decoration: none;
}

.copyright {
	float: left;
	font: normal 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #6f6f6f;
	text-shadow: #FFF 1px 1px 0;
	width: 908px;
}

.copyright a {
	font: bold 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #555555;
	text-shadow: #FFF 1px 1px 0;
	margin: 0px;
}

.copyright a:hover {
	font: bold 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #303030;
	text-shadow: #FFF 1px 1px 0;
	text-decoration: none;
}

#footer_logo a {
	float: left;
	width: 52px;
	height: 21px;
	background: url("images/footer_logo.jpg") no-repeat;
	margin: 12px 0 0 0;
}

#fb_logo img {
	float: left;
	width: 21px;
	height: 21px;
	margin: 12px 12px 0 0;
}

#fb_logo img:hover{
opacity:0.7;
}

#tw_logo img {
	float: left;
	width: 21px;
	height: 21px;
	margin: 12px 4px 0 0;
}

#tw_logo img:hover{
opacity:0.7;
}

.fb-like{
float: right;
margin-right: 150px;
margin-top: 13px;
}

/* ================================== Web Hosting Page ================================== */

#page_title_bg {
	float: left;
	width: 100%;
	height: 98px;
	background: url("images/page_title_bg.jpg") repeat-x;
}

#page_title_bg h1 {
	font: bold 24px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #222;
	text-shadow: #FFF 1px 1px 0;
	margin: 27px 0 0 0;
}

#page_title_bg p {
	font: normal 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #5d5d5d;
	text-shadow: #FFF 1px 1px 0;
}

#webhost_top {
	float: left;
	width: 960px;
	height: 30px;
	background: url("images/whmcs_table_top.jpg") no-repeat;
	margin: 30px 0 0 0;
}

#webhost_bg {
	float: left;
	width: 900px;
	background: url("images/whmcs_table_bg.jpg") repeat-y;
	padding: 0 30px;
}

.packageCon {
	float: left;
	width: 195px;
}

.packageCon h1 {
	font: bold 18px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333;
	margin: 0 0 10px 0;
}

ul.hostlist {
	float: left;
	width: 195px;
}

ul.hostlist li {
	float: left;
	width: 175px;
	background: url("images/bullet.jpg") 0 11px no-repeat;
	padding: 0 0 0 20px;
	font: normal 13px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #555;
}

ul.hostlist li.price {
	float: left;
	background: none;
	padding: 0px;
	width: 195px;
	font: bold 16px/30px Georgia, "Times New Roman", Times, serif;
	margin: 10px 0 0 0;
	font-style: italic;
	color: #444444;
}

.order_now a {
	float: left;
	width: 113px;
	height: 32px;
	background: url("images/webhost_order.jpg") no-repeat;
	margin: 12px 0 0 0;
}

.order_now a:hover {
	background-position: 0 -32px;
}

.webhost_spacer {
	float: left;
	width: 40px;
}

#webhost_bottom {
	float: left;
	width: 960px;
	height: 31px;
	background: url("images/whmcs_table_bottom.jpg") no-repeat;
	margin: 0 0 30px 0;
}

.featureCon {
	float: left;
	width: 310px;
	margin: 0 0 30px 0;
}

.featureCon h1 {
	font: bold 16px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333;
	margin: 0 0 5px 0;
}

.featureCon p {
	font: normal 13px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #555;
}

.featureSpacer {
	float: left;
	width: 15px;
}

#webhost_support {
	float: left;
	width: 235px;
	background: url("images/clock_icon.png") no-repeat;
	padding: 0 0 0 75px;
}

#webhost_moneyback {
	float: left;
	width: 235px;
	background: url("images/money_icon.png") no-repeat;
	padding: 0 0 0 75px;
}

#webhost_features {
	float: left;
	width: 235px;
	background: url("images/check_icon.jpg") no-repeat;
	padding: 0 0 0 75px;
}

#webhost_uptime {
	float: left;
	width: 235px;
	background: url("images/uptime_icon.jpg") no-repeat;
	padding: 0 0 0 75px;
}

#webhost_setup {
	float: left;
	width: 235px;
	background: url("images/setup_icon.jpg") no-repeat;
	padding: 0 0 0 75px;
}

#webhost_users {
	float: left;
	width: 235px;
	background: url("images/users_icon.jpg") no-repeat;
	padding: 0 0 0 75px;
}

/* ================================== Voice Server Page ================================== */

#voice_left {
	float: left;
	width: 300px;
	margin: 70px 14px 0 0;
}

#voice_middle {
	float: left;
	width: 332px;
	margin: 40px 0;
}

#voice_middle_top {
	float: left;
	width: 332px;
	height: 30px;
	background: url("images/voice_middle_top.jpg") no-repeat;
}

#voice_middle_bg {
	float: left;
	width: 300px;
	background: url("images/voice_middle_bg.jpg") repeat-y;
	padding: 0 16px;
}

#voice_middle_bottom {
	float: left;
	width: 332px;
	height: 30px;
	background: url("images/voice_middle_bottom.jpg") no-repeat;
}

#voice_right {
	float: left;
	width: 300px;
	margin: 70px 0 0 14px;
}

.voiceCon {
	float: left;
	width: 300px;
}

.voiceSpacer {
	float: left;
	height: 30px;
}

.voiceCon h1 {
	font: bold 16px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333;
	margin: 0 0 5px 0;
}

.voiceCon p {
	font: normal 13px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #555;
}

#voice_support {
	float: left;
	width: 215px;
	background: url("images/clock_icon.png") no-repeat;
	padding: 0 0 0 75px;
	margin: 0 0 0 10px;
}

#voice_moneyback {
	float: left;
	width: 205px;
	background: url("images/money_icon.png") no-repeat;
	padding: 0 0 0 75px;
	margin: 0 10px;
}

#voice_updates {
	float: left;
	width: 215px;
	background: url("images/check_icon.jpg") no-repeat;
	padding: 0 0 0 75px;
	margin: 0 10px 0 0;
}

#voice_world {
	float: left;
	width: 215px;
	background: url("images/world_icon.jpg") no-repeat;
	padding: 0 0 0 75px;
	margin: 0 0 0 10px;
}

#voice_twitter {
	float: left;
	width: 215px;
	background: url("images/twitter.jpg") no-repeat;
	padding: 0 0 0 75px;
	margin: 0 10px 0 0;
}

#voice_panel {
	float: left;
	width: 205px;
	background: url("images/panel_icon.jpg") no-repeat;
	padding: 0 0 0 75px;
	margin: 0 10px;
}

#voice_button a {
	float: left;
	width: 332px;
	height: 50px;
	background: url("images/voice_button.jpg") no-repeat;
	margin: 35px 0 20px 0;
}

#ventrilo a {
	float: left;
	width: 292px;
	height: 56px;
	background: url("images/ventrilo_button.jpg") no-repeat;
	margin: 63px 0 0 0;
}

#voice_choose {
	float: left;
	width: 292px;
	height: 56px;
	background: url("images/voice_choose.jpg") no-repeat;
	margin: 40px 0 0 20px;
}

#teamspeak a {
	float: left;
	width: 292px;
	height: 51px;
	background: url("images/teamspeak_button.jpg") no-repeat;
	margin: 64px 0 0 8px;
}

/* ================================== Game Server Page ================================== */

#gameserver_wrapper {
	margin: 0 auto;
	width: 988px;
}

#games {
	float: left;
	width: 988px;
	margin: 16px 0;
}

#slider {
	width: 988px;
	margin: 0 auto;
	position: relative;
}

.scroll {
	width: 988px;
	height: 578px;
	overflow: auto;
	position: relative;
	clear: left;
}

.scrollContainer div.panel {
	width: 988px;
}

#page1, #page2, #page3 {
	float: left;
	width: 988px;
}

.gameCon {
	float: left;
	width: 219px;
	height: 116px;
	margin: 14px;
}

.game_title_bg {
	float: left;
	width: 219px;
	height: 39px;
	background: url("images/game_title_bg.jpg") no-repeat;
	text-align: center;
}

.game_title_bg h1 {
	font: bold 15px/36px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #FFF;
	text-shadow: #000 2px 2px 0;
}

#aa, #aa a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/aa.jpg") no-repeat;
}

#aa3, #aa3 a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/aa3.jpg") no-repeat;
}

#arma, #arma a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/arma.jpg") no-repeat;
}

#arma2, #arma2 a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/arma2.jpg") no-repeat;
}

#battlefield1942, #battlefield1942 a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/battlefield1942.jpg") no-repeat;
}

#battlefield1943, #battlefield1943 a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/battlefield1943.jpg") no-repeat;
}

#battlefield2, #battlefield2 a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/battlefield2.jpg") no-repeat;
}

#battlefield2142, #battlefield2142 a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/battlefield2142.jpg") no-repeat;
}

#battlefield_vietnam, #battlefield_vietnam a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/battlefield_vietnam.jpg") no-repeat;
}

#cod, #cod a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/cod.jpg") no-repeat;
}

#cod2, #cod2 a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/cod2.jpg") no-repeat;
}

#cod4, #cod4 a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/cod4.jpg") no-repeat;
}

#cod5, #cod5 a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/cod5.jpg") no-repeat;
}

#cod6, #cod6 a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/cod6.jpg") no-repeat;
}

#cod_united, #cod_united a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/cod_united.jpg") no-repeat;
}

#cs16, #cs16 a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/cs16.jpg") no-repeat;
}

/* Page 2 */

#cs_source, #cs_source a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/cs_source.jpg") no-repeat;
}

#condition_zero, #condition_zero a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/condition_zero.jpg") no-repeat;
}

#crysis, #crysis a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/crysis.jpg") no-repeat;
}

#crysis_wars, #crysis_wars a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/crysis_wars.jpg") no-repeat;
}

#dod, #dod a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/dod.jpg") no-repeat;
}

#dodsource, #dodsource a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/dodsource.jpg") no-repeat;
}

#enemy_territory, #enemy_territory a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/enemy_territory.jpg") no-repeat;
}

#et_quakewars, #et_quakewars a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/et_quakewars.jpg") no-repeat;
}

#fear, #fear a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/fear.jpg") no-repeat;
}

#fortressforever, #fortressforever a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/fortressforever.jpg") no-repeat;
}

#frontlines, #frontlines a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/frontlines.jpg") no-repeat;
}

#garrys, #garrys a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/garrys.jpg") no-repeat;
}

#halflife2, #halflife2 a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/halflife2.jpg") no-repeat;
}

#halflife_teamf, #halflife_teamf a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/halflife_teamf.jpg") no-repeat;
}

#halo, #halo a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/halo.jpg") no-repeat;
}

#haloce, #haloce a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/haloce.jpg") no-repeat;
}

/* Page 3 */

#insurgency, #insurgency a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/insurgency.jpg") no-repeat;
}

#killingfloor, #killingfloor a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/killingfloor.jpg") no-repeat;
}

#l4d, #l4d a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/l4d.jpg") no-repeat;
}

#l4d2, #l4d2 a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/l4d2.jpg") no-repeat;
}

#mohallied, #mohallied a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/mohallied.jpg") no-repeat;
}

#mohspearhead, #mohspearhead a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/mohspearhead.jpg") no-repeat;
}

#naturalselection, #naturalselection a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/naturalselection.jpg") no-repeat;
}

#quake3, #quake3 a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/quake3.jpg") no-repeat;
}

#quake4, #quake4 a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/quake4.jpg") no-repeat;
}

#redorch, #redorch a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/redorch.jpg") no-repeat;
}

#redorch4145, #redorch4145 a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/redorch4145.jpg") no-repeat;
}

#sanandreas, #sanandreas a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/sanandreas.jpg") no-repeat;
}

#sof2, #sof2 a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/sof2.jpg") no-repeat;
}

#soldat, #soldat a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/soldat.jpg") no-repeat;
}

#teamfortress2, #teamfortress2 a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/teamfortress2.jpg") no-repeat;
}

#zombiepanic, #zombiepanic a {
	float: left;
	width: 219px;
	height: 77px;
	background: url("images/games/zombiepanic.jpg") no-repeat;
}

/* All Hovers */

#aa a:hover, #aa3 a:hover, #arma a:hover, #arma2 a:hover, #battlefield1942 a:hover, #battlefield1943 a:hover, #battlefield2 a:hover, #battlefield2142 a:hover, #battlefield_vietnam a:hover, #cod a:hover, #cod2 a:hover, #cod4 a:hover, #cod5 a:hover, #cod6 a:hover, #cod_united a:hover, #cs16 a:hover, #cs_source a:hover, #condition_zero a:hover, #crysis a:hover, #crysis_wars a:hover, #dod a:hover, #dodsource a:hover, #enemy_territory a:hover, #et_quakewars a:hover, #fear a:hover, #fortressforever a:hover, #frontlines a:hover, #garrys a:hover, #halflife2 a:hover, #halflife_teamf a:hover, #halo a:hover, #haloce a:hover, #insurgency a:hover, #killingfloor a:hover, #l4d a:hover, #l4d2 a:hover, #mohallied a:hover, #mohspearhead a:hover, #naturalselection a:hover, #quake3 a:hover, #quake4 a:hover, #redorch a:hover, #redorch4145 a:hover, #sanandreas a:hover, #sof2 a:hover, #soldat a:hover, #teamfortress2 a:hover, #zombiepanic a:hover {
	background-position: 0 -77px;
}

.pageNavLeft {
	float: left;
	width: 480px;
	margin: 16px 0 14px 14px;
}

.pageNavRight {
	float: left;
	width: 480px;
	margin: 16px 14px 14px 0;
}

.scrollButtons.left {
	float: left;
	width: 156px;
	height: 45px;
	margin: 16px 0 16px 14px;
	cursor: pointer;
}

.scrollButtons.right {
	float: right;
	width: 156px;
	height: 45px;
	margin: 16px 14px 16px 0;
	cursor: pointer;
}

/* ================================== Affiliates Program Page ================================== */

.affiliate_block {
	float: left;
	width: 960px;
	height: 75px;
	margin: 25px 0 0 0;
}

.affiliate_left {
	float: left;
	width: 9px;
	height: 75px;
	background: url("images/affiliate_left.jpg") no-repeat;
}

.affiliate_bg {
	float: left;
	width: 942px;
	height: 75px;
	background: url("images/affiliate_bg.jpg") repeat-x;
}

.affiliate_right {
	float: left;
	width: 9px;
	height: 75px;
	background: url("images/affiliate_right.jpg") no-repeat;
}

.icon_spot {
	float: left;
	width: 69px;
	height: 75px;
	margin: 15px 0 0 10px;
}

.icon_spot2 {
	float: left;
	width: 48px;
	height: 48px;
	margin: 10px 0 0 10px;
}

.icon_spot3 {
	float: left;
	width: 16px;
	height: 16px;
	margin: 0px 0 0 10px;
}

.text_spot {
	float: left;
	width: 800px;
	margin: 16px 0 0 15px;
}

.text_spot h1 {
	font: bold 18px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #313131;
}

.text_spot p {
	font: normal 13px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #636363;
}

#join_affiliates {
	float: left;
	width: 960px;
	margin: 80px 0 0 0;
}

#moneybag {
	float: left;
	width: 480px;
	height: 210px;
	background: url("images/moneybag.jpg") left bottom no-repeat;
}

#coin_stack {
	float: left;
	width: 480px;
	height: 215px;
	background: url("images/coin_stack.jpg") right bottom no-repeat;
}

#signup_text {
	position: absolute;
	width: 960px;
	text-align: center;
	margin: -20px 0 0 0;
}

#signup_text h1 {
	font: bold 40px/40px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #313131;
}

#signup_text h2 {
	font: normal 18px/24px "Lobster1.4Regular", serif;
	color: #534f4f;
}

#signup_button a {
	float: left;
	width: 302px;
	height: 55px;
	margin: 25px 0 0 329px;
	background: url("images/start_making_money.jpg") no-repeat;
}

/* ================================== TOS / AUP / Blank Page ================================== */

#blankwrap {
	margin: 0 auto;
	width: 960px;
	min-height: 850px;
}

#table_top {
	float: left;
	width: 960px;
	height: 30px;
	background: url("images/whmcs_table_top.jpg") no-repeat;
	margin: 30px 0 0 0;
}

#table_bg {
	float: left;
	width: 900px;
	background: url("images/whmcs_table_bg.jpg") repeat-y;
	padding: 0 30px;
	min-height: 250px;
}

#table_bottom {
	float: left;
	width: 960px;
	height: 31px;
	background: url("images/whmcs_table_bottom.jpg") no-repeat;
	margin: 0 0 30px 0;
}

#table_bg a {
	font: bold 13px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #222222;
}

#table_bg a:hover {
	font: bold 13px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666666;
}

#table_bg h1 {
	font: bold 24px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #313131;
}

#table_bg h2 {
	font: normal 16px/18px "Lobster1.4Regular", serif;
	color: #888888;
	margin: 0 0 15px 0;
}

.text_input, .default_inputs {
	float: left;
	width: 248px;
	height: 20px;
	margin: 5px 0 15px 20px;
}

.submit, .buttonForward {
	float: left;
	padding: 3px 5px;
	margin: 0 0 0 20px;
}

.input_title {
	font-weight: bold;
	margin: 5px 0 0 20px;
}

span.cpname {
	font: bold 18px/52px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #FFF;
	margin: 0 0 0 20px;
	text-shadow: #000 1px 1px 0;
	text-transform: uppercase;
}
/* ================================== Quick Order Bar ================================== */

.quickout {
   	width: 298px;
}

.quick_container {
	width: 298px;
	margin: 30px 0;
}

.quick_header {
	float: left;
	width: 298px;
	height: 48px;
	background: url("images/block_header2.jpg") no-repeat;
}

.quick_header h1 {
	float: left;
	font: bold 14px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #FFF;
	text-shadow: #000 1px 1px 0;
	text-transform: uppercase;
	margin: 12px 0 0 70px;
	width: 218px;
}

.quick_bg {
	float: left;
	width: 298px;
	background: url("images/block_bg.jpg") repeat-y;

}

.quick_bottom {
	float: left;
	width: 298px;
	height: 12px;
	background: url("images/block_bottom.jpg") no-repeat;
}

ul.quick_list {
	float: left;
	width: 258px;
	margin: 5px 20px;
}

ul.quick_list li {
	float: left;
	width: 258px;
	border-bottom: 1px dotted #c0c0c0;
	font: normal 13px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666;
	padding: 0 0 11px 0;
	margin: 0 0 11px 0;
}

ul.quick_list a {
	color: #333;
}

ul.quick_list a:hover {
	color: #666;
}
tr.qtable_space > td
{
	padding-top: .25em;
	padding-bottom: .25em;
}
td.qtable_text{
	text-align: right;
	padding-right: .5em;
}

#top_bg .wrapper
	{
	position: relative;
	}
	#chat-button
		{
		position: absolute;
		top: 70px;
		left: 800px;
		}

#company_top {
	float: left;
	width: 560px;
	height: 30px;
	background: url("images/company_table_top.jpg") no-repeat;
	margin: 30px 0 0 0;
}

#company_bg {
	float: left;
	width: 500px;
	background: url("images/company_table_bg.jpg") repeat-y;
	padding: 0 30px;
}

#company_bottom {
	float: left;
	width: 560px;
	height: 31px;
	background: url("images/company_table_bottom.jpg") no-repeat;
	margin: 0 0 30px 0;
}

#company_picture_map {
	float: left;
	width: 350px;
	height: 218px;
	margin-top: 15px;
	margin-right: 5px;
	background: url("images/map.png") no-repeat;
}

#company_picture_power {
	float: left;
	width: 350px;
	height: 200px;
	margin-right: 5px;
	background: url("images/power.png") no-repeat;
}

#company_picture_sunbiz {
	float: left;
	width: 350px;
	height: 200px;
	margin-right: 5px;
	background: url("images/sunbiz.png") no-repeat;
}

#tweets_wrap{
	margin: 0px auto;
	width: 960px;
}

#tweets_bg{
	margin-top: 3px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ee7e00), to(#c36700));
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	background-color: #e97b00;
	width: auto;
}

#tweets {
	height: 20px;
	font-family: 'News Cycle', sans-serif;
	font-size: 12px;
	font-weight: 550;
	color: black;
	width: auto;
}

#tweets p {
	vertical-align : middle;
	display : table-cell;
}

#tweets li, ul {
	vertical-align : middle;
	display : table-cell;
	list-style: none;
	padding: 0;
}

#feet {
	height: 89px;
}

#feet, .push{
	height: 89px;
}

/* CODE HIGHLIGHTING */

pre {
  background-color: #f5f5f5;
  display: block;
  padding: 8.5px;
  margin: 0 0 18px;
  line-height: 18px;
  font-size: 12px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
pre.prettyprint {
  overflow: hidden;
  margin-left: 25px;
  width: 350px;
}