html
{
   overflow-y:scroll; /* vertical scroll bar all the time */
   padding: 0px;
   margin: 0px;
   background: #ffffff url(contactmedia/exteriortile.gif) center top repeat-x;
}
body  {
   padding: 0px;
   margin: 0px;
   font: 13px arial,sans-serif;
   background: #ffffff url(contactmedia/exteriortile.gif) center top repeat-x;
}
#home
{
   width: 1024px;
   margin: 0px auto 0px auto;
   background: url(contactmedia/interiortile.gif) repeat center top;
   position:relative;
}    
#tryptich  {
   background: url(contactmedia/tryptich.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 85px;
   top: 245px;
   z-index: 2;
   width: 862px;
   height: 226px;
}

#header  {
   background: url(header.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 1;
   width: 1024px;
   height: 350px;
}
#letterhead  {
   background: url(letterhead.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 325px;
   top: 50px;
   z-index: 3;
   width: 421px;
   height: 144px;
}
#letterhead p { display:none;}

#tile {
    background: url(contactmedia/interiortile.gif) repeat center top;
    width: 1024px;
    margin: 0px auto 0px auto;
    left:0px;
    top:100px;
    background-color:#ffffff;
    position: absolute;
}

#text {
    color:#202020;
    padding:380px 0px 20px 320px;
    min-height:300px;
    width:395px;
    z-index:2;
    position:relative;
}

#backlink
{
    text-align:center;
    font-size: 15pt;
    text-decoration: none;
    padding-top:20px;
    padding-left:320px;
    width:395px;
}

h2 {
    margin: 20px 0px 0px 0px;
}

#backlink a,a:visited
{
    color: #808080;
}

#text a
{
    color: #ff4200;
}
#text a:visited
{
    color: #c03100;
}
    

#footer  {
   background: url(contactmedia/id7footer.gif) no-repeat;
   visibility: visible;
   position: relative;
   left: 0px;
   z-index: 1;
   width: 1024px;
   height: 117px;
}

.newsdate
{
    font: bold 15px arial,sans-serif;
    padding-top:10px;
    padding-bottom:0px;
    border-bottom: 1px solid #808080;
    color:#ff4200;
}

.newsitem
{
    margin-top:5px;
}

#navmenu {
    z-index:3;
    position:absolute;
    color:#606060; /* default item colour, used for the selected item */
/*    border:solid; */
    top:80px;
    text-align:center;
    font: bold 13px arial,sans-serif;
}

/* currently selected item */
#navmenu span {
    padding: 0px 5px 0px 5px;
}
/* unselected items */
#navmenu a {
    margin: 0px;
    padding: 0px 5px 0px 5px;
    text-decoration : none;
    color: #a0a0a0;
}
#navmenu a:hover {
    text-decoration : none;
    color: #c0c0c0;
}

.leftsidebar {
    position:absolute;
    top:250px;
    left:91px;
    width:185px;
    margin: 0px 0px 0px 0px;
    z-index:2;
    font: italic 12px arial,sans-serif;
    color:#ffffff;
}

.leftsidebar img{
    padding-bottom: 10px;
}    

#legalfooter p  {
   text-align:center;
   position:absolute;
   top:60px;
   width:1024px;
   font: 10px/12px Arial;
   margin: 0px;
   color: #2A2A2A;
   padding-right: 20px;
   z-index:5;
}

/* Stuff for screenshot popups */
.screenshot img
{
}

.screenshotpopup img
{
    border-style:none;
}

.screenshotpopup a .largepopup
{
    position:absolute;
    border-style:none;
    width: 1px;
    height: 1px;
}

.screenshotpopup a:hover .largepopup
{
    position:absolute;
    border-style:none;
    top:80px;
    left:100px;
    padding-bottom: 0px;
    width: 400px;
    height:301px;
    border:1px solid white;
}

.screenshotpopup a .largepopupdroid
{
    position:absolute;
    border-style:none;
    width: 1px;
    height: 1px;
}

.screenshotpopup a:hover .largepopupdroid
{
    position:absolute;
    border-style:none;
    top:80px;
    left:100px;
    padding-bottom: 0px;
    width: 320px;
    height:464px;
    border:1px solid white;
}

/* for a page which consists of a list of items (such as games) */

#listcontainer {
    position:relative;
    top:10px;
}

.listitemodd {
/*    background-color: #d0d0e0; */
    background-repeat:no-repeat;
    background-position:5px 5px;
    padding: 5px 10px 20px 75px;
}

.listitemeven {
    background-repeat:no-repeat;
/*    background-color: #e0e0e0; */
    background-position:5px 5px;
    padding: 5px 10px 20px 75px;
}


/* this will create a hyperlink which overlays the image */

.listhiddenlink a {
    position:absolute;
    width:57px;height:57px;
    left:5px;
}

.listhiddenlink h1 { display:none;}
    

#listcontainer a
{
    margin: 0px 0px 0px 0px;
    text-decoration:none;
    color:#808080;
}
#listcontainer a:visited {color:#a0a0a0;}
#listcontainer h1
{
    margin: 0px 0px 0px 0px;
    font-size: 12pt;
    border-bottom: 1px solid;
}

h1
{
    margin: 0px 0px 0px 0px;
    font-size: 15pt;
    border-bottom: 1px solid;
    color:#c0c0c0;
}    

.gamereleasedtag {
    text-align:right;
    margin: 0px 0px 10px 0px;
}

/* The popup in the corner */    

#gamespopup  {
   background: url(contactmedia/gamespopup.gif) no-repeat;
   visibility: hidden;
   position: absolute;
   left: 787px;
   top: 106px;
   z-index: 2;
   width: 118px;
   height: 79px;
}


/*
 * everything below here is for the logo area in the right sidebar.
 * All the individual logos are inside logocontainer. 
 */


#wii  {
   background: url(contactmedia/wii.gif) no-repeat;
   position: absolute;
   visibility: visible;
   left: 0px;
   top: 0px;
   z-index: 1;
   width: 56px;
   height: 25px;
}

#iphone  {
   background: url(contactmedia/iphone.gif) no-repeat;
   position: absolute;
   visibility: visible;
   left: 76px;
   top: 0px;
   z-index: 1;
   width: 93px;
   height: 20px;
}

#nintendods  {
   background: url(contactmedia/njintendods.gif) no-repeat;
   position: absolute;
   visibility: visible;
   left: 0px;
   top: 30px;
   z-index: 1;
   width: 119px;
   height: 27px;
}

#ps3  {
   background: url(contactmedia/ps3.gif) no-repeat;
   position: absolute;
   visibility: visible;
   left: 9px;
   top: 60px;
   z-index: 1;
   width: 164px;
   height: 6px;
}

#psp  {
   background: url(contactmedia/psp.gif) no-repeat;
   position: absolute;
   visibility: visible;
   left: 0px;
   top: 80px;
   z-index: 1;
   width: 144px;
   height: 22px;
}

#windows  {
   background: url(contactmedia/windows.gif) no-repeat;
   position: absolute;
   visibility: visible;
   left: 50px;
   top: 105px;
   z-index: 1;
   width: 124px;
   height: 27px;
}

#xbox360  {
   background: url(contactmedia/xbox360.gif) no-repeat;
   position: absolute;
   visibility: visible;
   left: 0px;
   top: 140px;
   z-index: 2;
   width: 144px;
   height: 25px;
}

#atomappstore {
   background: url(contactmedia/appstore.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 19px;
   top: 170px;
   z-index: 1;
   width: 151px;
   height: 31px;
}

#intelswp  {
   background: url(contactmedia/SWp_a_rgb-present.png) no-repeat;
   position: absolute;
   visibility: visible;
   left: 0px;
   top: 220px;
   z-index: 1;
   width: 78px;
   height: 71px;
}

#android  {
   background: url(contactmedia/android.png) no-repeat;
   position: absolute;
   visibility: visible;
   left: 100px;
   top: 220px;
   z-index: 1;
   width: 75px;
   height: 75px;
}

#atomappstore p { display:none; }

    
#logocontainer
{
    position:absolute;
    left: 761px;
    width:180px;
    height:242px;
    right: 0px;
}

#badges
{
    position:absolute;
    left:85px;
    top:0px;
    width:180px;
    height:242px;
    
    z-index:5;
}