@charset "utf-8";
/* CSS Document */
/* CSS PNG FIX --------------------------------------------- */
div {
	behavior: url(scripts/iepngfix.htc);
	margin:0px;
	padding:0px;
}
/* CSS PNG FIX ENDS ----------------------------------------*/

a {
	outline:none;
	text-decoration:none; 
}
:focus {
	outline:none;
}

body, h1, h2, h3, h4, h5, h6, p, ul, li{
	margin:0px;
	padding:0px; 
}

body{
	text-align:center;
	margin:0px;
	padding:0px;
	background:#FFF;
}

.clear {
	clear:both;
	font-size:0px;
	height:0px;
	background:transparent;
	margin:0px;
	padding:0px;
	line-height:0px;
}

.spacer5 {
	font-size:1px;
	height:5px;
	background:transparent;
}

.spacer10 {
	font-size:1px;
	height:10px;
	background:transparent;
}

.spacer15 {
	font-size:1px;
	height:15px;
	background:transparent;
}

.spacer20 {
	font-size:1px;
	height:20px;
	background:transparent;
}

.spacer25 {
	font-size:1px;
	height:25px;
	background:transparent;
}

.spacer30 {
	font-size:1px;
	height:30px;
	background:transparent;
}

.spacer50 {
	font-size:1px;
	height:50px;
	background:transparent;
}

.spacer70 {
	font-size:1px;
	height:70px;
	background:transparent;
}

.spacer100 {
	font-size:1px;
	height:100px;
	background:transparent;
}

.wrapper{
width:1200px;
margin:0 auto;
padding:0px;
padding:0px 0px 0px 0px;
border:0px solid red;
}

#header{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
background:#ffffff;
border-bottom:0px solid #dadada;
 
}

.logo{
float:left;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 0px;
}

.header-rgt{
float:right;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border:0px solid red;
width:70%;
}

.toplinks{
text-align:right;
margin:0px 0px 0px 0px;
padding:10px 0px 15px 0px;
border:0px solid red;
color:#0089b4;
font: 300 14px/16px 'Open Sans', arial, sans-serif;
background:url(../images/shadow.gif) right bottom no-repeat;
}

.shadow{
margin:0 auto;
height:50px;
border:0px solid red;
clear:both;
background:url(../images/shadow.gif) center bottom no-repeat;
}

.toplinks a{ 
color:#0089b4; 
text-decoration:none;
}

.toplinks img{vertical-align:middle;}

img.book{
margin-top:20px; float:right;
}

.menu{
margin:0px 0px 0px 0px;
padding:16px 0px 0px 0px;
border:0px solid #CC0000;
float:right;
}

.menu li{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 20px;
list-style:none;
font: 300 18px/18px 'BenchNine', arial , sans-serif;
color:#292929;
display:block;
float:left;
text-transform:uppercase;
}

.menu li a{
margin:0px 0px 0px 0px;
padding:5px 12px 4px 12px ;
color:#292929;
text-decoration:none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.menu li a.current{
background:#0088c4;
color:#FFFFFF}

.menu li a:hover{
background:#ecf3f6;}


.menu li a.current:hover{background:#0979aa;}

.menu li a.booking{
background:#8bb665;
color:#FFFFFF}




#dropdown {
	   
	   margin:0px;
}

#dropdown ul{
	z-index:2000;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px -5px;
	position:absolute;
	text-align:left;
	line-height:0px;
	list-style:none;
	border-bottom-left-radius:7px; border-bottom-right-radius:7px;
}

#dropdown ul li {margin:0px; padding:0px;list-style:none; 
	background:#83a9ba;}
 
#dropdown ul li.drop {
display:none;
 margin:0px 0px 0px 0px;
padding:11px 15px 9px 12px;
text-align:left;
float:none;
border:0px solid #cacaca;
border-top:0 none;
color:#ffffff;
font: 300 18px/18px 'BenchNine', arial , sans-serif;
width:170px;
border-bottom:1px solid #93BFD2;
/*border-left:1px solid #9c102f;
border-right:1px solid #9c102f;*/

border-top-left-radius: 0px; 
border-top-right-radius: 0px;
}

#dropdown ul li.drop1{width:170px;}


#dropdown ul li.drop a {
	text-decoration:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
color:#ffffff;
font: 300 18px/18px 'BenchNine', arial , sans-serif;
 background:none;
 border:0 none;
 border-top-left-radius: 0 none; 
border-top-right-radius: 0 none;
}


#dropdown ul li:hover{background:#83a9ba;}
/*#dropdown ul li.drop:hover{border-bottom:1px solid #741717; border-top:1px solid #741717;}*/
#dropdown ul li.drop a:hover{
color:#ffffff;
}


#dropdown:hover ul li.drop{
display:block;
}











.blue-container{
/*background:url(../images/banner.jpg) no-repeat center top*/
margin:0px auto;
padding:0px 0px 0px 0px;
width:1469px;
/*height:555px;*/
border:0px solid #CC0000;
}

.outr-blue-cont{
width:100%;
margin:0;
border:0px solid red;
z-index:2;
text-align:center;
position:absolute;
left:0;
}

.blue-content-hold{
width:960px;
margin:50px auto 0 auto;
border:0px solid red;
}

.col3{
margin:0px 0px 20px 0px;
padding:0 0;
border:0px solid #006699;
width:33%;
float:left;
text-align:center;
 
}

.col3 img{
margin:30px 0 0 0  ;
}

h2{
width:80%;
margin:0px auto;
padding:0px 0px 0px 0px;
font: 300 24px/26px 'BenchNine', arial , sans-serif;
color:#292929;
text-align:center;
text-transform:uppercase;
letter-spacing:6px;
background: url(../images/title-bk.gif) center center repeat-x;
}

h2 a{
margin:0px 0px 0px 0px;
padding:0px 5px 0px 10px;
color:#292929;
background:#FFFFFF;
text-decoration:none;
}

.footer{
color:#ffffff;
font: 600 12px/12px 'Open Sans', arial, sans-serif;
margin:0px 0px 0px 0px;
padding:20px 0px 20px 0px;
text-align:left;
background:#666666;
}

p.copy{ float:left; font-size:12px; color:#FFFFFF; margin-bottom:0px;}
p.team{ float:right; font-size:12px; color:#FFFFFF; margin-bottom:0px;}
p.copy a, p.team a{color:#FFFFFF; text-decoration:none;}
 
.blue-container p{
color:#ffffff;
font: 600 20px/28px 'Open Sans', arial, sans-serif;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
text-shadow:1px 1px 2px #003d63;
}

#main-content-hold{
margin:0px 0px 0px 0px;
padding:70px 0px 0px 0px;
}

.left-block{
width:475px;
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
}

.right-block{
width:500px;
float:right;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

h3{
text-align:right;
margin:0px 50px 0px 50px;
padding:10px 0px 15px 0px;
border:0px solid red;
color:#676767;
font: 300 20px/30px 'Open Sans', arial, sans-serif;
text-align:center;
}


img.left-side{
float:left;
margin:0px 45px 20px 0px;
-webkit-box-shadow: 0 0 3px 0 #D4D4D4;
box-shadow: 0 0 3px 0 #D4D4D4;}

img.right-side{
float:right;
margin:0px 0px 20px 45px;
-webkit-box-shadow: 0 0 3px 0 #D4D4D4;
box-shadow: 0 0 3px 0 #D4D4D4;}


p{
color:#404040;
font: 300 15px/26px 'Open Sans', arial, sans-serif;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
text-align:justify;
}

h4{
color:#0076ae;
font: 400 30px/36px 'BenchNine', arial , sans-serif;
margin:0px 0px 15px 0px;
padding:0px 0px 0px 0px;
text-align:left;
}

h5{
color:#0076ae;
font: 300 22px/26px 'BenchNine', arial , sans-serif;
margin:0px 0px 15px 0px;
padding:0px 0px 0px 0px;
text-align:left;
}

h3.events{
color:#0076ae;
font: 400 20px/16px 'Open Sans', arial, sans-serif;
margin:3px 0px 15px 0px;
padding:0px 0px 0px 0px;
text-align:left;
line-height:24px
}

.contact-hold h4{
font-size:24px;
margin-bottom:7px;
font-weight:300;}

.contact-hold p{
margin-bottom:10px;}

.contact-hold h6{
color:#585858;
font: 400 20px/22px 'Open Sans', arial, sans-serif;
margin:0px 0px 15px 0px;
padding:0px 0px 0px 0px;
text-align:left;
}

.left-block h6{
color:#646464;
font: 400 20px/22px 'Open Sans', arial, sans-serif;
margin:0px 0px 15px 0px;
padding:0px 0px 0px 0px;
text-align:center;
}

.inquire-btn{
margin:30px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
}

.inquire-btn a{
font: 400 15px/18px 'Open Sans', arial, sans-serif;
color:#ffffff;
margin:0px 0px 0px 0px;
padding:7px 20px 7px 20px;
background:#0093d8;
text-decoration:none;
border-radius:5px;
}

.publication-tbl{
text-align:left;
}

.publication-tbl img{
border:0;}

.publication-tbl td{
padding:0px 0px 4px 0px;}

.line-seperator{
border-bottom:1px dotted #afafaf;
margin:150px 0px 150px 0px;
}

ul.list{
margin:0px 0px 0px 20px;
padding:0px 0px 0px 0px;
}

ul.list li{
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
list-style:url(../images/bullet.jpg);
color:#097aac;
font: 400 14px/22px 'Open Sans', arial, sans-serif;
text-align:left;
}

ul.left-flt{
float:left;
width:195px;
border:0px solid red;
margin-right:20px;}

ul.margin-rgt-none{
margin-right:0;}

.thumbs{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
}

.thumbs td{
margin:0px 0px 0px 0px;
padding:0px 12px 0px 0px;
}

.thumbs img{
padding:3px;
background:#ffffff;
box-shadow:0px 0px 2px #9a9a9a;
}

.contact-tbl{
text-align:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.contact-tbl td{
text-align:left;
margin:0px 0px 0px 0px;
padding:0px 0px 13px 0px;
}


.txtbox{
border:1px solid #e2ecef;
font: 300 16px/20px 'Open Sans', arial, sans-serif;
color:#999999;
background:#ececec;
margin:0px 0px 0px 0px;
padding:10px 10px 10px 7px;
width:95%;
}

.errtextbox{
border:1px solid #ff0000;
font: 300 16px/20px 'Open Sans', arial, sans-serif;
color:#999999;
background:#ececec;
margin:0px 0px 0px 0px;
padding:10px 10px 10px 7px;
width:95%;
}

.contact-tbl #td_err{
font: 400 14px/16px 'Open Sans', arial, sans-serif;
color:#ff0000;
}

.sub-btn{
font: 400 15px/18px 'Open Sans', arial, sans-serif;
color:#ffffff;
margin:3px 0px 0px 0px;
padding:5px 17px 5px 17px;
background:#0093d8;
text-decoration:none;
border:0;
cursor:pointer;
height:40px;
}

.sub-btn:hover{background:#0382be;}

.map{
width:100%;
height:290px;
border:1px solid #9cc1d2;
margin:20px 0px 0px;
}

.list_carousel {
	margin: 20px 0 0px 0px;
	width:960px;
	position:absolute;
}

.list_carousel ul {
	margin: 0 0px 0px 30px;
	padding: 0;
	list-style: none;
	display: block;

	
}

.list_carousel li {
	font-size: 40px;
	color: #999;
	text-align: center;
	width: 215px;
	height:138px;
	padding: 2px 0px 0px 0px;
	margin: 0px 5px 0px 5px;
	display: block;
	float: left;
	border:0px solid red;
}

.list_carousel li img{
padding:4px;
background:#ffffff;
box-shadow:0px 0px 2px #9a9a9a;
}

.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}

.prev {
/*	float: left;
	margin-left: 0px;*/
	position:absolute;
	margin:-85px 0px 0px 0px;
	cursor:pointer;

	border:0px solid red;
}
.next {
/*float: right;
margin-right: 0px;*/
	position:absolute;
cursor:pointer;
	border:0px solid red;
	right:0;
		margin:-85px 0px 0px 0px;
}
 
			
.gallery-images{width:230px;
float:left;
margin:0px 5px 0px 5px;
 color: #097AAC;
    font: 400 14px/22px 'Open Sans',arial,sans-serif;
    list-style: disc outside url("../images/bullet.jpg");
 padding: 0;
    text-align: left;}
	
	.gallery-images a{ color: #097AAC;
	text-decoration:none;}

.gallery-images img{/*width:264px;
height:175px;*/

width:222px;
height:145px;
margin-bottom:2px;
padding:4px;
background:#ffffff;
box-shadow:0px 0px 2px #9a9a9a;}




#details-box {
    
    border: 0 solid #FF0000;
/*    margin: 0;*/
   /* padding: 15px;*/
    text-align: left;
	
}



.list-block{
margin:0px 0px 15px 0px;
/*padding:10px 10px 10px 10px;*/
text-align:left;

padding:5px;

}



/*inside*/

.inside-content{padding:20px 0 0;}

.left-index{margin:0px 2px 0px 0px; padding:0px; float:left; width:348px;}
.right-index{margin:0px; padding:0px; float:left; width:850px; overflow:hidden; line-height:0px;}


.right-content-wrap{padding:20px;}
.right-content-wrap p{font-size:14px; line-height:22px; color:#606060;}


.grey-container{background:#858585; padding:26px; height:350px;}

.grey-container p{color:#ffffff;
font: 300 14px/22px 'Open Sans', arial, sans-serif;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;}

.grey-container h1{color:#ffffff;
font: 700 24px/31px 'BenchNine', arial , sans-serif;
margin:0px 0px 25px 0px;
padding:0px 0px 0px 0px;
text-align:left;}

.enquire-link{background:#acacac; color:#ffffff; font: 400 18px/22px 'Open Sans', arial, sans-serif; padding:13px 0px;}

.enquire-form{margin:0px; padding:25px; background:#e7e7e7 url(../images/down-arr.png) no-repeat top center; text-align:center;}



.enquire-form table{color:#5a5a5a; font: 400 14px/20px 'Open Sans', arial, sans-serif; margin:0 auto; padding:0 0px 0px 0px;}

.enquire-form table td{padding:0px 0px 10px 0px; margin:0;}
.enquire-form table td table{color:#5a5a5a; font: 400 14px/22px 'Open Sans', arial, sans-serif;}

input.inputbox{border:2px solid #ffffff;  color:#555555; font: 400 13px/28px 'Open Sans', arial, sans-serif; padding:0px 7px; width:94%; margin:2px 0 5px 0;  height:30px;}

textarea.inputbox{border:2px solid #ffffff;  color:#555555; font: 400 13px/28px 'Open Sans', arial, sans-serif; padding:0px 7px; width:90%; margin:2px 0 5px 0;  height:80px;}

select.inputbox{border:2px solid #ffffff;  color:#555555; font: 400 13px/28px 'Open Sans', arial, sans-serif; padding:0px 7px; width:98%; margin:2px 0 5px 0; height:32px;}

input.errinputbox{border:2px solid #ff5959;  color:#555555; font: 400 13px/28px 'Open Sans', arial, sans-serif; padding:0px 7px; width:94%; margin:2px 0 5px 0; height:30px;}


textarea.errinputbox{border:2px solid #ff5959;  color:#555555; font: 400 13px/28px 'Open Sans', arial, sans-serif; padding:0px 7px; width:90%; margin:2px 0 5px 0; height:80px;}

select.errinputbox{border:2px solid #ff5959;  color:#555555; font: 400 13px/28px 'Open Sans', arial, sans-serif; padding:0px 7px; width:98%; margin:2px 0 5px 0;  height:32px;}


input.calendar{background:#ffffff url(../images/calendar.png) no-repeat right 7px center; width:84%;}

input.submit-btn{background: #0088c4; /*  419bb7*/
padding:0px 0px 0px; width:100%;  color:#ffffff; font: 300 18px/40px 'Open Sans', arial, sans-serif;
 border:0 none;  cursor:pointer; height:40px;}

input.submit-btn:hover{background:#0176aa;}



 .slider-inside{
 	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;

}

.slider-inside-hold{
	margin:0px auto;
	padding:0px 0px 0px 0px;
	width:100%;
    position:relative;
}

.slides img{
 width:100%;
}


.content-left{float:left; width:65%;}
.ocean-logo{float:right; margin:0px 0px 20px 25px; width:250px;}
.ocean-logo img{width:100%;}


.right-index-2{float:right;}

.footer-small{display:none;}
.menu-small{display:none;}
.menu-drop{display:none;}
.enquire-link-small{display:none;}


.direction{padding:0px 10px 0px 25px; color:#ffffff; font: 300 15px/35px 'Open Sans', arial, sans-serif;
 border:0 none;  cursor:pointer; height:35px; background:#565656 url(../images/direction.png) no-repeat right 20px center; width:230px; text-align:left;}

.direction:hover{ background:#444444 url(../images/direction.png) no-repeat right 20px center;}
/*end*/


.gal{width:245px; float:left; margin:0px 25px 25px 0px; overflow:hidden;}


.tariff-tbl{margin:0px; padding:0px;}
.tariff-tbl td{color: #606060;
    font-size: 14px;
    line-height: 22px; font-family: 'Open Sans', arial, sans-serif; padding:10px 10px 10px 20px;  border-bottom:1px solid #dbdbdb; font-weight:300;}

.tariff-tbl th{color: #ffffff;
    font-size: 14px;
    line-height: 22px; font-family: 'Open Sans', arial, sans-serif;  padding:6px 10px 6px 20px; border-bottom:1px solid #dbdbdb; background:#acacac; font-weight:300;}

ul.lists{margin:0px 0px 0px 16px; list-style:disc;}
ul.lists li{font-size: 14px;
    line-height: 22px; font-family: 'Open Sans', arial, sans-serif; padding:0px 0px 10px; font-weight:300; color:#606060; text-align:left;}

.lft{float:left; width:45%; padding:0px 20px 0px 0px;}

.tripadvisor{position:absolute;right:-10px; top:0; z-index:20;}
.yatra{position:absolute;right:0px; bottom:0; z-index:20;}

/*=========================== TABS STARTS ===========================*/
.left-content{ 
margin:0px 20px 0px 0px;}


.slider-mobile{display:none;}



/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */



@media screen and (max-width: 1469px) {
.blue-container{width:98%;}
}

@media screen and (max-width: 1200px) {
	
	.wrapper {
		width: 98%;
		border:0px solid #FF0000
	}
	
	.left-block{
width:45%;
 
}

.right-block{
width:44%;
 
}



.left-index{width:30%;}
.right-index{width:69%;}
.ocean-logo{width:30%;}
	 
	 
}

@media screen and (max-width: 1100px) {
	
.menu li a{
margin:0px 0px 0px 0px;
/*padding:28px 10px 27px 10px !important;*/
color:#292929;
text-decoration:none;
}

.col3{
 margin:0px 10px 0px 10px;
width:30%;
overflow:hidden;
}

.col3 img{width:100%;}

	 
}





@media screen and (max-width: 900px) {


img.left-side{
float:none;
width:100%;
margin:10px 0px 10px 0px;
-webkit-box-shadow: 0 0 0px 0 #D4D4D4;
box-shadow: 0 0 0px 0 #D4D4D4;}

img.right-side{
float:none;
width:100%;
margin:10px 0px 10px 0px;
-webkit-box-shadow: 0 0 0px 0 #D4D4D4;
box-shadow: 0 0 0px 0 #D4D4D4;}


.ocean-logo{float:none; width:250px;}
.content-left{float:none; width:100%;}
.enquire-form table td table{font-size:13px;}	 
.enquire-form{padding:23px 18px;}
}


@media screen and (max-width: 800px) {
	
.tripadvisor{position:absolute;right:-10px; top:0; z-index:20;}
.yatra{position:absolute;right:0px; bottom:0; z-index:20;}


	.left-block{
width:100%;
float:none;
 
}

.right-block{
width:100%;
 float:none;
 margin-top:50px;
}


}
@media screen and (max-width: 760px) {
.tripadvisor{display:none;}
.yatra{display:none;}
}

@media screen and (max-width: 750px) {


.footer{display:none;}
.footer-small{
color:#ffffff;
font: 600 12px/18px 'Open Sans', arial, sans-serif;
margin:0px 0px 0px 0px;
padding:10px 0px 10px 0px;
text-align:left;
background:#666666;
display:block;
text-align:center;
}

.footer-small p{font-size:12px; color:#FFFFFF; margin-bottom:0px; text-align:center;}
.footer-small p a{color:#FFFFFF; text-decoration:none;}
 
.col3{width:95%; margin:10px auto 80px; float:none; padding:0px;}

.header-rgt{ display:none;
}

.menu-small{display:block; float:right; width:30px; margin:40px 12px 0px 0px; cursor:pointer;}
.menu-drop{margin:0px; padding:0px;}
.menu-drop ul{margin:0px; padding:0px; list-style:none;  background:#83a9ba;}
.menu-drop ul li{font: 400 18px/20px 'Open Sans', arial, sans-serif; text-transform:uppercase; text-align:center; padding:13px 0px; border-bottom:1px solid #93BFD2; color:#ffffff; letter-spacing:1px;}
.menu-drop ul li a{color:#ffffff; padding:13px 40px; text-decoration:none;}


.left-index-1 .enquire-link{display:none;}
.left-index{width:100%; float:none;}
.right-index{width:100%; float:none;}
.right-index-2{float:none;}
.enquire-link-small{display:block;}

.grey-container{height:auto;}
.map{display:none;}
.direction{width:94%;}
.right-content-wrap{padding:20px 0px;}
.wrapper {width: 96%;}

.lft{width:100%; float:none; padding:0px;}
}


@media screen and (max-width: 600px) {
	

 
#header{
position:relative;
 
}

.tripadvisor{display:none;}
.yatra{display:none;}
	 
}


@media screen and (max-width: 500px) {
.gal{margin:20px auto; float:none;}

.slider-big{display:none;}
.slider-mobile{display:block;}

#main-content-hold{padding:30px 0px 0px;}
}

@media screen and (max-width: 400px) {
	
 
 
img.book{
margin-top:10px; float:none;
}


 .txtbox{
width:90%;
}

.errtextbox{
width:90%;
}

 
}