@charset "UTF-8";

/* CSS Document */
/* A Electrical 2011 */

body {
padding:0;
margin:5px 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#2c314c url(images/bg.gif) no-repeat right fixed}

*{
margin:0;
padding:0}

#maincontainer{
margin:0 auto;
width:990px;
position: relative}

#page{
background:url(images/bg_repeat.gif) repeat-x;
visibility:visible;
position:absolute;
left:0;
top:0;
z-index:1;
width:990px;
height:600px}

.white {
background-color:#FFFFFF; 
width:719px; 
margin:11px;
padding:0px;
border-top:5px solid #ffffff}

.red {
color:#FF0000}

.white p {
color:#2c314c!important;
text-align:center!important}

a {
text-decoration:none;
color:#84BC45}

a:hover {
text-decoration:underline;
color:#84BC45}

h1 {
color:#83BA45; 
font-size:18px;
margin:0}

hr{
border:none;
border-bottom:1px solid #83ba45;
margin:5px 0 5px 0}

/* Form  */
input, textarea {
border: solid 2px #84BC45}

.style5 {
color:#FFF; 
font-size:12px}

/* Masthead */
#address_top_right{
visibility: visible;
position: absolute;
left: 802px;
top: 19px;
z-index: 2;
width: 170px}

#top_left_masthead_title p{
font-size:12px;
line-height:22px;
margin: 0px;
text-align: left;
color: #FFFFFF}

#top_left_masthead_title a {
text-decoration:none;
color:#FFF}

#top_left_masthead_title a:hover {
text-decoration:underline;
color:#FFF}

#address_top_right p {
font-size:12px;
line-height:20px;
text-decoration: none;
color: #FFFFFF;
text-align: right;
margin: 0px}

#top_left_masthead_title{
visibility: visible;
position: absolute;
left: 21px;
top: 17px;
z-index: 2;
width: 166px}

#logo{
background: url(images/logo.gif) no-repeat;
visibility: visible;
position: absolute;
left: 431px;
top: 23px;
z-index: 3;
width: 111px;
height: 103px}

#navigation p{
font-size: 12px;
margin: 0px;
letter-spacing: 1px;
color: #FFFFFF}

/* Navigation */
#navigation{
visibility: visible;
position: absolute;
top: 144px;
left: 22px;
z-index: 2;
width: 950px;
border-bottom: solid 1px #ffffff;
height:24px;
font-size:14px;
padding:3px 0 0 0}

#navigation ul{
text-align:center;
margin:0px;
padding:0px}

#navigation li {
display:inline;
margin:-3px;
padding:0}

#navigation a {
text-decoration: none; 
padding:4px 12px 6px 10px;
font-weight: normal;
color: #fff; 
background-color: #3b4266;
font-size:12px;
height:20px}

#navigation a:hover {
background-color: #84BC45}

#currentpage a {
color:#2c314c;
text-decoration:none;
background-color:#FFF;
font-weight: bold}

#currentpage a:hover {
color:#2c314c;
text-decoration:none;
background-color:#FFF;
font-weight: bold}

/* Main Text Area */
#domestic_box{
background: url(images/domestic_image.jpg) no-repeat;
width: 220px;
float:left;
margin-left:50px;
text-align:center;
padding-top:150px}

#commercial_box{
background: url(images/commercial_image.jpg) no-repeat;
width: 220px;
float:left;
margin-left:100px;
text-align:center;
padding-top:150px}


#industrial_box{
background: url(images/industrial_image.jpg) no-repeat;
width: 220px;
float:left;
margin-left:100px;
text-align:center;
padding-top:150px}

#3images {
float:left;
width:100%}

* html #longbox {
margin-left:10px}

#longbox{
float:left;
margin-left:20px;
background: url(images/nocowboys.gif) no-repeat bottom right;
border:solid 1px #3b4266;
width: 950px}

#commercial_box li,
#industrial_box li,
#domestic_box li{
text-align:left}

#commercial_box p,
#industrial_box p,
#domestic_box p{
margin-bottom:15px}

#commercial_box a,
#industrial_box a,
#domestic_box a{
font-size: 14px;
margin: 0px;
color: #FFFFFF;
letter-spacing: 1px;
text-align: center;
text-decoration:none}

#commercial_box a:hover,
#industrial_box a:hover,
#domestic_box a:hover{
font-size: 14px;
margin: 0px;
color: #83ba45;
letter-spacing: 1px;
text-align: center;
text-decoration:underline}

* html #mainareacontent {
margin-left:10px}

#mainareacontent{
float:left;
margin-left:20px;
border:solid 1px #3b4266;
width: 950px}

#mainareacontent ul {
padding-left:10px;
margin:0px;
margin-top:10px;
margin-bottom:10px}

#mainareacontent li {
background: url(images/bulletpoint.gif) no-repeat;
display:block;
list-style-type: none;
padding-left:15px;
color:#fff;
font-size: 12px}

#mainareacontent p{
font-size:12px;
line-height:20px;
margin: 0px;
color: #FFFFFF;
padding-bottom: 5px;
text-align: left;
padding-left:10px}

#mainareacontent h1 {
color:#83BA45; 
font-size:18px;
margin:0;
padding-left:10px;
padding-top:10px}

#mainareacontent h3{
font-size:14px;
font-weight:bold;
margin: 0px;
color: #FFFFFF;
padding-top:5px;
padding-bottom: 5px;
text-align: left;
padding-left:10px}

#imagebox {
visibility: visible;
position: absolute;
top: 191px;
z-index: 2;
width: 220px;
height: 144px;
background-repeat: no-repeat}

#main_text_area{
left: 39px;
z-index: 3;
width: 100%;
padding:12px}

#main_text_area p{
font-size:12px;
line-height:20px;
margin: 0px;
color: #FFFFFF;
padding-bottom: 5px;
text-align: left}

#main_text_area h3{
font-size:14px;
font-weight:bold;
margin: 0px;
color: #FFFFFF;
padding-top:5px;
padding-bottom: 5px;
text-align: left}

#mainarea {
width:950px;
visibility: visible;
position: absolute;
top: 190px;
z-index: 1}

/* Footer */
#footer_box{
margin-top:20px;
margin-left:20px;
float:left;
z-index: 2;
width: 950px;
height:50px;
border-top:solid 1px #fff;
padding-top:10px}

* html #footer_box {
margin-left:10px}

#exceedingourcustomers p{
font-size: 16px;
margin: 0px;
color: #FFFFFF;
letter-spacing: 14px;
text-align: center}

#exceedingourcustomer{
left: 21px;
width: 743px}

#copyright p{
font-size: 9px;
margin-top: 13px;
color: #FFFFFF;
text-align: center}

#copyright a {	
text-decoration:none;
color:#84BC45;
font-size: 9px;
background-color:none}

#copyright a:hover {
text-decoration:underline;
color:#84BC45;
font-size: 9px;
background-color:none}