/*************************************************
Import Main Style Sheet (style.css)
**************************************************/

@import url("style.css");

/*************************************************
Homepage Styling
**************************************************/

#termsContent {
	width: 920px;
	margin: 0 auto;
	padding: 20px;
	background-color:#ffffff;
	overflow:hidden;
	background: #fff url(../images/template/content_bg.gif) repeat-x;
}

#termsContent ul {
	list-style:square;
}

#termsContent li {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:10px 0 0 40px;
	font-size:1.4em;
	line-height:1.4em;
}

#homepageContent {
	width: 960px;
	margin: 0 auto;
	background-color:#ffffff;
	overflow:hidden;
}

#mainHero {
	width:960px;
	height:348px;
	background-image:url(../images/content/IMG-home-hero.jpg);
	background-repeat:no-repeat;
	overflow:auto;
}

#heroPositioning {
	float:right;
	width:440px;
	margin:60px 0px 0px 0px;
	padding:0px 50px 0px 0px;
}

#gambitPanel {
	background-color:#e6e6e6;
	margin:2px 0px 0px 0px;
	padding:15px 35px 15px 35px;
	clear:both;
	overflow:auto;
	height:100%;
}

#existingWebsite {
	border-bottom:1px dotted #666666;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
}

#existingWebsiteDeclare {
	float:left;
	margin:0 82px 0 0 ;
}

#gambitIntro {
	width:480px;
	float:left;
	margin:0px 10px 0px 0px;
}

#keyBenefits {
	float:left;
	width:430px;
	margin:20px 0px 0px 0px;
	padding:0px 0px 20px 35px;
}

#keyFeatures {
	float:left;
	width:430px;
	margin:20px 0px 0px 0px;
	padding:0px 0px 20px 35px;
}

#initialBenefitHighlights {
	width:430px;
	margin:10px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	float:left;
	border-bottom:1px dotted #999999;
}

#initialFeaturesHighlights {
	width:430px;
	margin:10px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	float:left;
	border-bottom:1px dotted #999999;
}

DIV.starHighlights {
	clear:both;
	padding:0;
}

#priceGuide {
	clear:both;
	width:auto;
	background-image:url(../images/content/IMG-home-pricing.jpg);
	background-repeat:no-repeat;
	height:315px;
	margin:20px 0px 0px 0px;
}

#emailMe {
	background-color:#547e1d;
	padding:0 35px 15px 35px;
	overflow:auto;
	height:60px;
}

#emailMe p {
	float:left;
	margin:0;
	color:#ffffff;
	margin:8px 0 0 0;
}

#emailMe input {
	float:left;
	margin:0 0 0 20px;
}

#emailMe img {
	float:left;
	margin:4px 0 0 15px;
}

/*************************************************
Formatting
**************************************************/

.homeHeaderText {
	position:absolute;
	top:80px;
	left:690px;
}

#clientLoginButton {
	position:absolute;
	top:100px;
	left:690px;
}

#clientLoginButton a {
	background-image:url(../images/template/profile_icon_home.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	height:25px;
	display:block;
	padding:2px 0px 0px 30px;
}

h1 .homepage {
	font-size:1.5em;
	text-transform:uppercase;
	color:#ffffff;
	letter-spacing:-1px;
	margin:0px;
	padding:0px;
	left:470px;
}

h2 .homepage {
	font-size:1em;
	text-transform:uppercase;
	color:#3f591d;
	letter-spacing:-1px;
	margin:0px;
	font-weight:bold;
}

h2 .existingWebsite {
	font-size:1.7em;
	text-transform:uppercase;
	color:#547e1d;
	padding:0;
	margin:0 0 10px 0;
	font-weight:normal;
	line-height:1.2em;
}

h3 .homepage {
	font-size:1.9em;
	text-transform:uppercase;
	color:#666666;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	line-height:1.2em;
}

h4 .gambitIntro {
	font-size:1.5em;
	color:#666666;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	line-height:1.2em;
}

h5 .keyBenefits {
	float:left;
	font-size:1.9em;
	text-transform:uppercase;
	color:#8bc53f;
	padding:16px 0px 0px 20px;
	font-weight:normal;
}

#heroPositioning p {
	color:#ffffff;
	line-height:1.4em;
	margin:10px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	border-top:1px dotted #5b8721;
}

.moreButton {
	float:left;
	margin:20px 20px 0 0;
}

.gambitGreen1 {color:#263a0b;}
.gambitGreen2 {color:#547e1d;}
.gambitGreen3 {color:#89c33e;}

#initialBenefitHighlights li {
	float:left;
	display:block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	color:#666666;
	background-image:url(../images/content/ICON-small-tick.gif);
	background-repeat:no-repeat;
	padding:0px 10px 0px 20px;
	margin:0px 0px 10px 0px;
	white-space:nowrap;
}

#initialFeaturesHighlights li {
	float:left;
	display:block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	color:#666666;
	background-image:url(../images/content/ICON-small-tick.gif);
	background-repeat:no-repeat;
	padding:0px 10px 0px 20px;
	margin:0px 0px 10px 0px;
	white-space:nowrap;
}

DIV.starHighlights li {
	float:left;
	display:block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:normal;
	color:#666666;
	background-image:url(../images/content/ICON-star.gif);
	background-repeat:no-repeat;
	padding:0px 10px 0px 12px;
	margin:8px 0px 0px 0px;
	white-space:nowrap;
}

#priceGuideStarter {width:215px; float:left; padding:230px 0px 0px 92px;}
#priceGuideBusiness {width:215px; float:left; padding:230px 0px 0px 68px;}
#priceGuidePremium {width:215px; float:left; padding:230px 0px 0px 68px;}

#priceTable {
	width:90%;
	margin:20px auto 0px auto;
	padding:10px;
	background-color:#8bc53f;
}

.topOfPage {
	margin:0 0 10px 0;
	padding:0;
	position:relative;
	left:880px;
}

/*************************************************
Table styling
**************************************************/

.headerHighlight {
	color:#263a0b;
}

.pricingTable {
	background-color:#ffffff;
	border:none;	
}

#priceTable caption {
	color:#ffffff;
	font-size:1.6em;
	text-align:left;
	font-weight:normal;
	border-bottom:1px solid #ffffff;
	padding:5px 5px 10px 5px;
	font-weight:bold;
}

#priceTable .mainTableHeader {
	color:#ffffff;
	font-size:1.5em;
	text-transform:uppercase;
	background-color:#547e1d;
	width:25%;
	padding:10px;
	text-align:center;
	background-image:url(../images/content/BG-th.gif);
	background-repeat:repeat-x;
	border-bottom:1px solid #ffffff;
}

#priceTable .contentTableHeader {
	color:#ffffff;
	font-size:1.5em;
	text-transform:uppercase;
	background-color:#547e1d;
	width:25%;
	padding:10px;
	text-align:center;
	background-image:url(../images/content/BG-th-price.gif);
	background-repeat:repeat-x;
	font-weight:bold;
	border-bottom:1px solid #ffffff;
}

#priceTable tr {
	width:25%;
}

#priceTable td {
	background-color:#f1f1f1;
	padding:0px;
	text-align:center;
	vertical-align:middle;
	border-bottom:1px solid #ffffff;
}

#priceTable .feautre {
	background-color:#cccccc;
	color:#666666;
	padding:10px;
	font-size:1.4em;
	text-align:right;
	border-bottom:1px solid #ffffff;
	font-weight:bold;
}

.pricingTermsFooter {
	padding:0px 0px 0px 36px;
	margin:5px 0px 20px 0px;
	font-size:1em;
}