/* ---------->>> reset all elements for pad and mar <<<-----------*/

* {
padding: 0px;
margin: 0px;
font-family: verdana, arial, sans-serif;
}


 /* ---------->>> body has a default 10px fontsize <<<-----------*/


html { font-size: 100%; /* IE fix */ }
html>body { font-size: 10px; }


body {
background-color: #fff;
margin: 0px; 
padding: 0px 20px;
font-size: 62.5%;
}

h1 {
color: #005481;
font-size: 1em;
font-weight: bold;
padding: 7px 0px 7px 0px;
}

h2 {
font-weight: bold;
font-size: 1.1em;
color: #000;
}

p {
margin: 0px 0px 7px 0px;

}

em {
font-weight: bold;
font-size: 1.0em;
color: #000;

}

.container {
width: 913px;
margin: 5px auto;
}

.header {
height: 90px;
width: 913px;
margin: 0px 0px 0px 0px;

}

.navblock {
height: 26px;
width: 913px;
padding: 2px 0px 0px 0px;
background-color: #005481;
font-weight: bold;
color: #fff;
border-width: 0px 0px 1px 0px;
border-type: solid;
border-color: #;

}

.contentl {
float: left;
width: 185px;
background-color: #efefef;
padding: 8px 0px 8px 0px;
}

.contentr {
float: right;
width: 714px;
font-size: 1em;
padding: 8px 0px 8px 0px;
line-height: 1.5em;
}


.spacefiller {
height: 135px;

}



.leftheader {
height: 16px;
width: 180px;
background-color: #005481;
margin: 0px 0px 8px 0px;
padding: 2px 0px 0px 5px;
font-weight: bold;
color: #fff;
}

.loginbox {
margin: 0px 0px 0px 0px;
padding: 4px 15px 0px 0px;
float: right;
text-align: right;
height: 85px;
width: 210px;
font-weight: bold;
line-height: 1.4em;


}


.clear {
height: 0px;
line-height: 0px;
font-size: 0px;
clear: both;

}


.footdivider {
height: 4px;
width: 913px;
background-color: #005481;
margin: 8px 0px 8px 0px;

}


.legalwrapper {
width: 913px;
height: 15px;
text-align: right;
font-weight: bold;
font-size: .9em;
}

.legalr {
float: right;
margin: 0px 8px 0px 0px;

}

.legall {
float: left;
margin: 0px 0px 0px 8px;
}


.pageimage {
width: 713px;
height: 177px;
padding: 0px 0px 10px 0px;

}


.contentl p {
padding: 0px 8px;

}

.inputtext {
height: 1.4em;
width: 55%;
font-size: 1em;
border-style: solid;
border-width: 1px;
border-color: #005481;
margin: 2px 0px 0px 3px;
padding: 0px 0px 0px 0px;
}

.loginbutton {
background-color: #005481;
color: #fff;
height: 2.2em;
padding: 0px 0px 2px 0px;
margin: 0px 0px 0px 10px;
border-style: solid;
border-width: 1px;
border-color: #fff;
font-size: 1em;
font-weight: bold;
}




a:link {
color: #005481;
}

a:hover {
text-decoration: none;

}



.textimages {
float: left;
padding: 0px 13px 10px 0px;
border-style: none;

}


/* Root Menu */


ul#navmenu {
margin: 0px 5px 0px 0px;
padding: 0px;
list-style: none;
height: 26px;
float: right;
}

ul#navmenu li {
margin: 0px;
border-style: none;
padding: 0px 5px 0px 0px;
float: left; /*For Gecko*/
display: inline;
list-style: none;
position: relative;
 }

ul#navmenu ul {

border-style: solid;
border-color: #333333;
border-width: 0px 1px 1px 1px;
padding: 0px;
margin: 0px;
list-style: none;
display: none;
position: absolute;
top: 25px;
left: 0;  
}

ul#navmenu ul li {
float: none; /*For Gecko*/
display: block !important;
display: inline; /*For IE*/ 
width: 18em;
}

/* Root Menu */
  ul#navmenu a {
  padding: 0px 10px 0px 10px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: 9px;
  line-height: 25px;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/ 
}

/* Root Menu Hover Persistence */
 body#homepage a#homenav,
 body#aboutuspage a#aboutusnav,
 body#locationspage a#locationsnav,
 body#locationspage a#aboutusnav,
 body#officesuppliesoverviewpage a#officesuppliesoverviewnav,
 body#createaccountpage a#officesuppliesnav,
 body#createaccountpage a#createaccountnav,
 body#officesuppliesoverviewpage a#officesuppliesnav,
 body#businessmachinespage a#businessmachinesnav,
 body#requestservicepage a#businessmachinesnav,
 body#requestservicepage a#requstmachineservicenav,
 body#meterreadingspage a#meterreadingsnav,
 body#meterreadingspage a#businessmachinesnav,
 body#businessmachinespage a#businessmachinesnav,
 body#furnishingspage a#furnishingsnav,
 body#furnishingspage a#furnishingsnav,
 body#businesservicespage a#businesservicesnav,
 body#facilitiespage a#facilitiesnav,
 body#contactpage a#contactnav,
 ul#navmenu a:hover,
 ul#navmenu li:hover a,
 ul#navmenu li.iehover a {
 color: #000;
 background-color: #fff;
 line-height: 27px;


}

/* 2nd Menu */
 ul#navmenu li:hover li a,
 ul#navmenu li.iehover li a {
 top: 1px;
 left: 10px;
 float: none;
 background-color: #ccc;
 background-image: none;
 color: #000;
 font-weight: bold; 
 margin: 0px;
 padding: 0px 0px 0px 5px;
 line-height: 26px;
 width: 20em;
 
}

/* 2nd Menu Hover Persistence */
 body#aboutuspage a#mission,
 body#aboutuspage a#overview,
 body#aboutuspage a#news,
 body#aboutuspage a#hotels,
 body#aboutuspage a#locations,
 ul#navmenu li:hover li a:hover,
 ul#navmenu li:hover li:hover a,
 ul#navmenu li.iehover li a:hover,
 ul#navmenu li.iehover li.iehover a {
 background-color: #ffffff;
 padding: 0px 0px 0px 5px; 
 color: #333333;
 line-height: 26px;
 width: 135px;
 width: 20em;
}





/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;

}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}



/* about us */

.biopic {
float: left;
padding: 0px 4px 4px 0px;
}



/* sidebar images */

.sidebarimage {
padding: 0px 0px 0px 3px;
border-width: 0px;
}

/* standard uls */

ul {
margin: 0px 0px 0px 30px;
}

/* pricing */

.table {
width: 100%;
margin: 5px 0px 0px 0px;
}

.label {
width: 30%;
text-align: right;
padding: 0px 10px 10px 0px;
font-weight: bold;

}

.field {
width: 70%;
text-align: left;
padding: 0px 10px 10px 0px;
}


.pright {
float: right;
width: 70%;
}

.halflistl {
float: left;
width: 30%;
padding: 0px 0px 0px 10px;
}

.halflistr {
float: right;
width: 50%;
}

.linewidth {
width: 40%;
}



/* about us */

.biosl {
width: 47%;
height: 140px; 
float: left;
padding: 0px 5px 25px 0px;
margin: 2px 0px 0px 0px;
}

.biosr {
width: 47%;
height: 140px; 
float: right;
padding: 0px 5px 25px 0px;
margin: 2px 0px 0px 0px;
}


.location {
width: 27%;
float: left;
margin: 20px 0px 0px 20px;
padding: 0px 8px 20px 0px;
}

.services {
float: left;
padding: 0px 8px 20px 0px;
}

/* homepage */

.homesection {
float: left;
width: 30%;
height: 200px;
margin: 8px 0px 20px 8px;
padding: 0px 0px 0px 7px;
border-width: 0px 1px 0px 1px;
border-style: solid;
border-color: #ccc;

}

.homeimage {
margin: 0 auto;
text-align: middle;
border-style: none;
}


.headertext {
padding: 12px 0px 12px 0px;
}



/* contact */
.locationinfo {
}


.locationinfo ul {
list-style: none;
}

.locationinfo li {
text-decoration: none;
padding: 0px 0px 15px 0px;
}


/* special images */
.specials {
border-style: none;
padding: 0px 0px 0px 2px;
margin: 0px 0px 5px 0px;
}

.email {
border-style: none;
padding: -3px 0px 0px 0px;
}