/* CSS Document */
body { background:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.70em; color:#FFFFFF; margin: 0px; padding:0px;}
.clear		{clear: both;}
a		{color:#FFFFFF;}

div#wrapper { background: url(../images/bg-border.jpg) no-repeat center 0px; }
div#header	{ background:url(../images/headerbg.gif); height: 97px; }
div#content	{ width: 875px; margin-left:auto; margin-right: auto; border-left: #679229 solid 1px; border-right: #679229 solid 1px;  }

div#header h1 { display: block; width: 404px; height: 97px; background:url(../images/logo.jpg) no-repeat; margin: 0px; padding: 0px; text-indent: -9999px; float: left; }

form#login					{ background:url(../images/login.jpg) no-repeat; display:block; width: 364px; padding: 41px 0px 0px 0px; float:right; }
form#login .login-box	{ background-color:#000000; border: solid 1px #a7d750; color:#FFFFFF;}
form#login .go-button		{ border: 0px;}

/* Navigation */
div#nav					{ height: 34px;}
div#nav ul#goto			{ height: 34px;	background: transparent url(../images/navigation.jpg) no-repeat; margin: 0;	padding: 0;	position: relative; }
div#nav ul#goto li 		{ margin: 0; padding: 0; list-style: none; position: absolute; }
ul#goto li, ul#goto a 	{ height: 34px; width: 175px; display: block; }
div#nav ul#goto li a 	{ text-indent: -9999px; text-decoration: none; }

#gotoHome	{}
#gotoWhy	{ left: 175px;}
#gotoForum	{ left: 350px;}
#gotoSupport{ left: 525px;}
#gotoServer	{ left: 700px;}

#gotoHome a:hover, #gotoHome.current		{ background: url(../images/navigation.jpg) -0px   -34px no-repeat;}
#gotoWhy a:hover,	#gotoWhy.current		{ background: url(../images/navigation.jpg) -175px -34px no-repeat; }
#gotoForum a:hover,	#gotoForum.current		{ background: url(../images/navigation.jpg) -350px -34px no-repeat; }
#gotoSupport a:hover,	#gotoSupport.current{ background: url(../images/navigation.jpg) -525px -34px no-repeat; }
#gotoServer	a:hover,	#gotoServer.current	{ background: url(../images/navigation.jpg) -700px -34px no-repeat; }

div#banner									{ height:180px; background-repeat: no-repeat; }
div#banner h1, div#banner h2, div#banner p  { display: none; }
div#banner a {
   clear:both;
   display:block;
   float:right;
   height:65px;
   margin:15px 15px 0;
   overflow:hidden;
   text-indent:-9999px;
   top:40px;
   width:165px;
}
.CoD4-banner	{ background:url(../images/banner-BF3.jpg); }

div#column1		{ width: 260px; background:url(../images/column1bg.jpg) no-repeat; float: left;}
div#column2		{ width: 280px; background:url(../images/column2bg.jpg) no-repeat; float: left; margin-left: 9px}
div#column3		{ width: 318px; /*background:url(../images/column3bg.jpg) no-repeat;*/ float: left; margin-left: 8px } /*EDIT*/

div#column1 h1	{display: block; background:url(../images/t-whyrackage.jpg) no-repeat; height: 50px; font-size: x-small; text-indent: -9999px;  margin: 0px; padding: 0px; }
div#column2 h1  { margin: 0px; padding: 0px;}
div#column3 h1  { margin: 0px; padding: 0px;}

div#column2 h1 a{display: block; background:url(../images/t-news.jpg) no-repeat; height: 50px; font-size: x-small; text-indent: -9999px; margin: 0px; padding: 0px;}
div#column3 h1 a{display: block; background:url(../images/t-offers.jpg) no-repeat; height: 50px; font-size: x-small; text-indent: -9999px; margin: 0px; padding: 0px;}

div#column1 h2, div#column1 p, div#column1 ul {margin-left: 20px;}
div#column2 h2, div#column2 p, div#column2 ul {margin-left: 20px;}
div#column3 h2, div#column2 p, div#column2 ul {margin-left: 20px;}

div#column3 .offers{ margin: 0px; padding: 0px; display: block; cursor:pointer; }
.offertitle	{display: block; width: 134px; float: left; text-indent: -9999px; }
.offertxt	{display: block; width: 160px; float: right; padding: 0px 10px 0px 3px; margin: 8px 0px 8px 0px; }

.bfv .offertxt, #tf2 .offertxt	{display: block; width: 160px; float: right; padding: 0px 10px 0px 3px; margin-top: 8px; color:#000000; }
.cod4 .offertxt {display: block; width: 160px; float: right; padding: 0px 10px 0px 3px; margin-top: 3px; }
		
.cod4		{background:url(../images/server-cod4-bg.jpg) no-repeat;}
.l4d2		{background:url(../images/server-l4d2-bg.jpg) no-repeat;}
.VS		{background:url(../images/server-vs-bg.jpg) no-repeat;}
.waw		{background:url(../images/server-waw-bg.jpg) no-repeat;}
.bf2		{background:url(../images/server-bf2-bg.jpg) no-repeat;}
.bf2142		{background:url(../images/server-2142-bg.jpg) no-repeat;}
.tf2		{background:url(../images/server-tf2-bg.jpg) no-repeat;}
.et		{background:url(../images/server-et-bg.jpg) no-repeat;}
.css		{background:url(../images/server-css-bg.jpg) no-repeat;}

.feature	{padding: 0px 5px 0px 30px; margin-left: 20px; display:block; margin-bottom: 10px; clear:both;}
.feature h3	{margin: 0px; padding-left: 20px; font-size: small; color: #a1d04c;}
.feature p	{margin: 0px; padding: 0px; }

.servers 	{background:url(../images/icon-servers.jpg) no-repeat; }
.prices		{background:url(../images/icon-prices.jpg) no-repeat;}
.support	{background:url(../images/icon-support.jpg) no-repeat; }
.gamers		{background:url(../images/icon-gamers.jpg) no-repeat; }

h1#whyrackage	{background:url(../images/maintitle-whyrackage.jpg) no-repeat; display:block; width: 100%; height: 50px; text-indent: -9999px; margin: 0px 0px 10px 0px; padding: 0px; }
h1#terms		{background:url(../images/maintitle-tos.jpg) no-repeat; display:block; width: 100%; height: 50px; text-indent: -9999px; margin: 0px 0px 10px 0px; padding: 0px;}
h1#privacy 		{background:url(../images/maintitle-privacy.jpg) no-repeat; display:block; width: 100%; height: 50px; text-indent: -9999px; margin: 0px 0px 10px 0px; padding: 0px;}
h1#contact 		{background:url(../images/maintitle-contact.jpg) no-repeat; display:block; width: 100%; height: 50px; text-indent: -9999px; margin: 0px 0px 10px 0px; padding: 0px;}
h1#support 		{background:url(../images/maintitle-support.jpg) no-repeat; display:block; width: 100%; height: 50px; text-indent: -9999px; margin: 0px 0px 10px 0px; padding: 0px;}
h1#serverspec	{background:url(../images/maintitle-serverspec.jpg) no-repeat; display:block; width: 100%; height: 50px; text-indent: -9999px; margin: 0px 0px 10px 0px; padding: 0px;}
h1#network 		{background:url(../images/maintitle-network.jpg) no-repeat; display:block; width: 100%; height: 50px; text-indent: -9999px; margin: 0px 0px 10px 0px; padding: 0px;}

#support-active	{ margin-left:12px; margin-right: 12px; color:#FFFFFF; }
#support-active	th	{background: url(../images/support-titlearea.jpg) no-repeat; padding-left: 5px; }
#support-active	td	{ border-bottom: 1px solid #487016; line-height: 20px; padding-left: 5px; }

div#fullwidth ol li ol	{ list-style-type:lower-alpha;}
div#fullwidth ol li { margin: 5px 0px 0px 0px;}

div#fullwidth { background:url(../images/content_fullbg.jpg) no-repeat; margin: 0px; padding: 0px;}
div#fullwidth p, div#fullwidth ol	{ margin: 0px 12px 12px 12px; }
div#fullwidth h2{ margin: 0px 12px 12px 12px; color: #a1d04c; }

div#column2 h2, div#column1 h2 	{font-size: small; color: #a1d04c; margin-bottom: 0px; }
div#column2 p, div#column2 p 	{margin-top: 0px; }
div#column2 a	{color: #a1d04c; }

div#featuredoffers 			{clear:both; margin: 0px 13px 0px 20px; display:block;}
div#featuredoffers .server	{width: 272px; display:block; float:left; margin-right: 8px; margin-top: 20px;}
div#featuredoffers .server h1 { display: block; font-size: x-small;  height: 24px; margin: 0px;}
div#featuredoffers .server p  { display: block; color:#FFFFFF;  height: 54px; margin: 0px; padding: 0px 10px 0px 91px;}

h1#dedicated	{background:url(../images/dedicated-title.jpg) no-repeat; text-indent: -9999px;}
h1#voice 		{background:url(../images/voiceserver-title.jpg) no-repeat; text-indent: -9999px;}
h1#game			{background:url(../images/gameservers-title.jpg) no-repeat; text-indent: -9999px;}

p#dedicatedcontent	{background:url(../images/dedicated-content.jpg) no-repeat; }
p#voicecontent 		{background:url(../images/voiceserver-content.jpg) no-repeat; }
p#gamecontent		{background:url(../images/gameservers-content.jpg) no-repeat;}

div#footer		{background:url(../images/footerbg.jpg) no-repeat; height: 68px; clear:both; padding-left: 60px; padding-top: 20px; border-bottom: #a7d750 solid 1px;}
div#footer p	{margin-bottom: 0px; }
div#footer ul#footerlinks	{margin: 0px; padding:0px;}
div#footer ul#footerlinks li	{list-style:none; display:inline; margin: 0px;}
div#footer ul#footerlinks li a	{color:#FFFFFF; margin-right: 10px;}

/*Modal popup styles*/
#testdiv {width:600px; margin:0 auto; border:1px solid #ccc; padding:20px 25px; background:#fff}

#tinybox {position:absolute; display:none; padding:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}

.button {font:14px Georgia,Verdana; margin-bottom:10px; padding:8px 10px 9px; border:1px solid #ccc; background:#eee; cursor:pointer}
.button:hover {border:1px solid #bbb; background:#e3e3e3}