html
        {
        margin: 0 auto;
        padding: 0; 
	}

body {
        color: #000;
        background: #fff url("img/stripes.png");
        margin: 0 auto;
        text-align: center;
        width: 900px;
        min-width: 900px;
        }
div#header
	{
	background: url("img/header-mac.png");
	width: 910px;
	height: 180px;
	margin-top: 20px;
	}
div#footer
	{
	background: url("img/footer.png") no-repeat;
	width: 910px;
	height: 110px;
	clear: both;
	}
div#container
        {
	border-left: 10px solid #00c132;
	border-right: 10px solid #00c132; 
	padding-top: 0px;
	background: #fff;
        width: 890px;
        overflow: auto;
	}
div#menu
	{
	float: left;
	width: 120px;
	}
#menu ul {padding: 0 0 0 35px; margin: 0; list-style: none;}
#menu li a
	{
	border: 1px solid white;
	color: white;
	margin: 0; padding: 1px;
	height: 70px;
	width: 83px;
	display: block;
	}
#menu li a img
	{
	border:none;
	}
#menu li a:hover
	{
	border: 1px solid #00c132;
	}
/*
Using CSS for the menu images deprecated because there's not a good way to 
do alt tags; it's possible to hackily show text when CSS deactivated, but doesn't always work
#menu li a.about {background-image: url("img/about.png");}
#menu li a.get {background-image: url("img/get.png");}
#menu li a.specs {background-image: url("img/specs.png");}
#menu li a.screenshots {background-image: url("img/screenshots.png");}
#menu li a.support {background-image: url("img/support.png");}
#menu li a.development {background-image: url("img/development.png");}
*/
div#text
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin-left: 120px;
	text-align: left;
	text-align: justify;
	padding: 10px 80px 10px 50px;
	max-width: 750px;
	}
h1 	{	
	margin: 0;
	font-size: medium;
	font-weight: normal; 
	color: #00c132;
	}
h2 	{	
	margin: 0;	
	font-size: small;
	font-weight: normal;
	color: #00c132; 
	}

a {     color: #CF2932; }
a:visited {color: #992028;} 
#text img 
	{
	padding: 0 5px 0 5px;
	}
#text img.floatleft 	{
	float: left;
	padding-top: 15px;	 	
	padding-right: 20px;
	padding-left: 0px; 
	padding-bottom: 15px;
	}
#text img.floatright 	
	{
	float: right;
	padding-top: 15px;
	padding-left: 20px;	 	
	padding-right: 0px; 
	padding-bottom: 15px;
	}
                             
.powered
	{
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	padding-top: 5px;
	padding-bottom: 10px;
	}
.powered a
	{ color:#fff;	
	}

/* definition list for about page etc */

dl dt {
	font-size: small;
	font-weight: normal;
	color: #00c132; 

      }
dl dd { margin-bottom: 10px; }

/* screenshots */
dl#screenshots1 dd,      dl#screenshots2 dd { margin: 0px 0px 8px 0px; padding: 0px; border: none; }
dl#screenshots1 dd a,    dl#screenshots2 dd a { margin: 0px; padding: 0px; border: none; vertical-align: middle;}
dl#screenshots1 dd a img,dl#screenshots2 dd a img { margin: 0px; padding: 0px; border: 1px solid; }
dl#screenshots1 {float: left;}
dl#screenshots2 {float: right;}