{ margin: 0; padding: 0; }
@font-face              {font-family: MyCustomFont; src: url("http://www.dibbster.co.uk/customfont/amsterdam.eot") /* EOT file for IE */}
@font-face              {font-family: MyCustomFont; src: url("http://www.dibbster.co.uk/customfont/amsterdam.ttf") /* TTF file for CSS3 browsers */}
body {background:black; font-family: MyCustomFont; letter-spacing:0.1em;}

#page-wrap              { width: 640px; margin-top: 20px; margin-left: auto; margin-right: auto;background:black;}

#imageContainer         { position: relative; width:640px;	height:480px; z-index:1;}

#imageContainer img { display:none; position:absolute; top:0; left:0;}
        

#footer                 { position: relative; margin-bottom: 20px; width: 100%; height:40px; text-align:right; color:white; float:right;font-size: 20pt;padding:0px;}

#main_nav { list-style: none; margin: 0; padding: 0; font-size:12 pt }
#main_nav li { float: left; }
#main_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 100px; } 

#main_nav:hover li a#about { background-position: -150px; }
#main_nav:hover li a#photos { background-position: -150px; }
#main_nav:hover li a#other { background-position: -150px; }
#main_nav:hover li a#contact { background-position: -150px; }


#about { background: url(images/about.gif); width: 150px; margin-left:20px; }
#about:hover { background: url(images/about.gif) 0 0 !important; }
#about.active { background: url(images/about.gif) -150px 0; }

#photos { background: url(images/photos.gif); width: 150px; }
#photos:hover { background: url(images/photos.gif) 0 0 !important; }
#photos.active { background: url(images/photos.gif) -150px 0; }

#other { background: url(images/other.gif); width: 150px; }
#other:hover { background: url(images/other.gif) 0 0 !important; }
#other.active { background: url(images/other.gif) -150px 0; }

#contact { background: url(images/contact.gif); width: 150px; }
#contact:hover { background: url(images/contact.gif) 0 0 !important; }
#contact.active { background: url(images/contact.gif) -150px 0; }