/*
-----------------------------------------------------------
Vesess - https://vesess.com
Main Stylesheet

Basic styling : initial.css
IE Hacks      : ie_hacks.css

----------------------------------------------------------- */

body { font-size: 100%; color: #333; background: url(../images/body_bk.png) #EDFBFE repeat-x top left; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; }
body#home { background: url(../images/home_body_bk.png) #EDFBFE repeat-x top left; }

a, a:link { color: #03497E; outline:none; }
a:visited { color: #5190D6; }
a:hover { color: #02355B; text-decoration: none; }
a img { border: 0; }

h1, h2, h3, h4 { font-weight: normal; }
h1 { color: #03497E; font-size: 25px; font-weight: bold; line-height: 110%; }
h2 { color: #03497E; font-size: 15px; }
h3 { font-size: 120%; font-weight: bold; }
h4 { font-size: 100%; font-weight: bold; }
h5 { font-size: 90%; }
h6 { font-size: 80%; text-transform: uppercase; font-weight: normal; }
code, kbd { font-size: 120%; }
hr { height: 1px; border: #BFDCA0 1px solid; background-color: #BFDCA0; }
dt { font-weight: bold; }

/* Helper classes */
.hide { display: none; }
.hidden { visibility: hidden; } 
.clear { clear: both; }
hr.hidden { margin: 0; padding: 0; border: 0; height: 1px; }
span.explain { border-bottom: #111 1px dotted; }
hr.separator { margin: 1em 0 0 0;  height: 1px; border: #FFF 1px solid; background-color: #FFF; clear:both; }
.align_right { text-align: right; }
.margin_top { margin-top: 1em; }
.margin_bottom { margin-bottom: 1em; }
.no_margin_top { margin-top: 0; }
.no_margin_bottom { margin-bottom: 0; }

div#container { }
	div#header { position: relative; height: 120px;  z-index: 1; }
		div#logo { position: absolute; top: 15px; left: 0; }
		p#call { margin: 0; position: absolute; top: 10px; right: 0; color: #81B9E2; font-size: 14px; }
			p#call a, p#call a:visited { color: #81B9E2; text-decoration: none; }
		ul#menu { margin: 0; padding: 0; position: absolute; top: 80px; width: 100%; list-style: none; background: url(../images/menu_bk.png) no-repeat top left; }
			ul#menu li { margin: 0; padding-right: 2px; float: left; background: url(../images/menu_bk.png) no-repeat top right; }
				ul#menu li a { padding: 13px 12px; line-height: 100%; display: block; font-size: 14px; font-weight: bold; color: #FFF; text-decoration: none; }
				ul#menu li li a { padding: 10px 12px; }
				ul#menu li.parent a { position: relative; }
				ul#menu li.parent a span { display: block; background: url(../images/menu.png) no-repeat right center; }
				ul#menu li.parent:hover a span, ul#menu li.sfhover a span { display: block; background: url(../images/menu_hover.png) no-repeat right center; }
				ul#menu li.parent:hover li a span, ul#menu li.sfhover li a span { background: none; }
				
				ul#menu li a:hover { color: #03497E; }
				ul#menu li a.menuhighlight, ul#menu li a.menucurrent { color: #03497E; }
				ul#menu li.parent:hover a, ul#menu li.sfhover a { padding-bottom: 14px; background: url(../images/menu_a_bk.png) repeat-x left top; color: #02355B; z-index: 1; }
				ul#menu li.parent:hover li a, ul#menu li.sfhover li a { padding-bottom: 10px; color: #FFF; }
				ul#menu li.parent:hover li a:hover, ul#menu li.sfhover li a:hover { color: #02355B; }

				ul#menu li.sfhover li a { }
				ul#menu li.parent:hover li a, ul#menu li.sfhover li a:hover { background: url(../images/menu_li_ul_li_bk.png) #0598D8 repeat-x left bottom; }
				
				ul#menu, ul#menu ul { /* all lists */ padding: 0; margin: 0; list-style: none; line-height: 1; position: relative; }
				ul#menu a { display: block; }
				ul#menu li.parent { /* all list items */ float: left; width: 9.5em; /* width needed or else Opera goes nuts */ }
				ul#menu li.parent li { width: 100%; background: none; }
				ul#menu li.parent li a { background: url(../images/menu_li_ul_li_bk.png) #0598D8 repeat-x left bottom; }
				ul#menu li.parent li:last-child a { background: none; }
				ul#menu li ul { /* second-level lists */ position: absolute; width: 200px; left: -999em; background-color: #0598D8; border-top: 1px solid #0484BB; margin-top: -2px; /* background: url(https://www.kerala-houseboat-packages.com/images/menu_li_ul_bk.png) #0598D8 no-repeat top right; */ /* using left instead of display to hide menus because display: none isn't read by screen readers */ }
				ul#menu li:hover ul, ul#menu li.sfhover ul { /* lists nested under hovered list items */ left: auto; }
				
				form#searchform { position: absolute; top: 88px; right: 0; width: 208px; background: url(../images/search.png) no-repeat left center; }
				form#searchform input#s { padding: 0 4px; height: 24px; font-size: 11px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; background-color: transparent; color: #5E535E; border: none; line-height: 200%; width: 177px; }
				form#searchform input#submit_btn { position: relative; left: 0; top: 3px; height: 14px; width: 14px; background-color: transparent; border: none; }

	div#wrapper { margin: 30px 0 15px 0; background: url(../images/wrapper_bk.png) repeat-y left top; float: left; }
	body#home div#wrapper { margin: 0; background: none; }
	div#content { padding: 10px 0 0 0;  background: url(../images/content_bk.png) no-repeat left top; }
	div#main { padding:  0 15px 15px;  min-height: 450px; float: left; width: 605px; clear: both; background: url(../images/wrapper_bottom_bk.png) no-repeat left bottom; }
	body#home div#content { padding: 0; background: none; }
	body#home div#main { padding: 0; background: none; width: auto; }
		div#intro { margin-bottom: 30px; position: relative; height: 360px; }
		div#intro p#intro_image { position: absolute; left: 0; top: 0; }
		div#intro p#intro_images { position: absolute; bottom: 15px; left: 15px; }
		div#intro p#intro_images a { margin-right: 8px; float: left; position: relative; }
		
		p.breadcrumb { margin-top: 0; font-size: 11px; }
		
		div#futures { clear: both; float: left; width: 100%; }
		div.futures_left_box { float: left; width: 310px; }
		div.middle { margin: 0 15px; }
		div.future { margin-bottom: 15px; padding-bottom: 3px; background: url(../images/future_box_bk.png) #FFFFE6 no-repeat left bottom; }
		div.future h2 { padding: 7px 15px; margin: 0; color: #FFF; font-size:14px; background: url(../images/future_box_h2_bk.png) #6B5B3F no-repeat left top; }
		div.future div.future_info { padding: 15px; background: url(../images/future_box_content_bk.png) #FFFFE6 no-repeat left top; }

		div.benefits_by_role { margin-bottom: 15px; padding-bottom: 3px; float: left; width: 310px; background: url(../images/future_box_bk.png) #FFFFE6 no-repeat left bottom; }
		div.benefits_by_role h2 { padding: 7px 15px; margin: 0; color: #FFF; font-size:14px; background: url(../images/future_box_h2_bk.png) #6F5E42 no-repeat left top; }
		div.benefits_by_role div.box_content { padding: 0 15px; float: left; width: 280px; background: url(../images/future_box_content_2_bk.png) #FFF no-repeat left top; position: relative; }


		div.box { margin-bottom: 15px; padding-bottom: 3px; float: left; width: 310px; background: url(../images/future_box_2_bk.png) #FFF no-repeat left bottom; }
		div.box h2 { padding: 7px 15px; margin: 0; color: #FFF; font-size:14px; background: url(../images/future_box_h2_2_bk.png) #EB9B05 no-repeat left top; }
		div.box div.box_content { padding: 0 15px; float: left; width: 280px; background: url(../images/future_box_content_2_bk.png) #FFF no-repeat left top; position: relative; }
		
		div.box ul { list-style: none; }
		div.box ul li { margin: 0 0 10px 0; padding-left: 20px; background: url(../images/li_bk.png) #FFF no-repeat left 8px; }

		div.box_2 {  background: url(../images/future_box_2_bk.png) #FFF no-repeat left bottom; }
		div.box_2 h2 { background: url(../images/future_box_h2_2_bk.png) #EB9B05 no-repeat left top; }
		div.box_2 div.future_info { background: url(../images/future_box_content_2_bk.png) #FFF no-repeat left top; position: relative; }
		div.future_info p { margin-top: 0; }
		
		div#content div#new { background: none; }
		div#content div#new h3 { margin-top: 0; }
		div#content div#new h3 a { color: #33291C; font-size: 12px; font-weight: bold; }
		div#content ol { margin-left: 10px; }
		div#content ul li { margin-bottom: 10px; margin-left: 0; padding-left: 20px; list-style: none; background: url(../images/li_bk_2.png) no-repeat left 7px; }
		div#wrapper ul#thumbs li { padding: 0; background: none; }		
		div.box div#slider ul li { padding: 0; background: none; }
		div#clients { float: left; width: 100%; }
		div#clients p { margin: 0; }
		a.left_images { float: left; margin-right: 7px; }
		a.right_images { float: right; margin-left: 7px; }
		a.image { float:left; margin:0 auto; text-align:center; width:100%; }
		a.left_images, a.right_images { position: relative; top: 20px; }
		
		div.post h2, div.page h2 { margin-bottom: 0; font-weight: bold; }
		div.post, div.page { border-bottom: 1px solid #F0F0F0; }
		p.posted { margin-top: 5px; font-size: 11px; }

		p.meta { font-size: 11px; }
		p.meta a { padding: 0 2px; text-decoration: none; }

		div#recently {}
		h1.title { margin-bottom: 0; }
		div.post_heading { margin: 0; }
		div.post div.excerpt {}
		p.postmetadata { padding-bottom: 15px; font-size: 11px; border-bottom: 1px solid #F0F0F0; }
		p.metadata { font-size: 11px; }
		
		div#comments { border-top: 1px solid #F0F0F0; }
		div#respond { }
		ul.commentlist { list-style: none; }
		ul.commentlist li { margin: 0; }
		ul.commentlist li.comment { padding: 10px; border-bottom: 1px solid #F0F0F0;  }
		ul.commentlist li.even { background-color: #F9F9F9; }
		div.vcard {  }
		div.vcard p{ margin: 0; }
		div.vcard strong { font-size: 12px;}
		div.vcard a { text-decoration: none; }
		div.comment_text { clear: both;  }
		p.awaiting { padding: 0 10px 1px 10px; clear: both; color: #000; }
		img.avatar { float: right; position: relative; top: 3px; right: 3px;  }
		
		form#commentform { font-size: 12px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; } 
		
#benefits_by_role {  }	
#benefits_by_role dl { width: 280px; margin: 0 0 15px 0; padding: 0; }
#benefits_by_role dl.last { margin-bottom: 0; }
#benefits_by_role dl:after { content: "."; display: block; height: 0;clear: both; visibility: hidden; }
#benefits_by_role dt {float: right; width: 212px; margin: 0; padding: 0; font-weight: bold; }
#benefits_by_role dd { margin: 0 0 0 68px; padding: 0; font-size: 11px; }
#benefits_by_role dd.more a { padding-right: 18px; font-size: 11px; font-weight: bold; text-decoration: none;  background: url(../images/li_bk_2.png) no-repeat right center;}
#benefits_by_role dd.more a:hover { text-decoration: underline; }
#benefits_by_role dl dd.img { margin: 0; }
#benefits_by_role dd.img img { float: left; margin: 0 8px 0 0; padding: 4px; }
		
		
	div#navigation { margin-top: 30px; }

	div#extra { }
	
	div#footer_wrap { margin: 0 0 6px 0; float: left; width: 100%; clear: both; background: url(../images/footer.png) #125486 no-repeat left bottom; }
	div#footer { padding: 10px 15px; float: left; width: 930px;  background: url(../images/footer_top.png) no-repeat left top; }
	div#footer p { margin: 0; font-size: 11px; }
	div#copy {
	color: #81B9E2;
	float: left;
	width: 100%;
}
	div#copy a, div#share a { color: #FFF; text-decoration: none;  }
	div#copy a:hover, div#share a:hover { color: #FFF; text-decoration: underline; }
	div#share { float: right; width: 50%; text-align: right;  }
	div#share p { margin-top: 10px; }
	div#share p a { margin-left: 20px; }
	div#share p a.twitter { padding: 4px 0 4px 20px; background: url(../images/twitter.png) no-repeat left center; }
	div#share p a.rss { padding: 4px 0 4px 20px; background: url(../images/rss.png) no-repeat left center;}
	div#meta { text-align: right; clear: both;  }
	div#meta p { margin-top: 0; font-size: 11px; }
	div#meta a { color: #999; text-decoration: none; }
	div#meta a:hover { color: #000; }

/* LG: Layout 34 */
body.layout33 div#container{width:960px;margin:0 auto}
body.layout33 div#content{float:left;width:635px}
body.layout33 div#navigation{float:right;width:310px}
body.layout33 div#extra, body.layout33 div#contact_box { float:right;clear:right;width:310px; }
body.layout33 div#footer{clear:both; }

/* LG: Layout 39 */
body.layout39 div#container{ width: 960px; margin:0 auto}
body.layout39 div#navigation{float:left;width:350px}
body.layout39 div#extra{float:right;width:350px}
body.layout39 div#footer_wrap{clear:both;width:100%}

ul#thumbs { margin-left: 15px; position: absolute; bottom: 0; left: 0; list-style: none; float: left; width: 500px; }
ul#thumbs li { margin: 0 15px 0 0; float: left;  }
ul#thumbs li img { cursor: pointer; }
div#image { position:relative; width: 100%; height: 360px; padding: 0; background-color: #FFF; }
div#image img { left: 0; position:absolute; top: 0; }
div#content div.box_2 div.future_info { position: relative; }
div#clients { margin-left: 22px; width: auto; }
div#slider { margin-left: 21px; }

#slider ul, #slider li{ margin:0; padding:0; list-style:none; }
#slider li{ width: 235px; height: 50px; overflow:hidden; }
#prevBtn, #nextBtn{ display:block; width:30px; height: 40px; position:absolute; left: 15px; top: 30px; }
#nextBtn{ left: 280px; }
#prevBtn a, #nextBtn a{ display:block; width: 15px;  background:url(../images/left.jpg) no-repeat 0 0; }
#nextBtn a{ background:url(../images/right.jpg) no-repeat 0 0; }
#prevBtn, #nextBtn { text-indent:-8000px; }

form#contactform label { margin: 10px 0 5px 0; width: 150px; display: block; font-size: 12px; }
form#contactform em { font-size: 11px; }


/* partner group styles */
div.group { border-bottom:1px solid #F1EFEF; float:left; margin-bottom:10px; width:100%; }
div.group div.group_logo { float: left; width: 30%; }
div.group div.partner_content { float:right; margin:0 0 0 30px; width: 55%; }