@charset "utf-8";
/* CSS Document */

body{
	margin:0; padding:0;
	background:#fff url(../images/total_bg.gif) top left repeat-x;
	
	}
h1, h2, h3{margin:0; padding:0}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
.mainDIV{
	width:990px;
	display:block;
	overflow:hidden;
	}
.belly{
	width:990px;
	margin-top:10px;
	padding-bottom:20px;
	_padding-bottom:6px;
	*padding-bottom:8px;
	display:block;
	overflow:hidden;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	}
	
.mainArea, .sideArea{display:inline-block; float:left;overflow:hidden; }
.mainArea{width:656px;}
.sideArea{width:322px;}

.marginL{margin-left:12px;}
.marginR{margin-right:12px;}
.marginT{margin-top:12px;}
.marginB{margin-bottom:12px;}


.smallCol{width:320px; height:253px; border:1px solid #cdcdcd; display:inline-block; float:left; overflow:hidden; background-color:#fff;}
.smallCol a h1{width:320px; height:30px;}
.smallCol a span{display:none} /* To write description in html */
.smallCol a h1 span{width:310px; height:30px;background: url(../images/arrow.gif) center right no-repeat; display:block; cursor:pointer}
.smallCol a h1 span{_position:relative; _top:-3px;}/* << ---for ie6 only---- */
.smallCol a h1 span:hover, .smallCol a h1 span.hover{background:url(../images/arrow-hover.gif) center right no-repeat;}

.small-contents{padding:10px; height:233px; overflow:auto; _overflow:scroll; _padding:10px 10px 1px 10px; display:block; }
.small-contents p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666; margin-top:5px; *margin-top:16px; _margin-top:-10px;}
.small-contents p a{display:block; color:#999999;text-decoration:none; text-align:right}.small-contents p a:hover{color:#3366FF}	

.mdmCol{width:654px; border:1px solid #cdcdcd; display:inline-block; overflow:hidden; clear:both; background-color:#fff}
.mdmCol a h1{width:654px; height:30px;}
.mdmCol a span{display:none} /* To write description in html */
.mdmCol a h1 span{width:644px; height:30px;background: url(../images/arrow.gif) center right no-repeat; display:block; cursor:pointer}
.mdmCol a h1 span{_position:relative; _top:-3px;}/* << ---for ie6 only---- */
.mdmCol a h1 span:hover, .mdmCol a h1 span.hover{background:url(../images/arrow-hover.gif) center right no-repeat;}



	
/* ========================================================================== HEADER ============================= */
.header{
	width:990px; height:122px;
	background:#356f95 url(../images/header-bg.gif) top left repeat-x;
	display:block; overflow:hidden;
	}
.logo{
	width:233px; height:100px;
	float:left; display:inline-block;
	background:url(../images/logo-bg.gif) no-repeat;
	position:relative;
	}
.logo img{
	width:94px; height:77px;
	position:absolute;
	top:15px; left:23px;
	border:0;
	}

.online_rsv1{
	width:150px; height:60px;
	margin-top:20px;
	display:inline-block; float:right;
	}
.online_rsv1 a{
	width:150px; height:60px;
	background:url(../images/online_reservation.gif) no-repeat;
	text-decoration:none;
	display:inline-block;
	}
.online_rsv1 a:hover{
	background:url(../images/online_reservation_hover.gif) no-repeat;
	}

.icons{
	float:right;
	margin:35px 10px 0 0;
	}
.icons a{
	width:30px;
	height:30px;
	border:0;
	float:left;
	margin-left:5px;
	display:inline;
	}
.twitter{	
	background:url(../images/twitter_icon.gif) no-repeat;
	}
.twitter:hover{	
	background:url(../images/twitter_icon_hover.gif) no-repeat;
	}
.facebook{	
	background:url(../images/facebook_icon.gif) no-repeat;
	}
.facebook:hover{	
	background:url(../images/facebook_icon_hover.gif) no-repeat;
	}
.blog{	
	background:url(../images/blog_icon.gif) no-repeat;
	}
.blog:hover{	
	background:url(../images/blog_icon_hover.gif) no-repeat;
	}
/*------ Navigations --- */
.nav{
	width:990px;
	height:22px;
	background:#e3e3e3 url(../images/links-bg.gif) top left repeat-x;
	display:block;
	overflow:hidden;
	text-align:center;
	}
.nav ul{margin:0; padding:0 0 0 12px; !important}
.nav ul li{
	list-style:none;
	display:inline-block;
	float:left;
	}
.nav ul li a span{display:none}
.nv-home a,
.nv-kerala a,
.nv-houseboats a,
.nv-facilities a,
.nv-conference a,
.nv-places a,
.nv-packages a,
.nv-gallery a,
.nv-aboutus a,
.nv-contactus a,
.nv-testimonials a
	{
	height:22px;
	display:block;
	background-repeat:no-repeat;
	text-decoration:none;
	}
.nv-home a{width:59px; background:url(../images/nav-home.gif)}
.nv-kerala a{width:72px; background:url(../images/nav-kerala.gif)}
.nv-houseboats a{width:105px; background:url(../images/nav-houseboats.gif)}
.nv-facilities a{width:87px; background:url(../images/nav-facilities.gif)}
.nv-conference a{width:106px; background:url(../images/nav-conference.gif)}
.nv-places a{width:70px; background:url(../images/nav-places.gif)}
.nv-packages a{width:88px; background:url(../images/nav-packages.gif)}
.nv-gallery a{width:80px; background:url(../images/nav-gallery.gif)}
.nv-aboutus a{width:85px; background:url(../images/nav-aboutus.gif)}
.nv-contactus a{width:100px; background:url(../images/nav-contactus.gif)}
.nv-testimonials a{width:114px; background:url(../images/nav-testimonials.gif)}

.nv-home a:hover{background:url(../images/nav-home-hover.gif)}
.nv-kerala a:hover{background:url(../images/nav-kerala-hover.gif)}
.nv-houseboats a:hover{background:url(../images/nav-houseboats-hover.gif)}
.nv-facilities a:hover{background:url(../images/nav-facilities-hover.gif)}
.nv-conference a:hover{background:url(../images/nav-conference-hover.gif)}
.nv-places a:hover{background:url(../images/nav-places-hover.gif)}
.nv-packages a:hover{background:url(../images/nav-packages-hover.gif)}
.nv-gallery a:hover{background:url(../images/nav-gallery-hover.gif)}
.nv-aboutus a:hover{background:url(../images/nav-aboutus-hover.gif)}
.nv-contactus a:hover{background:url(../images/nav-contactus-hover.gif)}
.nv-testimonials a:hover{background:url(../images/nav-testimonials-hover.gif)}
/* ========================================================================= HEAEDER END ==================================== */


/* ========================================================================= FOOTER ==================================== */

.footer{
	width:990px;
	background:#dedede url(../images/bottom-bg.gif) repeat-x;
	}
.bottom-nav{
	width:990px;
	height:29px;
	border-bottom:1px solid #c1c1c1;
	display:block;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:30px;
	}
.bottom-nav ul{
	margin:0;
	padding:0;
	text-align:center;
	}
.bottom-nav ul li{
	list-style:none;
	padding:0 12px;
	display:inline;
	}
.bottom-nav ul li a{
	color:#676666;
	text-decoration:none;
	}
.bottom-nav ul li a:hover{
	text-decoration:underline;
	}


.policy{
	width:970px;
	padding:5px 10px 10px 10px;
	border-top:1px solid #e7e7e7;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#676666;
	}
.policy a{text-decoration:none;}
.policy a:hover{color:#3366FF}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top:-1px;
border: 1px solid #4a8ab6; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
background-color:#4a8ab6;
width:150px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #4a8ab6; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color:#fff;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #4da5e1;
}