* {
	vertical-align: baseline;
    font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	font-style: normal;
	font-weight: normal;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0 none;
	text-decoration: none;
	text-align: left;
}

html, body {line-height: 1}
hr {display: none}
ol, ul {list-style: none}




body {
	background: #FFF;
	cursor: default;
    font-family: arial, helvetica, sans-serif; line-height: 1.125em; color: #626262;
}

a {
   color:#61a200;
}

a:hover {
   color:#000000;
}



#wrapper {
	width: 100%;
}

.clear {
	clear: both;
}



#topl {
	width: 900px;
	height: 94px;
	margin-right: auto;
	margin-left: auto;
}

#logo {
	float: left;
	height: 74px;
	margin-top: 10px;
}

#ratepoint {
	float: right;
	height: 74px;
	margin-top: 20px;
}

#top {
	float: right;
	height: 74px;
	margin-top: 20px;
	margin-right: 10px;
}

.logo {
	display: block;
	background: url(images/logo.gif) no-repeat;
	width: 304px;
	height: 70px;
}



#qlinks {
	background: #ffffff url(images/menusublinks.gif) no-repeat bottom;
    height:20px;
    width:398px;
    margin:55px 0 0 0px;
    padding:0 0 0 0px;
}

#qlinks2 {
	background: #ffffff url(images/logo.gif) no-repeat bottom;
    height:10px;
    width:398px;
    margin:55px 0 0 0px;
    padding:0 0 0 0px;
}
    
#qlinks ul {
    margin:0px 0 0 55px;
    padding: 4px 0 0 0;
}


#qlinks ul li {
	float: left;
	border-right: 1px dotted #666;
	margin-right: 25px;
	padding-right: 25px;
}

#qlinks ul li a {
	display: block;
	line-height: 12px;
    font-weight:bold;
    color: #ccc;
    text-transform:uppercase;
    font-size:10px;
}

#qlinks ul li a:hover {
	color: #fffff;
}



/*****************************MENU*******************************/
#menu {
	width: 100%;
	height: 36px;
	background: url(images/menubg.gif) repeat-x;
}

#menuwrapper {
	width: 900px;
	height: 36px;
	margin:0 auto;
}

#dropdown {
	width: 900px;
	height: 26px;
	z-index: 20;
	padding-top: 2px;
	padding-bottom: 8px;
}

#dropdown LI {
	DISPLAY: block; PADDING: 0px 0px 0px 0px; FLOAT: left; MARGIN: 0px;
	LIST-STYLE-TYPE: none; border: 0px solid #ddd;
}

#dropdown UL {
	PADDING: 0px 0px 0px 0px; DISPLAY: none; Z-INDEX: 99; MARGIN: 0px; 
	COLOR: #333; LIST-STYLE-TYPE: none;position:absolute;
}

#dropdown UL LI {
	MARGIN: 0px;
}

#dropdown UL LI A {
	DISPLAY: block; TEXT-ALIGN: left; padding:5px 5px 5px 0px; background: #FFF; line-height: 15px; border-bottom: 1px #ccc solid; text-decoration:none; color:#333;
	}

#dropdown UL A {
	DISPLAY: block; MARGIN: 0px;
}
#dropdown LI UL A:hover {
	DISPLAY: block; padding:5px 5px 5px 5px;
	background: #fff000; border-bottom: 1px #ccc solid; color:#FFFFFF;
}
#dropdown UL UL {
	MARGIN-TOP: -10px; DISPLAY: none; margin-left: 70px; POSITION: absolute;
}
#dropdown LI:hover UL UL {
	DISPLAY: none;
}
#dropdown LI:hover UL {
	DISPLAY: block;
}
#dropdown UL LI:hover UL {
	DISPLAY: block;
}
#dropdown LI UL LI{
	DISPLAY: block; width:100%;
}

#dropdown LI.item {
	height: 26px;
}

#dropdown LI.li_sep {
	background: url(images/sep.gif) repeat;
	width: 1px;
	height: 32px;
}

#dropdown LI.item A {
	display: block;
    background: url(images/menuarr.gif) top center no-repeat;
	text-align: center;
	color:#ccc;
	text-transform: uppercase;
	font-size: 12px;
    letter-spacing: -0.00em;
	font-weight: bold;
	line-height: 17px;
	padding-top: 9px;
	padding-bottom: 0px;
    margin:0;
	}

#dropdown LI.item A:hover {
	display: block;
	background: url(images/bg-menu-innero.png) repeat-x;
	}

#dropdown LI.item UL LI A {
    width:160px;
	DISPLAY: block;
	padding: 8px 5px 8px 5px;
	margin: 0;
	background: #3a3a3a;
	color: #cccccc;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	text-align: left;
    position:auto;
	}

#dropdown LI.item UL LI A:hover {
	DISPLAY: block;
	padding: 8px 5px 8px 5px;
	margin: 0;
	background: #ccc;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	text-align: left;
	}

/*****************************MENU*******************************/


#filler {
	width: 100%;
	height: 160px;
	background: url(images/headerbg.gif) repeat-x;
	overflow: hidden;
}


#maininfo {
	width: 900px;
	height: 160px;
	background: url(images/header.jpg) no-repeat;
	margin-right: auto;
	margin-left: auto;
}

#h_webhosting {
	display: inline;
	background: url(images/webhosting.gif) no-repeat;
	padding-top: 0px;
	float: left;
	width: 290px;
    height:150px;
	padding-left: 15px;
	padding-right: 0px;
	line-height: 17px;
    margin-left:26px;
}

#h_servers {
	display: inline;
	background: url(images/servers.gif) no-repeat;
	padding-top: 0px;
	float: left;
	width: 273px;
    height:150px;
	padding-left: 15px;
	line-height: 17px;
    margin-left:4px;
}

#h_servers h1, #h_webhosting h1 {
	font-size: 18px;
    font-weight:bold;
    margin-top:25px;
	color: #61a200;
	margin-bottom: 3px;
}

.strong {
	color: #333;
	font-weight: bold;
}

#h_webhosting .feat li, #h_servers .feat li {
	background: url(images/h.gif) no-repeat;
	background-position: 0px 5px;
	padding-left: 20px;
	line-height: 22px;
}


#h_webhosting .feat li a, #h_servers .feat li a{
   font-weight:bold;
   text-decoration:underline;
}

#h_webhosting .feat li a:hover, #h_servers .feat li a:hover{
   font-weight:bold;
   text-decoration:none;
   color:#61a200;
}


#quote {
	display: inline;
	padding-top: 15px;
	float: left;
	line-height: 17px;
}

#quote p {
  	line-height: 22px;
    width:250px;
    padding: 15px 0 0 20px;
    font-size:14px;
    font-style:italic;
}

#quote p span {
color:#61a200;
font-size:14px;
font-style:italic;
line-height:35px;
}



#spc {
	width: 100%;
	height: 8px;
	background: url(images/spc.gif) repeat-x;
}

#spc_fill {
	width: 100%;
	height: 35px;
	background: url(images/spc.gif) repeat;
    border-bottom:1px solid #555;
}

#spc_fill .spc_sub {
	width: 900px;
    margin-right: auto;
	margin-left: auto;
    padding-top:10px;
    font-weight:bold;
}

#spc_fill .spc_sub a {
    color:#fff;
    font-weight:normal;
    font-size:14px;
    text-decoration:underline;
}



/************************************************************/
#content {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}

#welcome {
	float: left;
	width: 595px;
	margin-right: 15px;
	background: url(images/mainwelcome.gif) no-repeat;
	margin-bottom: 15px;
}

#welcome p {
	line-height: 20px;
	margin-bottom: 15px;
    font-size:12px;
}

#welcometext {
	float: left;
	padding-top: 25px;
	padding-left: 20px;
	width: 555px;
}


#subtext {
	float: left;
	padding-top: 25px;
	padding-left: 20px;
	width: 555px;
    margin-bottom:12px;
}

#subtext p {
	width: 555px;
}

#subtext p img {
	float:right;
    padding-left:20px;
}

#thismonths {
	float: left;
	width: 290px;
	height: 150px;
	background: url(images/sbox.gif) no-repeat;
	margin-bottom: 15px;
}

#features {
	float: left;
	width: 290px;
	margin-right: 15px;
	margin-right: 15px;

	background: url(images/sbox.gif) no-repeat;
}


#features ul {
	padding-top: 20px;
	padding-left: 20px;
	background: url(images/features.gif) no-repeat;
	background-position: 216px 30px;
}

#features ul li {
	background: url(images/h.gif) no-repeat;
	background-position: center left;
	padding-left: 20px;
margin-right:50px;
	line-height: 20px;
    padding-top:2px;
    font-size:12px;
    font-weight:normal;
}


.coloured {color:#00acec; font-weight:bold; font-size: 12px; text-transform:uppercase; }




/************************************************************/

#content h1 {
	color: #FFF;
	font-weight: normal;
	padding-top: 11px;
	padding-left: 18px;
	line-height: 17px;
    font-size: 16px;
}



.readmore {
	display: block;
	width: 95px;
	height: 25px;
	background: url(images/readmore.gif) no-repeat top;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	line-height: 22px;
    padding-left:5px;
}

.readmore:hover {
	background: url(images/readmore.gif) no-repeat top;
    color: #ccc;
}




#cpanel {
	float: left;
	width: 290px;
	height: 150px;
	margin-right: 15px;
	background: url(images/sbox.gif) no-repeat;
}


#cpanel #cpanelt {
	padding-top: 22px;
	padding-left: 20px;
	float: left;
	width: 260px;
    font-size:12px;
    line-height:19px;
	background: url(images/cpanel.gif) no-repeat;
	background-position: 216px 30px;
}

#cpanel #cpanelt p {
    font-size:12px;
    line-height:19px;
    width:185px;
}


#cpanel #cpanelt img { float:right; padding: 5px 0 0 20px;  }



.more {
	float: right;
	padding-top: 10px;
	padding-right: 0px;
}

.more2 {
	float: right;
	padding-top: 0px;
	padding-right: 0px;
}

#cpanelt ul li {
	background: url(images/h.gif) no-repeat;
	background-position: center left;
	padding-left: 20px;
	line-height: 20px;
    padding-top:2px;
    font-size:12px;
    font-weight:normal;
}


#uptime {
	float: left;
	width: 290px;
	background: url(images/sbox.gif) no-repeat;
}



#uptimet {
	width: 290px;
	padding-top: 22px;
	padding-left: 20px;
	float: left;
	width: 260px;
    font-size:12px;
    line-height:19px;
    background: url(images/uptime.gif) no-repeat;
	background-position: 216px 25px;
}

#uptimet p {
    font-size:12px;
    line-height:19px;
    width:185px;
}

#uptime #uptimetext {
	padding-top: 22px;
	padding-left: 20px;
	float: left;
	width: 250px;
    font-size:12px;
    line-height:19px;
    }

#uptime #uptimetext img { float:right; padding: 5px 0 0 20px;  }



#uptimeicon {
	float: left;
	width: 32px;
	height: 29px;
	background: url(images/icon-3.png) no-repeat;
	margin-top: 20px;
	margin-left: 10px;
	text-align: center;
}

#uptimet ul li {
	background: url(images/h.gif) no-repeat;
	background-position: center left;
	padding-left: 20px;
	line-height: 20px;
    padding-top:2px;
    font-size:12px;
    font-weight:normal;
}

#subfeatures {
	float: left;
	width: 290px;
	height: 150px;
	background: url(images/sbox.gif) no-repeat;
	margin-bottom: 15px;
}



#subfeaturesinfo {
	float: left;
	width: 265px;
	padding-top: 20px;
	padding-left: 15px;
}

#subfeaturesinfo ul {
	width: 265px;
}

#subfeaturesinfo li {
	background: url(images/h.gif) no-repeat;
	background-position: center left;
	padding-left: 20px;
	line-height: 24px;
    font-size:16px;
    font-weight:normal;
}


#subfeaturesinfo strong {
font-weight:bold;
color:#00acec;
font-size:16px;
}

#subfeaturesinfo li a {
	padding-left: 5px;
	line-height: 24px;
    font-size:14px;
    font-weight:normal;
    text-decoration:underline;
}




#thismonthsinfo {
	float: left;
	width: 165px;
	padding-top: 20px;
	padding-left: 15px;
}

#thismonthsinfo ul {
	width: 165px;
}

#thismonthsinfo li {
	background: url(images/h.gif) no-repeat;
	background-position: center left;
	padding-left: 20px;
	line-height: 20px;
    font-size:14px;
}


#thismonthsinfo strong {
font-weight:bold;
color:#333;
font-size:12px;
}


#thismonthsprice {
	float: left;
	width: 110px;
	margin-top: 20px;
	background: url(images/special.gif) no-repeat;
    background-position: 12px 5px;
	height: 55px;
}

.permonth {
	font-size: 26px;
	font-weight: bold;
	position: relative;
	top: 65px;
	left: 16px;
    color:#00acec;
}

.permonth2 {
	font-size: 13px;
	font-weight: bold;
	position: relative;
	top: 65px;
	left: 16px;
    font-style:italic;
}


#thismonths ul.rmore_w {
	padding-top: 10px;
	padding-left: 15px;
}

#thismonths ul.rmore_w LI {
	margin-right: 5px;
	float: left;
}


/************************************************************/
#footer {
	width: 100%;
	height: 225px;
	background: #e9f0f2;
	text-align: center;
	margin-top: 35px;
    margin-bottom:0;
}

#footer ul {
    margin:0 auto;
    width:650px;
	text-align: center;
	position: relative;
	top: 15px;
}

#footer ul li {
	float: left;
	border-right: 1px dotted #ccc;
}

#footer ul li a {
	display: block;
	margin-right: 5px;
	margin-left: 5px;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 24px;
    color:#666;
}

#footer ul li a:hover {
	color: #000000;
}

.copy {
	position: relative;
	line-height: 17px;
	top: 30px;
}









/* 2 BOXES */
#box1 {
	float: left;
	width: 290px;
	height: 150px;
	margin-right: 15px;
	background: url(images/sbox.gif) no-repeat;
}

#box1 #box1info {
	padding-top: 22px;
	padding-left: 20px;
	float: left;
	width: 260px;
    font-size:12px;
    line-height:19px;
}


#box1 #box1info p {
	width: 260px;
}


#box1 #box1info p img { float:right; padding: 0 0 0 20px;  }






#box2 {
	float: left;
	width: 290px;
	background: url(images/sbox.gif) no-repeat;
}



#box2info {
	width: 290px;
	padding-top: 22px;
	padding-left: 20px;
	float: left;
	width: 260px;
    font-size:12px;
    line-height:19px;
}

#box2 #box2info p {
	width: 260px;
}


#box2 #box2info p img { float:right; padding: 0 0 0 20px;  }

/* 2 BOXES */












/* ******************************* COMPARISON TABLE */

#table_comparison{
	width:100%;
	border-bottom:3px solid #f5f5f5;
	font-size:14px;
    margin:15px 0px 30px 0;
}

#table_comparison TD{
	width:10%;
	border-right:3px solid #f5f5f5;
	border-left:0px solid #f5f5f5;
	padding: 10px;
}


.t_planname{
    color:#ccc;
	background-color:#464646;
	background-image:url('images/plantitle.gif');
	background-position:right top;
	background-repeat:no-repeat;
	text-align:center;
	font-size:21px;
	padding-left:11px;
	padding-top:14px;
	padding-right:11px;
	padding-bottom:14px;
	border-top:3px solid #f5f5f5;
	font-weight:normal;
}


.t_item{
	color:#555;
    font-weight:normal;
	text-align:right;
	padding-left:11px;
	padding-right:11px;
	font-size:14px;
	padding-top:4px;
	padding-bottom:4px;
	white-space: nowrap;
}


.t_item A, .t_item A:link	, .t_item A:visited, .t_item A:active {
	color:#ffffff;
	font-weight:bold;
  text-decoration : underline;
}

.t_item A:hover {
  text-decoration : underline;
	color:#cccccc;
}

.t_td{
	color:#555;
	text-align:center;
	font-weight:normal;
	padding-left:11px;
	padding-right:11px;
	padding-top:4px;
	padding-bottom:4px;
	white-space: nowrap;
}


.pprice{
	color:#61a200;
    font-size:20px;
	text-align:center;
	font-weight:bold;
	padding-left:11px;
	padding-right:11px;
	padding-top:4px;
	padding-bottom:4px;
	white-space: nowrap;
}

.fee{
	color:#61a200;
    font-size:14px;
	text-align:center;
	font-weight:bold;
	padding-left:11px;
	padding-right:11px;
	padding-top:4px;
	padding-bottom:4px;
	white-space: nowrap;
}

.t_bold{
	color:#00acec;
	text-align:center;
	font-weight:bold;
    font-size:14px;
	padding-left:11px;
	padding-right:11px;
	padding-top:4px;
	padding-bottom:4px;
	white-space: nowrap;
}


.t_order{
	background-color:#ffffff;
	text-align:center;
	padding-top:5px;
}

.t_td2{
	background-color:#efefef;
	color:#010000;
	font-weight:bold;
	text-align:right;
	font-size:16px;
	padding-bottom:5px;
	padding-right:20px;
}
#dserver {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}

#servercmp {
	float: inherit;
	width: 700px;
	margin-right: 40px;
	margin-bottom: 15px;
}

table.gridtable {
    float: inherit;
	background-color:#ffffff;
	border-width: 1px;
	border-color: #ffffff;
	border-collapse: collapse;
	margin-left: 20px;
	margin-bottom: 15px;
		font-weight:bold;
}
table.gridtable th {
	font-weight:bold;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #92edf8;
	background-color: #ffffff;
		font-weight:bold;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #92edf8;
	background-color: #ffffff;
}

input, select, textarea {
border: 1px #c0e6f2 solid;
    padding:2px 7px 3px 7px;
} 

.button {
	display: block;
	width: 95px;
	height: 25px;
	background: url(images/readmore.gif) no-repeat top;
	font-weight: bold;
	color: #FFF;
	  float: left;
    margin: 2px 4px 6px 170px;
    text-align: center;
}