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

/**** LAYOUT ELEMENTS ****/
body {
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #FFFFFF;
	background-image: url(../images/body-tail.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#wrapper {
	width: 980px;  
	background: #FFFFFF;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#header {
	padding: 0;  
	height: 372px;
	background-color: #D3D3D3;
}
#header h1 {
	margin: 0; 
	padding: 10px 0;
}
#header #top {
	background-image: url(../images/header-top.jpg);
	background-repeat: no-repeat;
	height: 98px;
	margin: 0px;
	padding: 0px;
}
#header #bot {
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	height: 274px;
}
#header #buttons {
	float: left;
	height: 40px;
	width: 325px;
	margin-top: 152px;
	margin-left: 40px;
	text-align: left;
}
#sidebar {
	float: left; 
	width: 200px;
	font-size: 0.8em;
	line-height: 1.25em;
	padding-top: 35px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 15px;
	color: #666666;
}
#mainContent {
	font-size: 0.8em;
	line-height: 1.3em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 260px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 0px;
}
#footer {
	background:#E3E3E3;
	height: 35px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	font-size: 0.8em;
	color: #999999;
}
#footer p {
	margin: 0; 
	padding: 10px 0; 
}
#container {
	background-image: url(../images/content-tail.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding: 0px;
	margin: 0px;
	border: solid 1px #CCCCCC;
	border-top: none;
}
#logo {
	height: 98px;
	width: 245px;
	float: left;
	margin-left: 25px;
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clr { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


/****** MAIN NAVIGATION ******/
#nav {
	height: 38px;
	float: right;
	width: 675px;
	padding: 0px;
	margin-top: 60px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
ul#navigation {
	margin-left: -20px;
}
ul#navigation li {
	display:block;
	float:left;
	list-style-type: none;
	margin: -16px 0 0;   /** force buttons to top of nav div **/
	padding: 0;
}
ul#navigation li a {
	display:block;
	outline:none;
	width:110px;
	height:38px;
	background:transparent url(../images/navigation.png) no-repeat 0 0;
	text-indent:-9009px;
	margin:0 2px 0 0;
}
ul#navigation li a:hover {
	background-position:0 -38px;
}
ul#navigation li#home a {
	width:124px;
	background-position:0 0;
}
ul#navigation li#home a:hover {
	background-position:0 -38px;
}
ul#navigation li#hosting a {
	width:124px;
	background-position:-126px 0;
}
ul#navigation li#hosting a:hover {
	background-position:-126px -38px;
}
ul#navigation li#order a {
	width:124px;
	background-position:-252px 0;
}
ul#navigation li#order a:hover {
	background-position:-252px -38px;
}
ul#navigation li#support a {
	width:124px;
	background-position:-378px 0;
}
ul#navigation li#support a:hover {
	background-position:-378px -38px;
}
ul#navigation li#contact a {
	width:124px;
	background-position:-504px 0;
}
ul#navigation li#contact a:hover {
	background-position:-504px -38px;
}


/****** HEADER BUTTONS ******/
ul#hdrbtn {
	margin-left: -28px;
}
ul#hdrbtn li {
	display:block;
	float:left;
	list-style-type: none;
	margin: -15px 0 0;   /** force buttons to top of nav div **/
	padding: 0;
}
ul#hdrbtn li a {
	display:block;
	outline:none;
	width:139px;
	height:39px;
	background:transparent url(../images/btn-blkhdr.png) no-repeat 0 0;
	text-indent:-9009px;
	margin:0 10px 0 0;
}
ul#hdrbtn li a:hover {
	background-position:0 -39px;
}
ul#hdrbtn li#readmore a {
	width:139px;
	background-position:0 0;
}
ul#hdrbtn li#readmore a:hover {
	background-position:0 -39px;
}
ul#hdrbtn li#signup a {
	width:139px;
	background-position:-140px 0;
}
ul#hdrbtn li#signup a:hover {
	background-position:-140px -39px;
}


/****** STYLING *****/

a:link, a:visited {
	color: #5F8313;
	text-decoration: underline;
}
a:hover, a:active {
	color: #5F8313;
	text-decoration: none;
}
h1 {
	font-size: 1.6em;
	color: #333333;
}
h2 {
	font-size: 1.3em;
	color: #333333;
}
#sidebar h2 {
	line-height: 1.4em;
	margin: 0px;
	padding: 20px 0 10px 0;
}
#mainContent p {
	margin: 0;
	padding: 0 0 15px 0;
}
#sidebar p {
	margin: 0;
	padding: 0 0 10px 0;
}
#sidebar li {
	list-style-image: url(../images/checkmark.png);
	margin-bottom: 10px;
}
#sidebar ul {
	padding: 0px;
	margin: 5px 0 0 20px;
}
.green-light {
	color: #778844;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.required {
	color:#AA3032;
	font-weight: bold;
}
.smaller {
	font-size: 0.9em;
}
.footnote {
	font-size: 0.85em;
	color: #999999;
}
.onlyprint { display: none; }
.form_style9 {
  display: none;
}

#mainContent ul.arrows {
	margin:0;
	padding:0;
	list-style:none;
}
#mainContent ul.arrows li {
	background:url(../images/list_bg.gif) no-repeat 0 5px;
	line-height:1.2em;
	padding-left: 12px;
	padding-bottom: 10px;
}


.featurebox {
	background-image: url(../images/feature-back.jpg);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	min-height: 50px;
	width: 190px;
}
.featurebox .title {
	font-weight: bold;
	margin-left: 40px;
	color: #333333;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.featurebox .details {
	margin-left: 40px;
	font-size: 0.85em;
	line-height: 1em;
	margin-right: 5px;
}
.featurebox .title a:link, .featurebox .title a:visited {
	color: #333333;
	text-decoration: none;
}
.featurebox .title a:active, .featurebox .title a:hover {
	color: #333333;
	text-decoration: underline;
}
#footer #copyright {
	color: #999999;
	float: left;
	width: 300px;
	font-size: 0.85em;
	line-height: 1.3em;
}
#footer #right {
	color: #666666;
	text-align: right;
	margin-left: 350px;
	margin-top: 5px;
}
#footer #copyright a:link, #footer #copyright a:visited {
	color: #999;
	text-decoration: none;
}
#footer #copyright a:hover, #footer #copyright a:active {
	color: #999;
	text-decoration: underline;
}
#footer #right a:link, #footer #right a:visited {
	color: #666;
	text-decoration: none;
}
#footer #right a:hover, #footer #right a:active {
	color: #666;
	text-decoration: underline;
}


/**** TABLES ****/
td {
	text-align: left;
	vertical-align: top;
}
table.compare {
	border: 1px solid #C1BEA0;
}
table.compare td { border-bottom: 1px solid #D5D1B1; }
td.compare-title {
	color: #333333;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding: 0.2em;
	background-color: #B5C77D;
	background-image: url(../images/boxes/table-hdr-back-green.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
td.compare-item {
	font-size: 0.9em;
	letter-spacing: 0.1em;
	padding-left: 0.3em;
}
td.compare-col-light {
	font-size: 0.9em;
	letter-spacing: 0.1em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
td.compare-col-dark {
	background: #EAEAEA;
	font-size: 0.9em;
	letter-spacing: 0.1em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
td.compare-title a:link, td.compare-title a:visited { color: #333333; }
td.compare-title a:active, td.compare-title a:hover {
	color: #333;
}



/**** HOMEPAGE STYLES ****/

#silverBox {
	width: 220px;
	background-image: url(../images/box-silver.png);
	background-repeat: no-repeat;
	height: 240px;
}
#goldBox {
	height: 240px;
	width: 220px;
	background-image: url(../images/box-gold.png);
	background-repeat: no-repeat;
}
#platinumBox {
	height: 240px;
	width: 220px;
	background-image: url(../images/box-platinum.png);
	background-repeat: no-repeat;
}

#silverBox ul.list, #goldBox ul.list, #platinumBox ul.list {
	margin-top: 0px;
	list-style-type: none;
	margin-right: 25px;
	margin-left: 25px;
	font-size: 0.95em;
	color: #666666;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	padding-top: 120px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#silverBox ul.list li, #goldBox ul.list li, #platinumBox ul.list li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E3E3;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 1px;
	padding-bottom: 0px;
	list-style-image: none;
	background: none;
}
#silverBox ul.list li.last, #goldBox ul.list li.last, #platinumBox ul.list li.last {
	border-bottom: none;
}
#silverBox .buttons, #goldBox .buttons, #platinumBox .buttons {
	height: 40px;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
	margin: 0px;
	width: 205px;
}

ul.btn-smbox {
	margin-left: -20px;
}
ul.btn-smbox li {
	display:block;
	float:left;
	list-style-type: none;   /** force buttons to top of nav div **/
	padding: 0;
	margin-top: -10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
ul.btn-smbox li a {
	display:block;
	outline:none;
	width:80px;
	height:40px;
	background:transparent url(../images/btn-smbox.png) no-repeat 0 0;
	text-indent:-9009px;
	margin:0 10px 0 0;
}
ul.btn-smbox li a:hover {
	background-position:0 -40px;
}
ul.btn-smbox li.readmore a {
	width:80px;
	background-position:0 0;
}
ul.btn-smbox li.readmore a:hover {
	background-position:0 -40px;
}
ul.btn-smbox li.signup a {
	width:80px;
	background-position:-80px 0;
}
ul.btn-smbox li.signup a:hover {
	background-position:-80px -40px;
}



.orderbtn {
	display: block;
	width: 80px;
	height: 40px;
	background: url("../images/btn-sm-signup.png") no-repeat 0 0;
	margin-top: 5px;
	margin-left: 15px;
}
.orderbtn:hover { 
  background-position: 0 -40px;
}
.orderbtn span {
  display: none;
}