/* greenmerits.com css */
 /* Wednesday November 17th, 2004 */
 
 body {font-family: tahoma, verdana, arial, sans-serif; font-size: 70%; color: #000000; background-color: #F2D1A4; padding: 0; margin: 0; line-height: 14px;}
 
 p {padding: 0 0 25px 0; margin: 0;}
 h3 {font-size: 110%; font-weight: bold; padding: 0; margin: 0;}
 label {font-size: 90%; font-weight: bold; padding: 0; margin: 0;}
 table {width: 350px; padding: 0; margin: 0;}
 textarea {width: 349px; height: 75px;}
 #wrapper {width: 780px; height: 587px; margin: 0 auto; border: 5px solid #000000;} /* holds everything in place, centered */
 .header {background: url(http://www.greenmerits.com/images/header.jpg) no-repeat; width: 780px; height: 157px; padding: 0; margin: 0;}
 
 .contentbg {background: url(http://www.greenmerits.com/images/contentbg.jpg) no-repeat; position: absolute; width: 485px; height: 430px; padding: 0; margin-left: 295px;} /* content background */
 .contentbg_w {background: url(http://www.greenmerits.com/images/contentbg_white.jpg) no-repeat; position: absolute; width: 485px; height: 430px; padding: 0; margin-left: 295px;} /* changes content bg to white for contact us page */
 .content {width: 440px; height: 285px; padding: 2px; overflow: auto;} /* inline scroll */
 .address {float: right;}
 
 /* navigation bar image map */
 .menu a {position: absolute; height: 20px; text-decoration: none; margin-top: 135px;}
 .menu a i {visibility: hidden;} /* keeps text of link hidden */
 a#navservices {margin-left: 225px; width: 80px;}
 a#navabout {margin-left: 150px; width: 75px;}
 a#navcontact {margin-left: 385px; width: 70px;}
 a#navportfolio {margin-left: 305px; width: 80px;}
 a#navhome {margin-left: 100px; width: 50px;}
 a#navinfo {margin-left: 550px; margin-top: 120px; width: 200px; height: 35px;} /* big email link */
 
  /* index rollover */
 .back {width: 780px; height: 430px; background: url(http://www.greenmerits.com/images/back.jpg) no-repeat;} /* creates a new page structure so rollover images can run straight across rather than being broken up by the contentbg etc - this layer is the background image */
 .rollover {width: 780px; height: 390px;} /* also part of the new page structure */
 .rollover a {position: absolute; width: 167px; height: 342px; text-decoration: none;}
 .rollover a i {visibility: hidden;} /* keeps text of link hidden */
 
 /* individual rollover links with separate background images & margins */
 .rollcontact {margin-left: 585px; background-image: url(http://www.greenmerits.com/images/roll_contact.jpg);}
 .rollportfolio {margin-left: 419px; background-image: url(http://www.greenmerits.com/images/roll_portfolio.jpg);}
 .rollservices {margin-left: 252px; background-image: url(http://www.greenmerits.com/images/roll_services.jpg);}
 .rollabout {margin-left: 85px; background-image: url(http://www.greenmerits.com/images/roll_about.jpg);}
 
 /* same as above, as it will act with a hover */
 a:hover.rollcontact,a:hover.rollportfolio,a:hover.rollservices,a:hover.rollabout {height: 389px;}
 a:hover.rollcontact {background-position: 0 -343px;}
 a:hover.rollportfolio {background-position: 0 -343px;}
 a:hover.rollservices {background-position: 0 -343px;}
 a:hover.rollabout {background-position: 0 -343px;}
  
 /* individual content pages */
 .portfolio,.contact,.about,.services {float: left; position: absolute; padding: 0; margin: 0; width: 295px; height: 437px; background-repeat: no-repeat;}
 .portfolio {background-image: url(http://www.greenmerits.com/images/portfolio.jpg);}
 .contact {background-image: url(http://www.greenmerits.com/images/contact.jpg);}
 .about {background-image: url(http://www.greenmerits.com/images/about.jpg);}
 .services {background-image: url(http://www.greenmerits.com/images/services.jpg);}