/*================================
 WATTEREDGE, INC.
 home.css
 
 Last Updated By: Ryan Perry
 Last Updated: 11/13/2009
================================*/


/*================================
 HOME LAYOUT
================================*/
#flashContainer {clear:both; height:250px; position:relative; z-index:5;}
#contentContainer {padding:20px 20px 25px 20px;}
#homeContent {float:left; display:inline; width:300px; margin:0 40px 0 0;}
#homeSupplement { float:left; width:606px;}

#homeFeature {display:inline-block; width:626px; min-height:75px; margin:0 -20px 15px 0; position:relative; color:#a46600; font-size:11px;}
#homeFeature ul  {float:left; display:inline-block;	width:296px; margin:0 22px 0 0;}
#homeFeature ul.lastItem {	margin:0 !important;}
#homeFeature ul li {float:left; display:inline; width:140px;margin:0 5px 0 0;}
#homeFeature img {display:block; width:133px; height:118px;}
#homeFeature .readMore {	margin:4px 0 0 0; width:98px; height:24px; display:block; background:url('../images/template/readMore.jpg') no-repeat; text-indent:-9999px; cursor:pointer;}

#homeSupplement .columnContent {float:left; display:inline; width:257px; border-right:1px solid #cccccc; padding:0 30px 20px 0; margin:0 30px 0 0;}
#homeSupplement .columnContent #lastItem {border:none !important; margin:0 !important; padding:0 !important;}
#homeSupplement .columnContent ul {margin:0 0 24px 0;}
#homeSupplement .columnContent li a {white-space:nowrap; font-weight:normal; color:#333333;}
#homeSupplement .columnContent li h3 a {color:#333333; font-size:12px; font-weight:bold;}

#homeSolution {margin:0 0 24px 0; border:1px solid #7f7f7f; width:240px; color:#4c4c4c; position:relative;}
#homeSolution li {display:block; position:relative; cursor:pointer; width:206px; padding:1px 27px 1px 7px; background:url('../images/template/homeSolutionArrow.gif') no-repeat right 0;}
#homeSolution li ul {position: absolute !important; left:-1px; top:20px; visibility:hidden; background:#ffffff; border:1px solid #7f7f7f;}
#homeSolution li ul li {background:none !important; padding:0 !important; width:240px;}
#homeSolution li ul li a {display:block; padding:2px 7px !important; font-weight:bold !important;}
#homeSolution li ul li a:hover, #homeSolution li ul li.hover  {background:#efefef !important;}
#homeSolution li.hover, #homeSolution li:hover {	position:relative;}