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

* { margin: 0;
	padding: 0;}

article, aside, figure, footer, header, nav, section {
    display: block;
    margin: 0;
    padding: 0;}

ul, ol, dl { 
	padding: 0;
	margin: 0;}

h3, h4, h5,  p {font-size: 100%;}

h1  {
	font-size: 180%;
	text-align: center;
} 

h2 {font-size: 140%;
	margin-top:20px;color:#333;}
	
a img {border: none;}
	
a img:hover {opacity:1.0;}

a.block {
    text-decoration:none;
    display:block;}

a:link {text-decoration: none;}

a:visited {text-decoration: none;}

a:hover, a:active, a:focus { text-decoration: none; opacity:0.6;}

body {
	-webkit-text-size-adjust: 100%;
	margin: 0px;
	padding: 0px;
	font: 100%/1.4 "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	color: rgb(70,61,41);
	background-color: #FFF;
	background-image: url(../index-bdrop.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

footer { height:160px;width:980px;background-color:#333;
	position: relative;
	clear: both;}
footer h1 {color:#CCC;padding:30px 40px 0px 40px; text-align: left;}
footer h1 a{color:#CCC;}

#container {padding: 0;
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;}

#top {
	width: 950px;float:left;padding:350px 0px 0px 30px;
	
	
}


#intro-text {width: 950px;float:left;padding:30px 0px 0px 30px; }

.intro-text-left {width: 455px; margin-left:60px;float:left;}

.intro-text-right {width: 350px; float:left;margin-left:40px;}

.intro-text-right h2{margin-top:80px;}
	
#intro-text-centre {width: 860px;  float:left;margin:0px 0px 30px 60px;}
#intro-text-centre h2{margin:20px 80px 0px 80px;}
	
#trail-descriptor {
	width: 980px;

	float: left;}



#welcome {
	width: 980px;margin-top:40px;
	height: 210px;
	float: left;}

#frame-holder{
	width: 980px;
	height: auto;
	float: left;
	margin: 50px 0px 0px 0px;
	background-image: url(../image-loading.gif);
	background-repeat: no-repeat;
	background-position: center center;}
	
#top1 {width: 975px; height:80px;margin-top:200px;}
#top2-left {width: 60px; height:490px; float:left;}

#top2A {width: 385px; height:490px; float:left;}
#top2B {width: 80px; height:490px;float:left;}
#top2C {
	width: 445px;
	height: 490px;
	float: left;}

.heading {width: 910px; margin-left:60px; float:left;}

.examine1 {margin:400px 0px 0px 10px;}

#top2 {width: 975px; height:490px;}

#header-content{
	width: 978px; height:490px;	float:left;}
	
#header-content p{font-size: 140%; margin-top:10px;
	width: 680px; 	float:left;}

	
#frame{width:978px; height:868px;border: 1px solid #FFF;}
	
	
#frame2{width:978px; height:720px;border: 1px solid #FFF;}
	
#frame-holder2{
	width: 980px;
	height: 720px;
	float: left;margin-top:30px;
	background-image: url(../image-loading.gif);
	background-repeat: no-repeat;
	background-position: center center;}
#text {
	width: 980px;
	height: 380px;
	float: left; margin-left:65px; }	
	
#text1 {
	width: 220px;
	
	float: left; margin-left:65px; }
	
.text1-examine{margin:20px 0px 0px 40px;}
	
	
#text2 p {
	margin-top:9px;color:#069;}
	
#text2 {
	width: 500px;
	
	float: left;margin-left:110px; }
	
	
#charters-region{margin-top:30px;
	width: 980px;
	float: left;}