/* ----------------------------------------------------- */ 
/*       CODED BY LEE KITCHING - WWW.LEEWOL.CO.UK        */
/* ----------------------------------------------------- */ 

body {
	font: 12px "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitsream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	color: #666666;
	margin:0px auto 0 auto;
}

a {	
font: 12px "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitsream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
}

a:link    {
text-decoration: none;  
color: #666666; 
}

a:visited { 
text-decoration: none;  
color: #666666; 
}

a:hover   { 
text-decoration: none; 
color: #666666; 
}

a:active  { 
text-decoration: none;  
color: #666666; 
}

body {
	background-image: url(images/bg.png);
	background-repeat: no-repeat;
	background-color: #fdfefe;
	background-position: top center;
}

#wrap {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

#logo {
	width: 121px;
	height: 50px;
	float: left;
	margin-top: 42px;
	margin-left: 90px;
}

#support {
	width: 200px;
	height: 33px;
	float: right;
	margin-top: 50px;
}

#servers {
	width: 200px;
	height: 33px;
	float: right;
	margin-top: 34px;
	margin-right: 30px;
}

#content {
	width: 950px;
	margin-top: 30px;
}

#content_top {
	background-image: url(images/content_top.png);
	background-repeat: no-repeat;
	width: 950px;
	height: 10px;
}

#content_mid {
	background-image: url(images/content_mid.png);
	background-repeat: repeat-y;
	width: 940px;
	padding: 5px;
}

#content_bot {
	background-image: url(images/content_bot.png);
	background-repeat: no-repeat;
	width: 950px;
	height: 10px;
}

ul#navigation {
  	list-style: none;
	margin-left: auto;
	margin-right: auto;
}

ul#navigation li {
	width: 150px;
	float: left;
	font: 14px "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitsream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	color: #9B9B9B;
}

ul#navigation a {
	float: left;
	display:block;
	text-align: center;
	font: 16px "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitsream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	color: #838181;
	text-align: center;
	font-weight: bold;
}

ul#navigation a:hover {
	color: #5e9a9a;
}

#welcome_box {
	background-image: url(images/welcome_box.png);
	background-repeat: no-repeat;
	width: 873px;
	height: 230px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	padding-left: 20px;
	padding-top: 20px;
}

#welcome_content {
	width: 460px;
}

.title {
	font: 30px "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitsream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
}

.sub {
	font: 14px "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitsream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
}

.welcome_col {
	width: 230px;
	float: left;
}

#cols {
	margin-top: 30px;
	margin-left: 65px;
}

.cols_col {
	width: 250px;
	float: left;
	margin-right: 30px;
}
.cols_content {
	width: 100%;
	float: left;
	margin-right: 30px;
}

.col_title {
	font: 25px "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitsream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	color: #5e9a9a;
	font-weight: bold;
}

#footer {
	margin-top: 10px;
	text-align: center;
}





/*** PLANS ***/
ul.col1, ul.col2, ul.col3, ul.col4, ul.col5, ul.col6{display:inline; margin:0px !important; padding:0px; list-style-position:outside; float:left;}
/* col1 */
ul.col1{
	list-style-type:none;
	margin:0px;
	padding-left:40px;
	width:250px;
	font-size:12px;
}
li.tl1{
	text-indent:0px;
	background-image:url(images/title_red.gif);
	color:#fff;
}
ul.col1 li{
	display:block;
	height:24px;
	width:250px;
	padding:5px 0px 0px 10px;
	text-align:left;
}
/* col2 */
ul.col2{
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:122px;
	text-align:center;
	font-size:12px;
}
li.tl2{
	text-align:center;
	background-image:url(images/title_red.gif);
	color:#fff;
}
ul.col2 li{
	display:block;
	height:24px;
	width:122px;
	padding:5px 0px 0px 0px;
	text-align:center;
}
/* col3 */
ul.col3{
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:122px;
	text-align:center;
	font-size:12px;
}
li.tl3{
	text-align:center;
	background-image:url(images/title_red.gif);
	color:#fff;
}
ul.col3 li{
	display:block;
	height:24px;
	width:122px;
	padding:5px 0px 0px 0px;
	text-align:center;
}
/* col4 */
ul.col4{
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:122px;
	text-align:center;
	font-size:12px;
}
li.tl4{
	text-align:center;
	background-image:url(images/title_red.gif);
	color:#fff;
}
ul.col4 li{
	display:block;
	height:24px;
	width:122px;
	padding:5px 0px 0px 0px;
	text-align:center;
}
/* col5 */
ul.col5{
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:122px;
	text-align:center;
	font-size:12px;
}
li.tl5{
	text-align:center;
	background-image:url(images/title_red.gif);
	color:#fff;
}
ul.col5 li{
	display:block;
	height:24px;
	width:122px;
	padding:5px 0px 0px 0px;
	text-align:center;
}
/* col6 */
ul.col6{
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:650px;
	font-size:18px;
	padding-left: 40px;
}
ul.col6 li{
	display:block;
	height:30px;
	width:729px;
	padding:5px 0px 0px 10px;
	text-align:center;
}
.button {
	display:block;
	width:120px;
	height:24px;
	text-indent:-9999px;
}
.button a {
	display:block;
	width:100%;
	height:100%;
	background:transparent url(images/ordernow.png) no-repeat top left;
	outline:none;
}
.button a:hover {
	background-position:0 -24px;
}
/* color row */
.odd{
	background-color:#bee3ee;
	border-bottom:solid 1px #f0f0f0;
}
.event{
	background-color:#e6e6e6;
	border-bottom:solid 1px #f0f0f0;
}
/* for price */
li.price{
	display:none;
	line-height:normal;
	margin:0px 0px 10px 0px;
	
}
.price{color:#4469a0;font-size:20px;}
.price sup{color:#4469a0;font-size:18px;}
/* for icon */
.icon{padding:0px 6px 0px 0px;margin:0px;}
.txt_plan{vertical-align:super;}
/*** END OF PLANS ***/

#nomove { 
position:fixed;  
left: 25px; 
top: 600px;
}
