HTML {overflow:-moz-scrollbars-vertical;}

/* body styles */

body {
	margin: 0 auto;
	background: #034F85 url(../images/sitewide/gradient_bg.jpg) repeat-x left top;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

#container {
	margin: 0 auto;
	width: 800px;
	color: #ffffff;
	background: #001B63;
}

/* banner elements */

#top {
	margin: 0 auto;
	width: 770px;
	padding: 10px 15px 7px 15px;
	color: #ffffff;
	
}

#header {
	margin: 0 auto;
	width: 800px;
	height: 440px;
	padding: 0px;
	background: #001B63 url(../images/sitewide/banner_bg.gif) no-repeat left top;
	}
	
#header .caption {
	text-align: right;
	padding-top: 31px;
	padding-right: 28px;
	}

#header .banner {
	text-align: right;
	margin: 0 auto;
	width: 770px;
	height: 229px;
	padding-top: 23px;
	}
	
#header1 {
	margin: 0 auto;
	width: 800px;
	height: 516px;
	padding: 0px;
	background: #001B63 url(../images/sitewide/banner_bg1.gif) no-repeat left top;
	}
	
#header1 .caption {
	text-align: right;
	padding-top: 31px;
	padding-right: 28px;
	}

#header1 .banner {
	text-align: right;
	margin: 0 auto;
	width: 770px;
	height: 229px;
	padding-top: 23px;
	}

/* flash banner styles */

#flashbanner {
	width: 770px;
	height: 432px;
	text-align: center;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	}




/* header styles */

h1 {
	margin:5px 0px 0px;
	padding:0;
	font-size: 100%;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

h2 {
	margin:5px 0px 0px;
	padding:0;
	font-size: 100%;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

h3 {
	margin:5px 0px 0px;
	padding:0;
	font-size: 100%;
	color: #ffffff;
	font-weight: bold;
}

.bigheadingleft {
	padding: 5px 0px 15px 26px;
	text-align:center;
}

/* content styles */

p {
	margin: 0px 0px 15px;
}


a:link {
	color: #9BA8E8;
	text-decoration: underline;
	font-weight: normal;
}


a:visited {
	color: #9BA8E8;
	text-decoration: underline;
	font-weight: normal;
}


a:hover {
	color: #9BA8E8;
	text-decoration: none;
	font-weight: normal;
}


ul {
	list-style-type: disc;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	list-style-position: outside;
	list-style-image: url(http://www.indigobayresort.com/images/sitewide/bullet.gif);
}


li {
	background-position: 0.4em;
	padding-left: 0em;
	padding-top: 0em;
}

#content {
	margin: 10px auto 12px;
	width:770px;
	text-align: left;
	color: #ffffff;
	font-size: 11px;
	}

.gallery {
	margin: 0 auto 12px;
	padding: 0 0 20px 0;
	width:770px;
	text-align: left;
	color: #ffffff;
	font-size: 11px;
	border-bottom: 1px solid #FCDC70;
	}
	
.gallerycontent {
	padding: 10px 0 15px 0;
	width:770px;
	text-align: left;
	color: #ffffff;
	font-size: 11px;
	border-bottom: 1px solid #FCDC70;
	}

.gallery_last {
	padding: 0 0 20px 0;
	width:770px;
	text-align: left;
	color: #ffffff;
	font-size: 11px;
	}
	
#gallery {
	margin: 0 auto;
	width: 800px;
	color: #ffffff;
	background: #001B63;
	text-align:center;
}
	
.img {
	border: 4px solid #ffffff;
	margin: 0px;
}

.img_pad {
	margin: 20px 0 20px 0;
}

.intro {
	padding: 0px 0px 25px 14px;
}


.left {
	padding: 0px 0px 45px 14px;
}

.right {
	padding: 0px 14px 45px 26px;
	
}

.accom {
	padding: 0px 15px 10px 10px;
	
}


.bigheadingimg {
	padding: 5px 0px 15px;
	text-align:center;
}

.headingimg {
	padding: 0px 0px 10px;
}


.rborder{
	border-right: 1px solid #ddc88b;
	padding-right: 20px;
}	
	
#columns {
	margin: 26px auto;
	width:770px;
	text-align: left;
	color: #ffffff;
	font-size: 11px;
	}

.lcolumn {
	padding: 0px 14px;
}

.rcolumn {
	padding: 0px 14px 26px;
	
}

.mcolumn { 
	padding: 0px 14px 26px;
	border-left: 1px solid #ddc88b;
	border-right: 1px solid #ddc88b;
}
	
.fourthcolumn { 
	padding: 0px 14px 26px;
	border-left: 1px solid #ddc88b;
	
}

#rates_table {
	margin: 26px auto;
	text-align: left;
	color: #ffffff;
	font-size: 11px;
	border: 1px solid #fcdc70;
	}


/* homepage styles */
	
#home .left {
	width: 225px;
	padding: 0px 14px 0px 14px;
	}

#home .mid {
	width: 225px;
	padding: 0px 14px 0px 14px;
	border-left: 1px solid #ddc88b;
	border-right: 1px solid #ddc88b;
	}

#home .right {
	width: 225px;
	padding: 0px 14px 0px 20px;
	}

#home .headingimg {
	padding: 5px 0px 15px;
	}


/* rani story, footprint, activities styles */

#ranistory #content, #footprint #content, #activities #content, #diving #content, #fishing #content, #watersports #content, #spas #content, #fitness #content, #horseriding #content, #safari #content, #adventure #content, #responsible #content, #culture #content, #tailorintinerary #content, #tailormade #content {
	margin: 10px auto 0px;
	width:770px;
	text-align: left;
	color: #ffffff;
	font-size: 11px;
}
 
 #activities .left, #diving .left, #fishing .left, #watersports .left, #spas .left, #horseriding .left, #safari .left, #adventure .left,  #culture .left {
	padding: 0px 0px 25px 14px;
}

 #activities .right, #diving .right, #fishing .right, #watersports .right, #spas .right, #horseriding .right, #safari .right, #adventure .right,  #culture .right {
	padding: 0px 14px 25px 26px;
	
}


/* call to action styles */

#weddings #cta {
	margin: 10px auto 0px;
	width:770px;d
	height: 151px;
	text-align: center;
	color: #ffffff;
	font-size: 11px;
	border: 1px solid #9ca7e9;
	background: #267280 url(http://www.indigobayresort.com/images/tailormade/weddings/cta_wedding.jpg) no-repeat left top;
}

#honeymoons #cta, #spaex #cta {
	margin: 10px auto 0px;
	width:770px;d
	height: 151px;
	text-align: center;
	color: #ffffff;
	font-size: 11px;
	border: 1px solid #9ca7e9;
	background: #267280 url(http://www.indigobayresort.com/images/tailormade/honeymoons/cta_honeymoons.jpg) no-repeat left top;
}

#cta {
	margin: 10px auto 0px;
	width:770px;
	height: 151px;
	text-align: center;
	color: #ffffff;
	font-size: 11px;
	border: 1px solid #9ca7e9;
	background: #267280 url(../images/sitewide/cta.jpg) no-repeat left top;
}

#cta p {
	margin: 0px auto;
	width:496px;
	text-align: center;
	color: #ffffff;
	font-size: 11px;
}



#cta_lux {
	margin: 10px auto 0px;
	width:770px;
	height: 151px;
	text-align: center;
	color: #ffffff;
	font-size: 11px;
	
}

#cta_lux .td {
	width:375px;
	border: 1px solid #229ab2;
}

#cta_tailor .headingimg, #cta_lux .headingimg {
	padding: 0px;
	margin: 0px;
}



#ctasmall {
	margin: 0px;
	width:100%;
	height: 130px;
	text-align: center;
	color: #ffffff;
	font-size: 11px;
	border: 1px solid #229ab2;
	background: #267280;
}

#tailormade #ctasmall {
	margin: 0px;
	width:100%;
	height: 80px;
	text-align: center;
	color: #ffffff;
	font-size: 11px;
	border: 1px solid #229ab2;
	background: #267280;
}


#ctasmall p {
	margin: 0px;
	width:496px;
	text-align: center;
	color: #ffffff;
	font-size: 11px;
	padding: 5px;
}

#ctasmall img {
	padding: 0px;
	margin: 0px;
}

/* activities styles */

/*
#activities .left {
	width: 302px;
	padding: 0px 14px 0px 14px;
}

#activities .right {
	width: 468px;
	padding: 0px 14px 0px 20px;
	border-left: 1px solid #ddc88b;
}*/


/* portfolio, luxury styles */

#portfolio {
	list-style-type:none;
	padding: 0;
	margin: 0;
	color: #052554;
}

#portfolio ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	color: #052554;
	display: inline;
}

#portfolio .headerfade {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	color: #052554;
}

#portfolio .banner {
	margin: 0 auto;
	color: #052554;
	padding-top: 23px;
	width: 770px;
	height: 344px;
	padding-left: 15px;
}

#header1 #portfolio .banner {
	margin: 0 auto;
	color: #052554;
	padding-top: 23px;
	width: 560px;
	height: 420px;
	padding-left: 120px;
}

#portfoliolinks .img {
	text-align: center;
	padding-left: 25px;
	border: 0px;
	display: block;
}

#portfoliolinks p {
	margin-left: 10px;
	margin-top: 10px;
}

/* about us, locales styles */

 #contentborder {
	margin: 10px auto 0px;
	width:770px;
	text-align: left;
	color: #ffffff;
	font-size: 11px;
	border-bottom: 1px solid #ddc88b;
}


#contentborder .left {
	padding: 0px 0px 26px 14px;
}


#contentborder .right {
	padding: 0px 14px 26px 26px;
}


#locales #content .left {
	padding: 0px 0px 0px 14px;
}

#locales #content .right {
	padding: 0px 14px 0px 26px;
	
}


/* news styles */

#news .left {
	padding: 0px 14px;
}

#news .right {
	padding: 0px 14px;
}


#news .img {
	border: 4px solid #ffffff;
	margin: 0px 16px 10px 0px;
}


#news  #borderblock, #locales #borderblock {
	width: 200px;
	padding: 14px 14px 45px;
	border: 1px solid #229ab2;
}


#borderblock a:link {
	color: #ddc88b;
	text-decoration: underline;
	font-weight: normal;
}


#borderblock a:visited {
	color: #ddc88b;
	text-decoration: underline;
	font-weight: normal;
}


#borderblock a:hover {
	color: #ddc88b;
	text-decoration: none;
	font-weight: normal;
}


#borderblock a:active {
	color: #ddc88b;
	text-decoration: none;
	font-weight: normal;
}


/* testimonials styles */

 #testimonials .left {
	padding: 0px 0px 15px 14px;
	border-bottom: 1px solid #6bbdcf;
}

 #testimonials .right {
	padding: 0px 14px 15px 26px;
	border-bottom: 1px solid #6bbdcf;
	
}


/* contact us styles */


#contact .left {
	padding: 0px 14px;
}


#contact .right {
	width: 260px;
	padding: 0px 14px;
}

#contact .img {
	border: 4px solid #ffffff;
	margin: 10px 0px 20px;
}


#contact  #borderblock {
	width: 100%;
	padding: 14px 10px 0px;
	border: 1px solid #229ab2;
}


#contact .input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #267280;
	font-size: 10px;
	margin: 4px 2px;
	padding: 3px 2px 2px;
	border-top: 1px solid #7bd2e4;
	border-bottom: 1px solid #5aa7b9;
	border-right: 1px solid #5aa7b9;
	border-left: 1px solid #7bd2e4;
	background-image: url(../images/contact/text_box_bckgrnd.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 170px;
}


#contact textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #267280;
	font-size: 11px;
	margin: 5px;
	padding: 3px 2px 2px;
	border-top: 1px solid #7bd2e4;
	border-bottom: 1px solid #5aa7b9;
	border-right: 1px solid #5aa7b9;
	border-left: 1px solid #7bd2e4;
	background-image: url(../images/contact/text_box_bckgrnd.gif);
	background-repeat: no-repeat;
	width: 180px;
	height: 90px;
}


#contact .button {
	margin: 5px;
}

.contact_partners {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	padding: 10px 10px 10px 25px;
	border: 1px solid #5aa7b9;
}

/* topnav styles*/

#topnav {
	margin: 0 auto;
	color: #ffffff;
	height: 20px;
	width: 770px;
	text-align: center;
	font-size: 85%;
	padding-bottom: 10px;
	border-bottom: 2px solid #ddc88b;
	}

#topnav ul {
	margin: 0px;
	display: inline;
	padding: 0px 0px 10px;
	}

#topnav li {
	display:inline;
	color:#ffffff;
	margin-left: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 5px;
	}

#topnav a:link {
	color: #ffffff;
	text-decoration: none;
	font-size: 90%;
	}

#topnav a:visited {
	color: #ffffff;
	text-decoration: none;
	font-size: 90%;
}

#topnav a:hover {
	color: #ffffff;
	font-size: 90%;
}

/* footer styles*/

#footerlogos {
	margin: 0 auto;
	width:800px;
	height:82px;
	text-align: center;
	background-image: url(../images/sitewide/footer_bg.gif);
	background-repeat: no-repeat;
}

#footerlogos img {
	padding-left: 30px;
	padding-top: 24px;
	padding-right: 30px;
	padding-bottom: 10px;
}

#footlogorani {
	width: 810px;
	height: 80px;
	text-align:center;
	background-color: #034f85;
	padding-top: 10px;
	padding-bottom: 10px;
	}

#footer {
	margin: 0 auto;
	width:770px;
	height:50px;
	text-align: center;
	font-size: 10px;
	padding-top: 16px;
	border-top: 1px solid #9BA8E8; 
}

#footer ul {
	margin: 0px;
	display: inline;
	padding: 0 0 10px 0;
	list-style: none;
}

#footer li {
	display:inline;
	color:#ffffff;
	padding: 0 2px 0 2px;
	margin: 20px 0 0 0;
	list-style: none;
	}


#footer a:link {
	color: #ffffff;
	text-decoration: none;
	
}

#footer a:visited {
	color: #ffffff;
	text-decoration: none;
	
}

#footer a:hover {
	color: #fcdc70;
	
}

#bottom {
	margin: 0 auto;
	width:800px;
	text-align: center;
}

#bottom img{	
	padding-left: 20px;
	padding-top: 14px;
	padding-right: 20px;
	padding-bottom: 14px;
}

/* accommodation styles */


#accommodation .lcolumn {
	padding: 0px 14px;
}

#accommodation .rcolumn {
	padding: 0px 14px;
	
}

#accommodation .mcolumn { 
	padding: 0px 20px;
	border: none;
	
}

/*____ invisible links______*/

.a1, .a1 a:link, .a1 a:visited, .a1 a:active, .a1 a:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	cursor: default;
	font-style: normal;
	}



/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0; z-index:300; background-color: #001b63;}
/* CoolMenus 4 - default styles - end */

/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:20; visibility:hidden; z-index:300; background-color: #001b63;}

/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; background-color: #001b63; padding-top:0px; padding-left:5px; margin-top:0px; font-family:Verdana,arial,helvetica; font-size:10px; font-weight:normal; text-align:center; text-decoration:none; z-index:300}
.clLevel0{ color:#ffffff; background-color: none;}
.clLevel0over { color:#9ba8e8; cursor:pointer; cursor:hand;font-weight:normal}
.clLevel0border{position:absolute; visibility:hidden;}

/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; padding:5px; font-family:Verdana,arial,helvetica; font-size:10px; font-weight:normal; text-align:left;}
.clLevel1{background-color:#166ba9; layer-background-color:#267280; color:#ffffff;}
.clLevel1over{background-color:#8bb5d5; layer-background-color:#fcdc70; color:#001b63; cursor:pointer; cursor:hand;font-weight:normal}
.clLevel1border{position:absolute; visibility:hidden; background-color:#ffffff; layer-background-color:#ffffff}

.style2 {
	font-size: large;
	color: #FFDF00;
}
.style1 {
	font-size: large;
	color: #0191b5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}