@font-face {
    font-family: 'HermesMedium';
    src: url('hermes-webfont.eot');
    src: url('hermes-webfont.eot?#iefix') format('embedded-opentype'),
         url('hermes-webfont.woff') format('woff'),
         url('hermes-webfont.ttf') format('truetype'),
         url('hermes-webfont.svg#HermesMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}





@font-face {
    font-family: 'TravelingTypewriterRegular';
    src: url('travelingtypewriter-webfont.eot');
    src: url('travelingtypewriter-webfont.eot?#iefix') format('embedded-opentype'),
         url('travelingtypewriter-webfont.woff') format('woff'),
         url('travelingtypewriter-webfont.ttf') format('truetype'),
         url('travelingtypewriter-webfont.svg#TravelingTypewriterRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TypewriterRegular';
    src: url('typewr__-webfont.eot');
    src: url('typewr__-webfont.eot?#iefix') format('embedded-opentype'),
         url('typewr__-webfont.woff') format('woff'),
         url('typewr__-webfont.ttf') format('truetype'),
         url('typewr__-webfont.svg#TypewriterRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TypewriterBold';
    src: url('typewr_b-webfont.eot');
    src: url('typewr_b-webfont.eot?#iefix') format('embedded-opentype'),
         url('typewr_b-webfont.woff') format('woff'),
         url('typewr_b-webfont.ttf') format('truetype'),
         url('typewr_b-webfont.svg#TypewriterBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


body
{ padding:0px;margin:0px;
  height: 100%;
  background:url('../Images/IMAGE-SPLASH.gif') repeat-y fixed 0 0;
  background-color: #fff;
 
	
	
    
}
p{ font-family: 'TravelingTypewriterRegular', Arial, sans-serif; font-size:0.9em}
#header{ padding:0px;margin:0px;}


nav     { position: fixed;width:250px;  z-index:100;padding:0px;margin:0px; left:0px;top:130px;
          }
#content { position: absolute; top: 140px; left: 250px; padding:0px;margin:0px;
           padding-bottom:0.5em; width:530px; 
          
}
#side
{
     position: absolute; top: 140px; left: 780px; 
           padding-bottom:0.5em; width:180px;
           padding-left:20px;
    }
           
#about
{
	position:absolute;top: 250px; left: 110px; width:333px; z-index:2;
   
	text-align:center;
	
}
#thumbs
{
	position:absolute;
	top:400px;
	left:0px;
	width:750px;
    padding:0px;
    margin:0px;
	
}
#thumbs img 
{
	
	
	
}
#thumbs li
{
    display:inline-block;
    list-style-type:none;
    padding:10px;
}
#header img
{
    margin-left:128px;
     margin-top:-12px;
    
    
    }
nav a img
{
    margin-left:-60px;
    
     margin-bottom:6px;
     border:none;
    
}
footer
{position:fixed;top:0px;left:760px;z-index:100;}
footer ul
{
     text-align:right;
     font-size:0.7em;
    }
footer ul,footer a,footer a:visited
{color:#555555;
    }
footer li
{
    list-style-type:none;
}

#container
{ 
  
overflow:visible;

     
    }
a, a:visited
{
    color:Black;
    }
.TNT
{
font-size:10px;
margin-left:20px;
}
.MPG
{
font-size:12px;
margin-left:20px;
}