body
{
    -webkit-text-size-adjust: none;
    font-family: Helvetica, "Lucida Grande", Lucida, Verdana, Arial, sans-serif;
    margin: 0;
    background-color: transparent;
    background-image: url(images/body_bg.png);
    background-repeat: repeat;
    background-attachment: scroll;
    background-x-position: 0%;
    background-y-position: 0%;
    width: 640px;
    // background-color: #000000;
    // color: #ffffff;
 //text-align:center;
 // background:  url(Default.png) no-repeat; 
}

#container {
    width: 640px;
    margin: 0 ;
   // background-color: #000000;
}

#controls {
    margin: 5px ;
    -webkit-text-size-adjust: none;
    font-size: 20pt;
}

#content {
    margin: 5px;
    padding: 5px;
    color: #000000;
    -webkit-text-size-adjust: none;
}

#content p {
    -webkit-text-size-adjust: none;
    font-size: 24pt;
}

#scores {
    clear: both;
    margin: 5px;
    padding: 5px 0px;
    text-shadow: 2px 2px 2px #4e6311;
    font-weight: bold;
    font-size: 1.6em;
    color: #eeffcd;
}

#scores .score {
    padding-right: 50px;
}

#p1 {
    position:absolute;
    top:50;
    left:50;
    pixelTop:50;
    pixelLeft:50;
}

#p2 {
    position:absolute;
    top:50;
    left:250;
}

#content h1 {
    text-shadow: 2px 2px 2px #4e6311;
    font-size: 36pt;
}

#footer {
    font-family: "Lucida Grande", Lucida, Verdana, Arial, sans-serif;
    height: 80px;
    text-align: left;
    position: relative;
    background: #8dcc31 url(../images/logo.png) no-repeat 15px 15px;
}

#footer h1 {
	color: #ffffff;
	font-size: 2em;
	margin: 0 0 5px 80px;
	padding-top: 15px;
	padding-left: 10px;
	text-shadow: 2px 2px 2px #4e6311;
}

#footer h2 {
	font-size: 1em;
	color: #eeffcd;
	margin: 0 0 0 80px;
	padding-left: 10px;
	text-shadow: 2px 2px 2px #4e6311;
}

.mac {
    color: #eeffcd;
}

.pips {
    color: #471a2e;
}

.format
{
margin-top: 8px;
}