@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: Optima;
  src: ('fonts/Optima.otf');
}

.clear { clear: both; } 

a { color: #FFFFFF; }

hr { color: #FFFFFF; margin: 0 50px 0 20px;}

body { background-image:url(../images/global/background_grad.jpg); background-repeat: repeat; background-color: #9aa421;}

#wrapper { background-color: #9aa421; margin: 0 auto; width: 770px; border-style: solid; border-color:#FFFFFF; border-width:1px; min-height:550px;}

#header { width: 450px; }

#number { float: right; position: relative; top: -80px; left: -20px; color: #FFFFFF; }

#header img { margin: 10px 0 10px 20px; }

#pictures p { font-size: 9px !important; font-family: Verdana, Arial, Helvetica, sans-serif; float: right; margin-right: 40px; color: #FFFFFF;}

#menu { width: 230px; float: left; overflow: hidden !important;}

#menu ul { list-style: none; position: relative; left: -25px; width: 230px;}

#menu ul li a  { font-family: Optima; color: #FFFFFF; text-decoration: none; font-size: 20px; padding: 0 0 0 40px; }

#menu ul li a:hover { background-image:url(../images/global/hover.png); background-repeat:no-repeat;}

.active { background-image:url(../images/global/hover.png); background-repeat:no-repeat; }

#content { color: #fff; font-family: Optima; width: 520px; margin: 0 0 0 245px; padding-bottom: 70px; overflow: hidden !important;}

#content h2 { font-weight:normal; }

#content p { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-right: 60px;}

#content ul li{ font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }

#footer { color: #cdd290; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 5px 0 0 20px; padding-bottom: 5px;}


body#home #menu ul li a#menu-home,
body#contact #menu ul li a#menu-contact,
body#environment #menu ul li a#menu-environment,
body#plant-facts #menu ul li a#menu-plant-facts,
body#service #menu ul li a#menu-service { background-image:url(../images/global/hover.png); background-repeat:no-repeat;}