
	body {
		text-align: center;		
	}
	
	body#jungle{
		background:#4F9211 url("../images/css/jungle-bckgrnd.jpg") top center no-repeat;

	}
	
	body#water{
		background:#003174 url("../images/css/water-bckgrnd.jpg") top center no-repeat;
		
	}
	
	body#langdale{
		background:#fff url("../images/css/background.png") top left repeat-x;		
	}
	
	body#colouring div#wrapper {
		background:transparent url("../images/css/colouring-in.jpg") 0 40px no-repeat;
		height:100%; 	
	}
	
	#wrapper {
		margin:0 auto;
		width:900px;
		overflow:hidden;
		padding-left:59px;
	}

	#container {
		margin:0 auto;
		position: relative;
		width:900px;
		text-align: left;
		height:100%;
		z-index:12;
		overflow:hidden;
		padding-bottom:100px;
	}
	
	body#colouring div#wrapper #container{
		margin-left:-30px;
	}
	
	#branding {
		position: relative;
		height:110px;
		margin-top:20px;
	}

	div#branding h1{
		position: absolute;
		top:0;
		left:18px;
		width:260px;
		height:109px;
		text-indent: -5000px;
		background-color:transparent;
		background-image: url("../images/css/logo.png");
		background-position:top left;
		background-repeat: no-repeat;
		margin:0;
		padding:0;
		}
		
	#branding ul {
		position: absolute;
		bottom:0;
		left:319px;
		list-style:none;
	}
	
	#branding ul li {
		float: left;
		display:block;
		width:75px;	
		height:auto;
		margin-right: 41px;
		text-align: center;			
	}
	
		#branding ul li.last {
		margin-right:0;			
	}
	
	#branding ul li a{
		display:block;
		width:75px;
		text-decoration: none;
		padding-top:52px;
	}
	
	#branding ul li.home a{
		background-color:transparent;
		background-image: url("../images/css/home.png");
		background-position:top center;
		background-repeat: no-repeat;
	}
	
	#branding ul li.home a:hover {
		background-color:transparent;
		background-image: url("../images/css/home-over.png");
		background-position:top center;
		background-repeat: no-repeat;
	}
	
	#branding ul li.offers a{	
		background-color:transparent;
		background-image: url("../images/css/offers.png");
		background-position:top center;
		background-repeat: no-repeat;
	}
	
	#branding ul li.offers a:hover {
		background-color:transparent;
		background-image: url("../images/css/offers-over.png");
		background-position:top center;
		background-repeat: no-repeat;
	}
	
	#branding ul li.postcards a{	
		background-color:transparent;
		background-image: url("../images/css/postcard.png");
		background-position:top center;
		background-repeat: no-repeat;
	}
	
	#branding ul li.postcards a:hover {
		background-color:transparent;
		background-image: url("../images/css/postcard-over.png");
		background-position:top center;
		background-repeat: no-repeat;
	}
		
	#branding ul li.colouring a{
		background-color:transparent;
		background-image: url("../images/css/colouring.png");
		background-position:top center;
		background-repeat: no-repeat;
	}
	
	#branding ul li.colouring a:hover {
		background-color:transparent;
		background-image: url("../images/css/colouring-over.png");
		background-position:top center;
		background-repeat: no-repeat;
	}
	
	#branding ul li.places a{
		background-color:transparent;
		background-image: url("../images/css/places.png");
		background-position:top center;
		background-repeat: no-repeat;
	}
	
	#branding ul li.places a:hover {
		background-color:transparent;
		background-image: url("../images/css/places-over.png");
		background-position:top center;
		background-repeat: no-repeat;
	}
	
	#content {
		clear: both;
		/*min-height:520px;
*/		width:519px;
		margin:25px 0 0 300px;
		padding:12px 25px 25px 25px;
		background:transparent url("../images/css/tile.png");
		border:1px solid #999;
		overflow:hidden;
	}
	
	#content img.right
	{
		float:right;
		margin:0 0 1em 1em;
	}
	
	#content img.left
	{
		float:left;
		margin:0 1em 1em 0;
	}
/*Styling for the colouring in, map, send a card links to screen left*/

	li#postcard, li#colouringIn, li#map {
		position: absolute;
		left:50px;	
		list-style:none;
	}
	
	li#postcard {
		top:300px;
		background:transparent url("../images/postcard.png");
	}
	
	li#colouringIn {
		top:135px;
	}
	
	li#map {
		top:135px;
		display:block;
		width:204px;
		height:312px;
		text-indent:-5000px;
		background:transparent url("../images/map.png");
	}
	
	li#colouringIn a, li#postcard a {
		display:block;
		width:201px;
		height:151px;
		text-indent:-5000px;
	}
	
	li#colouringIn a {
		background:transparent url("../images/colouring.png");
	}
	
	li#postcard a{
		background:transparent url("../images/postcard.png");
	}
	
	li#colouringIn a:hover {
		background:transparent url("../images/colouring-over.png");
	}
	
	li#postcard a:hover {
		background:transparent url("../images/postcard-over.png");
	}
	
/*Styling for the footer*/
	
	#footer {
		/*position:absolute;
		bottom:0;
		left:0;*/
		clear:both;
		width:100%;
		padding-top:58px;
		text-align:center;
		}
		
	.nessy {
		background:transparent url("../images/css/nessy.png") top center no-repeat;
		}
		
/*Styling for the various background images/divs*/		
	
	#treeLeft {
		width:100%;
		height:100%;
		background:transparent url("../images/css/tree-left.png") -5% 0  no-repeat;
		margin;0;
		padding:0;
	}
	
	#treeRight {
		width:100%;
		height:100%;
		background:transparent url("../images/css/tree-right.png") 105% 0 no-repeat;
		margin;0;
		padding:0;
	}
	
	#grassRight {
		width:100%;
		height:100%;
		background:transparent url("../images/css/grass-right.png") 130% 100% no-repeat;
		margin:0;
		padding:0;
	}
	
	#grassLeft {
		width:100%;
		height:100%;
		background:transparent url("../images/css/grass-left.png") -30% 100% no-repeat;
		margin:0;
		padding:0;
	}
	
	#divers {
		width:100%;
		height:100%;
		background:transparent url("../images/css/divers.png") 50% 130px no-repeat;
		margin;0;
		padding:0;
	}
	
	#fish {
		width:100%;
		height:100%;
		background:transparent url("../images/css/fish.png") 97% 540px no-repeat;
		margin;0;
		padding:0;
	}
	
	#seaweed {
		width:100%;
		height:100%;
		
		background-color:transparent;
		background-image:url("../images/css/seaweed.png");
		background-position:150% 100%;
		background-repeat:repeat-x;
	}
	
	#downloads {
		list-style:none;
	}
		
	#downloads li{
		float:left;
		margin:10px 20px;
		width:200px;
		height:auto;
		border:1px solid #000;
	}
	
	#downloads li a img{
		border:none;	
	}
	