html {
    margin: 1em 2em;
    background: #d1d2d3;
}

body {
    border: 1px solid #666666;
    padding: 1em 2em;
    background: #ffffff;
    font-family: calibri, verdana, sans-serif;
    padding-bottom: 175px;
}

    body.Mac {
        background: #ffffff url(../img/mac_logo.png) bottom right no-repeat;
    }
    
    body.Windows {
        background: #ffffff url(../img/windows_logo.png) bottom right no-repeat;
    }
    
    body.Linux {
        background: #ffffff url(../img/tux.png) bottom right no-repeat;
    }

h1 {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 0.25em;
}

h2 {
    margin-top: 0em;
    font-size: 1.2em;
}

ul#demo {    
    float: left;
    list-style-type: none;
}

ul#demo li {
    width: 150px;
}


    .Firefox2 ul#demo li.firefox2, .Firefox3 ul#demo li.firefox3, 
    .IE6 ul#demo li.ie6, .IE7 ul#demo li.ie7, 
    .Safari2 ul#demo li.safari2, .Safari3 ul#demo li.safari3 {
        background-color: #e0e0e0;
        border: 1px solid red;
    }
    
.box {
    border-width: 5px;
    border-style: solid;
    width: 100px;
    height: 100px;
    float: left;
    margin-left: 200px;
}
    
    .Firefox2 .box {
        border-color: #7DB87B;
    }
        
        .Windows.Firefox2 .box {
            background: #FFF2D1;
        }
        
        .Mac.Firefox2 .box {
            background: #FF787C;
        }
        
        .Linux.Firefox2 .box {
            background: #C4FFC2;
        }
    
    .Firefox3 .box {
        border-color: #91080F;
    }
    
        .Windows.Firefox3 .box {
            background: #e0e0e0;
        }
        
        .Mac.Firefox3 .box {
            background: #F6F4C1;
        }
        
        .Linx.Firefox3 .box {
            background: #EB100C;
        }
    
    .IE7 .box {
        border-color: #684318;
        background: #C3F392;
    }
    
    .IE6 .box {
        border-color: #A01B30;
        background: #C3DF5B;
    }
    
    .Safari2 .box {
        border-color: #A6AB24;
        background: #82B2B5;
    }
    
    .Safari3 .box {
        border-color: #9C379E;
    }
    
        .Windows.Safari3 .box {
            background: #C36AC4;
        }
        
        .Mac.Safari3 .box {
            background: #D78DD9;
        }