/* CSS Document */

/************************************************************************

	Site: Circlehoe
	Author:		eROI		[www.eroi.com] 

	Listing Order:

	==============

	1 - Global
	2 - Structure/layout
	3 - Home navigation
	4 - Main content
	

************************************************************************/
/***********************************************************************
	1 - GLOBAL
************************************************************************/
div#logoSectionContainer div#logo a h1, div#header div#logoSectionContainer div#guaranteeTagLine h1, div#videoSection h1 {
	display: none;
}

div#logoSectionContainer div#logo a, div#header div#videoSection a, div#homeNavContainer div.colorBoxes a, div#homeNavContainer div.navColumns div#subscribeButton a, div#purchaseButton a {
	display: block;
	width: 100%;
	height: 100%;
}
/***********************************************************************
	2 - STRUCTURE/LAYOUT
************************************************************************/
div#header {
	padding-bottom: 9px;
}

/*** TOP LEFT LOGO ***/
div#header div#logoSectionContainer {
	width: 453px;
	float: left;
}

div#header div#logoSectionContainer div#logo {
	background: url(../images/home_bg-logo.gif) left top no-repeat;
	height: 74px;
}	

div#header div#logoSectionContainer p {
	line-height: 163%;
	color: #5a5a5a;
	padding: 17px 0 22px 0;
}

div#header div#logoSectionContainer div#guaranteeTagLine {
	background: url(../images/home_title-guarantee.gif) left top no-repeat;
	height: 11px;
}

/*** TOP RIGHT VIDEO ***/
div#header div#videoSection {
	float: left;
	width: 295px;
	background: url(../images/home_bg-video.jpg) right top no-repeat;
	height: 191px;
	margin: 0 0 0 93px;
}

/***********************************************************************
	3 - HOME NAVIGATION
************************************************************************/
div#homeNavContainer {
	width: 861px;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #959595;
	padding: 18px 0 47px 0;
}

div#homeNavContainer div.navColumns {
	width: 156px;
	float: left;
}

div#homeNavContainer div#products, div#homeNavContainer div#testimonials {
	margin: 0 20px 0 20px;
}

div#homeNavContainer div.colorBoxes {
	height: 105px;
}

div#homeNavContainer div#green { background: #a7c520; }
div#homeNavContainer div#lightGreen { background: #cde855; }
div#homeNavContainer div#tan { background: #f5f6d4; }
div#homeNavContainer div#brown { background: #866436; }
div#homeNavContainer div#darkBrown { background: #493f06; }

div#homeNavContainer div.navHeadline {
	font: 16px "Arial Black", Arial, Sans-serif;
	margin: 15px 0 0 0;
	padding: 0 5px 0 7px;
	color: #493f0b;
	line-height: 90%;
	border-left: 1px solid #959595;
}

div#homeNavContainer div.navHeadline p.navTagline {
	font-size: 11px;
	padding: 8px 0 0 0;
}

div#homeNavContainer div.navColumns p.navDescription {
	padding: 21px 0 0 8px;
	color: #727272;
	line-height: 160%;
}

/***********************************************************************
	4 - MAIN CONTENT
************************************************************************/
/*** ANY BULLETS ON HOMEPAGE THAT DOESN'T HAVE BULLETS ***/
div#homeNavContainer div.navColumns ul.noBulletList {
	list-style: none;
	padding: 22px 0 0 8px;
	line-height: 180%;
	font-size: 10px;
}

div#homeNavContainer div.navColumns ul.noBulletList li a, div#homeNavContainer div.navColumns ul.bulletList, div#homeNavContainer div.navColumns ul.bulletList li a, div#homeNavContainer div.navColumns p.fullList a {
	color: #5a5a5a;
}

/*** ANY LIST ON HOMEPAGE THAT HAS BULLETS ***/
div#homeNavContainer div.navColumns ul.bulletList {
	padding: 20px 0 0 20px;
	line-height: 160%;
}

div#homeNavContainer div.navColumns p.fullList {
	padding: 18px 0 0 8px;
	font-size: 10px;
	font-weight: bold;
}

div#homeNavContainer div.navColumns p span.fullListText {
	padding: 0 3px 0 0;
}

div#homeNavContainer div.navColumns p#newsletterText {
	padding: 24px 0 0 8px;
	font-weight: bold;
	font-size: 10px;
	color: #5a5a5a;
}

div#homeNavContainer div.navColumns div#subscribeButton {
	background: url(../images/global_button-subscribe.gif) left top no-repeat;
	width: 107px;
	height: 16px;
	margin: 12px 0 0 8px;
}

div#homeNavContainer div.navColumns div#purchaseButton {
	background: url(../images/global_button-purchase.gif) left top no-repeat;
	width: 107px;
	height: 16px;
	margin: 12px 0 0 10px;
}