/*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: -329px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: -350px;/*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: -321px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 500px;/*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: -316px; /* 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: -320px; /* 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: -329px; /* 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; }

#big {
	position: absolute;
	height: 300px;
	width: 370px;
	left: 293px;
	top: 336px;
}
#smal {
	height: 60px;
	width: 60px;
	position: absolute;
	left: 643px;
	top: 665px;
}
#sma2 {
	height: 60px;
	width: 60px;
	position: absolute;
	left: 1012px;
	top: 665px;
}
#next {
	height: 75px;
	width: 75px;
	position: absolute;
	left: 720px;
	top: 657px;
}
#next2 {
	height: 75px;
	width: 75px;
	position: absolute;
	left: 918px;
	top: 656px;
}
#bb {
	position: absolute;
	height: 85px;
	width: 85px;
	left: 815px;
	top: 652px;
}
#text {
	height: 100px;
	width: 100px;
}




#main_1 {
	background-image: url(/maldives/images/maldives_info_01.png);
	height: 834px;
	width: 1280px;
}
#main_2 {
	background-image: url(/maldives/images/maldives_info_02.png);
	width: 1280px;
}
#main_3 {
	background-image: url(/maldives/images/maldives_info_03.png);
	width: 1280px;
}
#main_6 {
	height: 0px;
	width: 1280px;
}

#main_4 {
	background-image: url(/maldives/images/maldives_info_04.png);
	height: 135px;
	width: 1280px;
}
#date {
	font-family: "Palatino Linotype";
	font-size: 12px;
	position: absolute;
	width: 200px;
	left: 1034px;
	color: #105D6A;
	top: 178px;

}
#table {
	position: absolute;
	left: 1043px;
	top: 359px;
	width: 137px;
}
body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	clip: rect(0px,0px,0px,0px);
}
#home {
	position: absolute;
	font-family: "Palatino Linotype";
	font-size: 10px;
	left: 468px;
	top: 100px;
	width: 741px;
}
#welcome {
	position: absolute;
	left: 70px;
	top: 289px;
}
#resort_list {
	position: absolute;
	left: 991px;
	top: 290px;
}
#airport1 {
	position: absolute;
	left: 66px;
	top: 390px;
}
#travel1 {
	position: absolute;
	left: 66px;
	top: 444px;
	width: 172px;
	height: 50px;
}
#map {
	position: absolute;
	left: 67px;
	top: 547px;
}
#visa1 {
	position: absolute;
	left: 66px;
	top: 494px;
}
#under {
	position: absolute;
	left: 1029px;
	top: 1200px;
}
#underwater {
	position: absolute;
	left: 1028px;
	top: 1254px;
}
#over {
	position: absolute;
	display:none;
}
#hold1 {
	position: absolute;
	left: 342px;
	top: 530px;
}
#hold2 {
	position: absolute;
	left: 744px;
	top: 365px;
}
#fact_1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #EAF2EB;
	position: absolute;
	width: 142px;
	left: 1040px;
	top: 425px;
}
#color {
	background-color: #9696A6;
	position:absolute;
	left: 1066px;
	top: 414px;
	color: #9696A6;
	width: 125px;
	height: 1px;
}
#color2 {
	background-color: #CBCBDB;
	position: absolute;
	left: 1018px;
	top: 396px;
	color: #CBCBDB;
	width: 66px;
	height: 13px;
}
#price {
	position: absolute;
	left: 1021px;
	top: 338px;
}
#links {
	font-family: "verdana";
	font-size: 12px;
	position: absolute;
	left: 1043px;
	top: 359px;
	width: 137px;
}
#twitter {
	position: absolute;
	left: 153px;
	top: 611px;
}
#rate {
	position: absolute;
}
#rated {
	position: absolute;
	left: 101px;
	top: 720px;
	width: 160px;
}
#most_rated {
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 28px;
	color: #EAF2EB;
	position: absolute;
	left: 94px;
	top: 662px;
	background-color: #CBCBDB;
}
#back2 {
	background-color: #CBCBDB;
	position: absolute;
	left: 1125px;
	top: 349px;
	width: 16px;
	height: 665px;
}
#fader {
	position: absolute;
	left: 1017px;
	top: 405px;
}
#fader2 {
	position: absolute;
	left: 1017px;
	top: 730px;
}
#fact_2 {
	font-family: Verdana;
	font-size: 12px;
	color: #EAF2EB;
	position: absolute;
	width: 142px;
	left: 1032px;
	top: 743px;
}
#search {
	background:url(http://www.maldivedigest.com/images/search_image.png) left top no-repeat;
	width:736px;
	height:32px;
	position:absolute;
	left:368px;
	top:131px;
}

#search #button{

border:0px;

background:none;

color:#C5DAC8;

cursor:pointer;

font-weight:bold;

}

#search .grey{
	color:#C5DAC8;
	font-size:9px;
	height:22px;
}

#search .title{
	color:#C5DAC8;
	font-weight:bold;
}

#search .text{

background:#c5cbc6;

border:0px;

color:#FFFFFF;

width:320px;

height:18px;

font-size:14px;

}