html{
	height:100%;
}
body{
	margin:0;
	font:13px Arial, Helvetica, sans-serif;
	color:#fff;
	background:#fff;
	overflow:hidden;
	height:100%;
	width:100%;
}
* html body{position:relative;}
*+html body{position:relative;}
img{border-style:none;}
a{
	text-decoration:none;
	color:#fff;
}
a:hover{text-decoration:none;}
#image{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	overflow:hidden;
	height:100%;
}
#image img{
	position:absolute;
	top:0;
	left:0;
	display:none;
	width:100%;
	height:100%;
}
.container{
	margin:30px 0 0 30px;
	position:relative;
	z-index:1;
	width:615px;
	display:none;
}
.container.active{display:block;}
.container .wrapper{
	width:615px;
}
.container .wrapper:after{
	content:"";
	display:block;
	clear:both;
}
.container .wrapper-b{
	height:129px;
	width:615px;
}
.bigton-beach .wrapper{
	background: url(../so-images/bg-bigton-beach.png) repeat-y;
}
.bigton-beach .wrapper-b{
	background: url(../so-images/bg-bigton-beach-b.png) no-repeat;
}
.breakon-water .wrapper{
	background: url(../so-images/bg-breakon-water.png) repeat-y;
}
.breakon-water .wrapper-b{
	background: url(../so-images/bg-breakon-water-b.png) no-repeat;
}
.doreholm-waves .wrapper{
	background: url(../so-images/bg-doreholm-waves.png) repeat-y;
}
.doreholm-waves .wrapper-b{
	background: url(../so-images/bg-doreholm-waves-b.png) no-repeat;
}
.fairisle-knitting .wrapper{
	background: url(../so-images/bg-fairisle-knitting.png) repeat-y;
}
.fairisle-knitting .wrapper-b{
	background: url(../so-images/bg-fairisle-knitting-b.png) no-repeat;
}
.fairisle-lighthouse .wrapper{
	background: url(../so-images/bg-fairisle-lighthouse.png) repeat-y;
}
.fairisle-lighthouse .wrapper-b{
	background: url(../so-images/bg-fairisle-lighthouse-b.png) no-repeat;
}
.nesbister-bod .wrapper{
	background: url(../so-images/bg-nesbister-bod.png) repeat-y;
}
.nesbister-bod .wrapper-b{
	background: url(../so-images/bg-nesbister-bod-b.png) no-repeat;
}
.norwick-beach .wrapper{
	background: url(../so-images/bg-norwick-beach.png) repeat-y;
}
.norwick-beach .wrapper-b{
	background: url(../so-images/bg-norwick-beach-b.png) no-repeat;
}
.puffin-flying .wrapper{
	background: url(../so-images/bg-puffin-flying.png) repeat-y;
}
.puffin-flying .wrapper-b{
	background: url(../so-images/bg-puffin-flying-b.png) no-repeat;
}
.puffin-gazing .wrapper{
	background: url(../so-images/bg-puffin-gazing.png) repeat-y;
}
.puffin-gazing .wrapper-b{
	background: url(../so-images/bg-puffin-gazing-b.png) no-repeat;
}
.sandness-cottage .wrapper{
	background: url(../so-images/bg-sandness-cottage.png) repeat-y;
}
.sandness-cottage .wrapper-b{
	background: url(../so-images/bg-sandness-cottage-b.png) no-repeat;
}
.spiggie-campervan .wrapper{
	background: url(../so-images/bg-spiggie-campervan.png) repeat-y;
}
.spiggie-campervan .wrapper-b{
	background: url(../so-images/bg-spiggie-campervan-b.png) no-repeat;
}
.stninians-beach .wrapper{
	background: url(../so-images/bg-stninians-beach.png) repeat-y;
}
.stninians-beach .wrapper-b{
	background: url(../so-images/bg-stninians-beach-b.png) no-repeat;
}
.stninians-sunset .wrapper{
	background: url(../so-images/bg-stninians-sunset.png) repeat-y;
}
.stninians-sunset .wrapper-b{
	background: url(../so-images/bg-stninians-sunset-b.png) no-repeat;
}
.tingwall-frosty .wrapper{
	background: url(../so-images/bg-tingwall-frosty.png) repeat-y;
}
.tingwall-frosty .wrapper-b{
	background: url(../so-images/bg-tingwall-frosty-b.png) no-repeat;
}
.walk-couple .wrapper{
	background: url(../so-images/bg-couple.png) repeat-y;
}
.walk-couple .wrapper-b{
	background: url(../so-images/bg-couple-b.png) no-repeat;
}
.walk-couple #image img.walk-couple,
.tingwall-frosty #image img.tingwall-frosty,
.stninians-sunset #image img.stninians-sunset,
.stninians-beach  #image img.stninians-beach,
.spiggie-campervan #image img.spiggie-campervan,
.sandness-cottage #image img.sandness-cottage,
.puffin-gazing #image img.puffin-gazing,
.puffin-flying #image img.puffin-flying,
.norwick-beach #image img.norwick-beach,
.nesbister-bod #image img.nesbister-bod,
.fairisle-lighthouse #image img.fairisle-lighthouse,
.fairisle-knitting #image img.fairisle-knitting,
.doreholm-waves #image img.doreholm-waves,
.breakon-water #image img.breakon-water,
.bigton-beach #image img.bigton-beach{display:block;}
.develop{
	font-size:9px;
	line-height:12px;
	position:absolute;
	top:-16px;
	right:0;
	z-index:2;
}
#main{
	overflow:hidden;
	width:585px;
	padding:30px 0 25px 30px;
	margin:0 0 -70px;
	float:left;
	position:relative;
	z-index:2;
}
#content{
	width:361px;
	line-height:18px;
	float:left;
}
.webcams{
	height:28px;
	width:118px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	margin:20px 0 0;
}
.webcams a{
	background: url(../so-images/btn-webcams.png) no-repeat;
	height:56px;
	display:block;
}
.webcams a:hover{
	margin:-28px 0 0;
	cursor:pointer;
}
.music{
	height:28px;
	width:118px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	margin:20px 0 0;
}
.music a{
	background: url(../so-images/btn-music.png) no-repeat;
	height:56px;
	display:block;
}
.music a:hover{
	margin:-28px 0 0;
	cursor:pointer;
}
#main h1{
	text-indent:-9999px;
	margin:0 0 12px;
	background: url(../so-images/text-welcome.png) no-repeat;
	width:361px;
	height:22px;
}
#main p{
	margin:0 0 20px;
}
.boxes{
	overflow:hidden;
	width:391px;
}
.boxes .box{
	float:left;
	width:165px;
	margin:0 30px 0 0;
}
.box .button{
	height:105px;
	overflow:hidden;
	margin:0 0 10px;
}
.box .button a{
	background: url(../so-images/bg-box.png) no-repeat;
	display:block;
	height:202px;
	padding:8px 0 0;
}
.box .button a:hover{
	margin:-105px 0 0;
	cursor:pointer;
	padding:113px 0 0;
}
.box .button strong{
	display:block;
	text-indent:-9999px;
	background: url(../so-images/text-visit.png) no-repeat;
	height:14px;
	width:74px;
	overflow:hidden;
	margin:0 auto 6px;
}
.box .button a:hover strong{
	background: url(../so-images/text-visit-hover.png) no-repeat;
}
.box .button img{
	display:block;
	margin:0 auto;
}
#main .box p{
	font-size:10px;
	line-height:13px;
	margin:0;
}
.box .button strong.move{
	background: url(../so-images/text-move.png) no-repeat;
	width:103px;
}
.box .button a:hover strong.move{
	background: url(../so-images/text-move-hover.png) no-repeat;
}
.map{
	float:right;
	width:215px;
}
.visual{
	position:absolute;
	top:0;
	right:0;
}
.map .close{
	height:17px;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	top:5px;
	right:5px;
}
.map .close a{
	background: url(../so-images/bg-close.png) no-repeat;
	height:34px;
	width:17px;
	display:block;
}
.map .close a:hover{
	margin:-17px 0 0;
	cursor:pointer;
}
.map .magnify{
	height:20px;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	top:51px;
	right:88px;
}
.map .magnify a{
	background: url(../so-images/bg-magnify.png) no-repeat;
	height:40px;
	width:21px;
	display:block;
}
.map .magnify a:hover{
	margin:-20px 0 0;
	cursor:pointer;
}
.map .logo{
	width:118px;
	height:120px;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	bottom:0;
	right:58px;
}
.map .logo a{
	display:block;
	height:100%;
	position:relative;
	background:url(../so-images/logo.png) no-repeat;
	cursor:pointer;
}
.close{
	position:relative;
	z-index:1;
}
.logo-close{
	width:145px;
	height:153px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
.logo-close a{
	display:block;
	height:306px;
	background:url(../so-images/logo2.png) no-repeat;
}
.logo-close a:hover{
	margin:-153px 0 0;
	cursor:pointer;
}
.image-map{
	margin:0 0 -71px 107px;
	float:left;
	position:relative;
	z-index:2;
	cursor: url(../so-images/minify.cur), pointer;
}
* html .image-map{
	float:none;
}