/* CSS Document */
/******************************************************************************************
Created by: Eric Carbaugh
Date Created: 19 JAN 2009

Person(s) Modified by:
	Eric D. Carbaugh   -
	
Last Modified Date:	20 JAN 2009

******************************************************************************************/
ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,table
{ margin:0; padding:0 }

:link,:visited { text-decoration:none }

a img,:link img,:visited img { border:none }
a {
	margin:0px;
	padding:0px;
	text-decoration:none;
	color: #000099;
    outline: none;
}

address { font-style:normal; }

html,body { 
	height: 100%;
	color: #000;
	background: #FFF;
}
	
body { 
	padding:0;
	margin:0; 
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	color: #555;
    line-height:1.125em; /* 16?1.125=18px */
}
       
#outer_wrapper{
 	height: 100%;
	width:100%;
	text-align: left;
	padding:0;
	margin: 0 auto;
	/*border: 1px solid #ff0000;*/
}

html > body #outer_wrapper {
/*Because height is set to 100% in the body and html above,*/
/*this will cascade to child containers*/

/*    min-height: 100%;
      height: auto;
*/
}

/*
a{
	outline:none;
	text-decoration:none;
	vertical-align:bottom;
	height:85px;
	margin:0;
	padding:0;
}
*/
/************** Start Multiple Use Classes **************/

.border {
	border: 1px solid;
	border-color:#FF0000
}

.bgNoRepeat {
	background-repeat: no-repeat;
}

.bgRepeatX {
	background-repeat: repeat-x;
}

.bgRepeatY {
	background-repeat: repeat-y;
}

.bgCenter {
	background-position: center;
}

.txtIndent{ text-indent: -9999px; }

.floatLeft{
    float: left;
}

.floatRight{
    float: right;
}


/****************** End Multiple Use Classes ******************/

/************************* PNG Fix *******************************/

.pngFix { behavior: url(includes/iepngfix.htc); }

/************************ END FIX *******************************/

#bgCnrTop{
	position: relative;
	margin: 0 auto;
}

#topTileLft {
	position: absolute;
	width: 50%;
	height: 504px;
	left: 0px;
	top: 0px;
	background: url(../images/tLft_tile.gif) repeat-x;
}

#topTileRht {
	position: absolute;
	width: 50%;
	height: 504px;
	right: 0px;
	top: 0px;
	background: url(../images/tRht_tile.gif) repeat-x;
}

#topTileRhtSp { /****** For Use On All SubPages ******/
	position: absolute;
	width: 50%;
	height: 504px;
	right: 0px;
	top: 0px;
	background: url(../images/tRht_tileSp.gif) repeat-x;
}

#topBGcnr {
	position: relative;
	top: 0px;
	background: url(../images/topCnr_fullBG.jpg) top center no-repeat;
}

#topContentCnr{
	position: relative;
	margin: 0 auto;
	width: 820px;
	height: 504px;
}

#topBGdiv4IE6 {
	position: absolute;
	width: 828px;
	height: 504px;
	background: url(../images/hp_topCont_bg.png) top center no-repeat;
}

#phoneNum {
	width: 120px;
	height: 40px;
	text-indent: -9999px;
	background: url(../images/preorder_num.gif) no-repeat;
	position: absolute;
	top: 20px;
	right: 262px;
}

#phoneNum a {
	display: block;
	width: 120px;
	height: 40px;
}

#watchVid {
	position: absolute;
	width: 148px;
	height: 35px;
	left: 40px;
	top: -54px;
}

#gNavContainer {
	width: 820px;
	height: 136px;
	margin: 0 auto;
}

#iHouseHome {
	position: absolute;
	width: 100px;
	height: 110px;
	top: 16px;
	left: 64px;
}

#gLnkContnr {
	position: absolute;
	width: 376px;
	height: 46px;
	top: 80px;
	left: 182px;
}

#gLnkContnr li { float: left; }

.linkControl {
	position: relative;
	display: block;
	top: 26px;
	width: 82px;
	height: 20px;
	font-size: 10px;
	text-align: right;
}

.linkControl a {
	display: block;
	height: 20px;
	color: #999;
	font-weight: normal;
}

.linkControl a:hover {
	display: block;
	color: #999;
	font-weight: normal;
	background: url(../images/gNav_ovr.gif) bottom no-repeat;
}

/****** START: USE FOR SELECTED STATE OF NAV ******/
.linkControlSel {
	position: relative;
	display: block;
	top: 26px;
	width: 82px;
	height: 20px;
	font-size: 10px;
	text-align: right;
}

.linkControlSel a {
	display: block;
	height: 20px;
	color: #555;
	font-weight: bold;
	background: url(../images/gNav_sel.gif) bottom no-repeat;
}
/****** END: USE FOR SELECTED STATE OF NAV ******/

#acctLoginContnr {
	height:94px;
	position:absolute;
	right:12px;
	top:48px;
	width:230px;
}

#inputFieldContnr {
	width: 180px;
	height: 26px;
	border: none;
	margin-bottom: 2px;
	background:url(../images/acct_log_bg.png) center no-repeat;
	font-size: 10px;
	color: #999;
}

#inputFieldContnr input {
	width: 186px;
	margin-top: 5px;
	position: absolute;
	left: 11px;
	font-size: 10px;
	color: #999;
	border: none;
	background: none;
	float: right;
}

#submitBttn {
	height:30px;
	position:absolute;
	right:16px;
	top:29px;
	width:30px;
}

#acctLoginContnr a {
	position: relative;
	left: 5px;
	font-size: 10px;
	color: #555;
}

#acctLoginContnr a:hover {
	font-size: 10px;
	color: #85ba13;
}

#heroFlashContainer {
	position: relative;
	width: 752px;
	height: 360px;
	padding-left: 41px;
}

/*************************** START: Bottom Section ***************************/

#bgCnrBttm{
	position: relative;
	clear: both;
	top: 0px;
	width: 100%;
	min-width: 994px;
	min-height: 240px;
}

#BttmTileLft {
	position: absolute;
	width: 50%;
	height: 240px;
	left: 0px;
	bottom: 0px;
	background: url(../images/grassTile_gray.jpg) bottom repeat-x;
}

#BttmTileLftHp {
	position: absolute;
	width: 50%;
	height: 240px;
	left: 0px;
	bottom: 0px;
	background: url(../images/grassTile_grayHP.jpg) bottom repeat-x;
}

#BttmTileRht {
	position: absolute;
	width: 50%;
	height: 100%;
	right: 0px;
	bottom: 0px;
	background: #e1e0de url(../images/bRht_tile.jpg) repeat-x;
	background-position: 416px bottom;
}

#bttmBGcnrHP {
	position: relative;
	top: 0px;
	width: 100%;
	min-height: 240px;
	background: url(../images/bttmCnr_fullBGhp.jpg) bottom center no-repeat;
}

#bttmBGcnr {
	position: relative;
	top: 0px;
	width: 100%;
	min-height: 240px;
	background: url(../images/bttmCnr_fullBG.jpg) bottom center no-repeat;
}

#bttmInnerCnr {
	position: relative;
	margin: 0 auto;
	width: 830px;
}

/********* Start: Homepage Specific *********/

#blogIntroCont {
	position: relative;
	float: left;
	width: 185px;
	height: 70px;
	left: 32px;
	top: 28px;
	font-size: 9px;
	line-height: 170%;
}

#blogP{
    width: 155px;
}

#newsCont{
	top: 28px;
	position: relative;
    left: 20px;
	font-size: 9px;
	float: left;
    width: 185px;
	line-height: 170%;
}

#newsP{
    margin-left: 10px;
    width: 155px;
}

#newsExplore{
    margin-top: 14px;
    margin-left: 90px;
}

#FeatIntroCont {
	position: relative;
	float: left;
	width: 185px;
	height: 70px;
	left: 20px;
	top: 28px;
	font-size: 9px;
	line-height: 170%;
}

#featExplore{
    margin-left: 90px;
}

#featP{
    margin-left: 10px;
    margin-top: -1px;
}

.expNowAdjust { margin-left: 75px; margin-top: -2px; }

#virtualTourLnk {
	position: relative;
	display: block;
	float: left;
	width: 212px;
	height: 100px;
	left: 80px;
}


/********* End: Homepage Specific *********/

/*************************** END: Bottom Section ***************************/
/********* START: Footer Section *********/

#FooterCnr {
	position: relative;
	margin: 0 auto;
	width: 830px;
}

#EPAlogo {
	position: absolute;
	bottom: 19px;
	left: 24px;
}

#TheGreenFeat, #PriceDisclaimer {
	position: absolute;
	width: 470px;
	bottom: 15px;
	left: 106px;
	font-size: 9px;
	color: #999;
	text-align: left;
	font-weight: normal;
}

#TheGreenFeat a, #PriceDisclaimer a { color: #85ba13; }

#copyrightInfo {
	position: absolute;
	bottom: 15px;
	right: 46px;
	font-size: 9px;
	color: #999;
	font-weight: normal;
}

#claytonGreen {
	position: absolute;
	right: 42px;
	bottom: 34px;
	width: 84px;
	height: 52px;
}

/************ BLOG LOGIN **************/

#loginWelcome{
	position:relative;
	top:0px;
	height:80px;
	}
	
#loginWelcome span{
	position:absolute;
	top:35px;
	font-size:12px;
	font-weight:bold;
	}
	
#loginWelcome span a{
	font-size:12px;
	}	
	#loginWelcome span a:hover{
		font-size:12px;
	}	

#loginLinks {
	position:absolute;
	top:57px;
	}
	
	/* ZipForm */
#frmZip{
	position: relative;
	float: left;
	background:  url(../images/cypi_zipcode.png) no-repeat;
    overflow: hidden;
	width: 66px;
	height: 26px;
	left: 0px;
	top: 0px;
}

#zipcode {
    background: transparent;
    color:#555555;
    font-size:11px;
    border: none;
    height:25px;
	width:64px;
	margin-top: 5px;
	margin-left: 6px;
}

#frmZipGo {
	position: relative;
	float: left;
	width: 26px;
	height: 26px;
	top: 0px;
	left: 0px;
}