@charset "UTF-8";

p, ul {font-size:12px; line-height:16px; color:#37424a; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif;} 
		
#homeCopy {float:left; margin:70px 35px 0 40px; width:200px;}

	#homeCopy h1 {background:url(../_img/green/RealGreen1.gif) no-repeat; margin:0px 0 10px 0; text-indent:-9999px; height:35px;}
	
	#homeCopy p {font-family:Arial, Helvetica, sans-serif; color:#84964a; margin:0 0 10px 0; font-size:14px; line-height:19px;}
	
	#homeCopy .btn {margin:30px 0 0 0;}
			
	.button { display: block; text-indent: -9999px;  background-repeat: no-repeat; outline: none; }
		.button { height: 8px; }
			.button:hover { background-position: 0 -8px; }
		
		.learnBtn {width: 83px; background-image: url(../_img/green/learnMore.gif);}
		.closeBtn {float:left; width: 35px; background-image: url(../_img/green/close.gif); margin:5px 100px 0 20px;}
		.previousBtn {float:left; width: 67px; background-image: url(../_img/green/previous.gif); margin:5px 10px 0 160px;}
		.nextBtn {float:left; width: 41px; background-image: url(../_img/green/next.gif); clear:right; margin:5px 0 0 10px;}
		.joinBtn {width: 83px; background-image: url(../_img/green/joinnow.gif); margin:10px 0 0 13px;}

.smallButton, .largeButton { display: block; text-indent: -9999px;  background-repeat: no-repeat; outline: none;  }
	.smallButton { height: 20px; }
		.smallButton:hover { background-position: 0 -20px; }

	.largeButton {height: 26px;}
		.largeButton:hover { background-position: 0 -26px; }
		
		.learnMore {background:url(../_img/green/btn_learnMore.png) no-repeat; margin:15px 0 0 90px;}
		.joinNow {background:url(../_img/green/btn_joinNow.png) no-repeat; margin:8px 0 0 120px;}

	
#homeNav {float:left; width:650px; height:500px; background:url(../_img/green/circle.gif) no-repeat top right; padding-top:35px;}

	#homeNav a {float:left; height:220px; width:200px; margin:0 15px 10px 0; text-indent:-9999px;} 
	
		#homeNav a#action {background:url(../_img/green/1.png) no-repeat top left;}
			#homeNav a#action:hover {background:url(../_img/green/1_ON.png) no-repeat;}
		
		#homeNav a#people {background:url(../_img/green/2.png) no-repeat top left;}
			#homeNav a#people:hover {background:url(../_img/green/2_ON.png) no-repeat;}
		
		#homeNav a#money {background:url(../_img/green/3.png) no-repeat top left;}
			#homeNav a#money:hover {background:url(../_img/green/3_ON.png) no-repeat;}
		
		#homeNav a#results {background:url(../_img/green/4.png) no-repeat top left;}
			#homeNav a#results:hover {background:url(../_img/green/4_ON.png) no-repeat;}
		
		#homeNav a#progressive {background:url(../_img/green/5.png) no-repeat top left;}
			#homeNav a#progressive:hover {background:url(../_img/green/5_ON.png) no-repeat;}
		
		#homeNav a#getreal {background:url(../_img/green/6.png) no-repeat top left;}
			#homeNav a#getreal:hover {background:url(../_img/green/6_ON.png) no-repeat;}
	


#subBack {float:left; background:url(../_img/green/subBack.gif) no-repeat; width:961px; height:505px; margin:10px 0 0 0; padding:15px 10px 10px 10px;}
	#subNav {margin:15px 0 10px 0; width:940px; height:20px; padding:0 0 0 10px;}
	#subNavBot {margin:5px 0 10px 0; width:150px; height:20px; float:right;}
	
	#leftCol {float:left; background-color:transparent; width:300px; margin:-10px 20px 0 20px;}
	
		#realGreen {background:url(../_img/green/RealGreen2.gif) no-repeat; height:102px; width:285px; text-indent:-9999px; margin:10px 0 0 0;}
		
		
	#midCol {float:left; width:310px; margin:5px 40px 0 0;}
		#midCol h3, #rightCol h3 {font-size:13px; line-height:16px; color:#37424a; font-weight:bold; margin-bottom:0px; font-family:Arial, Helvetica, sans-serif;}
			#midcol li {margin-bottom:10px; padding:0 0 0 25px;}
			
	#rightCol {float:left; width:230px;}
	#rightCol img {margin-top:15px;}
	
p#bubble {background:url(../_img/green/bubble.gif) no-repeat top left; height:127px; width:215px; padding: 40px 10px 0 10px; margin:10px 0 0 0; font-size:12px; line-height:17px; font-style:italic; border:1px solid red;}
	p#bubble span {font-style:normal;}
	p#name {font-style:normal; margin-top:3px; border:1px solid blue;}

#bubble2 {background:url(../_img/green/bubble2.gif) no-repeat top left; height:167px; width:235px; padding: 15px 0 0 20px; margin:15px 0 0 0;}

	#bubble2 h3 {margin:0 0 10px 0;}
	ul.bubbles {width: 200px; margin:0px;}
		ul.bubbles li {width:190px; margin:0px 0 4px 0;}

a#miniphone {width:140px; float:right; height:140px; background:url(../_img/green/miniphone.png) no-repeat; text-indent:-9999px; margin:5px 0 0 0;}
	a#miniphone:hover {background:url(../_img/green/miniphoneON.png) no-repeat;}
	


#bubbleContainer {height:200px;}
	
.bubble, .bubble_body, .bubble_head { 
	background: transparent url(../_img/green/bubble3.gif) no-repeat bottom right; } 
	
.bubble { 
	width: 235px !important; /* intended total box width - padding-right(next) */ 
	width: 220px; /* IE Win = width - padding */ 
	padding-right: 0; /* the gap on the right edge of the image (not content padding) */ 
	margin: 5px auto; /* use to position the box */ } /* set the top-right image */ 

.bubble_head { 
	background-position: top right; 
	margin-right: 0; /* pull the right image over on top of border */ 
	padding-right: 10px; /* right-image-gap + right-inside padding */ /* set the top-left image */ 
	height: 45px;
}

	
.bubble_body { 
	background-position: bottom left; 
	margin-right: 0; /* interior-padding right */ 
	padding: 0 0 15px 10px; /* mirror .bubble_head right/left */
}
	
.bubble_body p {padding:0px 5px 0 0; margin:0px; font-size:11px; font-style:italic;}

.bubble_body p.name {font-style:normal; margin:8px 0 0 0; line-height:13px;}


p.offsite, p.onsite {font-size:11px;}