@charset "utf-8";
/* CSS Document */

body {
	background: #F4F4F4 url(../img/head_l.png) repeat-x;
	margin: 0;
	padding: 0;
	font-size: 65%; /* resets 1em to be 10px */
	font-family: Tahoma, Verdana, Arial, Sans-serif;
}

.boxes a {
	color: #92A343;
}

a:hover {
	color: #333;
	text-decoration: none;
}

#footer {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: url(../img/foot_l.png) bottom repeat-x;
}

.boxes, .bboxes {
	border: 2px solid #a4b74e;
}

.ctaonetext {
	left: 150px;
	width: 480px;
}

.ctatwo {
	background: #FFFFFF url(../img/ctaimg/servers.jpg) no-repeat 0 0;
}

.ctathree {
	background: #FFFFFF url(../img/ctaimg/charity.jpg) no-repeat 0 0;
}


.lhs a:hover {
	color: #57CA47;
	text-decoration: none;
}

.jtable {
	overflow: hidden;
	display:none;
}

.selected {
	display: block;
}

.tableft h2.header{
	background: #a4b74e;
	width: 634px;
	border: 1px solid #3A902E;
	overflow: hidden;
	padding: 12px;
}


.lhs p:first{
	margin: 20px 0 0 0;
}

.rhs .h3header, .topnav .h3header { 
	float: left;
	overflow: hidden;
	margin: 0 0 8px 15px;
	padding: 14px 10px 10px 17px;
	width: 206px;
	background: #a4b74e url(../img/rhs_nav/rhs.png) repeat-y;
	border: 1px solid #a4b74e;
}

.charter {
	background: #FFF url(../img/charter.jpg) no-repeat;
	overflow: hidden;
	width: 550px;
	height: 343px;
	padding: 46px 50px 20px 30px;
	float: left;
}

.charter a:hover{
	color: #FFF;
}

.charterrhs {
	width: 280px;
	overflow: hidden;
	float: left;
}

.information {
	overflow: hidden;
	border: 1px solid #a4b74e;
	background: transparent url(../img/bg.jpg) repeat-x;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	width: 870px;
	padding: 26px 20px 26px 20px;
	float: left;
}

.information .nav {
	width: 170px;
	padding: 0 10px 0 0;
	margin: 0 20px 0 0;
	border-right: 1px solid #DDD;
	float: left;
	overflow: hidden;
}

.nav h3 {
	font-size: 1.6em;
	padding: 10px 0 0;
	margin: 0;
	overflow: hidden;
}

.information .rhs li {
	display: block;
	line-height: 1.4em;
}

.information .rhs {
	width: 180px;
	float: right;
	font-size: 1.7em;
}

.information .nav ul,
.information .rhs ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.information .nav ul {
	padding: 15px 0 0 0;
}

.information .rhs li {
	display: block;
	border-bottom: 1px solid #DDD;
	padding: 3px 0 3px 20px;
	line-height: 1.4em;
}

.information .nav li {
	padding: 3px 0;
	border-bottom: 1px solid #EEE;
	font-size: 1.2em;
	display: block;
}

.tableft h4 {
	font-size: 1.4em;
	padding: 0;
	margin: 10px 0 0 0;
}

.hostbox {
	float: left;
	width: 190px;
	margin: 0 7px;
	padding: 10px;
	border: 1px solid #CCC;
	overflow: hidden;	
}

.hostbox h2.header {
	margin: 0;
	padding: 0;
	background: none;
}

.hostbox ul {
	list-style: none;
	font-size: 1.3em;
	line-height: 1.5em;
}

.hostbox li.disk, #hostbox li.disk {
	list-style-image: url(../img/icons/disk.png);
	position: 2px 0;
}
.hostbox li.band {
	list-style-image: url(../img/icons/band.png);
}
.hostbox li.sql {
	list-style-image: url(../img/icons/sql.png);
}
.hostbox li.ssl {
	list-style-image: url(../img/icons/ssl.png);
}
.hostbox li.oneclick {
	list-style-image: url(../img/icons/oneclick.png);
}

.hostcost {
	font-size: 1.8em;
	line-height: 1.3em;
}

#hosting {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0;
	margin: 0;
	z-index: 1;
	width: 649px;
	overflow: hidden;
}

#hosting li {
	font-size: 1.3em;
	padding: 15px 10px 230px 369px;
	width: 250px;
	border: 1px solid #CCC;
	overflow: hidden;
}

#hostbox li {
	font-size: 0.5em;
	padding: 0;
	border: none;
	width: 250px;
	overflow: hidden;
}


li.shared {
	background: #FFF url(../img/ctaimg/shared.jpg) no-repeat;
}
li.vps {
	background: #FFF url(../img/ctaimg/shared.jpg) no-repeat;
}
li.dedicated {
	background: #FFF url(../img/ctaimg/shared.jpg) no-repeat;
}
li.complex {
	background: #FFF url(../img/ctaimg/shared.jpg) no-repeat;
}
li.domains {
	background: #FFF url(../img/ctaimg/shared.jpg) no-repeat;
}
li.guide {
	background: #FFF url(../img/ctaimg/shared.jpg) no-repeat;
}

.mocktable {
	float: left;
	width: 480px;
	margin: 0 0 30px;
}

.s-feature, .s-title {
	float: left;
	width: 480px;
	overflow: hidden;
	border-bottom: 1px solid #CCC;
}

.s-section {
	float: left;
	width: 468px;
	overflow: hidden;
	background-color: #A5E29C;
	padding: 10px 6px 0;
	border-bottom: 1px solid #CCC;
}

.s-title {
	font-size: 1.2em;
	text-align: center;
	padding: 6px;
	width: 468px;
	background-color: #868686;
	border-bottom: 1px solid #333;
}

.s-f-title, .s-t-title, .s-t-text {
	float: left;
	text-align: right;
	width: 124px;
	padding: 6px 6px 0 4px;
	margin: 0;
	overflow: hidden;
	font-size: 1.1em;
}

.s-t-title {
	padding: 14px 0 0 27px;
	width: 101px;
}

.s-t-title .h3header {
	margin: 0;
	padding: 0;
}

.s-t-text {
	padding: 6px 10px 0 0;
	width: 118px;
}

.s-f-package, .s-t-package, .s-f-wide {
	float: left;
	text-align: center;
	width: 78px;
	padding: 6px 3px;
	overflow: hidden;
	border-left: 1px solid #CCC;
}

.s-f-wide {
	width: 339px;
	font-weight: bold;
}

.s-t-package {
	width: 46px;
	padding: 6px 18px 0 20px;
}

.white {
	color: #FFF;
}