/* General */

body {
	background: #ffffff;
	color: #686868;
	margin: 0;
	padding: 0;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	text-align: left;
}

#page_wrapper {
	background: url(../images/main-bg2.gif) repeat-x;
	float: left;
	width: 100%;
}

#page {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

.clear {
	clear:both;
}

.blue {
	color: #18ade4;
}

h1 {
	color: #ffffff;
	font-size: 36px;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h2 {
	color: #ffffff;
	font-size: 16px;
	margin: 35px 0 75px 0;
	padding: 0;
	font-weight: normal;
}

h3 {
	color: #2172a9;
	font-size: 16px;
	margin: 30px 0 20px 0;
	padding: 0;
	font-weight: bold;
}

h3 sub {
	color: #666666;
}

.green {
	color: #fff;
	padding: 0 25px 0 0;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	margin: 40px 0 0 25px;
}

.red {
	color: #ffad14;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
	margin: -5px 0 0 25px;
}

.red2 {
	color: #ffad14;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	margin: 10px 0 0 90px;
	text-transform: uppercase;
}

/* /General */


/* Header Section */

#header {
	margin: 0;
	padding: 0;
	width: 1000px;
	height: 138px;
	background: url(../images/header-bg.gif) repeat-x;
	position: relative;
}

#header img {
	margin: 21px 0 0 112px;
}

#header p {
	position: absolute;
	top: 15px;
	right: 112px;
	color: #282828;
	font-size: 12px;
	line-height: 18px;
	text-align: right;
}

#header .phone {
	font-size: 14px;
	color: #18ade4;
	font-weight: bold;
}

/* Primary Navigation */

#lava {
	position: relative;
}

#lava #box {
	position: absolute;
	left: 0;
	top: 27px;
	z-index: 50;
	background: url(../images/nav-bg-right.png) no-repeat right center;
	height: 26px;
	padding-right: 12px;
	margin-left: -10px;
}

#lava #box .head {
	background: url(../images/nav-bg-left.png) no-repeat 0 0; 
	height: 26px;
	padding-left: 10px;
}

#primary_nav {
	list-style: none;
	padding: 0;
	margin: 0;
	margin: 27px 0 0 112px;
	position: absolute;
	z-index: 100;
}

/*#primary_nav li.first {
	background: url(../images/nav-bg-left.png) no-repeat top left;
}*/

#primary_nav li.first a {
	color: #18ade4;
	/*background: url(../images/nav-bg-right.png) no-repeat top right;*/
}

#primary_nav li {
	float: left;
	text-transform: uppercase;
	padding: 0 0 0 13px;
}

/*#primary_nav li:hover {
	background: url(../images/nav-bg-left.png) no-repeat top left;
}*/

#primary_nav li:hover a {
	color: #18ade4;
	/*background: url(../images/nav-bg-right.png) no-repeat top right;*/
}

#primary_nav li a {
	color: #7b7b7b;
	font-size: 11px;
	text-decoration: none;
	display: block;
	height: 19px;
	padding: 7px 13px 0 0;
	margin: 0 10px 0 0;
	float: left;
}

#primary_nav li a:hover {
	color: #18ade4;
	/*background: url(../images/nav-bg-right.png) no-repeat top right;*/
}

/* /Primary Navigation */

/* /Header Section */


/* Main */

#main {
	background: #ebeae6 url(../images/mainBG.gif) repeat-y;
	margin: 0;
	padding: 0;
	width: 1000px;
}

/* Page-Header */

#page-head {
	background: url(../images/header-bg.jpg) no-repeat;
	margin: 0;
	padding: 0;
	height: 84px;
}

#page-head h1.contact {
	background: url(../images/contact-icon.png) no-repeat 0 13px;
	height: 66px;
	margin: 0 0 0 68px;
	padding: 18px 0 0 75px;
}

#page-head h1.about {
	background: url(../images/about-icon.png) no-repeat 0 13px;
	height: 66px;
	margin: 0 0 0 68px;
	padding: 18px 0 0 75px;
}

#page-head h1.host {
	background: url(../images/host-icon.png) no-repeat 0 13px;
	height: 66px;
	margin: 0 0 0 68px;
	padding: 18px 0 0 75px;
}

/* /Page-Header */

/* Intro */

#intro {
	padding: 30px 0 0 80px;
	margin: 0;
	background: url(../images/intro-bg.jpg) no-repeat;
	height: 316px;
	position: relative;
}

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

#intro li {
	float: left;
}

#intro a.grey {
	color: #535353;
	width: 150px;
	height: 37px;
	display: block;
	background: url(../images/intro-but-grey.png) no-repeat;
	text-decoration: none;
	text-transform: uppercase;
	padding: 13px 0 0 0;
	text-align:center;
}

#intro a.grey:hover {
	color: #ffffff;
	background: url(../images/intro-but-orange.png) no-repeat;
}

#intro a.orange {
	color: #ffffff;
	width: 150px;
	height: 24px;
	display: block;
	background: url(../images/intro-but-orange.png) no-repeat;
	text-decoration: none;
	text-transform: uppercase;
	padding: 13px 0 0 0;
	margin: 0 0 0 30px;
	text-align:center;
}

#intro a.orange:hover {
	color: #535353;
	background: url(../images/intro-but-grey.png) no-repeat;
}

#photoBG {
	position: absolute;
	top: 85px;
	right: 48px;
	width: 468px;
	height: 206px;
	background: url(../images/gallery/gallery-bg.gif) no-repeat;
	padding: 7px;
}

#photoBG img.featuredTag {
	position: absolute;
	top: -13px;
	right:-16px;
	z-index: 1000;
}

.panel-overlay h2 {
	font-weight: bold;
	margin: 8px 0;
}

.panel-overlay p {
	margin: 8px 0;
	line-height: 14px;
}

.strip_wrapper {
	width: 482px;
	height: 26px;
	background: url(../images/gallery/button-bg.png) no-repeat bottom right;
}
	
/* /Intro */

/*/ Content */

#content {
	background: #ffffff url(../images/grad-bg.gif) repeat-x top left;
	margin: 0;
	padding: 42px 0 0 0;
	position: relative;
}

#content2 {
	background: #f8f8f8 url(../images/main-bg.gif) repeat-x top left;
	margin: 0;
	padding: 42px 0 0 0;
	position: relative;
}

#content img.bulb {
	position: absolute;
	top: 220px;
	right: 0;
	z-index: 1;
}

#mainsection {
	width: 1000px;
	padding-bottom: 42px;	
}

#main-left {
	margin: 0;
	padding: 0 30px 0 85px;
	width: 481px;
	min-height: 350px;
	height: auto !important;
	height: 350px;
	float: left;
	position: relative;
}

#main-left p {
	padding: 0;
	margin: 0 0 15px 0;
}

#main-right {
	margin: 0;
	padding: 0 0 0 30px;
	float: left;
	border-left: 2px solid #fff;
}

#main-right p {
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 18px;
}

ul.host {
	margin: 0;
	padding: 10px 0 10px 20px;
	border-top: 1px solid #7c7c7c;
	border-bottom: 1px solid #7c7c7c;
}

ul.host li {
	margin-bottom: 5px;
}

/* Contact Left */

#contact-left {
	margin: 0;
	padding: 0 30px 0 85px;
	width: 481px;
	height: 350px;
	float: left;
	position: relative;
}

#contact-left p {
	padding: 0;
	margin: 0;
}

#contact-left ul {
	list-style: none;
	padding: 0;
	margin: 25px 0 0 0;
	font-size: 14px;
}

#contact-left li {
	margin: 0 0 5px 0;
	padding: 0;
	float: left;
}

#contact-left label {
	display: block;
	float: left;
	width: 82px;
	text-align: right;
	padding: 8px 0 5px 0;
	text-transform: none;
}

#contact-left input {
	width: 369px;
	height: 19px;
	float: left;
	margin: 8px 0 0 10px;
	padding: 0 5px;
	border: 0;
	border: 1px solid #686868;
}

#contact-left textarea {
	margin: 8px 0 0 10px;
	border: 1px solid #686868;
}

#contact-left .submit {
	position: absolute;
	bottom: 35px;
	right: 36px;
	width: 100px;
	height: 26px;
	background: url(../images/submit-grey.png) no-repeat;
	border: none;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
}

#contact-left .submit:hover {
	background: url(../images/submit-orange.png) no-repeat;
	border: none;
	cursor: pointer;
}

#contact-left .star {
	position: absolute;
	bottom: 45px;
	left: 85px;
	font-size: 11px;
	text-transform: none;
}

/* /Contact Left */

/* Contact Right */

#contact-right {
	margin: 0;
	padding: 0 0 0 30px;
	float: left;
	border-left: 2px solid #fff;
}

#contact-right p {
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 18px;
}

#contact-right iframe {
	margin-top: 20px;
	border: 1px solid #686868;
}

/* /Contact Right */

/* Features */

#features {
	background: url(../images/features-bg.jpg) no-repeat left top;
	margin: 0 auto;
	width: 848px;
	position: relative;
	z-index: 10;
}

.featBox {
	width: 242px;
	float: left;
	padding: 0 20px;
	position: relative;
	height: 287px;
}

.featBox img {
	float: left;
	margin-left: 30px;
}

.featBox p {
	float: left;
	color: #ffffff;
	margin: 20px 0 0 0;
}

.featBox p.title {
	color: #1c6496;
	font-size: 20px;
	text-transform: uppercase;
	margin: 10px 0 0 0;
	padding: 0;
}

.featBox .desc {
	color: #686868;
	font-size: 10px;
	text-transform: none;
}

.featBox a {
	position: absolute;
	right: 20px;
	bottom: 20px;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	background: url(../images/learn-blue.png) no-repeat;
	display: block;
	height: 17px;
	width: 73px;
	padding: 9px 0 0 27px;
	margin: 0;
}

.featBox a:hover {
	background: url(../images/learn-orange.png) no-repeat;
}

/* /Features */

/* Hosting */

#hosting {
	margin: 0 auto;
	padding-top: 80px;
}

#hosting img {
	float: left;
	margin-left: 60px;
}

#tabledata {
	float: left;
}

#tabledata p.title {
	background: url(../images/hosting-title-bg.gif) no-repeat;
	font-size: 34px;
	color: #ffffff;
	padding: 10px 0 0 15px;
	margin: 0;
	width: 594px;
	height: 53px;
}

#tabledata table {
	width: 609px;
	margin: 10px 0 0 0;
	padding: 0;
}

#tabledata table th {
	font-size: 14px;
	color: #575957;
	font-weight: normal;
	text-align: center;
	height: 35px;
}

#tabledata table th .small {
	font-size: 11px;
}

#tabledata table td .small {
	font-size: 9px;
}

#tabledata table td {
	font-size: 12px;
	color: #868686;
	text-align: center;
	height: 35px;
}

#tabledata table td.plan {
	color: #2671e8;
	font-size: 18px;
	text-align: right;
	width: 113px;
	padding: 0 20px 0 0;
}

#tabledata table td.terms {
	color: #010101;
	font-size: 9px;
	text-align: left;
}

.botBor {
	border-bottom: 1px solid #7c7c7c;
}

#tabledata table td.details {
		text-align:right;
}

#tabledata a {
	background: url(../images/details-black.png) no-repeat;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	width: 119px;
	height: 21px;
	padding: 5px 11px 0 0;
	margin: 0;
	float: right;
}

#tabledata a:hover {
	background: url(../images/details-orange.png) no-repeat;
}

#tabledata2 {
	float: none;
}

#tabledata2 table {
	margin: 10px 0 0 0;
	padding: 0;
}

#tabledata2 table th {
	font-size: 14px;
	color: #575957;
	font-weight: normal;
	text-align: center;
	height: 35px;
}

#tabledata2 table th.th1 {
	width: 60px;
}

#tabledata2 table th.th2 {
	width: 100px;
}

#tabledata2 table th.th3 {
	width: 140px;
}

#tabledata2 table th.th4 {
	width: 130px;
}

#tabledata2 table th .small {
	font-size: 11px;
}

#tabledata2 table td .small {
	font-size: 9px;
}

#tabledata2 table td {
	font-size: 12px;
	color: #868686;
	text-align: center;
	height: 35px;
}

#tabledata2 table td.plan {
	color: #2671e8;
	font-size: 18px;
	text-align: right;
	width: 75px;
	padding: 0 20px 0 0;
}

#tabledata2 table td.terms {
	color: #010101;
	font-size: 9px;
	text-align: left;
}

#tabledata2 table td.details {
		text-align:right;
}

#tabledata2 a {
	background: url(../images/details-black.png) no-repeat;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	width: 119px;
	height: 21px;
	padding: 5px 11px 0 0;
	margin: 0;
	float: right;
}

#tabledata2 a:hover {
	background: url(../images/details-orange.png) no-repeat;
}

a.signup {
	background: url(../images/details-black.png) no-repeat;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	width: 105px;
	height: 21px;
	padding: 5px 25px 0 0;
	margin: 20px 0 0 350px;
	text-align: right;
}

a.signup:hover {
	background: url(../images/details-orange.png) no-repeat;
}

/* /Hosting */

/* Site Plan */

#siteplan {
	background: url(../images/siteplan-bg.gif) no-repeat;
	width: 884px;
	height: 186px;
	padding: 45px 58px 0 58px;
}

#siteplan ul {
	list-style: none;
	margin: 0 20px 0 0;
	padding: 0;
	font-size: 12px;
	color: #585a57;
	float: left;
}

#siteplan li.title {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #585a57;
	background: none;
}

#siteplan li {
	background: url(../images/arrow.gif) no-repeat 0 3px;
	margin: 0;
	padding: 0 0 5px 12px;
	font-size: 10px;
}

#siteplan li a {
	color: #000000;
	text-decoration: none;
}

#siteplan li a:hover {
	color: #000000;
	text-decoration: underline;
}

#siteplan li.first {
	margin-top: 5px;
}

#siteplan p {
	float: right;
	padding: 0 0 0 30px;
	margin: 0;
	color: #000000;
	font-size: 10px;
	line-height: 18px;
	border-left: 1px solid #fff;
}

#siteplan .contact {
	font-size: 12px;
	color: #585a57;
	line-height: normal;
}

#siteplan .social {
	font-size: 12px;
	color: #1c6496;
	font-style: italic;
	line-height: normal;
}

#siteplan img {
	margin-left: 6px;
}


/* /Site Plan */

/* iMarket Section */

#imarket {
	padding: 0;
	margin: 10px 85px 0 85px;
	background: url(../images/bubble.gif) no-repeat;
}

/* Quotes */

#quotes {
	width: 499px;
	height: 245px;
	padding: 40px 28px 0 28px;
	font-size: 21px;
	color: #686868;
	position: relative;
	line-height: 30px;
	float: left;
}

#author {
	position: absolute;
	bottom: 15px;
	left: 240px;
	font-size: 12px;
	color: #686868;
	line-height: normal;
}

#quotes h2 {
	padding: 0;
	margin: 0 0 15px 0;
	color: #1c6496;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
}

/* /Quotes */

/* Newsletter */

#newsletter {
	background: url(../images/newsletter-bg.gif) no-repeat;
	width: 266px;
	height: 193px;
	padding: 40px 0 0 0;
	float: right;
	text-transform: uppercase;
	color: #fff;
	position: relative;
}

#newsletter h2 {
	padding: 0;
	margin: 0 0 0 80px;
	color: #fff;
	font-size: 14px;
}

#newsletter ul {
	list-style: none;
	padding: 0;
	margin: 35px 0 0 0;
	font-size: 14px;
}

#newsletter li {
	margin: 0 0 5px 0;
	padding: 0;
	float: left;
}

#newsletter label {
	display: block;
	float: left;
	width: 82px;
	text-align: right;
	padding: 8px 0 5px 0;
	text-transform: none;
}

#newsletter input {
	background: url(../images/field.gif) no-repeat;
	width: 132px;
	height: 19px;
	float: left;
	margin: 8px 0 0 10px;
	padding: 0 5px;
	border: 0;
}

#newsletter .submit {
	position: absolute;
	bottom: 30px;
	right: 33px;
	width: 100px;
	height: 26px;
	background: url(../images/submit-grey.png) no-repeat;
	border: none;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
}

#newsletter .submit:hover {
	background: url(../images/submit-orange.png) no-repeat;
	border: none;
	cursor: pointer;
}

#newsletter .star {
	position: absolute;
	bottom: 20px;
	left: 20px;
	font-size: 11px;
	text-transform: none;
}

/* /Newsletter */

/* /iMarket Section */

/* /Content */

/* Footer */

#footer {
	background: url(../images/footer-bg.gif) no-repeat;
	width: 945px;
	height: 22px;
	margin: 0;
	padding: 0;
	color: #747474;
	font-size: 10px;
	padding: 10px 0 0 55px;
	position: relative;
}

#footer .htmlcss{
	position: absolute;
	bottom: 10px;
	right: 55px;
}

#footer .htmlcss a {
	color: #747474;
	text-decoration: none;
}

#footer .htmlcss a:hover {
	color: #000;
	text-decoration: underline;
}

/* /Footer */


/* /Main */