@charset "iso-8859-1";
body {
background: #ffffff url(images/site/electric-gradient.gif) 0px 0px repeat-x;
margin : 0;
}
table {
font-family : arial;
font-size : 13px;
color : #000000;
}
img {
border-color : #000000;
}
a:link {
color : #000066;
text-decoration : none;
font-weight: bold;
}
a:visited {
color : #000099;
text-decoration : none;
font-weight: bold;
}
a:hover {
color : #660000;
text-decoration : none;
font-weight: bold;
}

td { vertical-align: top; }

li { margin-top: 10px; margin-bottom: 10px; }

h1 {
  font-family: Times New Roman;
  font-size: 22px;
  color: #000066;
}


.header {
  height: 220px;
  background: white url(images/site/electrical-estimating.jpg) 0px 0px no-repeat;
}

.phone {
  width: 250px;
  height: 178px;
  text-align: center;
  vertical-align: bottom;
  font-family: Arial;
  font-weight: bold;
  color: white;
  font-size: 18px;
}

.navbar {
  height: 34px;
  text-align: right;
  color: white;
  vertical-align: bottom;
  font-family: Arial;
  font-weight: bold;
  font-size: 14px;
  padding-right: 20px;
}

.navbar a:link { color: white; text-decoration: none; }
.navbar a:visited { color: white; text-decoration: none; }
.navbar a:hover { color: #000066; text-decoration: none; }


.content {
  background: white url(images/site/estimate-background.gif) 0px 0px repeat-y;
}

.contentMiddle { padding: 20px; }
.contentMiddle p { text-align: justify; }


.leftbar {
  width: 165;
  color: white;
  padding: 10px;
}

.leftbar a:link { color: #99CCFF; text-decoration: none; }
.leftbar a:visited { color: 99CCFF; text-decoration: none; }
.leftbar a:hover { color: #CC6600; text-decoration: none; }


.footer {
  background: white url(images/site/contractor-footer.gif) 0px 0px no-repeat;
  text-align: center;
  height: 118px;
  vertical-align: middle;
  font-size: 12px;
  color: white;
}

.footer a:link { color: #99CCFF; text-decoration: none; }
.footer a:visited { color: 99CCFF; text-decoration: none; }
.footer a:hover { color: #CC6600; text-decoration: none; }

.imagebar {
  font-weight: bold;
  font-size: 12px;
  color: #000033;
}

.imagebar img {
  border: 1px solid #666666;
}


.servicerequest {
  border: 2px solid #000033;
  padding: 20px;
  font-size: 12px;
  margin-right: 10px;
}


.servicerequest label {
  width: 12em;
  float: left;
  text-align:left;
  margin-right: 0.3em;
  display: block;
  color: #000033;
  font-weight: bold;
  clear: both;
}

.servicerequest .submit input {
  margin-left: 4.5em;
}

.servicerequest input {
  color: ##330000;
  display: block;
}

.servicerequest .submit input {
  color: #000;
  background: #330000;
  border: 2px outset #d7b9c9
}


.servicerequest legend {
  color: #ffffff;
  background: #000099;
  border: 1px solid #781351;
  padding: 2px 6px;
}

.projects th { text-align: left; color: #003366; padding: 15px 0px 15px 0px; }
.projects th u { display: block; border-bottom: solid 2px #003366; text-decoration: none; }
.projects td { padding: 5px 10px 5px 5px; }

.files { padding: 5px; margin: 20px; font-size: 10px; font-weight: bold; font-family: Arial; background-color: white; border: solid 1px #666666; }
.fileheader { font-size: 10px; font-family: Tahoma; color: white; background-color: #000066; margin-bottom: 5px; }
.files a { font-size: 18px; display: block; } 
.blue { color: blue; }

#service {
  width: 407px;
  height: 130px;
  overflow: hidden;
}


/* rpojects page */
.btt { font-size:10px; }
ul.quicklinks { display:block; padding:10px; margin:0; border:2px solid #444; margin-bottom:20px; }
ul.quicklinks li { float:left; width:190px; height:15px; padding-right:5px; margin:2px 0; list-style:none; display:block; }
ul.quicklinks li a { font-weight:normal; color:#666; font-size:11px;  text-decoration:underline;}
ul.quicklinks li a:hover { color:#222; }