* {margin:0;
  padding:0}

html, body {margin: 0;
  padding: 0;}
  
body {background: #002555;}
  
#container {width: 1024px;
  background-color: #071e37;
  margin-right: auto;
  margin-left: auto;
  margin-top: 0;
  padding-top: 0;}
  
#branding {margin: 0;
  padding: 0;
  width: 1024px;
  height: 150px;
  background: url(images/branding.png) no-repeat;
  text-indent: -999em;}
  
#mainContent {float: left;
  width: 799px;
  margin-left: 215px;
  padding-left: 10px;
  padding-bottom: 15px;
  display: inline;
  background: #f0e6d3 url(images/mainbg.png) right top repeat-y;}
  
#sidebar {float: left;
  width: 215px;
  margin-left: -1024px;
  position: relative;}
  
#footer {clear: both;
  background: url(images/footerbg.jpg) no-repeat;
  color: #edd98a;
  overflow: hidden;
  width: 1024px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;}
  
#address {clear: both;
  font-size: .95em;
  font-family: "Times New Roman", Times, serif;;
  margin-top: 10px;
  margin-bottom: 10px;}

/*Text formatting*/
body {font-family: "Times New Roman", Times, serif;}

h1 {font-size: xx-large;
  color: #002555;
  margin-bottom: 15px;
  padding-top: 30px;
  padding-right: 30px;
  padding-left: 15px;
  font-weight: normal;}
  
h2 {font-size: large;
  color:#002555;
  margin-bottom: 8px;
  padding-top: 5px;
  padding-right: 30px;
  padding-left: 15px;
  font-weight: normal;}
  
h3 {font-size: small;
  font-family: Arial, Helvetica, sans-serif;
  color:#002555;
  margin-bottom: 8px;
  padding-top: 5px;
  padding-right: 30px;
  padding-left: 15px;
  font-weight: bold;}
  
p a {text-decoration: none;
  color: #002555;
  font-weight: bold;}
  
p a:hover {color: #c6001f;}

#copyright {font-size: x-small;
  text-align: left;
  padding-left: 5px;
  font-family: Arial, Helvetica, sans-serif;}
  
#mainContent p {font-size: medium;
  padding-right: 30px;
  padding-left: 15px;
  line-height: 125%;
  margin-bottom: 15px;}
  
/*Sub navigation formatting*/
ul.subNav li {display: inline;
  font-family: Arial, Helvetica, sans-serif;}

ul.subNav li a {padding: 0 5px 0 5px;
  color: #edd98a;
  text-decoration: none;
  font-weight: bold;
  font-size: small;}
  
ul.subNav li a:hover {color: #fff;
  text-decoration: underline;}
  
/*Main navigation menu formatting*/
div#mainNav {position: absolute;
  width: 215px;
  z-index: 100;}

ul.menu {list-style:none;
  margin:0;
  padding:0;
  position: relative;
  z-index: 80;}

ul.menu * {margin:0;
  padding:0;}

ul.menu a {display: block;}
  
ul.menu li {position: relative;}
  
ul.menu ul {position: absolute;
  top: 0;
  left: 215px;
  display: none;
  opacity: 0;
  list-style: none;}
  
ul.menu ul li a {display:block;}

#mainNav {text-indent: -999em;}

#home {background: url(images/home.png) no-repeat;
  width: 215px;
  height: 50px;}

#home:hover {background: transparent url(images/home.png) -220px 0 no-repeat;}

#about {background: url(images/about.png) no-repeat;
  width: 215px;
  height: 50px;}

#about:hover {background: transparent url(images/about.png) -220px 0 no-repeat;}

#history {background: url(images/history.png) no-repeat;
  width: 215px;
  height: 50px;}
  
#history:hover {background: transparent url(images/history.png) -220px 0 no-repeat;}
  
#team {background: url(images/team.png) no-repeat;
  width: 215px;
  height: 50px;}
  
#team:hover {background: transparent url(images/team.png) -220px 0 no-repeat;}
  
#products {background: url(images/products.png) no-repeat;
  width: 215px;
  height: 50px;}

#products:hover {background: transparent url(images/products.png) -220px 0 no-repeat;}

#new {background: url(images/new.png) no-repeat;
  width: 215px;
  height: 50px;}

#new:hover {background: transparent url(images/new.png) -220px 0 no-repeat;}

#manufacturers {background: url(images/manufacturers.png) no-repeat;
  width: 215px;
  height: 50px;}
  
#manufacturers:hover {background: transparent url(images/manufacturers.png) -220px 0 no-repeat;}
  
#residential {background: url(images/residential.png) no-repeat;
  width: 215px;
  height: 50px;}
  
#residential:hover {background: transparent url(images/residential.png) -220px 0 no-repeat;}

#commercial {background: url(images/commercial.png) no-repeat;
  width: 215px;
  height: 50px;}
  
#commercial:hover {background: transparent url(images/commercial.png) -220px 0 no-repeat;}
  
#services {background: url(images/services.png) no-repeat;
  width: 215px;
  height: 50px;}
  
#services:hover {background: transparent url(images/services.png) -220px 0 no-repeat;}
  
#capabilities {background: url(images/capabilities.png) no-repeat;
  overflow: hidden;
  display: block;
  width: 215px;
  height: 50px;}
  
#capabilities:hover {background: transparent url(images/capabilities.png) -220px 0 no-repeat;}
  
#support {background: url(images/support.png) no-repeat;
  width: 215px;
  height: 50px;}
  
#support:hover {background: transparent url(images/support.png) -220px 0 no-repeat;}

#electrical {background: url(images/electrical.png) no-repeat;
  width: 215px;
  height: 50px;}
  
#electrical:hover {background: transparent url(images/electrical.png) -220px 0 no-repeat;}
  
#gallery {background: url(images/gallery.png) no-repeat;
  width: 215px;
  height: 50px;}

#gallery:hover {background: transparent url(images/gallery.png) -220px 0 no-repeat;}

#news {background: url(images/news.png) no-repeat;
  width: 215px;
  height: 50px;}

#news:hover {background: transparent url(images/news.png) -220px 0 no-repeat;}

#contact {background: url(images/contact.png) no-repeat;
  width: 215px;
  height: 50px;}
  
#contact:hover {background: transparent url(images/contact.png) -220px 0 no-repeat;}

#quote {background: url(images/quote.png) no-repeat;
  width: 215px;
  height: 50px;}
  
#quote:hover {background: transparent url(images/quote.png) -220px 0 no-repeat;}

#employment {background: url(images/employment.png) no-repeat;
  width: 215px;
  height: 50px;}
  
#employment:hover {background: transparent url(images/employment.png) -220px 0 no-repeat;}

#contactus {background: url(images/contactus.png) no-repeat;
  width: 215px;
  height: 50px;}
  
#contactus:hover {background: transparent url(images/contactus.png) -220px 0 no-repeat;}

/*Electronic Newsletter Sign Up Form Formatting*/  
#signup {width: 215px;
  float: left;
  position: absolute;
  top: 350px;}
  
#signup {text-align: center;
  color: #edd98a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;}
  
#signup p {font-weight: bold;
  padding-bottom: 8px;
  padding-top: 10px;}
  
#enews fieldset {border: none;
  padding: 5px;}

#enews input {margin-bottom: 3px;
  margin-top: 8px;}
  
#enews input#email {width: 175px;
  padding: 0;}
  
#enews legend {display: none;}
