/* efficientlightingconsultants.com */
/* copyright (c) spartan interactive solutions - 2009 */
/* base.css */

img, div, input { behavior: url("/style/iepngfix.htc"); }
.clear { clear:both; }

a { color:#FFF; text-decoration:underline; cursor:pointer; }
a:hover { color:#58b026; }
.button { background:#000 url(/images/bg-button.gif) 0 0 no-repeat; display:block; padding:7px 20px; border:1px solid #FFF; font-size:11px; color:#FFF; text-decoration:none; text-transform:uppercase; text-align:center; }
.button:hover { color:#58b026; }
strong { color:#58b026; }

body { margin:0; padding:0 0 50px 0; text-align:center; min-width:960px; background:#000 url(/images/bg-gradient.gif) top repeat-x; font:normal 12px arial; color:#FFF; }
	div.wrapper { width:960px; margin:0 auto; text-align:left; }
	div.header { padding:15px 0 30px 0; }
		div.header img.logo { float:left; }
		div.header ul { float:right; font-size:11px; text-transform:uppercase; margin:5px 0 0 0; }
			div.header ul li { display:inline; float:left; position:relative; }
			div.header ul li a { display:block; float:left; color:#a4a4a4; text-decoration:none; padding:15px 5px 2px 5px; border-right:1px solid #3b3b3d; }
			div.header ul li a:hover { color:#FFF; }
			
			div.header ul li div { display:none; position:absolute; bottom:-25px; left:0px; width:200px; }
				div.header ul li div a { padding:10px 15px 2px 15px; border:0; }

	div.banner { background:#e7e7e7; }
		div.banner div.wrapper { position:relative; height:315px; }
		div.banner div.fader { position:absolute; z-index:9; width:960px; height:315px; overflow:hidden; }
			div.banner div.fader div#fader-01 { position:absolute; top:0; left:0; width:960px; height:315px; background:url(/images/fader-01.jpg) 40px 0 no-repeat; }
			div.banner div.fader div#fader-02 { position:absolute; top:0; left:0; width:960px; height:315px; background:url(/images/fader-02.jpg) 0px 0 no-repeat; }
			div.banner div.fader div#fader-03 { position:absolute; top:0; left:0; width:960px; height:315px; }
		div.banner div.content { position:absolute; z-index:9; float:right; top:40px; right:15px; width:290px; color:414141; }
		div.banner h1 { color:#58b026; font-size:22px; font-weight:bold; }
		div.banner table { margin:10px 0; width:100%; }
			div.banner table td { padding:5px; color:#414141; font-weight:bold; font-size:13px; }
		div.banner a.button { position:relative; }
			div.banner a.button span { display:block; position:absolute; right:8px; top:10px; width:7px; height:8px; background:url(/images/bg-arrow.gif) 0 0 no-repeat; }
		div.banner div.clients { padding:20px; width:920px; }
			div.banner div.clients table { width:100%; }
			div.banner div.clients a.button { width:250px; float:right; margin:20px 0 0 0; }
	
	div.announce { padding:30px; }
		div.announce h1 { float:left; width:320px; font-size:22px; font-weight:normal; line-height:1.3em; }
		div.announce p { float:right; width:600px; font-size:13px; margin:5px 0 0 0; }

	div.callouts { border-left:1px solid #000; background:url(/images/bg-callouts.jpg) center -20px no-repeat; }
		div.callouts div.callout { cursor:pointer; float:left; width:318px; border-right:1px solid #000; }
			div.callouts div.callout h2 { background:url(/images/bg-callout-hdr.gif) 0 0 no-repeat; width:268px; height:12px; padding:18px 25px 22px 25px; color:#e8e8e8; font-size:13px; font-weight:bold; }
			div.callouts div.callout div.content { background:#1d1d1d url(/images/bg-callout-body.gif) 0 0 no-repeat; padding:20px 25px; }
				div.callouts div.callout img { margin:0 0 15px 0; }
				div.callouts div.callout p { margin:0 0 15px 0; }
		div.callouts div.active h2 { color:#58b026; }
		div.callouts div.active a { color:#58b026; }
		
		/* homepage callout ticker */
		div.ticker { padding:20px 10px 10px 10px; width:238px; height:73px; background:#000; margin:0 0 15px 0; }
			div.ticker ul { font-size:14px; font-weight:bold; height:25px; margin:0 0 7px 0; }
				div.ticker ul li { overflow:hidden; float:left; display:block; width:13px; height:25px; background:url(/images/bg-ticker.gif) 0 0 no-repeat; margin:0 4px 0 0; }
					div.ticker ul li span { display:block; text-align:center; width:12px; height:20px; padding:5px 0 0 0; }
			
				div.ticker ul li#dollar { width:10px; height:25px; background:0; margin:0 2px 0 0; }
					div.ticker ul li#dollar span { width:auto; height:20px; padding:5px 0 0 0; margin:0 3px 0 -1px; }
				div.ticker ul li#decimal { width:2px; height:25px; background:0; margin:0 -2px 0 -2px; }
					div.ticker ul li#decimal span { width:auto; height:15px; padding:10px 0 0 0; margin:0 3px 0 -1px; }
					
				div.ticker p { color:#a4a4a4; }

	div.int { background:#e7e7e7; color:#414141; }
		div.page { float:right; padding:20px 0 50px 0; width:750px; position:relative; }
			div.page div.subnav { position:absolute; top:60px; left:-210px; width:135px; height:200px; }
				div.page div.subnav ul { list-style-type:none; margin:0; }
				div.page div.subnav ul li { margin:0; }
				div.page div.subnav ul li a { height:1.4em; color:#58b026; display:block; padding:7px 0 5px 2px; border-bottom:1px solid #d1d1d1; text-decoration:none; }
				div.page div.subnav ul li a:hover { color:#000; }
				
		
			/* main page styles */
			div.page h1 { color:#58b026; font-size:22px; font-weight:bold; margin:0 0 15px 0; }
			div.page h2 { color:#58b026; font-size:13px; font-weight:bold; margin:25px 0 10px 0; padding:0 0 3px 0; border-bottom:1px solid #d1d1d1; }
			div.page h3 { margin:0; font-weight:bold; color:#000; }
			div.page p { margin:0 0 15px 0; }
			div.page p.strong { font-size:17px; color:#000000; }
			div.page ul { list-style-type:disc; margin:10px 0 10px 15px; }
			div.page a { color:#58b026; text-decoration:underline; }
			div.page a:hover { color:#000; }
			div.page table.expect { margin:10px 0; padding:5px; border:1px solid #d1d1d1; }
				div.page table.expect td { padding:4px 10px 4px 10px; border-bottom:1px solid #d1d1d1; }
				div.page table.expect tr.last td { border:0; }
			
			/* expect call out */
			div.expect { float:right; background:#FFF; margin:0 0 10px 10px; border:1px solid #000; }
				div.expect table { padding:5px; }
					div.expect table td { padding:10px; text-align:center; border:1px solid #000; border-width:1px; }
					div.expect table th { padding:10px; text-align:center; border:1px solid #000; border-width:0 1px 1px 1px; font-weight:bold; background:#999; color:#fff; }
					div.expect table td.less, div.expect table th.less { border-right:0; }
					
			/* incentive map */
			div.resources { position:relative; }
				div.resources div.map { border:1px solid #414141; background:#FFF; padding:20px; width:694px; }
				div.resources div.map img { cursor:pointer; }
				div.resources div.resource { display:none; position:absolute; top:10px; left:10px; padding:20px; background:#FFF; border:1px solid #414141; }
					div.resources div.resource h3 { position:relative; border:1px solid #414141; border-width:1px 0; padding:4px; }
					div.resources div.resource h3 a.close { position:absolute; top:4px; right:4px; font-size:11px; font-weight:normal; }
				
			/* client page */
			div.clients { padding:20px 200px 50px 0; width:550px; }
				div.clients p.strong { padding-bottom:20px; border-bottom:1px solid #d1d1d1; margin-bottom:20px; }
				div.clients table.logos { width:100%; }
				div.clients table.logos td { vertical-align:middle; text-align:center; padding:0 0 20px 0; }
				
			/* small business page */
			div.page div.competitive { border:1px solid #d1d1d1; border-width:1px 0; padding:15px 0; }
				div.page div.competitive h1 { border-bottom:3px; padding-bottom:0; }
				div.page div.competitive ul { list-style-type:none; list-style-image:url(/images/check-mark.gif); margin:3px 3px 3px 25px;  }
					div.page div.competitive ul li { margin-top:3px; margin-botton:3px; }
			
			div.page form { width:420px; }
				div.page form fieldset { }
				div.page form div.instructions { width:370px; background:#ececec; border:1px solid #d1d1d1; border-width:1px 0; padding:3px; margin:0 0 10px 0; }
				div.page form table { margin:0 0 0 20px; }
				div.page form td { padding:5px; vertical-align:top; }
				div.page form label { cursor:pointer; width:70px; font-size:11px; display:block; margin:6px 10px 0 0; }
				div.page form input.text { background:url(/images/bg-input.gif) 0 0 no-repeat; border:1px solid #d1d1d1; font-family:arial; font-size:14px; padding:4px 3px; width:180px; }
				div.page form textarea { background:url(/images/bg-input.gif) 0 0 no-repeat; border:1px solid #d1d1d1; font-family:arial; font-size:12px; padding:4px 3px; width:180px; height:60px; }
				div.page form td.submit { padding:10px 5px; }
					div.page form td.submit input { float:right; cursor:pointer; }
			
			form.contact { float:left; }
				form.contact div { position:relative; }
				span.LV_valid { position:absolute; width:32px; height:28px; top:-2px; left:195px; z-index:9; border:1px solid #58b026; background:#0a0400 url(/images/bg_valid.gif) 0 0 no-repeat; }
				span.LV_invalid { position:absolute; width:32px; height:28px; top:-2px; left:195px; z-index:9; border:1px solid #58b026; background:#0a0400 url(/images/bg_invalid.gif) 0 0 no-repeat; }
			
			div.contact { float:right; width:290px; border:1px solid #000; background:#1d1d1d url(/images/bg-contact.gif) right 0 no-repeat; color:#fff;  }
				div.contact h2 { font-weight:bold; margin:0; padding:10px 20px 0px 20px; border:0; }
				div.contact p { margin:0; padding:15px 20px; }
				div.contact a { color:#58b026; }
				div.contact a:hover { color:#FFF; }
	
	div.footer { background:url(/images/bg-footer.gif) top no-repeat; border-top:1px solid #000; padding:16px 0; }
		div.footer img { float:right; margin:0 5px 0 0; }
		div.footer p { font-size:10px; color:#6c6c6c; }