body, html
{
background-image: URL('images/bgstrip.jpg');
background-repeat: repeat-x;
background-color: #6A8D31;
color: #F4F4F4;
font-family: Verdana,Arial,Arial CE;
font-size: 11px;
margin: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
text-align: center;
}

a:link
{
color: #F4F4F4;
text-decoration: underline;
}

a:visited
{
color: #F4F4F4;
text-decoration: underline;
}

a:active
{
color: #F4F4F4;
text-decoration: underline;
}

a:hover
{
color: #F4F4F4;
text-decoration: none;
}

h1
{
display: none;
}

h2
{
font-size: 16px;
margin-bottom: 6px;
}

#main
{
background-image: URL('images/background.jpg');
background-repeat: no-repeat;
width: 949px;
height: 876px;
margin: auto;
margin-bottom: 0px;
padding-bottom: 0px;
}

#header-text
{
width: 500px;
height: 122px;
text-align: justify;
position: relative;
left: 392px;
top: 10px;
@left: 168px;
}

#colors
{
position: relative;
left: 12px;
top: -32px;
height: 25px;
width: 520px;
@left: -203px;
}

.color-box
{
width: 20px;
height: 20px;
margin-left: 10px;
background-color: #FFFFFF;
border: 1px solid #000000;
float: left;
cursor: hand;
}

.color-box-active
{
width: 20px;
height: 20px;
margin-left: 10px;
background-color: #FFFFFF;
border: 2px solid #C70000;
float: left;
cursor: hand;
}

#pixels-left
{
position: relative;
top: -58px;
left: 550px;
width: 340px;
height: 30px;
font-size: 18px;
@left: 250px;
}

#arena
{
position: relative;
width: 900px;
height: 369px;
top: -48px;
left: 23px;
@width: 901px;
@height: 371px;
@left: -1px;
}

#boxes
{
position: relative;
height: 137px;
width: 890px;
left: 28px;
top: 146px;
@height: 139px;
@width: 893px;
@left: -1px;
@top: 157px;
}

#support
{
width: 165px;
padding-left: 5px;
padding-right: 5px;
text-align: left;
float: left;
@width: 175px;
}

#icon-code
{
position: relative;
top: 3px;
}

#statistics
{
width: 220px;
padding-left: 5px;
padding-right: 5px;
text-align: left;
margin-left: 21px;
float: left;
@margin-left: 14px;
_margin-left: 23px;
}

#ad
{
width: 200px;
padding-left: 5px;
padding-right: 5px;
text-align: left;
margin-left: 18px;
float: left;
@margin-left: 17px;
_margin-left: 27px;
}

#ad-title
{
font-size: 14px;
font-weight: bold;
}

#ad-inner
{
position: relative;
top: 5px;
}

#links
{
width: 220px;
padding-left: 5px;
text-align: left;
margin-left: 11px;
float: left;
font-size: 10px;
@margin-left: 10px;
_margin-left: 20px;
}

#left-links
{
float:left;
width: 100px;
}

#right-links
{
float:left;
width: 100px;
margin-left: 10px;
}

#links a:link
{
color: #F4F4F4;
text-decoration: none;
}

#links a:visited
{
color: #F4F4F4;
text-decoration: none;
}

#links a:active
{
color: #F4F4F4;
text-decoration: none;
}

#links a:hover
{
color: #F4F4F4;
text-decoration: underline;
}

#footer
{
position: relative;
top: 175px;
font-size: 10px;
@top: 171px;
}

#icon-code-pop
{
background-color: #1D75A5;
margin: 20px;
height: 160px;
}

#guide-pop
{
background-color: #1D75A5;
margin: 20px;
padding: 20px;
height: 460px;
}

.pixel
{
float: left;
width: 10px;
height: 10px;
font-size:1px;
cursor: crosshair;
}

.blank-pixel
{
float: left;
width: 9px;
height: 9px;
font-size:1px;
background-color: #EFEFEF;
border-right: 1px solid #D7D7D7;
border-bottom: 1px solid #D7D7D7;
cursor: crosshair;
_width: 10px;
_height: 10px;
}

#remaining
{
background-image: URL('images/bginput01.jpg');
background-repeat: no-repeat;
border: 0px;
background-color: #44A0DF;
font-size: 18px;
width: 338px;
position: relative;
left: 10px;
@left: 5px;
color: #F4F4F4;
font-family: Verdana,Arial,Arial CE;
}