/*
Lovingly hand-crafted by Citrus Tree Media.
http://www.citrustreemedia.com/
Please respect our copyright as we do yours...
Image map concept by Stu Nicholls (http://www.cssplay.co.uk/)
*/

/* ---------------------
title: yacht romola image map style sheet
author: wayne taylor
created: 15/11/06
modified: 15/11/06
version: 1.0
--------------------- */

/* -----------------------------------------------------------------------------
   image map style */

#imap {
	display: block;
	width: 573px;
	height: 340px;
	background-image: url(../images/map/yacht-cruising-ground.jpg);
	position: relative;
	margin: 0 auto 2em auto;
	border: 1px solid #c96;
}

#imap a#titlex {
	display: block;
	width: 573px;
	height: 0;
	padding-top: 340px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	background: transparent url(../images/map/yacht-cruising-ground.jpg) no-repeat 573px 573px;
	cursor: default;
}

* html #imap a#titlex {
	height: 340px;
	he\ight: 0;
}

#imap a#titlex:hover {
	background-position: 0 0;
}

a#l1, a#l2, a#l3, a#l4, a#l5, a#l6, a#l7,
 a#l8, a#l9, a#l10, a#l11, a#l12, a#l13 {
	display: block;
	width:86px;
	height: 0;
	padding-top: 79px;
	overflow: hidden;
	position: absolute;
}

* html a#l1, * html a#l2, * html a#l3, * html a#l4, * html a#l5, * html a#l6, * html a#l7,
 * html a#l8, * html a#l9, * html a#l10, * html a#l11, * html a#l12, * html a#l13 {
	height: 79px;
	he\ight: 0;
}

/* -----------------------------------------------------------------------------
   individual hover areas style */

a#l1 {
	left: 188px;
	top: 141px;
	background: transparent url(../images/map/1.jpg) no-repeat 573px 573px;
}

a#l2 {
	left: 256px;
	top: 168px;
	background: transparent url(../images/map/2.jpg) no-repeat 573px 573px;
}

a#l3 {
	left: 268px;
	top: 176px;
	background: transparent url(../images/map/3.jpg) no-repeat 573px 573px;
}

a#l4 {
	left: 283px;
	top: 179px;
	background: transparent url(../images/map/4.jpg) no-repeat 573px 573px;
}

a#l5 {
	left: 304px;
	top: 172px;
	background: transparent url(../images/map/5.jpg) no-repeat 573px 573px;
}

a#l6 {
	left: 316px;
	top: 161px;
	background: transparent url(../images/map/6.jpg) no-repeat 573px 573px;
}

a#l7 {
	left: 329px;
	top: 145px;
	background: transparent url(../images/map/7.jpg) no-repeat 573px 573px;
}

a#l8 {
	left: 344px;
	top: 140px;
	background: transparent url(../images/map/8.jpg) no-repeat 573px 573px;
}

a#l9 {
	left: 357px;
	top: 133px;
	background: transparent url(../images/map/9.jpg) no-repeat 573px 573px;
}

a#l10 {
	left: 376px;
	top: 127px;
	background: transparent url(../images/map/10.jpg) no-repeat 573px 573px;
}

a#l11 {
	left: 399px;
	top: 102px;
	background: transparent url(../images/map/11.jpg) no-repeat 573px 573px;
}

a#l12 {
	left: 418px;
	top: 92px;
	background: transparent url(../images/map/12.jpg) no-repeat 573px 573px;
}

a#l13 {
	left: 435px;
	top: 96px;
	background: transparent url(../images/map/13.jpg) no-repeat 573px 573px;
}

a#l1:hover, a#l2:hover, a#l3:hover, a#l4:hover, a#l5:hover, a#l6:hover, a#l7:hover,
 a#l8:hover, a#l9:hover, a#l10:hover, a#l11:hover, a#l12:hover, a#l13:hover {
 	background-position: 0 0;
}

/* -----------------------------------------------------------------------------
   end style sheet */