﻿
/* HOME PAGE ONLY */
#view-home {
	background: transparent url(../images/home/home_bg.png) no-repeat top left; 
	border: none; width:956px; margin: 0; height: 720px; position: relative; float:left;
}

#home-title {
	background: transparent url(../images/home/home_title.png) no-repeat top left; 
	width: 450px;
	height: 250px;
	position: absolute;
	top: 35px;
	left: 250px;
	padding-top: 100px;
}
#home-title p {
	font-size: 12px; line-height: 18px;
	color: #113668; text-align: left;
	margin:0 0 0 20px ;
}

.home-floats { display: block;  position: absolute; }
.home-floats a { text-indent: -9999px; display: block; float: left; }

#home-yellow-flower { 
	height: 80px; width: 80px; top: 315px; left: 36px; }
#home-yellow-flower a  {
	background: transparent url(../images/home/Sharp_home_icons_crop.png) no-repeat 0 0; 
	cursor: default; height: 80px; width: 80px; 
}

#home-power { height: 90px; width: 90px; top: 255px; left: 194px; }
#home-power a { background: transparent 

url(../images/home/Sharp_home_icons_crop.png) no-repeat 0 -90px; height: 90px; width: 90px; }
#home-power a:hover { 

background: transparent url(../images/home/Sharp_home_icons_crop.png) no-repeat -100px -90px; }
	
#home-collector { height: 66px; width: 80px; top: 200px; left: 380px; }
#home-collector a { background: transparent 

url(../images/home/Sharp_home_icons_crop.png) no-repeat 0 -210px; height: 66px; width: 80px; }
#home-collector a:hover 

{ background: transparent url(../images/home/Sharp_home_icons_crop.png) no-repeat -100px -210px; }
	
#home-car { 

height: 54px; width: 110px; top: 319px; left: 488px; }
#home-car a { background: transparent 

url(../images/home/Sharp_home_icons_crop.png) no-repeat 0 -296px; height: 54px; width: 110px; }
#home-car a:hover { 

background: transparent url(../images/home/Sharp_home_icons_crop.png) no-repeat -110px -296px; }

#home-windmill { 

height: 128px; width: 110px; top: 186px; left: 590px; }
#home-windmill a { background: transparent 

url(../images/home/Sharp_home_icons_crop.png) no-repeat 0 -360px; height: 128px; width: 110px; }
#home-windmill a:hover 

{ background: transparent url(../images/home/Sharp_home_icons_crop.png) no-repeat -110px -360px; }

#home-blue-flower { 

height: 100px; width: 100px; top: 264px; left: 745px; }
#home-blue-flower a { background: transparent 

url(../images/home/Sharp_home_icons_crop.png) no-repeat 0 -500px; height: 100px; width: 100px; }
#home-blue-flower 

a:hover { background: transparent url(../images/home/Sharp_home_icons_crop.png) no-repeat -100px -500px; }

/* BUBBLES  

*/
div.bubble-popup { background: url(../images/home/bubble-popup.png) no-repeat top left; position: absolute; width: 218px; height: 141px; z-index: 5000;}


div.bubble-popup h4 { font-size: 15px; text-align: left; padding:13px 0 0 40px; margin-bottom: 0px; }
* html div.bubble-popup h4{padding:8px 0 0 40px; }

div.bubble-popup p.bubblecopy { color: #333333; font-size: 12px; text-align: left; margin: 5px 10px 0 38px; }
div.bubble-popup a.red-btn { float: right; margin: 10px 34px 0 0; }

div.bubble-popup img.red-btn { height: 21px; width: 21px; }

#bubble-eco { top: 210px; left: 281px; }
#bubble-reports { top: 150px; left: 447px; }
#bubble-letters { top: 172px; left: 679px; }
#bubble-meetsunnys { top: 245px; left: 569px; }
#bubble-questions { top: 226px; left: 528px; }
div#bubble-questions { background: url(../images/home/bubble-popup-left.png) no-repeat top left; }
div#bubble-questions h4 { font-size: 15px; text-align: left; padding:13px 40px 0 15px; margin-bottom: 0px; }
* html div#bubble-questions h4{padding:8px 40px 0 0px; }

div#bubble-questions p.bubblecopy { color: #333333; font-size: 12px; text-align: left; margin: 5px 42px 0 25px; }
div#bubble-questions a.red-btn { float: right; margin: 10px 44px 0 0; }


/* BOTTOM BANNERS */

#home-bottom-container 
{
	background: transparent;
	/*border: solid 1px black;*/
	margin:0; padding: 0;
	position: absolute;
	width: 940px; 
	height: 400px;
	top: 370px;
	left: 12px;
}
#home-bottom-container img { cursor: pointer; }
.home-banner-container {
	background-color: #FFF;
	float: left;
	width: 233px; height: 250px; 
	text-align: left;
}
.home-banner-container a { text-decoration: none; }
#eco-blog-container { margin-top: 34px; }
#class-reports-container { margin-top: 52px; }
#mailbox-container { margin-top: 33px; }
#qanda-container { margin-top: 56px; }

#home-blog {
	border: solid 10px #F8D455;
	margin: 5px;
	padding: 10px;
}
#eco-blog-icon {
	position: absolute; top: 0px; 
	left: -39px;
	width: 272px; height: 72px;
}

#home-reports {
	border: solid 10px #F0A908;
	margin: 5px;
	padding: 10px;
}
#reports-icon {
	position: absolute; top: 0; left: 231px;
	width: 235px; height: 104px;
}

#home-mailbox {
	border: solid 10px #E87900;
	margin: 5px;
	padding: 10px;
}
#home-mailbox div select { 

width: 186px; padding: 3px 2px; }

#mailbox-icon {
	position: absolute; top: 25px; left: 595px;
	width: 96px; 

height: 73px;
}

#home-qa {
	border: solid 10px #599021;
	margin: 5px;
	padding: 10px;
}
#qanda-icon {
	

position: absolute; top: 3px; left: 831px;
	width: 78px; height: 99px;
}

#home-blog div, #home-reports div, 

#home-mailbox div, #home-qa div { min-height: 80px; }

/* ******************************** */

* html .bubble-popup 

h4{margin:17px 0 10px; font-size:12px}
* html #home-title {background:url(../images/home/home_title.gif) no-repeat 0 

-1px; padding-top:100px; top:25px}

* html #view-home {background:url(../images/home/home_bg.jpg) no-repeat left 

top;}

* html #home-yellow-flower a { background: none; no-repeat 0 0; height: 80px; width: 80px; }
* html 

#home-yellow-flower a:hover { background: url(../images/home/home_bg.jpg) no-repeat -36px -862px;}

* html #home-power 

a { background: none; no-repeat 0 -90px; height: 90px; width: 90px; }
* html #home-power a:hover { background: 

transparent url(../images/home/home_bg.jpg) no-repeat -193px -801px; }
	
* html #home-collector a { background: none; 

height: 66px; width: 80px; }
* html #home-collector a:hover  { background: transparent url(../images/home/home_bg.jpg) 

no-repeat -379px -746px; }
	
* html #home-car a { background: none; height: 54px; width: 110px; }
* html #home-car 

a:hover { background: transparent url(../images/home/home_bg.jpg) no-repeat -487px -865px; }

* html #home-windmill a { 

background: none; height: 128px; width: 110px; }
* html #home-windmill a:hover { background: transparent 

url(../images/home/home_bg.jpg) no-repeat -589px -732px; }

* html #home-blue-flower a {background: none; height: 

100px; width: 100px; }
* html #home-blue-flower a:hover { background: transparent url(../images/home/home_bg.jpg) 

no-repeat -744px -810px; }

* html .home-banner-container{overflow:hidden;}

* html #qanda-icon
{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='images/home/qanda-icon.png'); 

padding-top:150px}

* html #mailbox-icon
{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='images/home/mailbox-icon.png'); 

padding-top:150px}

* html #reports-icon
{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='images/home/class-report-icon.png'); 

padding-top:150px}

* html #eco-blog-icon
{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='images/home/eco-blog-icon.png'); 

padding-top:150px}
div.pager a.off {
	color: #839097;
	cursor: text;
}
div.pager a:hover {
	

text-decoration: underline;
}
div.pager a.off:hover {
	text-decoration: none;
}


div.pager a.off {
	color: 

#839097;
	cursor: text;
}
div.pager a:hover {
	text-decoration: underline;
}
div.pager a.off:hover {
	

text-decoration: none;
}


div.pager a.off {
	color: #839097;
	cursor: text;
}
div.pager a:hover {
	

text-decoration: underline;
}
div.pager a.off:hover {
	text-decoration: none;
}

/* LEFT NAV MENU (PENCILS) */ 

* html #nav-eco-blog a { background: transparent url(../images/leftnav/pencil-nav-home.gif) no-repeat 0 0; }
* html #nav-reports a { background: transparent url(../images/leftnav/pencil-nav-home.gif) no-repeat 0 -24px; }
* html #nav-letters a { background: transparent url(../images/leftnav/pencil-nav-home.gif) no-repeat 0 -47px; }
* html #nav-qanda a { background: transparent url(../images/leftnav/pencil-nav-home.gif) no-repeat 0 -71px; }
* html #nav-sunnys a { background: transparent url(../images/leftnav/pencil-nav-home.gif) no-repeat 0 -95px; }
* html #nav-about a { background: transparent url(../images/leftnav/pencil-nav-home.gif) no-repeat 0 -118px; }
* html #nav-contact a { background: transparent url(../images/leftnav/pencil-nav-home.gif) no-repeat 0 -142px; }

* html #nav-eco-blog a.on { background: transparent url(../images/leftnav/pencil-nav-home.gif) no-repeat 0 -360px 

!important; }
* html #nav-reports a.on { background: transparent url(../images/leftnav/pencil-nav-home.gif) no-repeat 0 -392px 

!important; }
* html #nav-letters a.on { background: transparent url(../images/leftnav/pencil-nav-home.gif) no-repeat 0 -424px 

!important; }
* html #nav-qanda a.on { background: transparent url(../images/leftnav/pencil-nav-home.gif) no-repeat 0 -456px 

!important; }
* html #nav-sunnys a.on { background: transparent url(../images/leftnav/pencil-nav-home.gif) no-repeat 0 -488px 

!important; }
* html #nav-about a.on { background: transparent url(../images/leftnav/pencil-nav-home.gif) no-repeat 0 -520px 

!important; }
* html #nav-contact a.on { background: transparent url(../images/leftnav/pencil-nav-home.gif) no-repeat 0 -552px 

!important; }

* html #nav-eco-blog a.clean { background: transparent url(../images/leftnav/pencil-nav-home.gif) no-repeat 0 -588px 

!important; }
* html #nav-reports a.clean { background: transparent url(../images/leftnav/pencil-nav-home.gif) no-repeat 0 -618px 

!important; }
* html #nav-letters a.clean { background: transparent url(../images/leftnav/pencil-nav-home.gif) no-repeat 0 -648px 

!important; }
* html #nav-qanda a.clean { background: transparent url(../images/leftnav/pencil-nav-home.gif) no-repeat 0 -678px 

!important; }
* html #nav-sunnys a.clean { background: transparent url(../images/leftnav/pencil-nav-home.gif) no-repeat 0 -708px 

!important; }
* html #nav-about a.clean { background: transparent url(../images/leftnav/pencil-nav-home.gif) no-repeat 0 -738px 

!important; }
* html #nav-contact a.clean { background: transparent url(../images/leftnav/pencil-nav-home.gif) no-repeat 0 -768px 

!important; }

* html #nav-eco-blog a.hover { background: transparent url(../images/leftnav/pencil-nav-home.gif) no-repeat 0 -360px 

!important; }
* html #nav-reports a.hover { background: transparent url(../images/leftnav/pencil-nav-home.gif) no-repeat 0 -393px 

!important; }
* html #nav-letters a.hover { background: transparent url(../images/leftnav/pencil-nav-home.gif) no-repeat 0 -423px 

!important; }
* html #nav-qanda a.hover { background: transparent url(../images/leftnav/pencil-nav-home.gif) no-repeat 0 -455px 

!important; }
* html #nav-sunnys a.hover { background: transparent url(../images/leftnav/pencil-nav-home.gif) no-repeat 0 -487px 

!important; }
* html #nav-about a.hover { background: transparent url(../images/leftnav/pencil-nav-home.gif) no-repeat 0 -518px 

!important; }
* html #nav-contact a.hover { background: transparent url(../images/leftnav/pencil-nav-home.gif) no-repeat 0 -550px 

!important; }


#footer { position: absolute; bottom: 0; left: 0; }
