body
	{
	background-color: black;
	}

a img,
a:hover,
a:focus,
a:active{
        border: none;
        outline: none;
        }
.wrapper
	{
	width: 640px;
	text-align: center;
        margin: 0 auto;
	}

#nav    {
        float: left;
        width: 640px;
        }

#nav ul     {
       padding: 0;
       margin: 0;
       }

#nav ul li  {
       list-style: none;
       float: left;
       width: 300px;
       padding: 0px 10px 0px 10px;
       }

#nav ul li a{
       display: block;
       border: none;
       clear: left;
       }

#nav ul li a.weddings  {
        background-image: url(images/enter-wedding-galleries.gif);
        background-repeat: no-repeat;
        background-position: 0px -56px;
        display: block;
        width: 300px;
        height: 0px;
        padding: 56px 0px 0px 0px;
        margin: 10px 0px 20px 0px;
        overflow: hidden;
        }

#nav ul li a.corporate  {
        background-image: url(images/enter-corporate-galleries.gif);
        background-repeat: no-repeat;
        background-position: 0px -56px;
        height: 0;
        padding: 56px 0px 0px 0px;
        margin: 10px 0px 20px 0px;
        overflow: hidden;
        }

#nav ul li a.events  {
        background-image: url(images/enter-event-galleries.gif);
        background-repeat: no-repeat;
        background-position: 0px -56px;
        height: 0;
        padding: 56px 0px 0px 0px;
        margin: 10px 0px 20px 0px;
        overflow: hidden;
        }

#nav ul li a.portraits  {
        background-image: url(images/enter-portrait-galleries.gif);
        background-repeat: no-repeat;
        background-position: 0px -56px;
        height: 0;
        padding: 56px 0px 0px 0px;
        margin: 10px 0px 20px 0px;
        overflow: hidden;
        }

#nav ul li a.weddings:hover,
#nav ul li a.corporate:hover,
#nav ul li a.events:hover,
#nav ul li a.portraits:hover{
        background-position: 0px 0px;
        }