@charset "UTF-8";

/* CSS Document */
/* Pye Electrical - John McGeary 2008*/

body {
font-size:	12px;
font-weight:200;
line-height: 20px;
color:#2b2b2b!important;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:100%;
height: 100%;
padding: 0px;
margin: 0px;
background:#898988 url(assets/bg.jpg) repeat}

/* EDITOR START */

* {
margin:0;
padding:0}


p {
margin-bottom: 20px;
color:#8f8f91}

hr {
border-top:1px solid #f1592a;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
border-bottom:1px solid #ffffff;
margin-top: 20px;
margin-bottom: 20px}

h1 {
font-size:17px;
color:#f1592a;
margin-bottom: 10px}

h2 {
font-size:	15px;
color:#8f8f91;
margin-top:  5px;
margin-bottom: 5px}

h3 {
font-size:13px;
color:#2a3a90;
margin-top: 5px;
margin-bottom: 5px}

h4 {
font-size:12px;
color:#8f8f91;
margin-top: 5px;
margin-bottom:5px;}

ul {
padding-left:30px;
margin-top:5px;
margin-bottom: 5px}

.textarea ul {
margin:0px;
padding:0px}

.textarea li {
color: #2a3a90;
margin-right: 13px;
background:transparent url(assets/bulletpoint.gif) no-repeat;
display: block;
list-style: none;
padding-left:10px}

a {
color:#f1592a;
text-decoration:none}

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

/* EDITOR END */
@charset "UTF-8";

/* CSS Document */
/* Pye Electrical - John McGeary 2008*/

body{
font-size:12px;
font-weight:200;
line-height:20px;
color:#2b2b2b!important;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:100%;
height:100%;
padding:0;
background:#898988 url(assets/bg.jpg) repeat;
margin:0}

*{
margin:0;
padding:0}

#wrapper{
width:100%;
height:250px;
background:url(assets/wrapper_bg.jpg) repeat-x;
float:left}

/* --------- Main Container --------- */

#main_container{
width:990px;
height:100%;
margin:0 auto;
padding:0;
background:#ffffff;
z-index:0}


/* --------- Masthead ---------*/

#masthead{
height:205px;
width:100%;
margin:0;
padding:0;
background:#898988 url(assets/masthead_bg_logos.gif) repeat-x bottom left}

.masthead_right{
float:right;
width:130px;
margin:0;
padding:0;
margin-top: 20px}

.masthead_right p{
color:#2e3192;
margin: 10px 20px 0 0;
font-size:13px;
text-align:right}

.masthead_top{
width:780;
height:25px;
background-color:#898988;
border-left:4px solid #d1d2d4;
border-right:4px solid #d1d2d4;
margin:0;
padding:0;
text-align:center;
margin-bottom:20px;
padding-top:5px}

* html .masthead_top{
margin:0;
margin-bottom:15px;
height:24px}

.masthead_top h2{
display:inline;
color:#cccccc;
font-weight:200;
margin-left:50px;
margin-right:50px}

/* --------- Mainarea ---------*/

.mainarea{
margin: 0;
width:990px;
padding-left: 0;
float:left;
background:#ffffff url(assets/mainarea_bg.gif) repeat-y;
border-bottom:4px solid #d1d2d4}

.image_area{
width:986px;
height:174px;
padding:0 0 0 4px;
background:#d1d2d4 url(assets/image_area_bg.jpg) repeat-x top left;
border-bottom:4px solid #d1d2d4}

.image_area img{
padding:0 0 0 4px;
float:left}

.block{
margin-left:4px;
height:174px;
width:247px;
background:url(assets/random1.jpg);
float:left}


/* --------- Navigation Top ---------*/

.navigation_top{
padding:0;
margin: 0;
text-align:center;
margin-top:149px}

.navigation_top ul{
margin:0;
padding:0}

.navigation_top li{
color:#ffffff;
list-style:none;
margin:0;
display: inline;
margin:0px 5px 0 5px !important}

.navigation_top a, .navigation_top .notActive a{
text-decoration:none;
color:#ffffff;
margin:0;
padding:0}

.navigation_top a:hover, .navigation_top .notActive a:hover{
color:#ffffff;
text-decoration:underline;
margin:0}

.navigation_top .active a{
margin: 0;
font-weight:bold;
color:#2a3990;
text-decoration:none} 

.navigation_top .active a:hover{
text-decoration:none;
font-weight:bold;
color:#2a3990;
margin: 0;
text-decoration:none}

/* -------- Left Column -------- */

.left_column{
width:103px;
height:349px;
float:left;
background:#898988}

.textarea_wrapper{
width:628px;
height:100%;
margin: 0;
float:left;
border-left:4px solid #d1d2d4;
border-right:4px solid #d1d2d4;
border-bottom:0}

.textarea{
width:580px;
height:100%;
padding:20px;
margin: 0;
border:4px solid #545454;
background-color: #ffffff}

/* -------- Right Column -------- */

.right_column{
width:230px;
height:100%;
margin:0;
padding:0;
float:right}

.testimonials{
width:220px;
margin:20px 0 0 0}

.testimonials h2{
color:#cccccc;
font-size:12px;
padding:0}

.testimonials p{
color:#ffffff;
font-size:12px;
font-style: italic}

.testimonials a{
font-size:12px;
color:#cccccc}

/* --------- Footer --------- */

#footer{
height:40px;
font-size:9px;
color:#7a7a7a;
text-align: left;
margin-top: 0;
border-top:4px solid #d1d2d4;
background-color:#f1592a}

* html #footer{
margin-right:-2px}

#footer a{
text-decoration:none;
color:#ffffff}

#footer a:hover{
text-decoration:underline;
color:#ffffff}

#footer p{
font-size:9px;
color:#ffffff;
padding-top:10px;
text-align:center}/*------------- Contact Form --------------*/

div.contactForm{
  width:500px;
  padding: 0px;
  margin: 0px;
}
div.row {
  clear: both;
  padding-top: 5px;
  _padding-top: 2px;
}
div.row span.label {
  float: left;
  width: 35%;
  text-align: right;
  padding:0px 10px 0px 0px;
}
div.row span.formw {
  float: right;
  width: 60%;
  text-align: left;
}
div.row span.formw input.text, div.row span.formw textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  width: 100%;
  border: 1px solid #000000;
  background: #ffffff !important;
  padding-left: 3px;
}
div.row span.formw textarea{
  height:50px;
}
div.spacer {
  clear: both;
}