/* CSS Document */

body {
	background:#FFFFFF;
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Arial, Tahoma, Sans-serif;
	font-size:14px;
	color: #555;
}

a:link, a:visited, a:active {
	color:#1a8dcd;
	text-decoration:none;	
}

a:hover {
	text-decoration:underline;	
}

.clear {
	clear:both;
}

.clear2 {
	clear:both;
	height:10px;
	display:block;
}

form {
	margin:0;
	padding:0;
}

img {
	border:0;
}
p.imgrep{
  text-indent: -3000px;
  background: url(june-promo-subpage.jpg) top left no-repeat;
  width: 544px;
  height: 98px;
	margin-top: 4px;
}

#container {
	width:900px;
	margin:0 auto;
	padding:25px 0 0 0;
}

.logo {
	float:left;
	margin:0;
	padding:0;
	background: url(logo.jpg) no-repeat;
	height:68px;
	width:197px;
}

.call-us {
	float:right;
	font-size:18px;
	font-weight:100;
	color:#323738;
	margin:0;
	padding:30px 0 0 0;
}

.call-us span {
	color:#008dcf;
}

#links {
	clear:both;
	background: url(links-bg.gif) repeat-x;
	margin:0;
	padding:0;
	height:45px;
}

#links img {
	border:0;
	margin:0;
	padding:0;
	float:left;
}

#links	h2 {
	margin: 0;
	border: 0;
	padding: 0;
	}




.signup a {
	float:right;
}
	
.signup a:hover {
	background: url(link-signup2.gif) no-repeat;
	width: 125px; height: 45px;
}

#nav {
	margin: 0;
	padding: 0;
	height: 45px;
	list-style: none;
	display: inline;
	overflow: hidden;
	float:left;
	width:765px;
	}

#nav li {
	margin: 0; 
	padding: 0;
	list-style: none;
	display: inline;
	}

#nav a {
	float: left;
	padding: 45px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:45px; /* for IE5/Win only */
	}
	
#nav a:hover {
	background-position: 0 -45px;
	}

#nav a:active, #nav.home li.link-home a, #nav.hosting li.link-package a, #nav.support li.link-support a, #nav.about li.link-about a, #nav.contact li.link-contact a  {
	background-position: 0 -90px;
	}
	
/* Definitions for front page - Matt Wolff, July 29th 2008 */

.def { position: relative}
.def span { position: absolute; top: 0.5em; left: 3em; width: 15em; display: none;}
.def:hover span { display: block}

/* End Definitions */


.link-home a  {
	width: 91px;
	background: url(home-rollover.gif) top left no-repeat;
	margin-left:17px;
}
	
.link-package a  {
	width: 91px;
	background: url(package-rollover.gif) top left no-repeat;
	margin-left:20px;
}

.link-support a  {
	width: 91px;
	background: url(support-rollover.gif) top left no-repeat;
	margin-left:30px;
}

.link-about a  {
	width: 91px;
	background: url(about-rollover.gif) top left no-repeat;
	margin-left:20px;
}

.link-contact a  {
	width: 91px;
	background: url(contact-rollover.gif) top left no-repeat;
	margin-left:20px;
}

#main-area {
	background: url(main-area.jpg) top left no-repeat;
	margin:7px 0 0 0;
	padding:15px 0 0 29px;
  height: 242px;
}

#main-area h2 {
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	margin:7px 0 0 0px;
	padding:8px 0 0 20px;
  background: url(special_bg.png) top left no-repeat; 
  width: 422px;
  height: 32px;
}

#main-area h1 {
	color:#FFFFFF;
	font-size:48px;
	font-weight:bold;
	margin:0;
	padding:0;
}

#main-area h2 span {
	font-size: 16px;
}

#main-area h2 a{
    color: #ffffff;
}

#main-area ul {
	list-style:none;
	margin:20px 0 8px 0px;
	padding:0;
	float:left;
}

#main-area ul li {
	background:url(bullet.png) no-repeat;
	margin:0 0 13px 0;
	padding:0 0 0 35px;
	font-size:18px;
	color:#FFFFFF;
}

span.started a {
	width: 191px;
	height: 46px;
	background: url(started.gif) no-repeat;
	float: right;
	border: 0;
	margin: 105px 25px 0 0;
	padding-top: 2px;
	color: #fff;
	font-size: 30px;
	text-align: center;
	vertical-align: middle!important;
}

#main-area a.started:hover {
	text-decoration:underline;
}

#search-area {
	background:url(search-area.gif) no-repeat;
	height:58px;
	margin:0 0 8px 0;
	padding:13px 0 0 370px;
	
}

#search-area input.search {
	height:33px;
	width: 380px;	
	margin:0;
	float:left;
	padding:10px 0 0 0;	
	border:0;
	background:none;
	color:#bdbdbd;
	font-size:22px;
	
}

#search-area input.sld {
	height:33px;
	width: 305px;	
	margin:0;
	float:left;
	padding:10px 0 0 0;	
	border:0;
	background:none;
	color:#bdbdbd;
	font-size:22px;
	
}

#search-area select.tld {
	height:44px;
	width: 98px;	
	margin:0;
	float:left;
	padding:10px 0 0 22px;	
	border:0;
	background:transparent none repeat scroll 0 0;
	color:#bdbdbd;
	font-size:22px;
	
}


#search-area input.submit-search {
	height:43px;
	width:68px;
	background:url(go-button.gif) no-repeat top;
	border:0;
	/* cursor: pointer; */
	margin: 0 0 0 20px;
	padding:0;
	cursor:pointer;
}

#box1, #box2 {
	width:280px;
	height:190px;
	background:url(box-bg.gif);
	padding:12px 0 0 12px;
	margin:0 12px 0 0;
	float:left;
}

/* edit headers TJS */
#box1 h2, #box2 h2 {
	margin:0;
	padding:0;
	color: #1a8dcd !important;
}


#box1 p, #box2 p {
	font-size:14px;
	color:#555555;
	margin:8px 0 0 0;
	padding: 0 6px;
	line-height: 22px;	
}

#box2 ul {
	list-style:none;
	width:220px;
	margin:12px auto 0 auto;
	padding:0;
}

#box2 ul li {
	display:inline;
	margin:0 10px 0 0;
	padding:0;
}

#box2 ul li img {
	border:0;
	margin-bottom:10px;
}

.live-chat, .support-login {
	margin: 0 0 8px 0;
	//margin: 0 0 0 0; /* for IE */
	padding:0;
	border:0;
	float:left;
}

#content-area {
	background:url(sub-main-end.gif) no-repeat bottom left #FFFFFF;
	margin: 0 0 10px 0;
	padding:0;
}

#content-area h2 {
	color:#323838;
	font-size:28px;
	font-weight:100;
	margin:0;
	padding:0 0 10px 0;
}

#inner-content {
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	margin:0;
	padding:25px;
	background:none;
	width:847px;
}

#main-content {
	margin:0;
	padding:0;
	float:left;
	width:560px;
	line-height:22px;
}

#main-content .holder {
	width:290px;
	margin:30px 0 0 0;
	float:left;
}

#main-content img {
	margin:0;
	padding: 0;
}

#sub-reasons {
	margin: 10px 0 0 0;
	padding:0;
	float:left;
	width:580px;
}

#sub-reasons .holder {
	width:290px;
	margin:30px 0 0 0;
	float:left;
}

#sub-reasons img {
	margin:0;
	padding: 0;
	float:left;
}

.holder p {
	margin:3px 0 0 10px;
	padding:0;
	background:none;
	float:left;
	width:170px;
	font-size:12px;
	color:#666666;
}
	
#content-area h3 {
	color:#323838;
	font-size:18px;
	font-weight:100;
	margin:0;
	padding:0;
}

#content-area h3.blue {
	color:#1a8dcd;
	margin:0 0 0 10px;
	float:left;
	clear:right;
	width:170px;
}

#package-plan {
	float:right;
	width:222px;
	margin:5px 0 0 0;
	padding:20px;
	background: url(rightbox.gif) no-repeat;
}

#package-plan h3, #package-plan h3 a {
	color: #1a8dcd !important;
	margin:0;
	font-size:20px;
}

#package-plan ul {
	list-style:none;
	margin:20px 0 0 0;
	padding:0 0 10px 0;
}

#package-plan ul li {
	background:url(bullet.png) no-repeat;
	margin:0 0 18px 0;
	padding:0 0 0 30px;
	font-size:18px;
	color:#555;
}

#package-plan a:link, #package-plan a:visited, #package-plan a:active  {
	text-decoration:none;
	color:#555;
}

#package-plan a:hover {
	text-decoration:underline;
}

#right {
	float:right;
	width:262px;
  margin:0;
  padding:0;
}
	
td { padding-bottom:10px; }

#footer {
	text-align:center;
	clear:both;
	padding-top:15px;
}

#footer a:link, #footer a:visited, #footer a:active {
	color:#008dcf;
	text-decoration:none;	
}

#footer a:hover {
	text-decoration:underline;	
}

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

#footer ul li {
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
}

/* footer nav */
li h3 {
	display: inline;
	font-weight: normal;
	font-size:0.9em;

}
h2 {
	font-size: 1.3em !important;
}