/* 
Project Stylesheet
Author: Nick Francis
Questions/Comments: nick@project83.com
*/

body {
	font-family: "Lucida Grande", Arial, sans-serif;
	background:#E8C381 url(../images/bg.gif) repeat-x top left;
}

#wrap {
	margin:0 auto;
	width:960px;
	color:#6A3A0F;
}

/* layout */
#header {
	width:968px;
	height:155px;
	background:url(../images/header_bg.jpg) no-repeat top left;
}

#contentArea {
	width:960px;
	padding:0 4px;
	background:url(../images/content_bg.gif) repeat-y top left;
}

#twoColBg {
	background:url(../images/2col_bg.gif) repeat-y 685px 0;
}

#content {
	float:left;
	width:640px;
	padding:2em 0 2em 27px;
}

#sidebar {
	float:right;
	width:230px;
	padding:2em 25px 2em 0;
}

/* header */
#header h1 {
	position:relative;
	margin:0;
	top:47px;
	left:19px;
	width:240px;
	height:106px;
	text-indent:-9000px;
}

#header h1 a {
	position:relative;
	float:left;
	width:240px;
	height:106px;
}

#header ul {
	float:right;
	margin:21px 2em 0 0;
	list-style:none;
}

#header li {
	float:left;
	margin:0 .1em;
	padding:0 0 0 1.3em;
}

#header li a {
	display:block;
	padding:.1em 1.3em 0 0;
	line-height:2.3em;
	color:#6A3A0F;
	font-weight:bold;
	text-decoration:none;
}

#header li a:hover {
	color:#000;
	text-decoration:underline;
}

body#home li#navHome, body#how-it-works li#navWorks, body#pricing li#navPricing, body#contact li#navContact  {
	background:url(../images/tab_lt.gif) no-repeat top left;
}

body#home li#navHome a, body#how-it-works li#navWorks a, body#pricing li#navPricing a, body#contact li#navContact a {
	background:url(../images/tab_rt.gif) no-repeat top right;
}

body#home li#navHome a:hover, body#how-it-works li#navWorks a:hover, body#pricing li#navPricing a:hover, body#contact li#navContact a:hover {
	color:#6A3A0F;
	text-decoration:none;
}

/* content area */
#homeContent {
	padding:1.5em 2.5em;
}

#homeContent .lt {
	float:left;
	width:420px;
	letter-spacing:-.5px;
}

#homeContent .rt {
	float:right;
	width:462px;
}

#homeContent .lt h1 {
	font-size:1.6em;
	line-height:1.2em;
	margin-bottom:.3em;
}

#homeContent .lt p {
	font-size:1.2em;
}

#homeContent p.quote {
	position:relative;
	bottom:1em;
	text-align:center;
	font-style:italic;
	padding:0 1em;
	font-size:1.4em;
	margin-bottom:0;
	font-family:Georgia, Times, "Times New Roman", serif;
}

#homeContent p.quote em.cf {
	display:block;
	font-style:normal;
	font-size:.8em;
	font-weight:bold;
	text-align:center;
}

#homeContent h1.whyCreate {
	font-size:2em;
	color:#A00202;
	letter-spacing:-.5px;
}

#homeContent ul.why {
	list-style:none;
	margin:0 0 1em 0;
}

#homeContent ul.why li {
	float:left;
	display:block;
	margin-right:12px;
	width:185px;
	height:55px;
	padding:72px 15px 0 15px;
	text-align:center;
	color:#6A3A0F;
	line-height:1.2em;
	font-weight:bold;
}

#homeContent ul.why li.one {
	background:url(../images/why1.gif) no-repeat top left;
}

#homeContent ul.why li.two {
	background:url(../images/why2.gif) no-repeat top left;
}

#homeContent ul.why li.three {
	background:url(../images/why3.gif) no-repeat top left;
}

#homeContent ul.why li.four {
	margin-right:0;
	background:url(../images/why4.gif) no-repeat top left;
}

/* content */
#content h1 {
	font-size:1.6em;
	line-height:1.2em;
	margin-bottom:.8em;
}

#content h2 {
	text-transform:uppercase;
	color:#000;
	font-weight:normal;
	font-size:1.8em;
	letter-spacing:-1px;
	margin-bottom:.3em;
	font-family:Futura, "Myriad Pro", Arial, sans-serif;
}

#content h3 {
	font-size:1.3em;
}

#content p {
	color:#000;
	font-size:1.1em;
	line-height:1.3em;
}

#content ol {
	margin-bottom:2.5em;
}

.pBox {
	width:583px;
	padding:44px 20px 10px 20px;
	border-bottom:1px solid #C8B193;
	margin-bottom:2.5em;
	background:url(../images/pbox_top.gif) no-repeat top left;
}

#content .pBox h2 {
	color:#A00202;
	font-size:1.4em;
	margin-bottom:1.4em;
	text-transform:none;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-weight:bold;
	letter-spacing:0;
}

.pBox ol {
	list-style:none;
	margin:0 0 1em 0;
}

.pBox li {
	padding-left:35px;
}

.pBox li.one {
	background:url(../images/one_lg.gif) 5px top no-repeat;
}

#content .pBox ol.row {
	margin-bottom:0;
}

.pBox ol.row li {
	float:left;
	padding-right:1em;
}

#content .pBox li h3 {
	font-size:1.4em;
	padding-top:.2em;
}

#content .pBox li.one h3, #content .pBox li.two h3, #content .pBox li.three h3 {
	padding-top:.6em;

}

.pBox li.two {
	background:url(../images/two_lg.gif) no-repeat top left;
}

.pBox li.three {
	background:url(../images/three_lg.gif) no-repeat top left;
}

.pBox h3, .pBox h3 a {
	color:#152871;
	text-decoration:none;
}

#content .pBox p {
	color:#542C0F;
}

#content .faqBox p {
	padding-left:40px;
	color:#000;
}

#content .faqBox p.question {
	color:#152871;
	padding-left:25px;
	background: url(../images/question_blue.png) left 1px no-repeat;
	font-weight:bold;
}

ol.img {
	list-style:none;
	margin:0 0 2em;
	padding-bottom:2em;
	border-bottom:1px solid #c5c5c5;
}

ol.img li {
	color:#000;
	font-size:1.1em;
	margin:.5em 0;
	padding:2px 0 5px 35px;
}

ol.img li.one {
	background:url(../images/one.gif) no-repeat top left;
}

ol.img li.two {
	background:url(../images/two.gif) no-repeat top left;
}

ol.img li.three {
	background:url(../images/three.gif) no-repeat top left;
}

ol.img li.four {
	background:url(../images/four.gif) no-repeat top left;
}

ul.terms {
	color:#000;
}

ul#pricing-wrap{
	margin:0 0 30px 0;
}

ul#pricing-wrap li {
	float:left;
	display:block;
	margin-right:12px;
	width:205px;
	height:127px;
	padding:0 5px;
	text-align:center;
	font-size:1.1em;
	background:url(../images/pricing-bg.gif) left top no-repeat;
}

ul#pricing-wrap li.payment-methods {
	width:155px;
	height:47px;
	padding:80px 0 0 0;
	margin:0 0 0 10px;
	text-align:center;
	font-size:.8em;
	background:none;
	color:#000;
}

ul#pricing-wrap li h3 {
	color:#152871;
	font-size:1.3em;
	line-height:1.1em;
	margin:8px 0;
}

ul#pricing-wrap li em {
	font-size:1.2em;
	color:#A00202;
	display:block;
	font-style:normal;
	font-weight:bold;
	padding:4px 0;
}

ul#pricing-wrap span.savings {
	font-size:.75em;
}

#content h1 em {
	color:#6A3A0F;
	font-size:.65em;
	padding-left:.5em;
}

iframe#gTalk {
	float:right;
}

/* sidebar */
#sidebar h3 {
	color:#A00202;
	font-size:1.3em;
}

a.create {
	display:block;
	text-align:center;
}

blockquote { 
	margin:2em 0;
	border-top:1px solid #c5c5c5;
	border-bottom:1px solid #c5c5c5;
}

blockquote p {
	font-size:1.1em;
	margin:0;
	padding:1.5em 0;
	font-family:Georgia, "Times New Roman", Times, serif;
}

blockquote p em {
	display:block;
	font-size:.9em;
	text-align:right;
	font-weight:bold;
}

#sidebar .separator {
	border-top:1px solid #c5c5c5;
	margin-top:1.5em;
	padding-bottom:1.5em;
}

ul.why {
	list-style:none;
	padding-bottom:1.5em;
	margin:0 0 1.5em 0;
	border-bottom:1px solid #c5c5c5;
}

ul.why li {
	padding:.5em 0 .5em 65px;
	font-size:.9em;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom:1em;
}

ul.why li.one {
	background:url(../images/sb1.gif) no-repeat top left;
}

ul.why li.two {
	background:url(../images/sb2.gif) no-repeat top left;
}

ul.why li.three {
	background:url(../images/sb3.gif) no-repeat top left;
}

ul.why li.four {
	background:url(../images/sb4.gif) no-repeat top left;
}

/* footer */
#footer {
	width:968px;
	padding-bottom:3em;
	background:url(../images/footer_bg.gif) repeat-y top left;
}

#footer p {
	font-size:.9em;
	padding-top:1em;
	text-align:center;
}

#footer p a {
	padding:0 1.2em;
	color:#E0B872;
	text-decoration:none;
}

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


/*Forms*/
fieldset#contact-form li input#submit-btn  {
	margin-left:100px;
	width:75px;
}

fieldset#freeDir-form label{
	color:#000;
	width:200px;
}

fieldset#freeDir-form li input#submit-btn  {
	margin-left:200px;
	width:75px;
	margin-top:5px;
}

fieldset li textarea {
	font-size:.95em;
	font-family: "Lucida Grande", Arial, sans-serif;
}