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

/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
 
html {
	background: url(../images/pag_bg.gif) top left;
}
   
body { 
  font-size: 75%;
  color: #222; 
  font-family: Arial, Helvetica, sans-serif;
  background: url(../images/page_bg.gif) top left;
}

#body_wrapper {
	background: url(../images/page_bg_top.gif) top repeat-x;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 2em; line-height: 1; margin-bottom: 0.25em; }
h2 { font-size: 1.5em; margin-bottom: 0.5em; }
h3 { font-size: 1.2em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
img.left  { float: left; margin: 0 1.5em 1.5em 0; padding: 0; }
img.right { float: right; margin: 0 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #950000; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { color: #950000; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.underline { border-bottom: 1px solid #cfcfcf; }

.dollars {
	letter-spacing: -1px;
	padding: 0px;
	vertical-align: top;
	font-family: verdana;
	font-weight: bold;
	font-size: 18px;
}
.dollars_small {
	font-weight: bold;
}
.cents {
	letter-spacing: -1px;
	vertical-align: top;
	text-align: left;
	font-family: verdana;
	font-weight: bold;
	font-size: 14px;
}
.cents_small {
	font-weight: bold;
}


#header {
	width: 960px;
	height: 130px;
	position: relative;
	background: url(../images/header_bg.gif);
	margin: 0 auto;
}

#header a#logo {
	display: block;
	background: url(../images/logo.gif);
	overflow: hidden;
	text-indent: -999em;
	width: 291px;
	height: 42px;
	position: absolute;
	left: 10px;
	top: 20px;
}	

#header #livechat {
	position: absolute;
	top: 17px;
	right: 10px;
}

#nav {
	width: 960px;
	height: 30px;
	position: absolute;
	bottom: 5px;
	left: 0;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav ul li {
	float: left;
}

#nav ul li a {
	color: #555555;
	text-decoration: none;
	border-right: 1px solid #cfcfcf;
	border-left: 1px solid #ffffff;
	padding: 5px 30px;
	line-height: 30px;
}

#nav ul li a:hover { color: #950000; }

#nav_special {
	position: absolute;
	top: 0;
	right: 20px;
}

#nav_special {	
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

#main {
	background: url(../images/main_left.jpg) left no-repeat #ffffff;
	width: 940px;
	height: 275px;
	position: relative;
	margin: 0 auto;
	padding: 0 10px 10px 10px;
}

#main_title {
	margin: 0;
	padding: 0 0 0 10px;
	line-height: 60px;
	color: #ffffff;
}
	

#main p.main_text {
	position: absolute;
	top: 60px;
	left: 20px;
	width: 580px;
	font-size: 1.3em;
}

#main ul.main_list {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
        top: 140px;
}

#main ul.main_list li {
	font-size: 1.5em;
	line-height: 30px;
}

#main_list_1 {
	left: 60px;
}

#main_list_2 {
	left: 320px;
}

#main_right {
	position: absolute;
	top: 5px;
	right: 10px;
	width: 230px;
	height: 280px;
}

#main_right_block_1 { background: url(../images/main_right_1.gif); }
#main_right_block_2 { background: url(../images/main_right_2.gif); }
#main_right_block_3 { background: url(../images/main_right_3.gif); }
#main_right_block_4 { background: url(../images/main_right_4.gif); }
#main_right_block_5 { background: url(../images/main_right_5.gif); }

div.main_right_block {
	height: 20px;
	padding: 10px 5px 0 60px;
}
html>body div.main_right_block {
	height: 45px;
	padding: 10px 5px 0 60px;
}
div.main_right_block h2 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 3px 0;
	padding: 0;
	line-height: 1.1em;
}

div.main_right_block p { margin: 0 ; padding: 0; font-size: 0.8em; }

#content {
	width: 940px;
	background: url(../images/page_footer.gif) bottom no-repeat #ffffff;
	margin: 0 auto;
	padding: 5px 10px 10px 10px;
}

#zcontent_left {
	float: left;
	width: 700px;
}

#zcontent_right {
	float: right;
	width: 230px;
}

div.half_left {
	float: left;
	width: 49%;
}

div.half_right {
	float: right;
	width: 49%;
}

ul.checks {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}

ul.checks li {
	background: url(../images/action_check.gif) left no-repeat;
	padding: 2px 0 2px 18px;
}
	
div.sidebar_quote {
	background: url(../images/quote_bg.gif);
}

div.sidebar_quote_top_bg {
	display: block;
	height: 10px;
	width: 100%;
	background: url(../images/quote_top.gif);
}

div.sidebar_quote p.quote_text {
	font-style: italic;
	padding: 0 10px;
	margin: 0;
}

p.quote_author {
	background: url(../images/quote_bottom.gif) top no-repeat #FFFFFF;
	padding: 12px 45px 0 0;
	text-align: right;
	font-weight: bold;
}

#footer {
	width: 940px;
	margin: 5px auto;
}

#footer_left {
	float: left;
}

#footer_right {
	float: right;
}
.sidebar_item {
	margin-bottom: 1em;
}
#sdebar_news {
	border-bottom: 1px dashed #cfcfcf;
}
.news_item {
	border-top: 1px dashed #cfcfcf;
	padding: 1em 0 0 0;
}
.news_item h3 {
	margin: 0 0 5px 0;
}

a.order_now {
	display: block;
	width: 90px;
	height: 20px;
	background: url(../images/order_now.gif);
	text-indent: -999em;
	overflow: hidden;
}

a.order_now:hover { background: url(../images/order_now_o.gif); }

/** Start Shared Hosting Table **/
table.shared_table {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	border-top: 1px solid #cfcfcf;
}

table.shared_table thead th {
	font-size: 1.5em;
	padding: 5px;
	background: url(../images/tbl_header.gif) bottom repeat-x #ffffff;
	border-bottom: 1px solid #cfcfcf;
	text-align: center;
}

table.shared_table tbody th {
	font-size: 1.2em;
	font-weight: normal;
	padding: 5px;
	background: #f1f1f1;
}

table.shared_table tbody td {
	text-align: center;
	width: 16%;
	margin: 0;
	padding: 5px;
}

table.shared_table tbody tr.even th, table.shared_table tbody tr.even td {
	background: url(../images/tbl_row_even.gif) center repeat-x #eeeeee;
}

table.shared_table tbody tr.odd th, table.shared_table tbody tr.odd td {
	background: url(../images/tbl_row_odd.gif) center repeat-x #e9e9e9;
}

table.shared_table tbody td, table.shared_table tbody th {
	border-bottom: 1px solid #cfcfcf;
}

table.shared_table tfoot td, table.shared_table tfoot th {
	border-bottom: 1px solid #cfcfcf;
	text-align: center;
}

table.shared_table div.check {
	width: 16px;
	height: 16px;
	background: url(../images/action_check.gif);
	overflow: hidden;
	text-indent: -999em;
	display: block;
	margin: 0 auto;
}

table.shared_table .order_now { margin: 0 auto; text-align: center;}

table.shared_features {
	width: 100%;
}

table.shared_features td {
	width: 33%;
	background: url(../images/action_check.gif) left no-repeat;
	padding-left: 20px;
}

table.shared_features td.empty { background: none; }


/** End Shared Hosting Table **/
/** Start Contact Form **/
#contact-wrapper {
	width:640px;
	border:1px solid #e2e2e2;
	background:#f1f1f1;
	padding:20px;
	margin: 0 auto;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
	width: 100%;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	width: 100%;
}
form#contactform .error { color: #ff0000; }

table.contact_table {
	border-right: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
}

table.contact_table th {
	background: #f1f1f1;
	font-size: 1.5em;
	text-align: center;
	border: 1px solid #cfcfcf;
}

table.contact_table td {
	border-bottom: 1px solid #cfcfcf;
	width: 33%;
}
/** End Contact Form **/