html {
color:#fff;
background:#000;
}

table {
border-collapse:collapse;
border-spacing:0;
font-size:1em;
}

fieldset,img {
border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:400;
}

ul,ol {
padding-left:25px;
margin:0;
}

li {
list-style-position:outside;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:400;
}

q:before,q:after {
content:'';
}

abbr,acronym {
border:0;
font-variant:normal;
}

sup {
vertical-align:text-top;
}

sub {
vertical-align:text-bottom;
}

input,textarea,select {
font-family:inherit;
font-weight:inherit;
font-size:100%;
}

body {
color:#818181;
font-family:"Lucida Grande",Lucida,Verdana,sans-serif;
font-size:12px;
line-height:1.9em;
-webkit-text-size-adjust:none;
}

#header {
background:url("../media/images/background-header.gif") repeat-x scroll 0 0 transparent;
height:103px;
z-index:5;
}

#header-content {
position:relative;
z-index:5;
}

#header-content, #footer {
margin:0 auto;
padding:0 40px;
width:915px;
}

#nav {
position:absolute;
right:12px;
top:28px;
width:415px;
z-index:10;
}

a {
text-decoration:none;
color:#d0d0d0;
}

a:focus,button:focus {
outline:none;
-moz-outline:none;
}

h3 {
color:#fff;
font-size:1em;
text-transform:uppercase;
}

h5 {
color:#d0d0d0;
font-size:1em;
text-transform:uppercase;
}

hr {
border:none;
border-bottom:1px solid #333;
margin-bottom:2em;
}

#superheader {
width:100%;
height:509px;
background:url('../media/images/background.jpg') no-repeat;
position:relative;
margin-top:-20px;
min-width:950px;
}

#info_div {
width:873px;
height:474px;
left:50%;
position:absolute;
margin:0px auto 0 -450px;
}


#middle {
width:373px;
height:474px;
background:url('../media/images/header_mainlogo.png') no-repeat center;
left:50%;
position:absolute;
margin:0 auto 0 -200px;
}

#supportmiddle {
width:373px;
height:479px;
background:url('../media/images/header_supportlogo.jpg') no-repeat center;
left:50%;
position:absolute;
margin:0 auto 0 -200px;
}

#leftshade {
float:left;
width:391px;
height:412px;
background:url('../media/images/header_leftshade.png');
margin-left:-391px;
margin-top:67px;
position:relative;
}

#rightshade {
float:right;
width:381px;
height:415px;
background:url('../media/images/header_rightshade_t.png');
margin-right:-381px;
margin-top:64px;
position:relative;
}

#greyleft {
width:40%;
height:295px;
//background:url('../media/images/header_greygrass.jpg') no-repeat right;
position:absolute;
left:0;
top:25px;
}

#greyright {
width:40%;
height:295px;
//background:url('../media/images/header_greygrass.jpg') no-repeat left;
position:absolute;
right:0;
top:-25px;
}

#navigation {
width:910px;
height:60px;
//background:url('../media/images/banner_sky.png') no-repeat top right;
position:relative;
margin:0 auto;
padding:0px 20px;
border-bottom: 4px solid #70ad98;
}

#littleplus {
background:url('../media/images/menu_littleplus.gif');
float:left;
width:8px;
height:8px;
margin:27px 10px 0;
}

.logoimg
{
        margin-left: -40px;
        margin-top: -10px;
        width: 400px;
        
}

a.picologo {
//background:url('../media/images/eco_leaves.png') no-repeat 0 0;
float:left;
width:880px;
height:149px;
margin-top: 10px;
cursor:pointer;
}

a.picologo:hover {
background-position:0 25px;
}

a.sofalogo {
background:url('../media/images/menu_sofalogo.gif');
float:left;
width:90px;
height:24px;
margin-top:20px;
cursor:pointer;
}

a.sofalogo:hover {
background-position:0 24px;
}

a.download {
background:url('../media/images/menu_download.png');
float:right;
width:100px;
height:27px;
margin-top:17px;
cursor:pointer;
}

a.buynow {
background:url('../media/images/menu_buynow.png');
float:right;
width:113px;
height:27px;
margin-top:17px;
margin-right:20px;
cursor:pointer;
}

a.buynow:hover {
background-position:0 27px;
}

a.support {
background:url('../media/images/menu_support.png');
float:right;
width:104px;
height:27px;
margin-top:17px;
margin-right:20px;
cursor:pointer;
}

a.home {
background:url('../media/images/menu_home.png');
float:right;
width:124px;
height:26px;
margin-top:17px;
margin-right:20px;
cursor:pointer;
}

a.home:hover {
background-position:0 29px;
}

a.notes {
background:url('../media/images/menu_releasenotes.png');
float:right;
width:124px;
height:26px;
margin-top:17px;
margin-right:36px;
cursor:pointer;
}

a.notes:hover {
background-position:0 26px;
}

#spacer {
height:60px;
}

#versionsfeatures {
width:910px;
position:relative;
margin:-157px auto 0;
padding:0 20px;
}

.maincolumns {
width:910px;
float:left;
}

.maincolumns .column {
float:left;
width:267px;
margin-right:50px;
}

.maincolumns .lastcolumn {
float:left;
width:267px;
}

.maincolumns .widecolumn {
float:left;
width:584px;
margin-right:50px;
}

#features {
float:left;
width:910px;
margin:30px 0 55px;
}

#features .column {
float:left;
width:200px;
margin-right:35px;
}

#features .lastcolumn {
float:left;
width:200px;
}

#features img {
float:left;
margin-right:5px;
}

#features p {
margin-top:2em;
}

#features p strong {
color:#FFF;
font-size:1em;
text-transform:uppercase;
display:block;
}

#screenshots {
width:267px;
height:195px;
background:url('../media/images/noise_pattern.gif');
}

#screenshots a img {
border:1px solid #757575;
float:left;
margin:15px 0 0 14px;
}

#screenshots a img:hover {
border:1px solid #A8DE76;
}

#svntop {
background:url('../media/images/wideleafes.gif');
height:55px;
margin:-55px auto 0;
}

#svnbackground {
background:url('../media/images/noise_pattern.gif');
width:100%;
}

#external {
width:910px;
margin:50px auto 60px;
}

#external a {
opacity:0.8px;
}

#external a:hover {
opacity:1px;
}

#ext_ada {
display:block;
float:left;
background:url('../media/images/ext_ada.gif');
width:265px;
height:66px;
}

#ext_macupdate {
display:block;
float:left;
background:url('../media/images/ext_macupdate.gif');
width:223px;
height:66px;
margin-left:50px;
}

#ext_twitter {
display:block;
float:right;
background:url('../media/images/ext_twitter.gif');
width:210px;
height:66px;
margin-right:50px;
}

#bulletliststop {
background:url('../media/images/wideleafes_black.gif');
height:51px;
margin:-51px auto 0;
}

#bulletlistsbackground {
background:#000;
width:100%;
margin:35px 0 0;
}

ul {
margin-bottom:2em;
padding:0;
}

ul p {
margin-bottom:0.8em;
}

.greenlist li {
list-style-image:url('../media/images/bullet_leaf.png');
margin-bottom:0.8em;
list-style-position:outside;
}

.bluelist li {
list-style-image:url('../media/images/bullet_arrow.gif');
margin-bottom:0.8em;
list-style-position:outside;
}

.whitelist li {
list-style-image:url('../media/images/bullet_cloud.gif');
margin-bottom:0.8em;
list-style-position:outside;
}

.maillist li {
list-style-image:url('../media/images/bullet_mail.gif');
margin-bottom:0.8em;
list-style-position:outside;
}

#dlpop a {
color:#2B6DB6;
}

#dlpop {
background:url('../media/images/dlpop_back.png');
width:199px;
height:161px;
position:fixed;
top:45%;
left:50%;
z-index:200;
text-align:center;
display:none;
margin:-112px 0 0 -141px;
padding:30px;
}

#dlpop h1 {
color:#000;
margin-top:20px;
font-size:1.4em;
}

#dlpop p {
color:#444;
line-height:1.5em;
}

#dlbutton {
width:79px;
height:24px;
background:url('../media/images/dlpop_button.png');
text-shadow:#fff 0 1px 0;
color:#222;
font-weight:700;
cursor:default;
margin:20px auto auto;
padding:3px 0 0;
}

#dlpop:hover #dlbutton {
background-position:0 -27px;
}

#dlpop:hover #dlbutton:active {
background-position:0 -54px;
}

#backdrop {
left:0;
right:0;
background:#000;
width:100%;
height:100%;
position:fixed;
z-index:199;
opacity:0.7px;
display:none;
}

#releasenote {
background:#fff;
color:#000;
margin:0;
padding:25px;
}

#releasenote a {
color:#3C9112;
border-bottom:1px solid #C4EA91;
}

#releasenote a:hover {
text-decoration:none;
border-bottom:1px solid #3C9112;
}

#releasenote ul {
list-style-image:url('../media/images/bullet_leaf.png');
margin:0;
padding:0 0 10px 25px;
}

#releasenote ul li {
color:#000;
margin:0;
padding:1px;
}

#releasenote ul ul {
list-style-image:url('../media/images/bullet_leaf_grey.png');
padding:0 15px;
}

#releasenote ul ul li {
color:#666;
padding:0;
}

#releasenote i {
background:#DAE8B7;
color:#263E0F;
padding:0 4px;
}

#releasenotes {
width:900px;
margin:50px auto;
}

#releasenotes h1 {
font-size:2em;
color:#FFF;
margin:5px 0 25px;
}

#releasenotes h2 {
color:#eee;
margin:5px 0;
}

#releasenotes ul {
list-style:circle;
list-style-image:url('../media/images/bullet_leaf.png');
margin:0;
padding:0 0 10px 25px;
}

#releasenotes ul li {
color:#BABABA;
margin:0;
padding:1px;
}

#releasenotes ul ul {
list-style-image:url('../media/images/bullet_leaf_white.png');
padding:0 15px;
}

#releasenotes ul ul li {
color:#626262;
padding:0;
}

#releasenotes i {
background:#253b05;
color:#fff;
padding:0 4px;
}

#releasenotes a {
color:#7E7E7E;
border-bottom:1px solid #7E7E7E;
}

#releasenotes a:hover {
text-decoration:none;
color:#B5B5B5;
border-bottom:1px solid #B5B5B5;
}

div.eulatext {
width:910px;
position:relative;
margin:0 auto;
padding:0 20px;
}

div.eulatext h2 {
color:#FFF;
font-size:1.2em;
text-transform:uppercase;
font-weight:700;
margin-bottom:13px;
text-align:center;
}

div.eulatext p {
margin-bottom:2em;
text-align:justify;
}

#footer {
text-align:center;
clear:both;
margin:0 auto 20px;
}

#support_wrapper {
width:910px;
position:relative;
margin:-117px auto 40px;
}

#support_tabs {
width:440px;
float:left;
}

#support_right {
width:440px;
float:left;
margin-left:30px;
}

#support_right p {
font-style:italic;
}

#support_right h4 {
margin-bottom:2px;
}

ul.tabs {
float:left;
list-style:none;
width:100%;
margin:0;
padding:0;
}

ul.tabs li {
float:left;
overflow:hidden;
position:relative;
width:146px;
text-align:center;
margin:0;
padding:6px 0 3px;
}

ul.tabs li a {
text-decoration:none;
}

ul.tabs li a h4 {
color:#555;
text-decoration:none;
}

ul.tabs li a:hover h4 {
color:#fff;
text-decoration:none;
}

ul.tabs li.active {
background:#272727;
color:#fff;
border-top:1px solid #363635;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
padding:5px 0 3px;
}

.tab_container {
clear:both;
float:left;
width:428px;
height:665px;
border:5px solid #272727;
background:#000;
}

#support_tabs #faq {
height:635px;
width:398px;
overflow:hidden;
padding:15px;
}

#faq dl {
line-height:1.8em;
}

#faq dt {
font-weight:700;
color:#fff;
}

#faq dt span {
color:#fcef5c;
}

#faq dd {
margin:0 0 10px;
}

#faq_help {
display:block;
text-align:center;
}

#help_window {
display:block;
width:428px;
text-align:center;
background:#1B1B1B;
color:#555;
border-top:2px solid #272727;
cursor:pointer;
padding:3px 0;
}

#help_window:hover {
background:#1d1d1d;
color:#fff;
}

#contact {
height:605px;
font-size:0.9em;
padding:15px 20px;
}

#contact input,#contact select {
font-size:1.1em;
margin:2px 0 15px;
padding:2px;
}

#contact select {
font-size:1.2em;
}

#contact label {
margin:0 0 0 5px;
}

#contact textarea {
width:382px;
height:250px;
resize:none;
font-size:1.1em;
margin:2px 0 15px;
padding:2px;
}

#contact .error {
background-color:#6E0000;
color:#FFABAB;
font-size:0.8em;
margin-left:3px;
padding:1px 3px;
}

#contact_email_address {
display:block;
width:428px;
text-align:center;
background:#1B1B1B;
color:#555;
border-top:2px solid #272727;
padding:3px 0;
}

#contact_email_address a {
color:#868686;
}

#contact_email_address:hover a {
color:#fff;
text-decoration:underline;
}

#sup_email_sent {
text-align:center;
width:400px;
height:120px;
position:absolute;
top:40%;
left:50%;
margin:-60px 0 0 -200px;
}

#license_email {
width:450px;
border:3px solid #272727;
-webkit-border-radius:6px;
-moz-border-radius:6px;
margin:150px auto;
padding:40px 20px;
}

.message {
text-align:center;
}

.message h4 {
margin-bottom:5px;
}

.message a {
margin-top:20px;
background:#1B1B1B;
-webkit-border-radius:2px;
-moz-border-radius:2px;
padding:2px 4px;
}

.message a:hover {
text-decoration:underline;
background:#222;
}

#lost_license {
margin-top:6px;
}

#lost_license form {
margin:5px 0 0;
}

#lost_license form input {
font-size:1.1em;
width:285px;
padding:2px;
}

form button {
font-size:1em;
background-color:#484848;
border-top:1px solid #787878;
border-left:1px solid #555;
border-right:1px solid #555;
border-bottom:1px solid #555;
-webkit-border-radius:3px;
-moz-border-radius:3px;
text-shadow:#000 0 -1px 0;
color:silver;
margin:0;
padding:4px 20px;
}

form button:hover {
color:#FFF;
background-color:#535353;
}

form button:active {
color:#BEBEBE;
background-color:#454545;
}

#apple_3d_party input {
width:240px;
height:26px;
font-size:16px;
margin:0 15px 0 0;
}

#apple_3d_party button {
height:32px;
}

#apple_3d_party .foot_note {
font-size:9px;
line-height:2em;
margin:15px 0 0;
}

#group form {
background:#272727;
padding:10px;
}

#group form input {
font-size:1.1em;
width:315px;
padding:2px;
}

#group ul {
list-style:none;
border-top:1px solid #272727;
margin:5px 0 0;
padding:0;
}

#group li a {
display:block;
border-bottom:1px solid #272727;
background:url('../media/images/bullet_arrow.gif') no-repeat center right;
color:#818181;
margin:0;
padding:4px 15px 4px 0;
}

#group li a:hover {
text-decoration:none;
background:url('../media/images/bullet_arrow_hover.gif') no-repeat center right;
color:#fff;
}

#group h4 a {
display:block;
float:right;
line-height:0.7em;
margin-top:5px;
font-size:0.7em;
font-weight:400;
background:#1E4600;
color:#fff;
-webkit-border-radius:2px;
-moz-border-radius:2px;
text-shadow:#000 0 -1px 0;
padding:3px 4px;
}

#group h4 a:hover {
background:#316500;
}

#twitter {
border-top:1px solid #272727;
margin:7px 0 0;
}

#twitter ul {
list-style:none;
margin:0;
padding:0;
}

#twitter li {
border-bottom:1px solid #272727;
background:url('../media/images/bullet_tweet.gif') no-repeat center right;
margin:0;
padding:4px 15px 4px 0;
}

#ada_09 {
position:absolute;
top:50px;
left:25px;
width:216px;
height:181px;
background:url('../media/images/badge_ada_09.png') 0 -50px no-repeat;
z-index:1;
}

#ada_link {
display:block;
position:absolute;
top:127px;
left:0;
width:216px;
height:54px;
}

#beta_header {
background:url('../media/images/beta/beta_header.jpg');
width:508px;
height:288px;
position:relative;
margin:175px auto 75px;
}

#beta_header a {
background:url('../media/images/beta/beta_download.png');
width:187px;
height:42px;
position:absolute;
top:201px;
left:141px;
font-size:1.2em;
line-height:1.2em;
text-shadow:#000 0 1px 0;
padding:8px 0 0 40px;
}

#beta_header a:hover {
background-position:0 -50px;
}

#beta_header a:active {
background-position:0 -100px;
}

#beta_header a span {
font-size:0.7em;
}

body,div,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,ul.tabs h4,#group li {
margin:0;
padding:0;
}

legend,#releasenote h2 {
color:#000;
}

h2,h4 {
color:#fff;
font-size:1.2em;
text-transform:uppercase;
font-weight:700;
margin-bottom:13px;
}

a.download:hover,a.support:hover {
background-position:0 28px;
}

#svn,#bulletlists {
width:910px;
margin:40px auto;
padding:0 20px;
}

ul a:hover,#footer a:hover,#support_right p a:hover,#faq a:hover,#twitter li:hover a {
text-decoration:underline;
}

#releasenote h2 span,#releasenotes h2 span {
font-size:11px;
font-weight:400;
}

#releasenote li,#releasenotes li {
margin-bottom:0.8em;
list-style-position:outside;
}

ul.tabs li.active a h4,#faq dd span {
color:#fff;
}

.tab_content iframe.ifaq,.tab_content iframe.icontact {
height:635px;
width:428px;
}

.message img,.message p {
margin-bottom:20px;
}

#license_thanks,#apple_3d_party {
width:456px;
background:#272727;
-webkit-border-radius:10px;
-moz-border-radius:10px;
margin:50px auto 125px;
}

#license_thanks div,#apple_3d_party div {
padding:0 20px 20px;
}

#group,#tweets {
margin-top:35px;
}


#nav ul {
padding-left:31px;
width:475px;
}
.clearfix {
display:inline-block;
}
p, ul, ol {
padding-bottom:12px;
}
ol, ul {
list-style:none outside none;
}

#nav li {
float:left;
position:relative;
}