html { overflow: -moz-scrollbars-vertical; }
body { background: url(../images/top_bg.gif) repeat-x #548217; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin: 0; }

a { color: #5a940e; text-decoration: none; }
ul, p { padding: 0; margin: 0; }
li { list-style: none; }
a img { border: none; }
.body_font { font-family: Verdana, Arial, Helvetica, sans-serif; }

#page_top { height: 463px; }
#page_bottom { height: 502px; background: url(../images/bottom_bg.gif) repeat-x; }

#page_top_inner, #page_bottom_inner { width: 980px; margin: 0 auto; }

#header { margin: 20px 0 0 20px; width: 300px; height: 92px; float: left; }
#header h1 { float: left; margin: 0; width: 296px; height: 71px; background: url(../images/compost_logo.gif) no-repeat; display: block; }
#header h1 span { display: none; }
#header #version { padding: 4px 0 0 203px; float: left; clear: left; }

ul#top_menu { float: right; width: 610px; margin-top: 50px; }
ul#top_menu li { font-family: Georgia, Times, serif; font-size: 18px; margin-left: 70px; float: left; }
ul#top_menu li.first { margin-left: 0; }
ul#top_menu li a:hover, ul#top_menu li a.activeSlide { border-bottom: solid 2px #2c8fce; cursor: pointer; cursor: hand; }

#slides { clear: both; width: 980px; height: 350px; padding-top: 1px; }
#slides .slide { width: 980px; height: 350px; padding: 0; }
#slides .slide h2 { padding-bottom: 10px; width: 250px; height: 50px; margin: 0; float: left; }
#slides .slide h3 { color: #5a940e; font-family: Georgia, Times, serif; font-size: 28px; line-height: 34px; font-weight: normal; margin: 0; }
#slides .slide span { display: none; }
#slides .slide h3 span { display: inline; }
#slides .image { float: left; width: 390px; }
#slides .info { float: left; width: 580px; }

#slides #overview .image { padding-top: 5px; }
#slides #license .image { padding-top: 15px; }
#slides #download .image { padding-top: 8px; }
#slides #participate .image { padding-top: 15px; }

#slides #overview h2{ background: url(../images/head_introducing.gif) no-repeat 0 30px; padding-top: 20px; }
#slides #license  h2{ background: url(../images/head_license.gif) no-repeat 0 10px; padding: 10px 0 0; }
#slides #download  h2{ background: url(../images/head_downloading.gif) no-repeat 0 30px; padding-top: 20px; }
#slides #participate h2 { background: url(../images/head_participate.gif) no-repeat 0 30px; padding-top: 20px; }

#slides #overview h3 { padding-bottom: 20px; }
#slides #overview li { padding: 0 10px 0 40px; color: #2c8fce; font-size: 18px; width: 140px; float: left; margin-top: 5px; }
#slides #overview li.one { background: url(../images/list_one.png) no-repeat; padding-left: 30px; }
#slides #overview li.two { background: url(../images/list_two.png) no-repeat; }
#slides #overview li.three { background: url(../images/list_three.png) no-repeat; padding-right: 0; width: 150px; }
#slides #overview .info h3 { padding-right: 110px; background: url(../images/introducing_bubble.png) no-repeat top right; height: 85px; }

#slides #license ul { padding: 15px 0 0 7px; }
#slides #license ul li { font-size: 18px; color: #5a940e; padding: 0 0 5px 15px; background: url(../images/list_bullet_blue.png) no-repeat 0 9px; }

#slides #download .button,
#slides #license .button { padding: 20px 0 0 340px; display: block; }
#slides #participate .button { padding: 20px 0 0 130px; display: block; }

#page_bottom { height: 502px; background: url(../images/bottom_bg.gif) repeat-x; }

#features { width: 420px; float: left; margin: 6px 0 0 50px; }
#features_list { padding-top: 20px; }
#features_list { width: 450px; }
#features_list li { border-top: solid 1px #87ff5a; color: #fff; font-size: 20px; padding: 7px 0 10px; }
#features_list li.first { border: none; }
#features a { color: #fff; font-size: 18px; padding-top: 20px; display: block; }

#page_bottom #download { float: right; width: 400px; height: 200px; padding-top: 300px; background: url(../images/screenshot.png) no-repeat 0 10px; }
#page_bottom #download a { padding-left: 75px; }

#lightbox_gpl3, #lightbox_features, #lightbox_powers, #lightbox_lebowski { display: none; }

#footer { clear: both; width: 980px; margin: 0 auto; height: 70px; }
#footer_left { float: left; padding-left: 25px; font-size: 9px; color: #C8FE81; }
#footer_left #footer_logo { float: left; }
#footer_left ul { float: left; padding-top: 34px; }
#footer_left ul li { border-left: solid 1px #c8fe81; margin: 0 0 0 5px; float: left; }
#footer_left a { color: #c8fe81; padding-left: 5px; }
#footer_left a:hover { color: #fff; }

#footer_right { float: right; padding-top: 34px; font-size: 9px; }
#footer_right a { color: #fff; }