/* CSS Document */


* {
 	padding:0;
 	margin:0;
 
	
	
}

html { height: 100%; margin-bottom: 1px; } 

body{background-color: #555753; 
background-image:url(primback.jpg) ;
background-position:center;
background-attachment:fixed;
text-align: center;
color: #5c4033;

	}
	
	
	#container2 {
	text-align:center;
margin-right:auto;
margin-left:auto;
	width: 900px;
	height:auto;	
		
	background-repeat: repeat;
		
}

h3 { 
	font: italic normal 15pt georgia; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #7D775C;
	}
	
	h4 { 
	font: italic normal 11pt georgia; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #7D775C;
	}




#sandlayer{
text-align:center;
background-color: transparent;
position:relative;
width:937px;
/*height:1531px;
left:50px;
top:-42px;*/
border:0px;
border-color: #FFFFFF;
border-style:solid;
margin:0px;
z-index:0;
}

 


#header{
font: italic normal 12pt georgia; 
text-align:right;
background-color: #cccccc;
background :url(banner.jpg)  ;
position:relative;
height:130px;
width:839px;
/*left:43px;
top:52px;*/
margin:5px;
border:2px;
border-color:#FFFFFF;
border-style:solid;
z-index:2;
 PADDING-TOP: 0px; 
 padding-right:0px;
 
color: #333333;
}

#navbar{

background-color:inherit;
color:inherit;
/*position:absolute;*/
height:80px;
width:860px;
/*top:187px;
left:47px;*/
border:2px;
/*border-color: #cc9999;
border-style:solid;*/
z-index:2;
}

A:link {
	COLOR: #330033; TEXT-DECORATION:underline; background-color: inherit;
}
A:visited {
	COLOR: #660033; TEXT-DECORATION: none; background-color: inherit;
}
A:hover {
	COLOR:#660033; TEXT-DECORATION: none; BACKGROUND-COLOR: #CCCCCC;
}

#navigation {
	COLOR:#333333 ; FONT-SIZE: 17px; Font-weight: bold; TEXT-DECORATION: none; WIDTH: 760px; PADDING-TOP: 30px; HEIGHT: 27px ;FONT-FAMILY:"Bradley Hand ITC", Verdana, Times, Serif; TEXT-ALIGN: center;
	background-color:inherit;
}
#navigation A {
	COLOR:#333333;TEXT-DECORATION: none;  PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 8px; PADDING-TOP: 5px; background-color:inherit;
}
#navigation A:hover {
	COLOR:#000000;TEXT-DECORATION: none;  PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 8px; PADDING-TOP: 5px; BACKGROUND-COLOR: #CCCCCC; cursor:default;
}

#logo{
background-color: transparent;
color:inherit;
position:absolute;
width:100px;
height:100px;
left:556px;
top:251px;
border:0px;
margin:2px;
z-index:3;

}

#turqcontainer{
float:left;
width:525px;
position:relative;
height:auto;}


#turquoiselayer{
text-align:left;
float:left;
background:url(tlayerlg.jpg) ;
color:inherit;
position:relative;
width:495px;
height:292px;
/*left:8px;
top:259px;*/
border:0px;
margin:2px;
padding-left:10px;
z-index:2
}

#turquoiselayer2{
text-align:left;
margin-top:80px;
float:left;
background:url(tlayerlg.jpg) ;
color:inherit;
position:relative;
width:495px;
height:289px;
/*left:11px;*/
/*top:608px;*/


border:0px;

padding-left:10px;
z-index:2;
}

#turquoiselayer3{
text-align:left;
margin-top:80px;
float:left;
background:url(tlayerlg.jpg) ;
color:inherit;
position:relative;
width:495px;
height:342px;
/*left:14px;*/
/*top:954px;*/
border:0px;
margin-bottom:30px;
padding-left:10px;
z-index:2;
}

#clearlayer{
background-color: #cccccc;
background:url(tlayermk2.jpg) ;
color:inherit;
position:absolute;
width:60px;
height:338px;
left:-76px;
top:269px;
border:0px;
margin:2px;


z-index:1
}

#clearhouselayer{
	background:url(houselayer3.jpg);
	color:inherit;
	/*position:absolute;*/
	width:891px;
	height:825px;
	/*left:23px;
	top:280px;*/
	border:0px;
	margin:2px;
	z-index:1;

}

#clearhouselayertest{
	background:url(houselayer4.jpg);
	color:inherit;
	/*position:absolute;*/
	width:891px;
	height:1179px;
	/*left:18px;
	top:259px;*/
	border:0px;
	margin:20px;
	z-index:1;
	

}

#clearhouselayer2{
background:url(houselayer.jpg) ;
color:inherit;
position:absolute;
width:250px;
height:840px;
left:284px;
top:297px;
border:0px;
margin:2px;
z-index:1
}
#clearhouselayer3{
background:url(houselayer.jpg) ;
color:inherit;
position:absolute;
width:250px;
height:840px;
left:563px;
top:297px;
border:0px;
margin:2px;
z-index:1
}

#clear2layer{
float:right;
background:url(piclayer3.jpg) ;
color:inherit;
/*position:absolute;*/
width:353px;
height:886px;
/*left:544px;
top:261px;*/
border:0px;
margin:2px;
z-index:1
}



#housebottom{
background-color: transparent;

color:inherit;
/*position:absolute;*/
width:856px;
height:175px;
/*left:37px;
top:1131px;*/
border:0px;
margin:2px;

z-index:3;}


#stromnesspier{
background-color: transparent;
color:inherit;
position:absolute;
width:238px;
height:164px;
left:135px;
top:493px;
border:0px;
margin:2px;

z-index:3;}

#stromness{
background-color: transparent;
color:inherit;
position:absolute;
width:259px;
height:180px;
left:190px;
top:851px;
border:0px;
margin:2px;
z-index:3;}

#orkney{
background-color: transparent;
color:inherit;
position:absolute;
width:170px;
height:164px;
left:14px;
top:1183px;
border:0px;
margin:2px;

z-index:3;}

#orkney2{
background-color: transparent;
color:inherit;
position:absolute;
width:158px;
height:138px;
left:-47px;
top:1003px;
border:0px;
margin:2px;
z-index:3;}

#orkney3{
background-color: transparent;
color:inherit;
position:absolute;
width:144px;
height:auto;
left:90px;
top:260px;
border:0px;
margin:2px;
z-index:5;}

#shell{
background-color: transparent;
background:url(shell.gif) ;

color:inherit;
position:relative;
width:100px;
height:68px;
/*right:200px;
top:133px;*/
border:0px;
margin:2px;

z-index:3;
}

.shell2{
/*background-color: transparent;
background:url(shell2.gif) ;

color:inherit;*/
position:absolute;
/*width:116px;
height:112px;*/
left:480px;
top:120px;
border:0px;
margin-bottom:0px;
/*margin:2px;*/

z-index:5;
}

#watch2{
background-color: transparent;
background:url(coastal2mk2.gif) ;

color:inherit;
position:absolute;
width:174px;
height:188px;
left:340px;
top:1094px;
border:0px;
margin:2px;

z-index:3;
}
#watch{
background-color: transparent;
background:url(chestwcolour4.gif) ;

color:inherit;
position:absolute;
width:250px;
height:246px;
left:540px;
top:1151px;
border:0px;
margin:2px;

z-index:3;
}

#kegs{
/*background-color: transparent;
background:url(kegs.gif) ;*/
color:inherit;
position:absolute;
width:250px;
height:auto;
left:490px;
top:900px;
border:0px;
margin-bottom:0px;

z-index:3;
}

#ship{
background-color: transparent;
color:inherit;
position:absolute;
width:256px;
height:191px;
left:531px;
top:989px;
border:0px;
margin:2px;

z-index:4;
}

#dubloon{
background-color: transparent;
background:url(dubloons2.gif) ;
color:inherit;
position:absolute;
width:124px;
height:179px;
left:544px;
top:1168px;
border:0px;
margin:2px;

z-index:3;
}

#footer{
/*position:absolute;
top:1404px;
left:150px;*/
margin-left:auto;
margin-right:auto;
text-align:center;
clear:both;
margin-top:60px;
width:600px;
height:72px;
z-index:4;
}

#test1{
text-align:center;
float:left;
background-color: transparent;
color:inherit;
position:relative;
width:450px;
height:auto ;
left:50px;
top:0px;
border:0px;
margin:8px;
padding:3px;
z-index:5;

}

#test2{
float:left;
text-align:center;
background-color: transparent;
color:inherit;
position:relative;
width:450px;
height:auto;
left:0px;
top:0px;
border:0px;
margin:8px;
padding:3px;
z-index:6;

}

#test3{
float:left;
text-align:center;
background-color: transparent;
color:inherit;
position:relative;
width:450px;
height:auto;
left:0px;
top:0px;
border:0px;
margin:8px;
padding:3px;
z-index:7;

}

#bonxies{
float:right;

background-color: transparent;
color:inherit;
position:relative;
width:318px;
height:auto;
left:20px;
top:0px;
border:0px;
margin:15px;

z-index:7;

}

#test4{
float:left;

background-color: transparent;
color:inherit;
position:relative;
width:350px;
height:auto;
left:-40px;
top:0px;
border:0px;
margin :8px;
padding:3px;
z-index:8;

}

#test5{
text-align:center;
float:right;
background-color: transparent;
color:inherit;
position:relative;
width:433px;
height:auto;
left:0px;
top:0px;
border:0px;
margin:8px;
padding:3px;
z-index:9;

}

#tammienorie{
float:left;
background-color: transparent;
color:inherit;
position:relative;
width:318px;
height:auto;
left:0px;
top:0px;
border:0px;
margin:15px;

z-index:7;

}

#test6{
float:right;
background-color: transparent;
color:inherit;
position:relative;
width:433px;
height:auto;
left:-50px;
top:0px;
border:0px;
margin:8px;
padding:3px;
z-index:10;

}

#test7{
float:right;
background-color: transparent;
color:inherit;
position:relative;
width:390px;
height:auto;
left:-100px;
top:0px;
border:0px;
margin:8px;
padding:3px;
z-index:11;

}

#test8{
float:right;
background-color: transparent;
color:inherit;
position:relative;
width:525px;
height:auto;
left:-120px;
top:0px;
border:0px;
margin:8px;
padding:3px;
z-index:12;

}

#test9{
float:left;
background-color: transparent;
color:inherit;
position:relative;
width:425px;
height:auto;
left:100px;
top:0px;
border:0px;
margin:8px;
padding:3px;
z-index:13;

}

#test10{
float:left;
background-color: transparent;
color:inherit;
position:relative;
width:564px;
height:auto;
left:80px;
top:0px;
border:0px;
margin:8px;
padding:3px;
z-index:14;

}

#test11{
float:left;
background-color: transparent;
color:inherit;
position:relative;
width:364px;
height:auto;
left:40px;
top:0px;
border:0px;
margin:8px;
padding:3px;
z-index:15;

}
#seal{
float:right;
background-color: transparent;
color:inherit;
position:relative;
width:318px;
height:auto;
left:0px;
top:0px;
border:0px;
margin:15px;
z-index:16;

}
#test12{
float:left;
background-color: transparent;
color:inherit;
position:relative;
width:364px;
height:auto;
left:60px;
top:0px;
border:0px;
margin:8px;
padding:3px;
z-index:16;

}

#test13{
float:right;
background-color: transparent;
color:inherit;
position:relative;
width:517px;
height:auto;
left:-50px;
top:0px;
border:0px;
margin:8px;
padding:3px;
z-index:17;

}

#test14{
float:right;
background-color: transparent;
color:inherit;
position:relative;
width:517px;
height:auto;
left:-40px;
top:0px;
border:0px;
margin:8px;
padding:3px;
z-index:18;

}

#test15{
float:right;
background-color: transparent;
color:inherit;
position:relative;
width:550px;
height:auto;
left:-80px;
top:0px;
border:0px;
margin:8px;
padding:3px;
z-index:19;

}

#plover{
float:left;
background-color: transparent;
color:inherit;
position:relative;
width:208px;
height:auto;
left:0px;
top:0px;
border:0px;
margin:15px;
z-index:20;

}

.figure_i img{
float:right;
position:absolute;
top:160px;
right:5px;
margin-top: -70px;
}

.figure_s img{
float:right;
position:relative;
top:110px;
left:5px;
margin-top: 0px;
}

.logo img{float:left;}
