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

body{ margin:0px; padding:0px;  background:url(../images/bg.jpg) fixed repeat-x #dba742; font-family:"Times New Roman", Times, serif; color:#447027; text-align:justify; font-size:16px;}

@font-face {
	font-family: 'Conv_TrajanPro-Regular';
	src: url('../fonts/TrajanPro-Regular.eot');
	src: local('☺'), url('../fonts/TrajanPro-Regular.woff') format('woff'), url('../fonts/TrajanPro-Regular.ttf') format('truetype'), url('../fonts/TrajanPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
img { border:none;}

p{margin:0 0 5px 0;}
ul { margin:0px; padding:0px;}
li { list-style:none; display:inline-block;}
li ul li { padding:0px; margin:0px; display:block;}
h1,h2,h3,h4,h5,h6,h7 {margin:0 0 5px 0; color:#447027; font-family:"Times New Roman", Times, serif; font-style:italic;}
h1 {font-size:28px;}
h2 {font-size:30px; }
h3 {font-size:20px; font-family:'Conv_TrajanPro-Regular',Sans-Serif;}
h4 {font-size:16px;}
h5 {font-size:14px; color:#990000;}
h6 {font:Verdana, Arial, Helvetica, sans-serif bold 12px;}
h7 {font-size:20px; color:#990000;}
hr { border:1px solid #447027;  margin:0 0 25px 0;}
a{ text-decoration:none; color:#294c77;}
a:hover{ text-decoration:none; color:#666;}
.line { border-bottom:#ad7a22 1px solid; margin:5px 0 0 0px;}

#header { position:fixed; z-index: 1000; left:0px; top:0px; width:100%; background: #dba742; padding:0px; margin:0px; }
#footer { position:fixed; z-index: 1000; left:0px; bottom:0px; width:100%; background:url(../images/footbg.jpg) bottom repeat-x; min-height:0px; text-align:left;}

.index_container {width:1105px; margin:45px auto 0 auto; display:block; min-height:450px; }
.container {width:950px; margin:45px auto 0 auto ;display:block; background:#f7e47b; height:100%; }
.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24, .span-25 {float:left;margin-right:10px; padding:0px;}
.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:140px;}
.span-5 {width:190px;}
.span-6 {width:210px;} /* box 01 / 03 */
.span-7 {width:280px;}
.span-8 {width:300px;}
.span-9 {width:365px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:485px;} /*box 02*/
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:615px;} 
.span-16 {width:622px;}
.span-17 {width:630px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24 {width:920px; padding:10px;}

/********************slideout************************/
#slideout, #slideout_inner {background:url(../../../../Arvind/Farid%20hasan/Spice-6/Mobile%20Webiste/images/black5.png);}
#slideout { position: fixed; top: 160px; right:0; width: 35px; 	padding: 12px 0; text-align: center;  -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; 
			-o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; z-index:900; }
#slideout a{border:0px solid #0C0; background:url(../images/reservation_02.png) no-repeat; height:195px; width:35px; display:block;}
#slideout a:hover{border:0px solid #0C0; background:url(../images/reservation.png) no-repeat; height:195px; width:35px; display:block;}
 

/****************************Menu*************************************/
#menuout, #menuout_inner {background:url(../../../../Arvind/Farid%20hasan/Spice-6/Mobile%20Webiste/images/black5.png);}
#menuout { position: fixed; top: 160px; left: 0; width: 35px; padding: 12px 0; text-align:center;  -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;
			-o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;
			z-index:900; border:0px solid #0F0;}
#menuout a{border:0px solid #0C0; background:url(../images/photogallery_02.png) no-repeat; height:195px; width:35px; display:block;}
#menuout a:hover{border:0px solid #0C0; background:url(../images/photogallery.png) no-repeat; height:195px; width:35px; display:block;}

/* side bar*/
.photogallery { left:0px; width:45px; z-index:-100;}
.photogal { top:30%; position:fixed;}
.reservation { top:25%; position:fixed; right:0px; width:45px; z-index:-200; display:block;}
.reser{text-align:right;}


/* FAQ*/
.height01{ font-size:14px; font-weight:bold; color:#272727; margin:5px 0px;}
.height01 a{ color:#04411f;}
.height01 a:hover { color:#48960f;}
.bar { background:#eed580; color:#48960f; margin:5px 0 18px 0px; padding:5px 0px 5px 5px;}



#photo { position: absolute; left: 0px; top:35%; }
#tariff { position: absolute; right: 0px; top: 35%; }
div > div#photo { position: fixed; }
div > div#tariff { position: fixed; }




.topheader{ height:170px;}

.logo { margin:0px auto; width:1340; text-align:center; z-index:2;}
.logo1 {position:absolute; margin:0px 0 0 360px; z-index:20;;}
/**********************************************************************************menu style **************************************/
/*#navcontainer { margin:0px auto; padding:0; width: 1105px; height: 44px; }
.menu { font-size:13px; color:#000; z-index:1001; margin:0px; position:absolute; z-index:30; font-family:Verdana, Arial, Helvetica, sans-serif;}
.menu ul{ margin:12px 0 0 0px;}
.menu ul li{ float:left;}
.menu .part01{ width:400px; margin:10px 0 0 70px; float:left;}
.menu .part02{ margin:10px 0 0 695px; width:400px;}
.menu a{ color:#04411f;}
.menu a:hover { color:#FFFFFF;}
.menu .select{ color:#FFFFFF;}
.hom, .abo, .cot, .act, .gue, .loc, .faq, .contact { border:0px solid #F00;}
.hom{ width:50px !important;}
.abo{ width:80px !important;}
.cot{ width:85px !important;}
.act{ width:80px !important;}
.loc{ width:80px !important;}
.gue{ width:90px !important;}
.faq{width:50px !important;}
.contact{width:80px !important;} */

/*************************doropdown*************************************/
#navbar { margin:0; padding: 0; height: 1em; } 
#navbar li { list-style: none; float: left;  width:95px; text-align:center;} 
#navbar li a { display:inline-block; padding:0px;   color: #04411f;  text-decoration: none; font-size:12px; }
#navbar li a:hover{ padding:0px; color:#48960f;  text-decoration: none; font-size:13px; }
#navbar li ul { display: none; background: url(../images/yellow_menu_bg.png); margin:0px 0 0 -10px; border-radius:5px;  /* Width to help Opera out */ }
#navbar li ul li { margin:0px 0px; padding:10px 10px 5px 0px; }
#navbar li:hover ul, #navbar li.hover ul { display: block; position: absolute; 0px; padding: 0;  }
#navbar li:hover li, #navbar li.hover li { float: none; } 
#navbar li:hover li a, #navbar li.hover li a {color: #04411f; width:100%;  padding:5px 5px 5px 8px; }
#navbar li li a:hover { color:#48960f; display:inline-block; text-decoration:none;background:#dba741; padding:5px 2px 5px 8px; width:100%; border-radius:5px; border:1px solid #000;}

/**********************************************************************************end menu style **************************************/
.banner .menu a{ color:#000;}
.banner .menu a:hover{ color:#fff;}

.banner {height:200px; overflow:hidden; }


/*******************************banner animation*************************/
.rotator { z-index:20;}
div.rotator ul { margin:0px; padding:0px; z-index:25; } 
div.rotator ul li { float:left; position:absolute; list-style: none; margin:-20px 0 0 0px; height:560px; overflow:hidden; } 
.span-24.last,.clients {}
.clients ul{}
.clients ul li{float:left; display:block; margin:5px 0 2px 5px; width:170px; text-align:left;}
 
 
 /*************************************Middle content****************************************/
.midcon{ background:#f7e47b; margin:-1px auto 20px auto; padding:100px 40px 80px 40px; min-height:410px; height:100%; width:870px; }
.points {}
.points ul{ float:none;} 
.points ul li{ float:none; background:url(../images/bullet01.png) 2px 9px no-repeat; padding:2px 0 2px 25px; margin:5px 0 0px 0px; display:block;} 

.destleft { width:350px; float:left; }
.mapright { width:350px; float:left; margin:-32px 0px 0 0; }


.dontpoints {}
.dontpoints ul{ float:none;} 
.dontpoints ul li{ float:none; background:url(../images/redbullet01.png) 2px 9px no-repeat; font-size:14px; color:#990000; padding:2px 0 2px 25px; margin:5px 0 0px 0px; display:block;} 

.name2{ margin:10px 0 0 0px;}

/*****************************************Gallery ******************************************/

.gal {}
.gal ul {}
.gal ul li{ border:0px solid #fff; margin:0 15px 10px 10px; float:left; }


/***************************************** Bird Gallery ******************************************/

.birdgal {width:970px;}
.birdgal ul {}
.birdgal ul li{ border:0px solid #fff; margin:0px 5px 5px 0px; float:left;  }



/*********************************FAQ's*****************************************/
.height01{ font-size:14px; font-weight:bold; color:#272727; margin:5px 0px;}
.height01 a{ color:#04411f;}
.height01 a:hover { color:#48960f;}

/*-------------------------------------------------------------------dinning --------------------------------------------*/
.dining {}
.dining-head { color:#447027; font-size:16px; font-weight:bold; font-family:Verdana, Geneva, sans-serif;}
.dining-mealtime {}
.dining-mealtime ul { width:800px; margin:10px 0 0 0px;}
.dining-mealtime ul li{ margin:0 0 5px 0px;}
.dining-meal { width:250px; float:left; background:#F5E9BC; margin:0 10px 0 0px; padding:3px 5px 3px 10px; font-weight:bold; color:#447027; border:1px solid #FC0;}
.dining-timings { width:300px; float:left; background:#F5E9BC; margin:0 10px 0 0px; padding:3px 5px 3px 10px; font-weight:bold; color:#447027; border:1px solid #FC0; clear:right;}

/**************************footer**********************************/
.footer{ width:950px; margin:0px auto 0 auto; background:url(../images/footer_bg.png) no-repeat; height:95px; color:#FFF; z-index:27; clear:left;}
.social { margin:0px 0 0 120px; padding:5px 0 10px 0px; z-index:29; border:0px solid #F00; } 
.social ul{  border:0px solid #F00;}
.social ul li{ margin:-20px 10px 0px 0px !important; border:0px solid #F00;}


.insta, .facebook, .press, .trip, .download, .youtube{display: block; width:32px; height:32px; text-indent: -99999px; border:0px solid #F00; float:left; }

.facebook {background:url(../images/fb.png) bottom; margin:50px 0px 0px 10px !important;}
.insta {background:url(../images/insta-logo.png) bottom; margin:50px 0px 0px 10px !important;}

.press {background:url(../images/press.png) bottom; margin:50px 0px 0px 10px !important;  }
.trip {background:url(../images/trip.png) bottom; margin:50px 0px 0px 10px !important;}
.download {background:url(../images/download.png) bottom;margin:50px 0px 0px 10px !important; }
.youtube {background:url(../images/youtube.png) bottom;margin:50px 0px 0px 10px !important; }


.insta:hover, .facebook:hover, .press:hover, .trip:hover, .download:hover, .youtube:hover, .wh:hover, .tree-logo:hover { background-position: 0 0; }
.tree-logo {background:url(../images/tree_logo.png) bottom; margin:30px 0px 0px 10px !important; text-indent: -99999px; display:block; float:left; width:52px; height:50px; }
.fblike {margin:50px 0px 0px 10px!important; float:left; width:70px; height:20px; }
.music { float:left; width:20px; height:10px; margin:50px 0 0 10px !important; border:0px solid #F00;}


/*getting there*/
.byroad, .bytrain, .byair {width:auto; padding:12px 0 0 60px; margin:5px 0px 0 0px;}
.byroad { background:url(../images/road.png) left no-repeat;}
.bytrain { background:url(../images/rail.png) left no-repeat;}
.byair{ background:url(../images/air.png) left no-repeat;}



/*****************Long STay***********/
.longstay {}
.longstay ul{ width:500px; }
.longstay ul li{  margin:0 10px 5px 10px; display:inline-block;}

/*-----------------------about-------------------*/
.photo01 {float:right; margin:0 10px 10px 20px; width:225px; display:inline-block;}
.photo02 {float:left; margin:0px 20px 10px 0px; width:225px;}