/***********************************************************************
/***********************************************************************
****																		    ********
****		FILENAME:       css/style.css						    ********
****		DESCRIPTION:    CSS for Energy Toolkits		********
****		AUTHOR:					Norman Sheppard			********
****		AUTHOR URI:			http://sheppco.com/		********
****		CREATION DATE:  05/04/2009						********
****		LAST MODIFIED:   05/18/2010						********
****																			********
/***********************************************************************
/**********************************************************************/


body { background: #fff; font:14px/18px "Arial Narrow", Arial, sans-serif; padding:0; margin:10px 0 0 0; color:#000000; }
img {	border: none;}
td { vertical-align:top; }

a {	 color:#94ab54; text-decoration:none; }
a:hover { color:#000; }
:focus { outline:0; }

ul { margin:0; padding:10px 0 10px 25px; }
li { margin:0; padding:0 0 5px 0; list-style-image:url(../images/bullet.gif); }

.left { float:left; padding:0 15px 0 0; margin:0; }
.right { float:right; padding:0 0 0 15px; margin:0; }
.right div { text-align:center; font-weight:bold; padding:0; margin:0; }
.clear { clear:both; }
.caption_r { float:right; border:1px solid #ccc; font-size:11px; color:#777; text-align:center; padding:5px; margin-left:15px; }

#wrapper_home { position:relative; width:1024px; margin:0 auto; padding:0; }
#wrapper { position:relative; width:920px; margin:0 auto; padding:0; }

#div_top { padding:0 0 0 40px; margin:0; }

#topmenu { float:right; width:550px; font-size:12px; text-align:right; margin:0 10px 0 0; }
#topmenu a { font-weight:bold; text-transform:uppercase; padding:0 8px 0 0; color:#999; }
#topmenu a:hover { color:#000; }
#topmenu span { font-weight:bold; text-transform:uppercase; padding:0 8px 0 0; color:#000; }

#topright { clear:both; float:right; padding:65px 0 0 0; width:620px; }
#logo { padding:0; margin:0; }
#menu a { font-weight:bold; text-transform:uppercase; padding:0 15px 0 0;}
#menu span { font-weight:bold; text-transform:uppercase; padding:0 15px 0 0;}

h1{	font-size: 36px; margin: 0 0 20px 0; }
	h1 a { color:#000; text-decoration:none;}
	h1 a:hover { color:#94ab54; }
h2 { font-size:32px; margin:0; padding:15px 0 0 0; line-height:32px; color:#ce202c; } /* text-transform:uppercase; */
h3 { font-size:24px; margin:25px 0 10px 0; color:#cc202b; }
h3 span { color:#000; font-size:14px; }
h4 {	font-size:14px; margin:10px 0; text-transform:uppercase; color:#ce202c; }
h5 {	font-size:24px; margin:10px 0; color:#94ab54; }
h6 {	font-size:16px; margin:10px 0; padding:0; }
.red { color:#cc202b; }

#w { position:relative; background:url(/images/g_home-top.jpg) no-repeat; margin:15px auto 0; width:1024px; height:532px; line-height:16px; }

#w #t { position:absolute; top:10px; left:87px; width:360px; text-align:center; }
#w #t h2 { color:#c00; font-size:36px; line-height:36px; padding:0; text-shadow: 2px 5px 5px #e5bd17; }

#w #t1 {	position:absolute; top:172px; left:270px; width:211px; }
#w #t1 h3 { font-size:16px; font-weight:bold; margin:0; padding:0 0 5px 0; color:#000; }
#w #t1 h6 { font:12px "Arial Black", Arial; margin:6px 0 0 0; }
#w #t1 span { color:#999; }

#w #t2 { position:absolute; top:18px; left:545px; width:460px; line-height:16px; }
#w #t2 h3 { font-size:18px; font-weight:bold; color:#000; margin:0 0 5px 0;  }
#w #t2 h4 { color:#000; margin:15px 0 5px 0;  }

#w #t3 { position:absolute; top:324px; left:545px; width:470px; line-height:16px; }

/* 
#b2 { font:bold 18px "Arial Narrow", Arial, sans-serif; padding:40px 0 0 0; }
#b2 a { color:#000; }
#b2 a:hover { color:#94ab54; }
#b2 div { float:left; margin:0; padding:0; width:136px; height:156px; text-align:center; line-height:36px; }
#b2 div.c { width:36px; height:156px; margin-top:36px; background-color:#ecaa51; }

#table_home { background:url(../images/yellow_bg.jpg) center no-repeat; height:282px; padding:0 40px; margin:15px 0 0 0; border-top:3px solid #000; border-bottom:3px solid #000; line-height:16px; }
#content_h { clear:both; background-color:#e7e7e8; padding:25px 15px; } 
*/

.button { float:left; width:151px; height:45px; display:inline-block; margin:0 5px 0 0; }
.button a { background:url(../images/button.png) no-repeat; width:151px; height:43px; display:inline-block; padding-top:3px; text-align:center; font:bold 14px/18px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; }
.button a:hover { background:url(../images/button_r.png) no-repeat; }

.button_w { float:left; width:118px; height:46px; display:inline-block; margin:0 15px 0 0; }
.button_w a { background:url(../images/button_w.jpg) no-repeat; width:118px; height:32px; display:inline-block; padding:14px 0 0 0; text-align:center; font:bold 16px Arial, Helvetica, sans-serif; color:#afbd21;  }
.button_w a:hover { color:#cc0000; }

#table { background:url(../images/yellow_bg.jpg) center no-repeat; height:262px; padding:0; margin:19px 0 0 0; border-top:3px solid #000; }
#table #text { float:left; width:430px; padding:0 0 0 60px; }
#table #image { float:right; width:390px; border-right:3px solid #000; }
td.image { text-align:center; padding:30px 0 0 0;}
td.buynow { padding:5px 0 0 0;}
td.b div { font-size:10px; color:#333; text-transform:uppercase; line-height:normal; padding:10px 0 0 0; }
td.b a { color:#333; }
td.b a:hover { color:#94ab54; }

#content { clear:both; background-color:#e7e7e8; padding:25px 60px; }
.required { color:#d4402b; font-size:14px; font-weight:bold;}
#addr { float:right; width:320px; margin:25px 0 0 0; }

.iconbar { background-color:#94ab54; border-top:3px solid #000; border-bottom:3px solid #000; padding:5px 0 0 0; margin:0; color:#fff; font-weight:bold; text-transform:uppercase; line-height:normal; }
.iconbar a { color:#fff; }
.iconbar a:hover { color:#eee; }

.links { font-size:14px; height:40px; padding-top:16px; }
.links span { border:2px solid #fff; padding:10px; margin-right:10px; }
.links a:hover span { background-color:#8c961c; }

.num { float:left; margin:0 15px 0 0; font:48px 'Times New Roman', Times, serif; color:#94ab54; } /* background-color:#94ab54;  border:2px solid #fff; padding:15px; */

.garymovie { float:right; width:260px; padding:0 0 0 15px; margin-left:100px; }
.garymovie h6 { text-align:center; }
.garymovie div { padding:5px 0; }
#bio { position:absolute; top:567px; left:50px; z-index:10; width:495px; height:440px; padding:15px; text-align:left; font-weight:normal; background:#fff; box-shadow:10px 10px 5px #888; -moz-box-shadow:10px 10px 5px #888; -webkit-box-shadow:10px 10px 5px #888; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; visibility:hidden; }
#bio .close { float:right; font-weight:bold; font-size:14px; }

#footer { text-align:center; padding:25px 0; color:#666; }
#footer a { color:#666; }