body { color: #333333; background-color: 
white; line-height: 1.6; font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; 
background: url('../images/bg.jpg') repeat top left;  text-align: left; overflow: auto; overflow-x: hidden; margin: 0; padding:0;}


#content { max-height: 800px;}

.scroll
{
  position: fixed;
  top: 0;
  left: 0;
  
}

/**
  * z-index ordering of the different layers, do this for your layers,
  * also assign absolute width (to prevent issues if the script gets executed before the images get loaded)
  */
.horizon
{
  z-index: 10;
height:800px;
}


.middle
{
  z-index: 1;
background-image: url(../images/bg.png);
  width: 4000px;
}



h2 { 
font-size:16px;
font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular;  
font-weight: bold;
color: #777;}

h1 { 
font-size: 18px;
line-height: 1.3em;
font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular;  
font-weight: bold;
color: #777;}

h3 { 
font-size:16px;
font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular;  
font-weight: bold; 
color: #b14f40;}

h4 { 
font-size:20px;
font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular;  
font-weight: bold; 
color: #b14f40;}




#nav {
	font-size:10px;
	z-index: 1;
	text-align: right;
	border-width: 0;
}

.nav1 { text-decoration: none; color: #b14f40;}
a.nav1 { text-decoration: underline;  color: #b14f40;}
a.nav1:hover { text-decoration: none; color: #b14f40;}
a.nav1:active { text-decoration: none; color: #b14f40;}
a.nav1:active:hover { text-decoration: underline; color: #b14f40; }






p {
font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular;  
font-size: 12px;
font-weight: bold;
color: #777;}



td {}

.navimpdata {
    position: absolute;
    top: 20px;
    z-index: 9999;
    left: 20px;
}
.impdata {
    text-decoration: none;
    color: #999;
    font-size: 10px;
    text-transform: uppercase;
}