/*
 Website by NB Communication Ltd
 http://www.nbcommunication.com
*/

* {
	font-size:100.01%;
}
html {
	font-size:62.5%;
}
body{
	font:1em Arial, Helvetica, sans-serif;
	margin:0;
	color:#000;
	background:#EDEDED;
}
#fix-ie{
	position:relative;
	margin:0 auto;
	width:679px;
}
#main{
	width:679px;
	background:url(images/main-bg.png) repeat-y 0 0;
	margin:0 auto;
	padding:0 0 16px 0; 
}
#header{
	background:url(images/top.jpg) no-repeat 0 0;
	width:671px;
	height:269px;
	margin:0 auto;
}
#header strong{
	text-indent:-9999px;
	margin:0;
	padding:0;
	display:block;
}
#header strong a{
	display:block;
	width:106px;
	height:90px;
	padding:14px 0 0 16px;
	margin:0;
}
#navigation{
	background:url(images/nav-ul-bg.jpg) no-repeat 0 0;
	width:671px;
	min-height:61px;
	margin:0 0 0 4px;
	float:left;
	display:inline;
}
* html #navigation{
	height:61px;
}
#navigation ul{
	margin:0;
	background:#99B5DA;
	float:left;
	min-height:55px;
	padding:6px 0 0 12px;
	width:564px;
}
#navigation ul li{
	list-style:none;
	background:url(images/navigation-li-bg.jpg) no-repeat 100% 50%;
	float:left;
	text-transform:uppercase;
}
#navigation ul li.last{
	background:none;
}
#navigation ul li a{
	font:bold 1.4em Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 8px 0 6px;
	text-decoration:none;
	float:left;
	line-height:24px;
	white-space:nowrap;
}
#navigation ul li a:hover, #navigation ul li a.active{
	color:#C3D3E9;
}
#navigation ul li.navlast { background: none; }

/* -- Highlighting Active Menu Item - Main Menu -- */

body.home div#navigation li#home a,
body.resort div#navigation li#resort a,
body.unst div#navigation li#unst a,
body.shetland div#navigation li#shetland a, 
body.gallery div#navigation li#gallery a,
body.here div#navigation li#here a,
body.around div#navigation li#around a,
body.contact div#navigation li#contact a
{
	color: #a42806;
}	

#right-box-unst{
	width:203px;
	position:absolute;
	top:234px;
	right:-92px;
}
#right-box-unst-top{
	background:url(images/right-box-absolute-top.png) no-repeat 0 0;
	width:203px;
	overflow:hidden;
	height:9px;
	float:left;
}
#right-box-unst-bottom{
	background:url(images/right-box-absolute-bottom.png);
	overflow:hidden;
	width:203px;
	height:9px;
	float:left;
}
#right-box-unst-content{
	background:url(images/right-box-absolute-content.png) repeat-y 0 0;
	padding:10px 0 12px 16px;
	width:187px;
	float:left;
}
#right-box-unst-content ul{
	padding:0 0 0 2px;
	margin:0;
font-size: 1.2em;
display: block;
margin-bottom: 20px;
}
#right-box-unst-content ul li{
	list-style:none;
	line-height:18px;
	width:176px;
margin-bottom: 4px;
}
#right-box-unst-content ul li a:link{
	display: block;
	padding:0 0 0 20px;
	color:#1C562B;
	font-weight:bold;
	text-decoration:none;
	background:url(images/right-box-ul-li-bgon.gif) no-repeat 0 4px;
}
#right-box-unst-content ul li a:visited{
	display: block;
	padding:0 0 0 20px;
	color:#1C562B;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	background:url(images/right-box-ul-li-bgoff.gif) no-repeat 0 4px;
}
#right-box-unst-content ul li a:hover{
	text-decoration:underline;
}

#right-box-unst ul ul { margin-left: 10px; margin-top: 10px; font-size: 12px; }
#right-box-unst ul ul li { width: 158px !important; }

#right-box-unst-content p{
	background:#FCF9E1;
	width:149px;
	padding:23px 6px 18px 8px;
	margin:0 0 0 4px;
font-size: 1.3em;
}
#right-box-unst-content img{
	display:block;
	margin:0 0 0 4px;
}

#right-box-unst-content h3{
	color:#92BD5E;
	color:#a42806;
	font:bold 1.6em Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
}

#right-box-unst-content h3 strong {
	color:#a42806;

	}

p.didyouknow { padding-top: 240px !important; background: url("images/standing-stone.jpg") no-repeat #FCF9E1 !important;}


#secondary-navigation{
	background:url(images/navigation-secondary-bg.jpg) no-repeat 0 0;
	width:671px;
	height:24px;
	margin:0 0 0 4px;
	float:left;
	display:inline;
}
#secondary-navigation ul{
	padding:4px 0 0 9px;
	margin:0;
}
#secondary-navigation ul li{
	list-style:none;
	float:left;
	background:url(images/secondary-nav-li-bg.gif) no-repeat 100% 50%;
}
#secondary-navigation ul li a{
	padding:9px 9px 0 9px;
	text-decoration:none;
	font-size:1.1em;
	font-weight:bold;
	color:#E1DFDF;
}
#secondary-navigation ul li a:hover{
	text-decoration:underline;
}
#secondary-navigation ul li.snav-last { background: none; }
#content{
	width:569px;
	margin:0 0 0 22px;
	padding:2px 0 0 0;
	overflow:hidden;
	float:left;
	display:inline;
}
#content span#bold{
	font-weight:bold;
	color:#BFBFBF;
	font-size:1.1em;
	padding:0;
	margin:0;
line-height: 20px;
}
#content span#regular{
	font-weight:normal;
	color:#BFBFBF;
	font-size:1.1em;
	margin:0;
	padding:0;
line-height: 20px;
}
#content h1{
	font:bold 2.2em Arial, Helvetica, sans-serif;
	color:#608D2E;
	letter-spacing:-1px;
	width:540px;
	padding:20px 0 4px 0;
	margin:0;
}
#left-column{
	float:left;
	width:262px;
margin-top:14px;
}

.home #left-column {
padding-top:150px;
background:url("images/saxavord-gannets.jpg") no-repeat left top;
}

#right-column{
	float:left;
	padding:0 0 0 17px;
	width:257px;
	margin-top:14px;
}

.home #right-column {
padding-top:150px;
background:url("images/home-from-home.jpg") no-repeat right top;
}

#content h2{
	font:bold 1.8em Arial, Helvetica, sans-serif;
	color:#28546F;
	letter-spacing:-1px;
	padding:16px 0 4px 0;
	margin:0;
	line-height:24px;
clear:both;
}
#content h3{
	color:#608D2E;
	font:bold 1.5em Arial, Helvetica, sans-serif;
	margin:0;
	padding:16px 0 4px 0;
}
* html #content h3{
	height:40px;
}


#content h4 { 
font-size:1.3em;
font-weight:bold;	
}

#content h5 { 

}

#content p, #content li {
	margin:0;
	padding:8px 0;
font-size: 1.3em;
line-height: 1.5em;
}

#content li li { font-size: 13px; }

.clearboth { clear: both !important; display: block; }
.clearleft { clear: left !important; display: block; }

#content span#bottom{
	height:50px;
	display:block;
}


#content a img {
	border: none;
}

#content a { text-decoration: underline; }
#content a:hover { text-decoration: none; }

#content a[href^="http://"] {
    display:inline-block;
    padding:0 14px 0 0;
    min-height:14px;
    overflow:visible;
    background:transparent url(images/external.gif) center right no-repeat;
}

#content a[href$='.pdf'] {
display:inline-block;
padding:0 0 0 20px;
overflow:visible;
background:transparent url(images/pdf.png) center left no-repeat;
}

#content .galleria a[href^="http://"] {
    background:none !important;
padding: 0px;
}

#content a.noicon {
    display:block !important;
    background:none !important;
}

#content a.noicon2 {
    background:none !important;
}

#content #single-column {
	width:540px;
	float:left;
}

#content h1.homeheading, #content h2.homeheading { margin: 0 auto !important; width: 80% !important; padding-bottom: 0px !important; text-align: center !important; padding-right: 50px !important; display: block !important; }

#content h1.homeheading { padding-top: 14px !important; }
#content h2.homeheading { padding-top: 8px !important; }


.image-paddings{
	padding:0 0 7px 0;
}
a.find-out{
	background:url(images/find-out-more.png) no-repeat 0 0;
	display:block;
	width:108px;
	height:25px;
	margin:7px 0 4px 0;
	cursor:pointer;
}
a.find-out2{
	background:url(images/find-out-more.png) no-repeat 0 0;
	display:block;
	width:108px;
	height:25px;
	margin:7px 0 4px 0;
	cursor:pointer;
text-indent: -5000px;
}

a.bookbutton { display: block; clear: both; width: 384px; margin: 0 auto; height: 52px; text-indent: -5000px; background: url(images/saxavord-btn.jpg) 0 -13px no-repeat; }

a.bookbutton:hover { background: url(images/saxavord-btn.jpg) 0 -66px no-repeat; }

#tripadvisor { margin: 8px 0 30px 18px; float: left; }

#footer{
	margin:0 0 0 22px;
	clear:both;
	padding-top: 22px;
}
#footer-top{
	background:url(images/footer-top-and-bottom.gif) no-repeat 0 0;
	width:631px;
}
#footer-bottom{
	background:url(images/footer-top-and-bottom.gif) no-repeat 0 100%;
	width:631px;
	padding:1px 0;
	overflow:hidden;
}
#footer-content{
	background:#F8F2BF;
	width:631px;
}
#footer #footer-bottom ul{
	padding:0;
	margin:0;
}
#footer #footer-bottom ul li{
	list-style:none;
	float:left;
	line-height:19px;
	background:url(images/footer-li-bg.gif) no-repeat 100% 60%;
}
#footer #footer-bottom ul li a{
	color:#92BD5E;
	padding:0 11px;
	text-decoration:none;
}
#footer #footer-bottom ul li a:hover{
	text-decoration:underline;
}
#footer #footer-bottom ul li.last-footer{
	background:none;
}

p#copy{
	background:url(images/bottom-bg.gif) no-repeat 0 0;
	color:#858585;
	margin:0 auto;
	padding:14px 0 52px 24px;
	width:655px;
	font-size:1.1em;

	
}

#footer { font-size: 1.2em; }


/* -- Contextual Images -- */

img.right {
	float: right;
	border: #28546f 1px solid; padding: 2px;
	margin: 0 0 20px 20px;
}	
	

img.left {
	float: left;
	border: #28546f 1px solid; padding: 2px;
	margin: 0 20px 20px 0;
}	

/* -- END Contextual Images -- */




/* --- CONTACT FORM --- */


/* --- Form Using Li --- */

form ul li {
	list-style-type: none;
padding-bottom: 2px !important;
}

form ul li label {
	display: block;
	font-weight: bold;
	margin-bottom: 0px;
}

form ul li input {
	margin-bottom: 0.3em;
}



/* --- Form Using P --- */

form p label {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 0.2em;
	margin-left: 40px;
}

form p input, form p textarea {
	margin-bottom: 1.2em;
	margin-left: 40px;
}


/* --- Both Form Versions --- */

div.anti-spam-image {
	margin-left: 40px;
}

div.submit-button input {
	margin-left: 40px;
	font-size: 1.6em;
}


/* --- Simon King story (sidebar) --- */

.sk1 { font-size: 20px; }
.sk2 { margin-top: -20px !important; margin-bottom: 5px; display: block; }
.sk3 { border: 0px; margin-left:0 !important; }
.sk4 { font-size: 12px; width: 163px; margin-bottom: 10px; display: block; }
.sk5 { font-size: 8px; }

/* --- Sidebar btn --- */

.sidebar-btn a { display: block; width: 186px; height: 123px; text-indent: -5000px; background:url(images/saxavord-sbtn.png) no-repeat; clear:both; margin: 0 auto; position: relative; top:7px;  background-position: 0 -3px; }

.sidebar-btn a:hover { background-position: 0 -127px; }

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}