body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    background-color: #76715d;
	font-family: Segoe UI, Arial;
	font-size: 75%;
}

a
{
	text-decoration: none;
	color: black;
	font-weight: bold;
}

a:hover
{
	text-decoration: underline;
}

.layout
{
    position: relative;
    width: 1024px;
    height: 768px;
    margin: 0px auto;
}

.content
{
    position: absolute;
    overflow: auto;
}

    .large
    {
        top: 110px;
        left: 55px;
        width: 500px;
        height: 450px;
    }

    .small
    {
        top: 130px;
        left: 600px;
        width: 400px;
        height: 350px;
    }

/*
    Artwork
*/

.wall
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 605px;
    background-color: #78775B;
}

.floor
{
    position: absolute;
    top: 605px;
    left: 0px;
    width: 100%;
    height: 163px;
    background-image: url("../img/floor.jpg");
    background-repeat: repeat-x;
}

.damp-lrg
{
    position: absolute;
    top: 382px;
    left: 34px;
    width: 304px;
    height: 223px;
    background-image: url("../img/damp-lrg.jpg");
    background-repeat: no-repeat;
}

.damp-med
{
    position: absolute;
    top: 470px;
    left: 810px;
    width: 155px;
    height: 135px;
    background-image: url("../img/damp-med.png");
    background-repeat: no-repeat;
}

.damp-sm
{
    position: absolute;
    top: 559px;
    left: 520px;
    width: 95px;
    height: 46px;
    background-image: url("../img/damp-sm.png");
    background-repeat: no-repeat;
}

.cartoonnecromancer
{
    position: absolute;
    top: 185px;
    left: 34px;
    width: 373px;
    height: 420px;
    background-image: url("../img/cartoonnecromancer.jpg");
    background-repeat: no-repeat;
}

.ghost
{
    position: absolute;
    top: 0px;
    left: 495px;
    width: 500px;
    height: 745px;
    background-image: url("../img/ghost.jpg");
    background-repeat: no-repeat;
}

    .ghost #candle
	{
        position: absolute;
        top: 124px;
        left: 80px;
    }

.window
{
    position: absolute;
    top: 25px;
    left: 126px;
    width: 200px;
    height: 485px;
    background-image: url("../img/window.png");
    background-repeat: no-repeat;
}

.candle
{
    position: absolute;
    top: 511px;
    left: 695px;
    width: 100px;
    height: 113px;
}

/*
    Page Menu
*/

.menu
{
    position: absolute;
    top: 615px;
    left: 10px;
}

    .menu ul
    {
	    list-style: none;
    }

        .menu li
        {
	        height: 19px;
	        width: 132px;
	        margin: 3px;
	        background-repeat: no-repeat;
	        background-position: 0px center;
        }

            .menu li:hover
            {
	            background-position: 5px top;
            }

            .menu li a
            {
	            display: block;
	            text-decoration: none;
	            padding: 0px 1px;
            }

                .menu li a span
                {
	                height: 1px;
	                width: 1px;
	                position: absolute;
	                overflow: hidden;
	                top: -10px;
                }

.menu .about
{
	background-image: url("../img/about.png");
}

.menu .animation
{
	background-image: url("../img/animation.png");
}

.menu .illustration
{
	background-image: url("../img/illustration.png");
}

.menu .flash
{
	background-image: url("../img/flash.png");
}

.menu .contact
{
	background-image: url("../img/contact.png");
}

/*
    Gallery Structure
*/

.window img
{
    border-style: none;
    width: 49px;
    height: 59px;
    padding: 4px;
}

.window .gallery
{
    position: absolute;
    top: 100px;
    left: 5px;
}

    .window .gallery div
    {
        float: left;
        height: 66px;
        width: 55px;
        margin: 3px 3px;
    }