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

body {
   background-color: #fff;
   font-family: Verdana, Arial, sans-serif;
   min-width: 1068px;
   min-height: 950px;
}
p{
   color: #000;
   margin: 0px;
   font-size: 8px;
}
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;
}


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

/***********************************************/
/* Map key colours                             */
/***********************************************/

h3.dumfries {
   color: #dfa045;
}
h3.strathclyde{
   color: #913e2e;
}
h3.kintyre {
   color: #2e9133;
}
h3.arran{
   color: #1538ee;
}
h3.islay{
   color: #fb7702;
}
h3.argyle{
   color: #800080;
}



#wrapper{
   width: 1050px;
   height: 845px;
   margin: 0 auto 20px auto;
   background-image: url('galloway.jpg');
   padding: 0px;
}
#container{
   position: absolute;
   width: 1050px;
   height: 845px;
   padding: 0px;
   text-align: right;

}

/************************************************/

/* The beach overlays */


#annan{
   position: absolute;
   left: 974px;
   bottom: 222px;
   z-index: 50;
   color: #000;
}
#annan: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;
   color: #000;

}

#powfoot{
   position: absolute;
   left: 925px;
   bottom: 223px;
   z-index: 50;
   color: #000;
}
#powfoot: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;
   color: #000;

}

#southerness{
   position: absolute;
   left: 870px;
   bottom: 160px;
   z-index: 50;
   color: #000;
}
#southerness: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;
   color: #000;

}

#sandyhills{
   position: absolute;
   left: 845px;
   bottom: 181px;
   z-index: 50;
   color: #000;
}
#sandyhills: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;
   color: #000;

}

#rockcliffe{
   position: absolute;
   left: 795px;
   bottom: 173px;
   z-index: 50;
   color: #000;
}
#rockcliffe: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;
   color: #000;

}

#brighouse{
   position: absolute;
   left: 741px;
   bottom: 110px;
   z-index: 50;
   color: #000;
}
#brighouse: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;
   color: #000;

}

#carrick{
   position: absolute;
   left: 737px;
   bottom: 135px;
   z-index: 50;
   color: #000;
}
#carrick: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;
   color: #000;

}

#mossyard{
   position: absolute;
   left: 710px;
   bottom: 145px;
   z-index: 50;
   color: #000;
}
#mossyard: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;
   color: #000;

}

#ardwell{
   position: absolute;
   left: 446px;
   bottom: 120px;
   z-index: 50;
   color: #000;
}
#ardwell: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;
   color: #000;

}

#portpatrick{
   position: absolute;
   left: 435px;
   bottom: 142px;
   z-index: 50;
   color: #000;
}
#portpatrick: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;
   color: #000;

}

#luce{
   position: absolute;
   left: 530px;
   bottom: 137px;
   z-index: 50;
   color: #000;
}
#luce: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;
   color: #000;

}

#drummore{
   position: absolute;
   left: 548px;
   bottom: 89px;
   z-index: 50;
   color: #000;
}
#drummore: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;
   color: #000;

}

#portlogan{
   position: absolute;
   left: 452px;
   bottom: 95px;
   z-index: 50;
   color: #000;
}
#portlogan: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;
   color: #000;

}

#stranraer{
   position: absolute;
   left: 476px;
   bottom: 170px;
   z-index: 50;
   color: #000;
}
#stranraer: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;
   color: #000;

}

#turnberry{
   position: absolute;
   left: 560px;
   bottom: 376px;
   z-index: 50;
   color: #000;
}
#turnberry: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;
   color: #000;

}

#dunure{
   position: absolute;
   left: 585px;
   bottom: 420px;
   z-index: 50;
   color: #000;
}
#dunure: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;
   color: #000;

}

#troon{
   position: absolute;
   left: 612px;
   bottom: 485px;
   z-index: 50;
   color: #000;
}
#troon: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;
   color: #000;

}

#fairlie{
   position: absolute;
   left: 557px;
   bottom: 585px;
   z-index: 50;
   color: #000;
}
#fairlie: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;
   color: #000;

}

#largs{
   position: absolute;
   left: 555px;
   bottom: 608px;
   z-index: 50;
   color: #000;
}
#largs: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;
   color: #000;

}

#lunderston{
   position: absolute;
   left: 552px;
   bottom: 667px;
   z-index: 50;
   color: #000;
}
#lunderston: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;
   color: #000;

}

#helensburgh{
   position: absolute;
   left: 605px;
   bottom: 704px;
   z-index: 50;
   color: #000;
}
#helensburgh: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;
   color: #000;

}

#dunoon{
   position: absolute;
   left: 500px;
   bottom: 680px;
   z-index: 50;
   color: #000;
}
#dunoon: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;
   color: #000;

}

#ardfern{
   position: absolute;
   left: 346px;
   bottom: 728px;
   z-index: 50;
   color: #000;
}
#ardfern: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;
   color: #000;

}

#ardfern{
   position: absolute;
   left: 360px;
   bottom: 728px;
   z-index: 50;
   color: #000;
}
#ardfern: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;
   color: #000;

}

#carradale{
   position: absolute;
   left: 337px;
   bottom: 517px;
   z-index: 50;
   color: #000;
}
#carradale: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;
   color: #000;

}

#machrahanish{
   position: absolute;
   left: 242px;
   bottom: 400x;
   z-index: 50;
   color: #000;
}
#machrahanish: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;
   color: #000;

}

#brodick{
   position: absolute;
   left: 485px;
   bottom: 510px;
   z-index: 50;
   color: #000;
}
#brodick: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;
   color: #000;

}

#craobh{
   position: absolute;
   left: 344px;
   top: 98px;
   z-index: 50;
   color: #000;
}
#craobh: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;
   color: #000;

}


#whiting{
   position: absolute;
   left: 492px;
   bottom: 463px;
   z-index: 50;
   color: #000;
}
#whiting: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;
   color: #000;

}

#blackwaterfoot{
   position: absolute;
   left: 421px;
   bottom: 476px;
   z-index: 50;
   color: #000;
}
#blackwaterfoot: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;
   color: #000;

}

#lamlash{
   position: absolute;
   left: 485px;
   bottom: 483px;
   z-index: 50;
   color: #000;
}
#lamlash: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;
   color: #000;

}

#machir{
   position: absolute;
   left: 55px;
   bottom: 604px;
   z-index: 50;
   color: #000;
}
#machir: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;
   color: #000;

}

#saligo{
   position: absolute;
   left: 60px;
   bottom: 625px;
   z-index: 50;
   color: #000;
}
#saligo: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;
   color: #000;

}

#kilnaughton{
   position: absolute;
   left: 183px;
   bottom: 537px;
   z-index: 50;
   color: #000;
}
#kilnaughton: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;
   color: #000;

}

#portellen{
   position: absolute;
   left: 185px;
   bottom: 522px;
   z-index: 50;
   color: #000;
}
#portellen: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;
   color: #000;

}

#bigstrand{
   position: absolute;
   left: 167px;
   bottom: 565px;
   z-index: 50;
   color: #000;
}
#bigstrand: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;
   color: #000;

}




/************************************************/

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


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

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

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

h1 :active 
        color: #000;
        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;

}

/* Regional anchors */

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

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

a.kintyre:link{ color: #000;}
a.kintyre:visited{ color: #000;}
a.kintyre:hover{ color: #2e9133;}
a.kintyre:active{ color: #000;}


a.arran:link{ color: #000;}
a.arran:visited{ color: #000;}
a.arran:hover{ color: #1538ee;}
a.arran:active{ color: #000;}

a.islay:link{ color: #000;}
a.islay:visited{ color: #000;}
a.islay:hover{ color: #fb7702;}
a.islay:active{ color: #000;}

a.argyle:link{ color: #000;}
a.argyle:visited{ color: #000;}
a.argyle:hover{ color: #800080;}
a.argyle:active{ color: #000;}