/*Pwnagegames*/

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

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

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

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

a 
{
outline: none;
}

body
{
background-color: #ffffff;
color: #ffffff;
background-image: url('bg/bg.png');
font-family: "Trebuchet MS", verdana;
font-size: 10pt;
}

/*banner div*/
div.header
{
width: 760px;
height: 120px;
margin: 0px auto;
border: 0px;
text-align: center;
}

/*outter transparent box*/
div.wrapper 
{
width: 1000px;
height: 1195px;
margin: 0px auto;
padding: 0px;
border: 0px;/*1px solid blue;*/
background-image: url('bg/wrapperbg.png');
}

/*inner transparent box*/
div.body
{
text-align: center;
border: 0px;/*1px solid red;*/
width: 950px;
height: 1010px;
float: left;
position: relative;
left: 25px;
top: 25px;
margin: 0 auto;
padding: 0px;
background-image: url('bg/contentbg.png');
}

/*holds whole navigation/control panel*/
div.navigation
{
text-align: center;
border: 0px;/*1px dotted green;*/
width: 950px;
height: 100px;
float: left;
position: relative;
bottom: 25px;
left: 0px;
margin: 0 auto;
padding: 0px;
background-repeat: no-repeat;
background-image: url('nav2/nav-body-2.png');
}

/*holds top part of navigation*/
div.navtop
{
text-align: center;
border: 0px;/*1px dotted yellow;*/
width: 950px;
height: 39px;
float: left;
position: relative;
bottom: 0px;
left: 0px;
margin: 0 auto;
padding: 0px;
}

div.navleft
{
position: relative;
float: left;
}

div.favorite
{
position: relative;
float: left;
}

/*makes sure no content spills over the black line in middle of the control panel*/
div.navspacer
{
text-align: center;
border: 0px;/*1px dotted white;*/
width: 950px;
height: 2px;
float: left;
position: relative;
bottom: 0px;
left: 0px;
margin: 0 auto;
padding: 0px;
}

/*holds bottom of the navigation (control panel)*/
div.navbottom
{
text-align: center;
border: 0px;/*1px dotted orange;*/
width: 950px;
height: 59px;
float: left;
position: relative;
bottom: 0px;
left: 0px;
margin: 0 auto;
padding: 0px;
}

/*holds news*/
div.text
{
border: 0px;/*1px dotted red;*/
text-align: center;
width: 930px;
height: 120px;
float: left;
position: relative;
top: -25px;
left: 0px;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}

/*holds the ad*/
div.ads
{
border: 0px;/*1px dotted purple;*/
text-align: center;
float: left;
position: relative;
margin: 0 auto;
width: 950px;
height: 90px;
}

/*use to space div boxes if needed*/
div.space
{
width: 100%;
height: 0px;
float: left;
position: relative;
border: 0px;
}

/*holds individual navigation images*/
div.navbox
{
vertical-align: middle;
text-align: center;
border: 0px;
width: 135px;
height: 39px;
float: left;
position: relative;
bottom: 0px;
left: 0px;
margin-right: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
background-repeat: no-repeat;
}

/*holds titles*/
div.bodycontenttext
{
text-align: center;
border: 0px;
width: 930px;
height: 50px;
float: left;
position: relative;
left: 0px;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 20px;
}

/*holds titles*/
div.titles
{
text-align: center;
border: 0px solid green;
width: 950px;
height: auto;
float: left;
position: relative;
left: 0px;
background-repeat: no-repeat;
background-image: url('newgamesnav/new-games-body-5.png');
margin-top: 10px;
margin-bottom: 10px;
background-position: top left;
}

/*holds titles top*/
div.titlestop
{
text-align: center;
border: 0px solid red;
width: 950px;
height: 50px;
float: left;
position: relative;
left: 0px;
margin: 0 auto;
}

/*holds titles bottom*/
div.titlesbottom
{
text-align: center;
border: 0px solid orange;
width: 950px;
height: 20px;
float: left;
position: relative;
left: 0px;
margin-bottom: 20px;
}

/*holds individual navigation images for new and hot games*/
div.navboxtitles
{
vertical-align: middle;
text-align: center;
border: 0px solid green;
width: 135px;
height: 25px;
float: left;
position: relative;
bottom: 0px;
left: 0px;
margin-right: 0px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
background-repeat: no-repeat;
}

/*holds image divs and lines them up*/
div.gamesimagescenter
{
text-align: center;
border: 0px solid green;
width: 950px;
height: auto;
float: left;
position: relative;
left: 0px;
margin: 0 auto;
padding: 0px;
}

/*holds the game link images*/
div.gameimages
{
text-align: center;
border: 1px solid red;
width: 150px;
height: 120px;
float: left;
position: relative;
left: 0px;
margin-right: 0px;
margin-left: 32px;
margin-top: 0px;
margin-bottom: 18px;
padding: 0px;
}

/*makes images border white when hovered over*/
.gamesimagescenter div:hover
{
border: 1px solid white;
}

/*spaces two lines of game link images*/
div.spacer
{
text-align: center;
border: 0px;
width: 950px;
height: 18px;
float: left;
position: relative;
left: 0px;
margin: 0 auto;
padding: 0px;
}

/*holds the ad on the game genre pages*/
div.genreAd
{
width: 728px;
height: 90px;
margin: 0px auto;
padding: 0px;
border: 0px solid blue;
text-align: center;
color: #000000;
position: relative;
bottom: 140px;
}

/*holds the footer*/
div.footer
{
width: 1000px;
height: auto;
margin: 0px auto;
padding: 0px;
border: 0px solid blue;
text-align: center;
color: #000000;
position: relative;
bottom: 135px;
}

/*used for login system, div that changes by ajax*/
div#ajaxDiv
{
position: relative;
float: left;
text-align: left;
}

/*used for login system, another div that changes by ajax*/
div#registerDiv
{
position: relative;
float: left;
}

/*div used on play-game.php to hold the .swf*/
div.game
{
text-align: center;
border: 0px;
width: 950px;
height: 600px;
float: left;
position: relative;
left: 0px;
margin: 0 auto;
padding: 0px;
}

/*div used to preload images for the mouseover on the navigation*/
div#preload 
{ 
display: none; 
}

div#hidden
{ 
display: none; 
}

/*Everything below here is for the control panel*/

div