@charset "UTF-8";
@media screen 
{
body 
{
background : #5a83bb;
color : #000;
font : 100% Arial, Helvetica, Geneva, sans-serif;
margin : 0;
padding : 0
}
a img 
{
border : none
}
a:hover,a:focus,a:active 
{
color : #5a83bb
}
#gallery-container ul 
{
list-style-type : none;
margin : 0;
padding : 10px 0 0
}
#gallery-container ul li 
{
background : url(http://caithness-seacoast.co.uk/images/gallerybg.png) no-repeat;
float : left;
height : 116px;
line-height : normal;
margin : 0 !important;
position : relative;
width : 116px
}
#gallery-container ul li img 
{
left : 8px;
position : absolute;
top : 8px
}
#branding h1,#link-skipnav 
{
position : absolute;
top : -3000px
}
#heading-sup h2 
{
color : #103093;
float : right;
font-size : 18px;
font-weight : 400;
padding-right : 20px;
text-align : right
}
#wrapper-all 
{
background : #FFF url(http://caithness-seacoast.co.uk/images/bg_wrapper-all.jpg) no-repeat 0 0;
min-height : 827px;
width : 772px
}
#siteinfo 
{
background-color : #FFF;
font-size : 10px;
height : 30px;
line-height : 30px;
margin : 0 !important;
padding : 0 0 0 20px;
width : 752px
}
#content-a,#content-b,#content-a-1,#content-a-2 
{
float : left
}
#content-a 
{
margin-top : 100px;
width : 50%
}
#content-b 
{
padding-top : 8px;
width : 50%
}
#content-a-1 
{
width : 30%
}
#content-a-2 
{
padding-top : 12px;
width : 70%
}
#wrapper-content p,#wrapper-content ul li,#content-additional p,table 
{
font-size : 12px;
line-height : 1.6;
margin : 6px 0
}
table 
{
border : 1px solid #666;
border-collapse : collapse;
text-align : center;
font-size : 11px;
width : 100%
}
th,tr,td 
{
border : 1px solid #666;
text-align : center
}
ul 
{
list-style : none;
margin : 0;
padding : 0
}
#nav 
{
padding : 10px 0 0 16px
}
#nav a 
{
text-decoration : none
}
#nav li a:hover,#nav li a:focus,#nav li a:active 
{
color : #5696d3
}
#nav li 
{
background : transparent url(http://caithness-seacoast.co.uk/images/bg_nav-li.jpg) no-repeat left center;
padding-left : 18px
}
/*#nav .typo-overline 
{
border-top : 1px solid #000;
margin : 0;
padding-bottom : 6px;
padding-top : 6px
}*/
#nav .typo-underline 
{
/*border-bottom : 1px solid #000;
margin : 0;
padding-bottom : 6px;
padding-top : 6px*/
display: none;
}
div.padder 
{
padding : 10px
}
#content-b div.padder 
{
padding-right : 20px
}
#content-additional p,#content-additional h2 
{
margin : 5px 0 !important
}
.typo-caps,.nobullets li a,#content-a-2 .padder h2 
{
color : #4b7fc7 !important;
font-size : 12px;
font-weight : 700;
margin : 5px 0 !important;
text-transform : uppercase
}
.nobullets 
{
list-style-type : none;
margin : inherit 0;
padding : 0
}
div.imageplaceholder 
{
background : transparent url(http://caithness-seacoast.co.uk/images/photobg.png) no-repeat;
height : 380px;
position : relative;
width : 350px
}
div.imageplaceholder-small 
{
background : transparent url(http://caithness-seacoast.co.uk/images/photobg_small.png) no-repeat;
height : 246px;
position : relative;
width : 350px
}
div.imageplaceholder img,div.imageplaceholder-small img 
{
left : 20px;
position : absolute;
top : 20px
}
div#map-container 
{
background : transparent url(http://caithness-seacoast.co.uk/images/map.png) no-repeat;
height : 637px;
position : relative;
width : 350px
}
div#map-container li 
{
height : 14px;
line-height : normal;
margin : 0;
padding : 0;
position : absolute;
text-indent : -9999px;
width : 14px;
z-index : 100
}
div#map-container li a 
{
display : block;
height : 14px;
text-decoration : none;
width : 14px
}
div#map-container li a:hover,div#map-container li a:focus,div#map-container li a:active 
{
background : transparent url(http://caithness-seacoast.co.uk/images/maphotspot.png) no-repeat
}
#map-loc-1 
{
left : 261px;
top : 53px
}
#map-loc-2 
{
left : 260px;
top : 77px
}
#map-loc-3 
{
left : 239px;
top : 112px
}
#map-loc-4 
{
left : 226px;
top : 127px
}
#map-loc-5 
{
left : 210px;
top : 152px
}
#map-loc-6 
{
left : 224px;
top : 177px
}
#map-loc-7 
{
left : 220px;
top : 200px
}
#map-loc-8 
{
left : 248px;
top : 211px
}
#map-loc-9 
{
left : 268px;
top : 210px
}
#map-loc-10 /*Staxigoe*/
{
left : 268px;
top : 234px
}
#map-loc-11 /* BroadHaven*/ 
{
left : 263px;
top : 254px
}
#map-loc-12 /*Wick*/
{
left : 237px;
top : 262px
}
#map-loc-13 /*Oldwick*/
{
left : 246px;
top : 291px
}
#map-loc-14 /*Natural Arch*/
{
left : 234px;
top : 340px
}
#map-loc-15 /*Sarclet*/
{
left : 226px;
top : 363px
}
#map-loc-16 /*Whalligoe*/
{
left : 188px;
top : 397px
}
#map-loc-17 /*Clyth Harbour*/
{
left : 165px;
top : 422px
}
#map-loc-18 /*Clyth lighthouse*/
{
left : 149px;
top : 445px
}
#map-loc-19 /*Lybster*/
{
left : 102px;
top : 465px
}
#map-loc-20 /*Forse castle*/
{
left : 71px;
top : 481px
}
#map-loc-21  /*Latheronwheel*/
{
left : 34px;
top : 497px
}

/*tooltip*/
div.tooltip 
{
color : #fff;
text-align : center;
width : 200px
}
div.tooltip h4 
{
background : url(http://caithness-seacoast.co.uk/images/balloon.png) top left no-repeat !important;
color : #fff;
font-size : 11px;
font-weight : 700;
margin : 0;
padding : 13px 10px 5px;
text-shadow : 2px 2px 1px #222
}
div.tooltip p 
{
background : url(http://caithness-seacoast.co.uk/images/balloon.png) bottom left no-repeat !important;
font-size : 13px;
margin : 0;
padding : 0 10px 15px;
text-shadow : 2px 2px 1px #222
}
#content-additional 
{
margin : 0 20px 0 15px
}
#content-additional .typo-caps:target 
/* Will not render in IE 7 - :( Boo hoo (.GM) */ 
{
background : #adc7e0;
border-left : 6px solid #fadc54;
color : #000 !important;
line-height : normal;
padding : 3px px
}
a:link,a:visited,#nav li a 
{
color : #000
}
#gallery-container,#wrapper-content,#content-a,#heading-sup,.floatcontrol 
{
overflow : hidden
}
p.hidden a
{
display :  none;
}
p.hidden a[href^="http://secure.navertech.com"]
{
display :  block;
}
input, textarea
{
border :  1px solid #4F93D0;
width :  90%;
}
#formSubmit
{
width : auto;
border : 1px solid #000;
background : #5195D2;
color : #000;
font-weight : bold;
}
.form-confirm {
font-weight :  bold;
color : #4C822F;
}
.form-error {
font-weight :  bold;
color :  #B91309;
}
.multiBoxDesc a
{
	color : #5A83BB !important;
}
}