/*HOVER POPUP LINKS*/

/*hoverpopups type 1*/

#popup { color: #000; background-color: #c0c0c0; }

#popup a, #popup a:visited {
position: relative;
display: block;
width: 130px;
line-height: 30px;
text-align: right;
padding: 0 10px;
margin: 0;
text-decoration: none;
font-size: 1em;
font-weight: bold;
}

#popup a span {display: none;}

#popup a:hover { background-color: #e9e9e2; }

/* the IE correction rule */
#popup a:hover	{
color: #f00; background-color: #e9e9e2;
text-indent: 0; /* added the default value */
}

#popup a:hover span{
display: block;
position: absolute;
top: 0px;
left: 170px;
width: 320px;
margin: 0px;
padding: 10px;
color: #335500;
font-weight: normal;
background: #e5e5e5;
text-align: left;
}


/*THUMBNAIL HOVERPOPUPS*/

.thumbnail  {
	position: relative;
	float: left;
	padding: 0px;
/*z-index: 0;*/
}

.thumbnail:hover {
	background-color: #EFEFF7;
	/*z-index: 50;*/
color: #335500;
	text-decoration: none;
}

.thumbnail span { /*CSS for enlarged image*/
position: absolute;
background-color: #e5e5e5;
/*left: -1000px;*/
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img { /*CSS for enlarged image*/
border-width: 0; 
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
visibility: visible; width: 200px;
top: -315px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: -385px;/*position where enlarged image should offset horizontally */
}

/*THUMBNAIL2 - thumbnail2 has border and border on hover*/

.thumbnail2 {
position: relative;
float: left;
/*z-index: 0;*/
}

.thumbnail2:hover { 
background-color: #e9e9e2;
/*z-index: 50;*/
color: #335500;
text-decoration: none;
}

.thumbnail2 span { /*CSS for enlarged image*/
position: absolute;
background-color: #e5e5e5;
/*left: -1000px;*/
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img { /*CSS for enlarged image*/
border-width: 0;
/*padding: 2px;*/
}

.thumbnail2:hover span { /*CSS for enlarged image on hover*/
visibility: visible; width: 208px;
top: -307px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 300px;/*position where enlarged image should offset horizontally */
}

a.thumbnail2 img { text-decoration:none;
z-index: 50; }

/*if same attribute for all 4 states, then declare here in
a.thumbnail2*/ 

a.thumbnail2 img:link { border: 0px solid #e9e9e2; background: transparent; }

a.thumbnail2 img:visited { border: 0px solid #e9e9e2; background : transparent; }

a.thumbnail2 img:hover { border: 0px solid #f00; background : transparent; }

a.thumbnail2 img:active { border: 0px solid #e9e9e2; background : transparent; }

a.thumbnail2 img { border: 0px solid #e9e9e2; }

/*THUMBNAIL3 - thumbnail3 has border and border on hover*/

.thumbnail3 {
position: relative;
float: left;
/*z-index: 0;*/
}

.thumbnail3:hover { 
background-color: #e9e9e2;
/*z-index: 50;*/
color: #335500;
text-decoration: none;
}

.thumbnail3 span { /*CSS for enlarged image*/
position: absolute;
background-color: #e5e5e5;
/*left: -1000px;*/
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail3 span img { /*CSS for enlarged image*/
border-width: 0;
/*padding: 2px;*/
}

.thumbnail3:hover span { /*CSS for enlarged image on hover*/
visibility: visible; width: 208px;
top: -301px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 300px;/*position where enlarged image should offset horizontally */
}

a.thumbnail3 img { text-decoration:none;
z-index: 50; }

/*if same attribute for all 4 states, then declare here in
a.thumbnail3*/ 

a.thumbnail3 img:link { border: 0px solid #e9e9e2; background: transparent; }

a.thumbnail3 img:visited { border: 0px solid #e9e9e2; background : transparent; }

a.thumbnail3 img:hover { border: 0px solid #f00; background : transparent; }

a.thumbnail3 img:active { border: 0px solid #e9e9e2; background : transparent; }

a.thumbnail3 img { border: 0px solid #e9e9e2; }


/*THUMBNAIL4 - thumbnail4 has border and border on hover*/

.thumbnail4 {
position: relative;
float: left;
/*z-index: 0;*/
}

.thumbnail4:hover { 
background-color: #e9e9e2;
/*z-index: 50;*/
color: #335500;
text-decoration: none;
}

.thumbnail4 span { /*CSS for enlarged image*/
position: absolute;
background-color: #e5e5e5;
/*left: -1000px;*/
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail4 span img { /*CSS for enlarged image*/
border-width: 0;
/*padding: 2px;*/
}

.thumbnail4:hover span { /*CSS for enlarged image on hover*/
visibility: visible; width: 208px;
top: -306px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 300px;/*position where enlarged image should offset horizontally */
}

a.thumbnail4 img { text-decoration:none;
z-index: 50; }

/*if same attribute for all 4 states, then declare here in
a.thumbnail3*/ 

a.thumbnail4 img:link { border: 0px solid #e9e9e2; background: transparent; }

a.thumbnail4 img:visited { border: 0px solid #e9e9e2; background : transparent; }

a.thumbnail4 img:hover { border: 0px solid #f00; background : transparent; }

a.thumbnail4 img:active { border: 0px solid #e9e9e2; background : transparent; }

a.thumbnail4 img { border: 0px solid #e9e9e2; }


/*THUMBNAIL5 - thumbnail3 has border and border on hover*/

.thumbnail5 {
position: relative;
float: left;
/*z-index: 0;*/
}

.thumbnail5:hover { 
background-color: #e9e9e2;
/*z-index: 50;*/
color: #335500;
text-decoration: none;
}

.thumbnail5 span { /*CSS for enlarged image*/
position: absolute;
background-color: #e5e5e5;
/*left: -1000px;*/
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail5 span img { /*CSS for enlarged image*/
border-width: 0;
/*padding: 2px;*/
}

.thumbnail5:hover span { /*CSS for enlarged image on hover*/
visibility: visible; width: 208px;
top: -315px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 300px;/*position where enlarged image should offset horizontally */
}

a.thumbnail5 img { text-decoration:none;
z-index: 50; }

/*if same attribute for all 4 states, then declare here in
a.thumbnail3*/ 

a.thumbnail5 img:link { border: 0px solid #e9e9e2; background: transparent; }

a.thumbnail5 img:visited { border: 0px solid #e9e9e2; background : transparent; }

a.thumbnail5 img:hover { border: 0px solid #f00; background : transparent; }

a.thumbnail5 img:active { border: 0px solid #e9e9e2; background : transparent; }

a.thumbnail5 img { border: 0px solid #e9e9e2; }




#maa {
	background-image: url(../resorts/images/Resorts_01.jpg);
	height: 834px;
	width: 1280px;
	background-repeat: no-repeat;
}
#big {
	position: absolute;
	height: 300px;
	width: 370px;
	left: 214px;
	top: 297px;
}
#smal {
	height: 60px;
	width: 60px;
	position: absolute;
	left: 599px;
	top: 612px;
}
#sma2 {
	height: 60px;
	width: 60px;
	position: absolute;
	left: 974px;
	top: 612px;
}
#next {
	height: 75px;
	width: 75px;
	position: absolute;
	left: 679px;
	top: 604px;
}
#next2 {
	height: 75px;
	width: 75px;
	position: absolute;
	left: 880px;
	top: 603px;
}
#bb {
	position: absolute;
	height: 85px;
	width: 85px;
	left: 774px;
	top: 598px;
}
#text {
	height: 100px;
	width: 100px;
}
#jj {
	position: absolute;
	height: 186px;
	width: 396px;
	left: 625px;
	top: 391px;
	font-family: Verdana;
	font-size: 12px;
	color: #d3d9eb;
	text-align: justify;
	line-height: 13px;
}
#txts {
	font-family: Verdana;
	font-size: 12px;
	color: #d3d9eb;
	position: absolute;
	height: 68px;
	width: 311px;
	left: 256px;
	top: 638px;
}
#add {
	font-family: Verdana;
	font-size: 12px;
	color: #d3d9eb;
	position: absolute;
	height: 122px;
	width: 398px;
	left: 625px;
	top: 722px;
	text-align: justify;
}
#gg {
	font-family: Verdana;
	font-size: 12px;
	color: #d3d9eb;
	position: absolute;
	height: 74px;
	width: 308px;
	left: 255px;
	top: 751px;
	line-height: 12px;
}
#right {
	font-family: Verdana;
	font-size: 12px;
	position: absolute;
	height: 100px;
	width: 158px;
	left: 1078px;
	top: 315px;
	color: #424691;
}
#com {
	background-image: url(../resorts/images/Resorts_04.jpg);
	background-repeat: repeat-y;
	height: auto;
	width: 1280px;
}
#heading {
	position: absolute;
	height: 75px;
	width: 192px;
	left: 706px;
	top: 299px;
}
#updat {
	font-family: Verdana;
	font-size: 10px;
	background-image: url(../resorts/images/Resorts_06.jpg);
	height: 34px;
	width: 203px;
	color: #545782;
}
#res1 {
	font-family: "MS Serif";
	font-size: 8px;
	background-image: url(../resorts/images/Resorts_13.jpg);
	height: 19px;
	width: 423px;
	text-align: center;
	vertical-align:bottom;
	color: #656565;
}
#im18 {
	font-family: "MS Serif";
	font-size: 8px;
	background-image: url(../resorts/images/Resorts_18.jpg);
	height: 28px;
	width: 423px;
	text-align: center;
	color: #656565;
}
#linis {
	font-family: Verdana;
	font-size: 12px;
	height: 100px;
	width: 131px;
	position: absolute;
	left: 40px;
	top: 319px;
	color: #676cb7;
	line-height: 17px;
}
#home {
	font-family: "Palatino Linotype";
	font-size: 10px;
	position: absolute;
	left: 283px;
	top: 196px;
}
#contact {
	font-family: "Palatino Linotype";
	font-size: 10px;
	position: absolute;
	left: 354px;
	top: 196px;
}
#date {
	font-family: "Palatino Linotype";
	font-size: 12px;
	position: absolute;
	left: 845px;
	top: 196px;
	color: #CCC;
}
#hover {
	font-family: Verdana;
	font-size: 12px;
	position: absolute;
	height: 26px;
	width: 327px;
	left: 241px;
	top: 577px;
	font-style: italic;
	color: #CCC;
	text-align: center;
}
#gallery {
	font-family: Verdana;
	font-size: 10px;
	position: absolute;
	height: 10px;
	width: 100px;
	left: 925px;
	top: 692px;
	color: #d3d9eb;
	font-style: italic;
}
#link1 {
	background-image: url(../resorts/images/Resorts_10.jpg);
	height: 59px;
	width: 203px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-align: right;
}
#link2 {
	font-family: Verdana;
	font-size: 11px;
	background-image: url(../resorts/images/Resorts_07.jpg);
	height: 93px;
	width: 444px;
}
#link3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	background-image: url(../resorts/images/Resorts_11.jpg);
	height: 59px;
	width: 185px;
}
#digest {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #5A1E42;
	position: absolute;
	height: 15px;
	width: 133px;
	top: 845px;
	left: 54px;
}
#foots {
	background-image: url(/resorts/images/Resorts_1_03.jpg);
	background-repeat: no-repeat;
	height: 157px;
	width: 1280px;
}
#tabsh {
	position: absolute;
	left: 1079px;
	top: 949px;
	width: 134px;
}
#header1 {
	font-family: Verdana;
	font-size: 1px;
	color: #8D8D99;
	position:absolute;
	left: 182px;
	top: 292px;
}