/* CSS Document Developed by Avishek Nath from ADITI INFOSYS  © All rights Reserved. */
/* Global Style*/

*{ 
padding:0px;
margin:0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size:12px;
	line-height:20px;
	background:url(../images/body-bg.png) repeat left top;
 }
 

a {
 text-decoration: none;
 color: #999999;  
 outline:none;
}


a:hover {
 text-decoration: underline;}

img{
border:0;
} 

p{
padding-bottom:8px;
}

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

.mr10{margin-right:10px;}
.ml10{margin-left:10px;}
.mt10{margin-top:10px;}
.mb10{margin-bottom:10px;}

.mrgnrt5{margin-right:5px;}
.mrgnlt5{margin-left:5px;}
.margntop5{margin-top:5px;}
.margnbtm5{margin-bottom:5px;}

ul{
margin-left:20px;
}

.justify{
text-align:justify;
}

.f-left{
float:left;
}

.f-right{
float:right;
}

.redtxt{
color:#9b3331;
}

.percentwid{
width:100%;
}

.txtSmall{
font-size:11px;
}



.txt18{
font-size:18px;
}

 

h1{
color: #000;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:20px;
width:100%;
float:left;
padding-bottom:10px;
font-weight:normal;

}

h2{
font-size:16px;
font-family: Georgia, "Times New Roman", Times, serif;
padding-bottom:10px;
font-weight:normal;
color:#bd600d;
}
 
h3{
	font-size:18px;
	text-shadow:0 1px 1px #ccc;
	padding-bottom:8px;
	color: #663300;
	font-weight:normal;
	margin-bottom:10px;
	border-bottom:2px solid #dddccc;
	
	}
.orgtext{ color:#f06e28;}
.greytext{ color:#a6a6a6;}
.tcenter{
text-align:center;
}

#wrapper,.wrapper{
margin:0 auto;
width:1000px;
}


.pie { behavior: url(PIE.htc); }

.pie_properties {
	-webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
	background: -webkit-gradient(linear, 0 0, 0 70%, from(#EEF), to(#FFF));
    background: -moz-linear-gradient(#EEF, #FFF 70%);
    background: linear-gradient(#EEF, #FFF 70%);
    -pie-background: linear-gradient(#EEF, #FFF 70%);
	-webkit-box-shadow: #CCC 0 0 .25em;
    -moz-box-shadow: #CCC 0 0 .25em;
    box-shadow: #CCC 0 0 .25em;

}

#topcontainer{
float:left;
width:100%;
position:relative;
padding:8px 0 17px 0;
background:url(../images/topbg.jpg) repeat-x left top;
z-index:2;
}

#logo{
float:left;
}



/* -------------------- Cat Menus ---------------------- */

#catmenu{
float:right;
width:174px;
margin-right:10px;

}

#catmenu ul{
	list-style:none;
	float:right;

} 
 
#catmenu ul li{
	float:left;
	text-transform:uppercase;
	position:relative;
	z-index:999;
	font-weight:bold;
	

	 
	
} 

#catmenu ul li a{
	float:left;
	color:#444;
	padding:5px 0px 5px 20px;
	background: url(../images/top-menubg.jpg) no-repeat left top;
	width:154px; 




} 

#catmenu ul li a:hover{
	text-decoration:none;
	color:#999;
	 
} 

#catmenu ul li ul{
	position:absolute;
	width:220px;
	margin:0px;
	top:30px;
	left:1px;
	display:none;
	padding:0;
	border:none;
	z-index:999;
	overflow-x:hidden;
	-webkit-border-radius: 6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-box-shadow: #CCC 0 0 .25em;
	-moz-box-shadow: #CCC 0 0 .25em;
	box-shadow: #CCC 0 0 .25em;
	background:#efefef;
	behavior: url(PIE.htc);
	
}

#catmenu ul li ul li{
	font-size:11px;
}

#catmenu ul li ul li:first-child a{
background:#efefef;
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
}

#catmenu ul li ul li a{
padding:3px 5px;
border:none;
color:#999;
border-bottom:1px solid #dedede;
display:block;
width:210px;
background:#efefef;
}

#catmenu ul li ul li:last-child a{
background:#efefef;
-webkit-border-radius: 0px 0px 6px 6px;
-moz-border-radius: 0px 0px 6px 6px;
border-radius: 0px 0px 6px 6px;
}

#catmenu ul li ul li a:hover{
background:#CCC;
color:#FFF;
}


#catmenu ul li:hover ul,#catmenu ul li.sfhover ul{
list-style:none;
z-index:9999999;
display:block;
}
/* -------------------- Cat Menus ---------------------- */
 


#topmenus{
font-size:16px;
margin:15px 0 0 0;
float:left;
width:1233px;
height:70px;
font-family:Georgia, "Times New Roman", Times, serif;
position:relative; 
left:-112px;
background: url(../images/topmenubg.png) no-repeat center top;
}

#topmenus ul{
list-style:none;
margin:12px 0 0 115px;

}

#topmenus li{
color: #FFFFFF;
float:left;
text-align:center;
position:relative;
text-shadow:0 1px 1px #000;
}

#topmenus li a{
color: #CCC;
float:left;
text-decoration:none;
padding:5px 20px;
border-top: none;
background:url(../images/menu-divider.png) no-repeat right top;
position:relative;
}

#topmenus li a:hover,#topmenus li.current{
color: #FFF;
float:left;
text-decoration:none;
background: #000;
-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius:6px;
}
 
 
 
 

/* ===============================Header Section========================================= */
#header{
float:left;
position:relative;
z-index:4;
height:600px;
width:1000px;
padding:10px 0;
-webkit-border-radius: 6px;
-moz-border-radius:6px;
border-radius:6px;
margin-top:-15px;
background:#FFF;
-webkit-box-shadow: #CCC 0 0 .25em;
-moz-box-shadow: #CCC 0 0 .25em;
box-shadow: #CCC 0 0 .25em;
behavior: url(PIE.htc);
}


#header-slider{
	-webkit-border-radius: 6px;
	-moz-border-radius:6px;
	border-radius:6px;
	background:#CCC;
	width:978px;
	height:344px;
	float:left;
	margin:-5px 0 0 11px;
} 


#header-inner{
float:left;
position:relative;
z-index:4;
height:500px;
width:1000px;
padding:10px 0;
-webkit-border-radius: 6px;
-moz-border-radius:6px;
border-radius:6px;
margin-top:-15px;
background:#FFF;
-webkit-box-shadow: #CCC 0 0 .25em;
-moz-box-shadow: #CCC 0 0 .25em;
box-shadow: #CCC 0 0 .25em;
behavior: url(PIE.htc);
margin:-15px 0 10px 0;
}

#header-inner .header-inner-image{

-webkit-border-radius: 6px;
	-moz-border-radius:6px;
	border-radius:6px;
	background:#CCC;
	width:978px;
	height:344px;
	float:left;
	margin:0px 0 0 11px;

}

/* ==== (a) Pikachoose Slider ========================== */

#pikachoose-home-slider {    background:url(../images/slider-thumb-bg.jpg) no-repeat 216px 365px;}

.pikachoose {width: 960px; margin: 0 auto;}

/* Style the thumbnails */
.pika-thumbs{ padding: 0;   width:528px; height:71px; display:block;}
.pika-thumbs li{ width: 93px; height:47px; margin:0;  padding: 0; overflow: hidden; padding:1px; border:1px solid #fff; float: left; 	list-style-type: none; cursor: pointer;}	
.pika-thumbs li:last {margin: 0;}
.pika-thumbs li .clip { position:relative;height:100%;text-align: center; vertical-align: middle; overflow: hidden; z-index:99;  }
.pika-thumbs li.active {  border-color:#aaa; }
	
/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage, .pika-textnav {width: 960px;}
.pika-stage {position: relative; text-align:center;  }
 
	
.pika-stage .caption { position: absolute;  background: url(../images/caption-bg.png); font-size: 12px; line-height:20px; font-family:arial; text-shadow:none; color: #fff; padding: 5px 10px 5px 10px; text-align: center; height:auto; width:auto; bottom: 0; right: 0; margin:25px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }	
.pika-stage .caption p { 	padding: 0; margin: 0; }	
.pika-stage .caption a { color:#fff; text-decoration:underline; }	
.pika-stage .caption a:hover { color:#ccc;}			

/* Ths play, pause, prev and next buttons */
.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
/* NOTE : Next and Previous background images style code is in skin css file */
.pika-imgnav a.previous { height: 71px; width: 50px; top: 365px; left: 166px;cursor:pointer;
background: url("../images/prev-btn.jpg") no-repeat scroll 0 0 transparent;
}
.pika-imgnav a.next { height: 71px; width: 50px; top: 365px; right: 166px;cursor:pointer;
background: url("../images/next-btn.jpg") no-repeat scroll 0 0 transparent;
}

.pika-imgnav a.play,.pika-imgnav a.pause,.pika-textnav,.pika-counter {display:none;}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ background:url(loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; 
	text-align:right; position:absolute; top:15px; right:15px; }

/* jCarousel Styles */
.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 0; width:512px; overflow:hidden; margin-left:222px;  margin-top: 20px;display:block;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 71px; width: 512px; display:block; }
.jcarousel-skin-pika .jcarousel-item-horizontal {margin: 9px 3px 0 3px; 	}


 
/* ===============================Content Area========================================= */

#contentarea{
float:left;
width:100%;
position:relative;
margin-bottom:10px;
}


/* ===============================Main Content Area========================================= */

#maincontent{
float:left;
position:relative;
width:684px;
padding:20px 0 10px 0;
}

#maincontent-full{
float:left;
width:100%;
}

  

 
/* =============================== All  Buttons ========================================= */
.more{
display:block;
position:relative;
z-index:999;

}

 

/* =============================== Welcome section - Homepage ========================================= */

 


 

/* =============================== Right Sidebar  ========================================= */

#sidebar{
float:right;
width:250px;
padding:10px 0 10px 10px;

}

 
   
.special-offers{
padding:10px!important;

}


.location-map{
padding:10px 0 10px 0px;
float:left;
width:100%;
 }

 
 
.photo-gallery,.parlour{
padding:10px 0 10px 0px;
float:left;
width:100%;
  
}

.spa-offer .more{
float:left;
}

.spa-offer .thumbpic{
position:absolute;
top:30px;
left:108px;

}

.email-newsletter {
padding:10px 0 0px 0px;
float:left;
width:100%;
 
 
}

 
.email-newsletter .inputbox{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
background:#FFF;
width:190px;
color:#333333;
height:16px;
padding:3px;
margin:2px 5px 0 0;
float:left;
border:1px solid #dedede;
}



/* =============================== Footer Home ========================================= */
 
#footer{
 
width:100%;
background:url(../images/footer-bg.jpg) repeat-x right top;
height:430px;
float:left;
 
}

#footer-wrap{
margin:0 auto;
width:1000px;
}
 
/* =============================== Footer links ========================================= */

#footer-links{
float:left;
position:relative;
background:#111;
margin:12px 0 0 0;
padding:10px 0;
width:100%;
text-align:center;
-webkit-border-radius:0 0 6px 6px;
-moz-border-radius:0 0 6px 6px;
border-radius:0 0 6px 6px;
-webkit-box-shadow: #000 0 0 .25em;
-moz-box-shadow: #000 0 0 .25em;
box-shadow: #000 0 0 .25em;
behavior: url(PIE.htc);
 
}

#footer-links a{
color:#666;
padding:0 20px;
}

#footer-links a:hover{
color:#ccc;
 }


.f-divider{
background:url(../images/ftr-line.jpg) repeat-x left top;
margin:10px 0 0 0;
height:2px;
line-height:2px;
font-size:2px;

}


#footer .section{
 
float:left;
width:240px;
margin-top:30px;
margin-bottom:10px;

 
}


#footer .section h2{
width:100%;
text-indent:10px;
 background:url(../images/footer-hd-bg.jpg) no-repeat left top;
 padding:5px 0;
 color:#666;
 margin:0 0 10px 0;

 
}
 
 
 #footer .section .lf{
 
float:left;
margin-left:10px;
width:150px;
 line-height:26px;
}
 
  #footer .section .rt{ line-height:26px; }
 
/* =============================== Innerpage Content ========================================= */
 

#innercontent-full{
float:left;
width:100%;
margin-left:00px;
min-height:250px;
padding:5px 0 40px 0;
 
}

 


.lists{
float:left;
margin-left:10px;
list-style:none;
}

.lists li{
background:url(../images/menu-dots.png) no-repeat left center;
line-height:24px;
padding:0 0 0 30px;
}



.thumbpic{
border:1px solid #efefef;
padding:4px;
background:#FFF;
border:2px solid #F1EFE9;
-webkit-border-radius: 6px;
-moz-border-radius:6px;
border-radius:6px;
-webkit-box-shadow: #CCC 0 0 .25em;
-moz-box-shadow: #CCC 0 0 .25em;
box-shadow: #CCC 0 0 .25em;
behavior: url(PIE.htc);
}

/* Home Scroll */

#homescroll{
width:650px;
margin:30px 0 0 0;
float:left;
min-height:120px;
background:#FFF;
padding:5px;
margin-right:10px;
-webkit-border-radius: 6px;
-moz-border-radius:6px;
border-radius:6px;
-webkit-box-shadow: #CCC 0 0 .50em;
-moz-box-shadow: #CCC 0 0 .50em;
box-shadow: #CCC 0 0 .50em;
behavior: url(PIE.htc);
}

#homescroll .thumb{
float:left;
background:#FFF;
border:1px solid #efefef;
padding:5px;
margin-right:10px;
-webkit-box-shadow: #ccc 0 0 .25em;
-moz-box-shadow: #ccc 0 0 .25em;
box-shadow: #ccc 0 0 .25em;
behavior: url(PIE.htc);
}



.infiniteCarousel {
  width: 620px;
  position: relative;
 
}

.infiniteCarousel .wrapper {
  width: 615px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height:120px;
  position: absolute;
  top: 0;
   margin:15px 0 0 20px;
}

 

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  height: 85px;
  
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;  
  text-indent: -999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
}

 

.infiniteCarousel .forward {
  background: url(../images/right-arrow.png) no-repeat right center;
  right: -60px;
  top:40px;
}

.infiniteCarousel .back {
  background: url(../images/left-arrow.png) no-repeat left center;
  left: -30px;
    top:40px
}

 

#enquiry{
width:100%;
float:left;
margin:10px 0 10px 0;
}

#enquiry label {
	float: left;
	height: auto;
	width: 200px;
 
}
#enquiry .inputbox{
	float: left;
	width: 220px;
	height:16px;
	margin-bottom:8px;
	border:1px solid #FFF;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	background: #CCCCCC  ;
}


#enquiry .inputbox1{
	float: left;
	width: 105px;
	margin:0 5px 0 0;
	margin-bottom:8px;
	border:1px solid #FFF;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
background: #CCCCCC  ;
}

#enquiry .ddmenu{
	float: left;
	width: 220px;
 	margin-bottom:8px;
	border:1px solid #FFF;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	background: #CCCCCC  ;
}

#enquiry .textarea{
	float: left;
	width: 220px;
	padding:2px;
	height:80px;
	margin-bottom:8px;
	background: #CCCCCC  ;
	border:1px solid #FFF;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	
}
 
 
#enquiry .btns {
	float: left;
	 
}



.colhd{
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	padding:8px 0 0 5px;
	background-color: #C5B898;
}


.colelement1{
	border-bottom:1px solid #FFF;
	color:#333;
	padding:4px 5px;
	background-color: #E9E6D7;
}

.colelement2{
	border-bottom:1px solid #FFF;
	color:#333333;
	padding:4px 5px;
	background-color: #DED8C2;
}





#accordation {
	margin:0 0 0 0px;
	float:left;
	width:100%;
}
#accordation dt{
 
	padding:5px 0 5px 10px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	cursor:pointer;
	float:left;
	width:100%;
	background:#836b3f url(../images/red-arrow.png) no-repeat  870px center;
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	margin:0 0 1px 0;
}
#accordation dd{
	background:#FFF;
	padding:5px 0 5px 10px;
	float:left;
	width:100%;
	height:300px;
	overflow:scroll;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	line-height:20px;
	margin:0 0 1px 0;
} 


.desc{
	padding:10px;
	display:block;
 
}

 .topindiaclock{
float:right;
background:#fff url(../images/india-flag.jpg) no-repeat 8px center;
padding:2px 0px 2px 40px;
margin-right:10px;
font-size:11px;
margin-left:10px;

}
ul.commonlist{
margin:0;
padding:0;
margin-left:20px;
list-style:none;
}

ul.commonlist li{
background:url(../images/sec-menu-dots.png) no-repeat left  6px;
padding-left:20px;
padding-bottom:5px;
color: #996600;
}
.picthumb{
float:left;
background: url(../images/thumbpic-bg.jpg) no-repeat left bottom;
padding:0 0 10px 0;
margin-bottom:10px;
margin-left:10px;
}
.thumbpicrt{
float:right;
margin:0 0px 20px 20px;
border:1px solid   #999999;
padding:4px;
 
}
 
 
#bottomlink1 {
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	font-size: 12px;
	width:320px;
	line-height: 20px;
	font-weight: normal;
	color: #000000  ;
 
	padding-right:10px;
}
#bottomlink2 {
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	font-size: 12px;
	width:320px;
	line-height: 20px;
	font-weight: normal;
	color: #000000 ;
	 
	padding-right:10px;
}
#bottomlink3 {
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	font-size: 12px;
	width:320px;
	line-height: 20px;
	font-weight: normal;
	color: #000000;
	padding-right:10px;
}
.bottomcontent{
float:left;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size:12px;
line-height:20px;

}