@charset "UTF-8";
/* CSS Document */


#container {
    background-color: #fff;
    width: 980px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background-image: url(../images/location-headers/petrifaction-bdrop.jpg);
    background-repeat: no-repeat;
    background-position: center top;}
	


#top-banner{width: 980px;height: 100px; position: fixed; top: 0; left: center;  float:left; z-index:10;}





.intro{float:left; width:600px;  margin:10px 0px 0px 190px;}

.right-images{ float:left; width:440px; background-color:#333;  padding:20px; margin-bottom:60px;}



.left-scroll{float:left; width:420px;  margin:0px 0px 0px 40px;  }

.left{float:left; width:380px;  height:475px; background-image: url(../images/hatch2.png); overflow:scroll; padding:20px; }

.left-base{float:left; width:400px;  height:20px; background-color:#CCC;  padding:5px 0px 5px 20px; }


.left h1{font-size: 100%; padding:10px 0px 0px 0px;  color:#000;}

.left p{font-size: 100%; padding:10px 0px 0px 0px;  color:#666;}


.image {float:left; margin:40px 0px 40px 0px;}
.image2 {float:left; margin:0px 0px 0px 40px;}
.image3 {float:left; margin:40px 0px 0px 0px;}
.image4 {float:left; margin:20px 0px 20px 0px;}
.image5 {clear: both; margin:40px 0px 40px 0px;}

.centre {float:left; width:550px; margin:40px 0px 40px 240px;}
.centre h1{font-size: 210%; padding:10px 0px 0px 0px;  color:#000;}
.centre p{font-size: 120%; padding:10px 0px 0px 0px;  color:#333;}