/*********************************************************
 * Styles shared by all pages
 *
 *  #343232   grey
 *  #5c9835   green
 *  #f7ca4e   yellow
 *********************************************************/

body { color: #ffffff; background: #000000 url(../images/layout/background.jpg) fixed top center repeat-y; margin: 0; }

#container { width: 760px; position: absolute; left: 50%; margin-top: 10px; margin-bottom: 10px; margin-left: -380px; margin-right: 0; }

h1 { width: 760px; height: 90px; margin-top: 0; margin-bottom: 61px; margin-left: 0px; margin-right: 0px; padding: 0; text-align: center; }

fieldset { border: none; }

li { margin-bottom: 0.5em; }

ul.radiolist    { list-style: none; margin: 0; padding: 0; text-align: left; }
ul.radiolist li { list-style: none; margin: 0; padding: 0; text-align: left; }


#menu { color: #ffffff; background: #696969 url(../images/layout/menubar.gif) top center no-repeat; height: 56px; width: 680px; margin: 0; padding-top: 0; padding-bottom: 0; padding-left: 40px; padding-right: 40px; position: absolute; top: 95px; left: 0; }
#menu img { border: none; }
#menu hr { display: none; }

#nav { padding: 0; margin: 0; list-style: none; color: #ffffff; }

#nav a:link { display: block; width: 105px; text-align: center; color: #ffffff; text-decoration: none; }
#nav a:visited { display: block; width: 105px; text-align: center; color: #ffffff; text-decoration: none; }
#nav a:hover { display: block; width: 105px; text-align: center; color: #f7ca4e; text-decoration: none; }
#nav a#selected { color: #f7ca4e; }

#nav li { list-style: none; float: left; width: 105px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #ffffff; margin: 0; }

#nav li#nav-home a { height: 0; padding-top: 56px; overflow: hidden; background: url(../images/menu/home.gif) center top no-repeat; }
#nav li#nav-company a { height: 0; padding-top: 56px; overflow: hidden; background: url(../images/menu/company.gif) center top no-repeat; }
#nav li#nav-projects a { height: 0; padding-top: 56px; overflow: hidden; background: url(../images/menu/projects.gif) center top no-repeat; }
#nav li#nav-investors a { height: 0; padding-top: 56px; overflow: hidden; background: url(../images/menu/investors.gif) center top no-repeat; }
#nav li#nav-contact a { height: 0; padding-top: 56px; overflow: hidden; background: url(../images/menu/contact.gif) center top no-repeat; }

#nav li#nav-home a:hover { background: url(../images/menu/home.gif) center -56px no-repeat; }
#nav li#nav-company a:hover { background: url(../images/menu/company.gif) center -56px no-repeat; }
#nav li#nav-projects a:hover { background: url(../images/menu/projects.gif) center -56px no-repeat; }
#nav li#nav-investors a:hover { background: url(../images/menu/investors.gif) center -56px no-repeat; }
#nav li#nav-contact a:hover { background: url(../images/menu/contact.gif) center -56px no-repeat; }

#nav li ul { position: absolute; width: 185px; left: -999em; padding: 0; margin: 0; list-style: none; color: #ffffff; border-left: 1px solid #696969; border-right: 1px solid #696969; border-bottom: 1px solid #696969; }
#nav li ul li { color: #ffffff; background: #f7ca4e; width: 185px; text-align: left; line-height: 150%; margin: 0; }
#nav li ul li a:link { width: 160px; padding-left: 10px; padding-right: 15px; text-align: left; color: #343232; background: #f7ca4e !important; height: auto !important; padding-top: 0 !important; }
#nav li ul li a:visited { width: 160px; padding-left: 10px; padding-right: 15px; text-align: left; color: #343232; background: #f7ca4e !important; height: auto !important; padding-top: 0 !important; }
#nav li ul li a:hover { width: 160px; padding-left: 10px; padding-right: 15px; text-align: left; color: #ffffff; background: #5c9835 !important; height: auto !important; padding-top: 0 !important; }

#nav li:hover ul, #nav li.sfhover ul { left: auto; }


p#footer { width: 748px; margin-top: 0; margin-bottom: 0; margin-left: 1px; margin-right: 1px; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; color: #4e4e4e; text-align: right; clear: both; }
p#footer a:link { color: #4e4e4e; white-space: nowrap; text-decoration: none; }
p#footer a:visited { color: #4e4e4e; white-space: nowrap; text-decoration: none; }
p#footer a:hover { color: #666666; white-space: nowrap; text-decoration: underline; }