html, body {
  margin: 0;
  padding: 0;
  font-family:Arial, Helvetica, sans-serif; 
  font-size:12px;
  color: #000000;
  height: 100%;
 }

 a, a:active
 {
  color:  #660000;
  outline: none;
 }

 b
 {
  color: #333333;
 }

 h3
 {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0;
  font:bold 14px arial; color: #660000;
  text-align: left;
 }

 h3 img
 {
  margin: 10px;
  float: right;
 }

 h4
 {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0;
  font:bold 14px arial; color: #996600;
  text-align: left;
 }

 h5
 {
  font:bold 10px arial; color: #996600;
  text-align: left;
 }


 p
 {
  padding: 10px;
  text-align: left;
 }

 img
 {/* border style for all images */
  border: 0;
 }

 hr
 {
  background: #ccc;
  border: 0;
  color: #ccc;
  height: 1px;
  width: 90%;
  margin: 0px;;
 }

.menu1
{
 color: #003300;
 text-decoration: none;
 display: block;
 font:bold 14px arial;
 background-image: url('../images/bullet.gif');
 background-repeat: no-repeat;
 background-position: 3em 1em;
 padding-top: 1em;
 padding-left: 4.5em;
 border: 0px;
}

.submenu
{
 display: block;
 margin: 0px;
 color: #003300;
 padding-top: 0px;
 padding-left: 70px;
 padding-bottom: 0px;
 text-decoration: none;
 font-size:14px;
}

.menu1 a:hover
{
  color: #660000;
}

.sub a:hover
{
 color: #660000;
}


div#wrapper
{
  margin:0px auto;
  min-height: 70%;
  width: 100%;
  padding: 0px 0px 0px 0px;
}


 div#header
 {
  background-color: #FFFFFF;
  margin: 0px 0px  0px 0px;
  padding:0px 0px 0px 0px;
 }


 #toplinks
 {
  text-align: right;
  margin: 0px;
  padding-right: 25px;
  background: #000000;
 }

 #navcontainer
 {
  width: 100%;
  float: left;
  background-color: #1c262c;
 }

 div#contentwrapper
 {
  padding: 0px;
  margin-top: 1px;
  line-height: 1.4em;
  text-align: left;
 }

div#leftcontent
{
 width: 200px;
 float: left;
 margin: 0px 0px  0px 0px;
 padding: 0px 0px 0px 0px;
 text-align: left;
}


div#maincontent
{
 margin-right: 0px;
 margin-left:  200px;
 margin-top: 0px;
 margin-bottom: 0px;
 font:12px Arial, Helvetica, sans-serif; color: #FFFFFF;
 padding: 0px 5px 0px 5px;
 text-align: center;
}

div#logo
{
 text-align: center;
}

div.cons {
    width: 30%;
    padding: 0px;
    float:left;
    background-color: #FFFFFF;
	border:solid #333333 1px;

 }

div.env {
    width: 30%;
    padding-left:0px;
    float:left;
    background-color: #FFFFFF;
	border:solid #333333 1px;
 }

.serv {
    width: 30%;
    padding-left:0px;
    float:left;
    background-color: #FFFFFF;
	border:solid #333333 1px;
 }

 div.pad {
    width: 10px;
    margin: 0px;
    padding:0px;
    float:left;
    background-color: #ffffff;
 }

 #about {
    width: 68%;
    float: left;
    padding-top: 5px;
    padding-right: 5px;
    color: #444444;
    text-align: left;
 }

  #rightfloat {
    float: right;
    margin-right: 27px;
    width: 20%;
    padding-top: 5px;
    padding-right: 5px;
    color: #777777;
    text-align: left;
 }

 ul
 {
   list-style-type: none;
   padding: 0;
   margin: 0;
 }


 ul#link
 {
   list-style-type: none;
   padding-top: 10px;
   padding-bottom: 10px;
   
 }

 li#link
 {
   line-height: 3em;
 }

 li#first
 {
   background-image: url(../images/conn.jpg);
   background-repeat: no-repeat;
   background-position: 0 0.4em;
   padding-left: .6em;
   height: 75px;
 }

 ul#sitemap li
 {
   display: block;
 }

 ul#sitemap li a
 {
   display: inline;
   text-decoration: none;
 }

 ul#sidelinks a
 {
   color: #0099cc;
 }

 ul#sidelinks a:hover
 {
   color: #ababab;
 }

 li#sec
 {
   background-image: url('../images/en.jpg');
   background-repeat: no-repeat;
   background-position: 0 .4em;
   padding-left: .6em;
   height: 75px;
 }

 li#third
 {
   background-image: url('../images/ser.jpg');
   background-repeat: no-repeat;
   background-position: 0 .4em;
   padding-left: 0.6em;
   height: 75px;
 }



/*COMPANY PICTURES*/
 
  #companypic1
 {
   background-image: url('../images/company_const.jpg');
   background-repeat: no-repeat;
   background-position: 0 .4em;
   padding-left: .6em;
   height: 75px;
 }

 #companypic2
 {
   background-image: url('../images/company_environ.jpg');
   background-repeat: no-repeat;
   background-position: 0 .4em;
   padding-left: .6em;
   height: 75px;
 }

 #companypic3
 {
   background-image: url('../images/company_service.jpg');
   background-repeat: no-repeat;
   background-position: 0 .4em;
   padding-left: .6em;
   height: 75px;
 }

/*CLIENTS PICTURES*/
 
  #clientpic1
 {
   background-image: url('../images/conn.jpg');
   background-repeat: no-repeat;
   background-position: 0 .4em;
   padding-left: .6em;
   height: 75px;
 }

 #clientpic2
 {
   background-image: url('../images/en.jpg');
   background-repeat: no-repeat;
   background-position: 0 .4em;
   padding-left: .6em;
   height: 75px;
 }

 #clientpic3
 {
   background-image: url('../images/ser.jpg');
   background-repeat: no-repeat;
   background-position: 0 .4em;
   padding-left: .6em;
   height: 75px;
 }

/*CONTACT PICTURES*/
 
  #contactpic1
 {
   background-image: url('../images/contact_const.jpg');
   background-repeat: no-repeat;
   background-position: 0 .4em;
   padding-left: .6em;
   height: 75px;
 }

 #contactpic2
 {
   background-image: url('../images/contact_environ.jpg');
   background-repeat: no-repeat;
   background-position: 0 .4em;
   padding-left: .6em;
   height: 75px;
 }

 #contactpic3
 {
   background-image: url('../images/contact_service.jpg');
   background-repeat: no-repeat;
   background-position: 0 .4em;
   padding-left: .6em;
   height: 75px;
 }

/*SERVICES PICTURES*/
 
  #servicepic1
 {
   background-image: url('../images/services_const.jpg');
   background-repeat: no-repeat;
   background-position: 0 .4em;
   padding-left: .6em;
   height: 75px;
 }

 #servicepic2
 {
   background-image: url('../images/services_environ.jpg');
   background-repeat: no-repeat;
   background-position: 0 .4em;
   padding-left: .6em;
   height: 75px;
 }

 #servicepic3
 {
   background-image: url('../images/services_service.jpg');
   background-repeat: no-repeat;
   background-position: 0 .4em;
   padding-left: .6em;
   height: 75px;
 }


 div#footer
 {
   font-family: Arial, Helvetica, sans-serif;
   width: 95%;
   color: #777777;
   text-align: right;
   padding-right: 30px; 
   clear: both;

 }


  fieldset {  border:1px solid #cccccc; }
  td input, textarea, select {  border: 1px solid #cccccc;}
  td input:hover, textarea:hover, select:hover { border-color : #ababab; }
  td input:active, input:focus, textarea:active, textarea:fous { border-color : #FFFFFF; }


 span
  {
   padding-left: 10px;
   padding-right: 3px;
   padding-top: 3px;
   padding-bottom: 3px;
   border:0px solid #999999;
  }

 td
 {
   vertical-align: top;
 }

 table
 {
   width: 100%;
 }