﻿/* CSS Reset */
* {margin: 0; padding: 0;}

body {font: normal 76% Arial, Helvetica, sans-serif; text-align: left; margin: 0; padding: 0; background: url("../images/background.gif") repeat-x;}

a img, iframe, form, fieldset {border: 0;}

a {color: #373E98;}

/* Headers */

h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}

/* Lists */

ul, ol, dl, li, dt, dd {list-style: none;}

/* Forms */

legend {color: #000;}

input, textarea, select, button {font-size: 100%;}

select {margin: inherit;}

/* Tables */

table {border-collapse: collapse; border: 0;}

td, th, caption {font-size: 100%; font-weight: normal; text-align: left;}

/* End CSS Reset */

#container {margin: 0; text-align: left; width: 1024px;}

#header {width: 1024px;}

#content {padding: 20px;}

#sideimage {float: right; width: 335px; padding-bottom: 20px;}

#sideimage p {width: auto; margin: 0 0 10px;}

#content #sideimage h3 {font-size: 1.2em; font-weight: bold; color: #839F0E; margin: 0 0 10px;}

.lightbulb {background: url("../images/home-smaller.jpg") right bottom no-repeat;}

.solar {background: url("../images/solar-smaller.jpg") right bottom no-repeat;}

.services {background: url("../images/services-smaller.jpg") right bottom no-repeat;}

.service_area {background: url("../images/service_area-smaller.jpg") right bottom no-repeat;}

.press {background: url("../images/press-smaller.jpg") right bottom no-repeat;}

.led {background: url("../images/led-smaller.jpg") right bottom no-repeat;}

.contact {background: url("../images/contact-smaller.jpg") right bottom no-repeat;}

.about {background: url("../images/about_allstar-smaller.jpg") right bottom no-repeat;}

h1, h2 {color: #839F0E; display: inline; margin-bottom: 20px;}

h1 {height: 25px; font: bold 25px/25px Arial, Helvetica, sans-serif; border-right: 2px solid #839F0E; padding-right: 20px;}

h2 {margin-left: 20px; font: normal 21px/25px Arial, Helvetica, sans-serif;}

p {margin: 10px 30px; width: 600px; font: normal 11px/13px Verdana, Arial, Helvetica, sans-serif; line-height: 15px;}

#content h3 {font-size: 1.2em; font-weight: bold; color: #839F0E; margin: 10px 30px;}

#left h3 {text-decoration: underline;}

h3 a {color: #839F0E;}

span img {border: 2px solid #492f91; margin: 5px 0px;}

#thumbnail {text-align: center; margin-top: 60px;}

p.large {font-size: 16px; line-height: 20px;}

dt {margin: 10px 30px; width: 600px; font: bold 11px/13px Verdana, Arial, Helvetica, sans-serif; line-height: 15px;}

ul {margin: 20px 30px; width: 550px; font: normal 10px/10px Verdana, Arial, Helvetica, sans-serif;}

li {margin-left: 40px; margin-bottom: 10px; list-style: url("../images/bullet.gif") outside;}

#footer {padding: 20px; clear: both;}

#footer p {margin: 0; width: 1024px; font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;}

#footer a {margin: 0 10px;}

blockquote {margin: 40px; width: 520px; border-left: 2px solid #373E98; border-right: 1px solid #373E98;}

blockquote p {text-align: justify; width: 450px; font-style: italic;}

form {margin: 10px 30px; width: 600px; font: normal 11px/13px Verdana, Arial, Helvetica, sans-serif;}

form label {display: block; font-weight: bold; margin-bottom: 10px;}

form input.textbox {background: #fff; border: 1px solid #fff; border-bottom: 1px solid #000; width: 250px; padding: 2px 0; margin-bottom: 10px;}

.notice {border: 1px solid #373E98; padding: 10px; background: #efefef; margin-bottom: 1em; margin-top: 32px;}
