/* map.css for the Aberdeenshire manonabeach map */

body {
   background-color: #fff;
   font-family: Verdana, Arial, sans-serif;
   min-width: 1000px;
   min-height: 1275px;
}
p{
   color: #000;
   margin: 0px;
   font-size: 8px;
   /*  -webkit-transform: rotate(90deg);	
   -moz-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   transform: rotate(90deg);
   writing-mode: bt-rl;  */
}
h1{
   color: #000;
   font-size: 36px;
   font-weight: 100;
   margin: 0px 10px 10px 20px;
}
h2{
   color: #2e2e2d;
   font-size: 16px;
   margin: 0 10px 0 20px;
   font-weight: 500;
}
h3{
   font-size: 14px;
   margin: 0 10px 0 20px;
   font-weight: 500;
}
h3.angus{
   color: #dfa045;
}
h3.aberdeen{
   color: #913e2e;
}
h3.moray{
   color: #3e912e;
}
h3.aberdeenshire{
   color: #233052;
}

h4{
   font-size: 12px;
   margin: 0 10px 0 20px;
   font-weight: 100;
   color: #666;
}


#wrapper{
   width: 1000px;
   height: 1275px;
   margin: 0px auto 20px auto;
   background-image: url('nescotland.jpg');
   padding: 0px;
}
#container{
   position: absolute;
   width: 1000px;
   height: 1275px;
   padding: 0px;

}

/* The beach overlays */

#lunan{
   position: absolute;
   left: 542px;
   top: 1174px;
   z-index: 50;
}
#lunan:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
}

#montrose{
   position: absolute;
   left: 565px;
   top: 1108px;
   z-index: 50;
}
#montrose:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
}

#stcyrus{
   position: absolute;
   left: 579px;
   top: 1060px;
   z-index: 50;
}
#stcyrus:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
}

#stonehaven{
   position: absolute;
   left: 710px;
   top: 844px;
   z-index: 50;
}
#stonehaven:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
}

#aberdeen{
   position: absolute;
   left: 782px;
   top: 645px;
   z-index: 50;
}
#aberdeen:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
}

#balmedie{
   position: absolute;
   left: 778px;
   top: 605px;
   z-index: 50;
}
#balmedie:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
}

#newburgh{
   position: absolute;
   left: 825px;
   top: 478px;
   z-index: 50;
}
#newburgh:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
}

#forvie{
   position: absolute;
   left: 846px;
   top: 462px;
   z-index: 50;
}
#forvie:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
}

#cruden{
   position: absolute;
   left: 908px;
   top: 385px;
   z-index: 50;
}
#cruden:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
}

#sandford{
   position: absolute;
   left: 948px;
   top: 285px;
   z-index: 50;
}
#sandford:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
}

#rattray{
   position: absolute;
   left: 925px;
   top: 188px;
   z-index: 50;
}
#rattray:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
}

#strathbeg{
   position: absolute;
   left: 890px;
   top: 120px;
   z-index: 50;
}
#strathbeg:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
}

#fraserburgh{
   position: absolute;
   left: 835px;
   top: 70px;
   z-index: 50;
}
#fraserburgh:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
}

#rosehearty{
   position: absolute;
   left: 752px;
   top: 51px;
   z-index: 50;
}
#rosehearty:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
}

#aberdour{
   position: absolute;
   left: 698px;
   top: 97px;
   z-index: 50;
}
#aberdour:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
}

#cullykhan{
   position: absolute;
   left: 658px;
   top: 63px;
   z-index: 50;
}
#cullykhan:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
}

#banff{
   position: absolute;
   left: 498px;
   top: 85px;
   z-index: 50;
}
#banff:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
}

#sandend{
   position: absolute;
   left: 388px;
   top: 88px;
   z-index: 50;
}
#sandend:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
}

#cullen{
   position: absolute;
   left: 322px;
   top: 74px;
   z-index: 50;
}
#cullen:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
}

#spey{
   position: absolute;
   left: 195px;
   top: 82px;
   z-index: 50;
}
#spey:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
}

#lossiemouth{
   position: absolute;
   left: 95px;
   top: 35px;
   z-index: 50;
}
#lossiemouth:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
}

#lossiemouthWest{
   position: absolute;
   left: 10px;
   top: 12px;
   z-index: 50;
}
#lossiemouthWest:hover{
   background-color: #fff;
   opacity:0.8;
   filter:alpha(opacity=80);
   z-index: 70;
   border: 1px solid #666;
   border-radius: 10px;
   padding: 0 10px 5px 10px;
   -moz-box-shadow: 3px 3px 3px #333;
   -webkit-box-shadow: 3px 3px 3px #333;
   box-shadow: 3px 3px 3px #333;
}


#credits{
   position: absolute;
   right: 10px;
   bottom: 5px;
   z-index: 50;
   text-align: right;
}


/* Overlay fonts */
a:link {
        text-decoration: none; 
        font-weight: 900;

}
a:visited {
        text-decoration: none; 
        font-weight: 900;

}
h1 a:hover {
        text-decoration: none; 
        font-weight: 200;
        color: #000;
}

h1 :active {
        text-decoration: none; 
        font-weight: 200;
        color: #000;

}
h1 a:link {
        text-decoration: none; 
        font-weight: 200;
        color: #000;

}
h1 a:visited {
        text-decoration: none; 
        font-weight: 200;
        color: #000;

}
a:hover {
        text-decoration: none; 
        font-weight: 200;
}

a:active {
        text-decoration: none; 
        font-weight: 900;

}

/* Cornwall region anchors */

a.angus:link{ color: #000;}
a.angus:visited{ color: #000;}
a.angus:hover{ color: #dfa045;}
a.angus:active{ color: #000;}

a.aberdeen:link{ color: #000;}
a.aberdeen:visited{ color: #000;}
a.aberdeen:hover{ color: #913e2e;}
a.aberdeen:active{ color: #000;}

a.moray:link{ color: #000;}
a.moray:visited{ color: #000;}
a.moray:hover{ color: #3e912e;}
a.moray:active{ color: #000;}

a.aberdeenshire:link{ color: #000;}
a.aberdeenshire:visited{ color: #000;}
a.aberdeenshire:hover{ color: #233052;}
a.aberdeenshire:active{ color: #000;}


a.crow:link{ color: #666;}
a.crow:visited{ color: #666;}
a.crow:hover{ color: #333;}
a.crow:active{ color: #666;}