/*/ ----------------------------------------------------------------------------
// Global Body Styling
// ----------------------------------------------------------------------------*/
body
{
	margin: 0px;
	outline: none;

        font-family:arial;
        font-size:12px;
        color:#403a1d;
        text-align:center;
        background:#969696;
        
        border:0 none;
        height:100%;
        margin:0;
        overflow:hidden;
        padding:0;
}

        /* ----------------------------------------------------------------------------
        // Global Default Element Styling
        // ----------------------------------------------------------------------------*/
        html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
        {
                margin:0;
                padding:0;
                border: 0;
	        outline: 0;
        }

        img, body, html 
        {
                border:0 none;
        }
        
        a,a:link,a:visited,a:active 
        {
                color:#333333;
                text-decoration:none;
                outline:none;
        }
        
        a
        {
        	text-decoration: none;
        	color: #3393C8;
        }
        a:hover
        {
        	text-decoration: underline;
        }
        .clear
        {
                clear:left;
                height:0px;
        }
        
        address, caption, cite, code, dfn, em, strong, th, var
        {
                font-style:normal;
                font-weight:normal;
        }
        
        ol, ul 
        {
                list-style-image:none;
                list-style-position:outside;
                list-style-type:none;
        }
        
        caption, th 
        {
                text-align:left;
        }
        
        input
        {
                padding:3px;
        }
        
/*/ ----------------------------------------------------------------------------
// Content Styling
// ----------------------------------------------------------------------------*/
div#wall
{
        height:506px;
        background:url('../images/wall.jpg') repeat-x;
}
div#floor
{
        background:url('../images/floor.jpg');
}         
div#floor-topshadow
{
        background:url('../images/floor-topshadow.png') top repeat-x;
}
div#floor-bottomshadow
{
        background:url('../images/floor-bottomshadow.png') bottom repeat-x;
        height:500px;
}

div#floor-topshadow2
{
        background:url('../images/floor-topshadow2.png') top repeat-x;
}
div#box
{
        width:827px;
        height:402px;
        background:url('../images/box.png');
        position:absolute;
        margin-top:135px;
        left:50%;
        margin-left:-436px;
        zindex:2;
        text-align:left;
}
div#character1box
{
        width:827px;
        height:276px;
        position:absolute;
        margin-top:255px;
        left:50%;
        margin-left:-436px;
        zindex:1;
        text-align:left;
}
div#character1
{
        position:absolute;
        margin-left:745px;
        width:128px;
        height:276px;
        background:url('../images/character1.png');
}
div#toplight
{
        width:466px;
        height:141px;
        position:absolute;
        left:50%;
        margin-left:-233px;
        zindex:1;
        background:url('../images/toplight.png');
}

div#consoleandguitar
{
        background:url('../images/console_and_guitar.png');  
        width:163px;
        height:353px;
        position:absolute;
        margin-left:690px;
        margin-top:70px;
}

div#characterandconsole
{
        background:transparent url(../images/character_and_console.png) repeat scroll 0 0;
        height:314px;
        margin-left:-70px;
        margin-top:115px;
        position:absolute;
        width:220px;
}

div#rightshadow
{
       background:url(../images/rightshadow.png) right repeat-y;
       height:100%;
       right:0;
       position:absolute;
       top:0;
       width:230px;   
       z-index:3;   
}
div#leftshadow
{
       background:url(../images/leftshadow.png) left repeat-y;
       height:100%;
       left:0;
       position:absolute;
       top:0;
       width:230px;  
       z-index:3;   
}
div#topshadow
{
       background:url(../images/topshadow.png) top repeat-x;
       left:0;
       position:absolute;
       top:0;
       width:100%; 
       z-index:3;  
       height:230px; 
}
div#bottomshadow
{
       background:url(../images/bottomshadow.png) bottom repeat-x;
       left:0;
       position:absolute;
       bottom:0;
       width:100%; 
       z-index:3; 
       height:230px; 
}
div#header
{
        background:url(../images/header.png) top  no-repeat;
        width:900px;
        height:100px;
        position:absolute;
        left:50%;
        margin-left:-450px; 
        top:0px;
        z-index:3;
}

div#bottomcharacter
{
        background:url(../images/bottomcharacter.png);
        width:253px;
        height:347px;
        position:absolute;
        left:50%;
        margin-left:-112px; 
        bottom:10px;
        z-index:2;
}
#hole-left
{
        width:160px;
        height:360px;
        background:url(../images/hole-left.png);
        position:absolute;
        left:0px;
        top:210px;
}
#hole-right
{
        width:160px;
        height:360px;
        background:url(../images/hole-right.png);
        position:absolute;
        right:0px;
        top:225px;
}

#boxpage
{
        position:absolute;
        margin-top:75px;
        margin-left:90px;
        color:#ffffff;
         
         font-size:15px;
}
#boxdate
{
        position:absolute;
        margin-top:75px;
        margin-left:700px;
        color:#ffffff;
        
         font-size:15px;
}