/* Lazaat website CSS file.  Built by Bluestorm New Media 2007 */

/* @group Reset */
* {padding:0; margin:0;}
h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin: 1em 0;}
li, dd { margin-left:0; padding-bottom:.3em;}
fieldset { padding: .5em;}
img {	border: none;	margin: 0;	padding: 0;}
html,body{height:100%}
body {font: small/140% "lucida sans", myriad, tahoma, serif; color: #561b00; margin: 0; padding: 0;
background: #f7df99 url(../images/mainbg3.jpg) repeat-y 0 0;}

/* @group Headings */

h1 {position: absolute; left: -5000px;}

/*h2 {color: #4e1826; font-size: 250%; font-weight: normal; letter-spacing: -0.01em;
font-family: "helvetica LgtExt", helvetica, verdana, san-serif; margin-bottom: 20px;}*/



h2.hidden { text-indent: -5000px; width: 550px; height: 40px;}


h2.home {background-image: url(../images/h2/h2_home.gif);}
h2.aboutus {background-image: url(../images/h2/h2_about_us.gif);}
h2.thanks {background-image: url(../images/h2/h2_thanks.gif);}
h2.futuregoals {background-image: url(../images/h2/h2_future_goals.gif);}

h2.hotelinfo {background-image: url(../images/h2/h2_hotel.gif);}
h2.hotelrooms {background-image: url(../images/h2/h2_hotel_rooms.gif);}
h2.hotelrates {background-image: url(../images/h2/h2_hotel_rates.gif);}
h2.hoteloccasions {background-image: url(../images/h2/h2_hotel_occasions.gif);}


h2.restaurant {background-image: url(../images/h2/h2_restaurant.gif);}
h2.restaurantgallery {background-image: url(../images/h2/h2_restaurant_gallery.gif);}
h2.restaurantopening {background-image: url(../images/h2/h2_restaurant_opening.gif);}
h2.restaurantsmenu {background-image: url(../images/h2/h2_restaurant_sample_menu.gif);}
h2.restaurantsfeature {background-image: url(../images/h2/h2_restaurant_feature_menu.gif);}
h2.conferences {background-image: url(../images/h2/h2_conferences.gif);}
h2.conferencesfloor {background-image: url(../images/h2/h2_conferences_floor.gif);}
h2.conferencesseating {background-image: url(../images/h2/h2_conference_seating.gif);}
h2.conferencesrates {background-image: url(../images/h2/h2_conference_rates.gif);}
h2.conferencesgallery {background-image: url(../images/h2/h2_conference_gallery.gif);}
h2.events {background-image: url(../images/h2/h2_events.gif);}
h2.eventsfloor {background-image: url(../images/h2/h2_events_floor.gif);}
h2.eventsgallery {background-image: url(../images/h2/h2_events_gallery.gif);}
h2.eventspackages {background-image: url(../images/h2/h2_events_packages.gif);}
h2.eventsmenu {background-image: url(../images/h2/h2_events_sample_menu.gif);}
h2.weddings {background-image: url(../images/h2/h2_wedding.gif);}
h2.weddingsgallery {background-image: url(../images/h2/h2_wedding_gallery.gif);}
h2.weddingspackages {background-image: url(../images/h2/h2_weddings_services.gif);}
h2.weddingscivil {background-image: url(../images/h2/h2_weddings_civil.gif);}
h2.weddingsmarquee {background-image: url(../images/h2/h2_weddings_marquee.gif);}
h2.weddingsbespokeevents {background-image: url(../images/h2/h2_weddings_bespoke.gif);}
h2.clubmonsoon {background-image: url(../images/h2/h2_club_monsoon.gif);}
h2.clubmonsoongallery {background-image: url(../images/h2/h2_club_monsoon_gallery.gif);}
h2.futureevents {background-image: url(../images/h2/h2_future_events.gif);}
h2.futureeventsfashion {background-image: url(../images/h2/h2_future_events_fashion.gif);}
h2.futureeventsbbqs {background-image: url(../images/h2/h2_future_events_bbqs.gif);}
h2.futureeventschristmas {background-image: url(../images/h2/h2_future_events_christmas.gif);}
h2.futureeventsnewyear {background-image: url(../images/h2/h2_future_events_newyear.gif);}
h2.futureeventsvalentines {background-image: url(../images/h2/h2_future_events_valentines.gif);}
h2.futureeventsmothers {background-image: url(../images/h2/h2_future_events_mothers.gif);}
h2.recruitment {background-image: url(../images/h2/h2_recruitment.gif);}
h2.contact {background-image: url(../images/h2/h2_contact_us.gif);}
h2.lazaatsalsa {background-image: url(../images/h2/h2_salsa.gif);}


h3, h4, h5, h6 {font-family: georgia, san-serif;}
h4 {
	color: #993205;
}
	
/* @group  List items */	

#maincontent ul {list-style: none; margin: 0 0 0 20px; font-size: 90%;padding-bottom:20px;position:relative;z-index:3}
#maincontent li {padding: 2px 0 2px 7px; background: url(../images/bullet_subnav.gif) 0 7px no-repeat;}

/* @group Paragraphs */

p {margin: 0 0 1em 0;}
p.strapline {position: absolute; top: 110px; right: 20px; font-size: 120%; font-weight: bold; font-style: italic; color: #5e5e5e;}
p.intro {font-size: 110%; font-weight: bold; font-family: georgia, san-serif;}
p.calltoaction {font-weight: bold; font-style: italic; padding-left: 23px;
background: url(../images/calloutarrow.gif) left center no-repeat; width: auto;}

/* @group Links */
a {text-decoration: none;}
a:link {	color: #993205; text-decoration: none;}
a:visited {color: #993205; text-decoration: none;}
a:hover {text-decoration: underline; color: #993205;}
a:active {text-decoration: underline;}

/* @group images */

#maincontent img {float: right; margin: 0 0 10px 15px; border: 1px solid #d1b89e; padding: 3px; background-color: #fff;}
#maincontent .pdf {float: left; margin: 0 10px 10px 0px; border: none; padding: 0px; background-color: transparent;}
#maincontent #headers img {float: left; margin: 0; border:none; padding: 0; width: 550px; height: 40px;}
#maincontent #map img {background-color: transparent;}
#map {border: 1px solid #692E10; padding: 2px;margin-bottom: 3em;}
form#directions input.postcode {border: 1px solid #682F11; padding: 2px;}
form#directions input.submit {border: ;}
#gallery_images img {float: left; margin: 0 15px 50px 0;}
/* @group Layout */

#wrapper {
	text-align: left;	position: relative; width: 100%; margin-top: 0;
	padding: 0; min-height:100%;z-index:2; background: transparent url(../images/lcol-base.jpg) no-repeat 0 bottom;position:relative;margin-top:-56px;}

#wrapper:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
#wrapper:after {
    display:inline-block;
}

/* mac hide \*/
#wrapper:after {display: block;}
* html #wrapper {height:100%;}
/* End hide */


#header {width: 100%; height: 245px; background: transparent url(../images/bodybg2.jpg) repeat-x 742px 0px;border-top:55px solid #f7df99;position:relative;}
* html #header{height:300px;he\ight:245px;}

#flashheader {position:absolute;left:159px;
top:0; width: 637px; height: 245px; display:inline; background: url(../images/main-pic2.jpg) no-repeat left top;} /* Default header image if body id not specified */

/* Specific header images for body id */
body#home #flashheader {background: url(../images/main-pic2.jpg) no-repeat left top;}
body#about #flashheader {background: url(../images/headers/header_about.jpg) no-repeat left top;}
body#monsoon #flashheader {background: url(../images/headers/header_club_monsoon.jpg) no-repeat left top;}
body#conferences #flashheader {background: url(../images/headers/header_conference.jpg) no-repeat left top;}
body#contact #flashheader {background: url(../images/headers/header_contact.jpg) no-repeat left top;}
body#events #flashheader {background: url(../images/headers/header_events.jpg) no-repeat left top;}
body#future_goals #flashheader {background: url(../images/headers/header_future_goals.jpg) no-repeat left top;}
body#hotel #flashheader {background: url(../images/headers/header_hotel.jpg) no-repeat left top;}
body#recruitment #flashheader {background: url(../images/headers/header_recruitment.jpg) no-repeat left top;}
body#restaurant #flashheader {background: url(../images/headers/header_restaurant.jpg) no-repeat left top;}
body#salsa #flashheader {background: url(../images/headers/header_salsa.jpg) no-repeat left top;}
body#weddings #flashheader {background: url(../images/headers/header_wedding.jpg) no-repeat left top;}
body#futureevents #flashheader {background: url(../images/headers/headers_future_events.jpg) no-repeat left top;}

/* hide flash object and use image instead */
#flashheader object {display:none;}


#content {float: left; width: 735px;  display: inline;}
#maincontent {float: right; width: 542px; margin-right: 20px;margin-top: 0; display: inline;}

/* @group Navigation */

ul#mainnav, ul#subnav {float: left; width: 151px; height:230px; list-style: none; margin:0;
font-size: 75%; text-transform: uppercase; font-family: verdana, san-serif;
background: url(../images/navbg-main.jpg) no-repeat left top;
padding:15px 0 0 8px;
}
ul#subnav {background:transparent;padding-bottom:50px;}
* html ul#mainnav, * html ul#subnav{width:159px;height:245px;w\idth:152px;he\ight:230px;}
/* html ul#mainnav, * html ul#subnav {position: relative; left: -10px;}*/

ul#mainnav li, ul#subnav li {line-height: 1.3em; padding: 2px 0 3px 0px; margin: ;}
ul#mainnav li {color: #561B00;}
ul#subnav li {color: #fff;}


body#home ul li.home a,
body#lazaatsetting ul li.lazaatsetting a,
body#future_goals ul li.future_goals a,
body#hotel ul li.hotel a,
body#restaurant ul li.restaurant a,
body#conferences ul li.conferences a,
body#events ul li.events a,
body#weddings ul li.weddings a,
body#futureevents ul li.futureevents a,
body#recruitment ul li.recruitment a,
body#contact ul li.contact a,
body#salsa ul li.salsa a,


ul#mainnav li.current {background: url(../images/bullet_mainnav.gif) center left no-repeat; font-weight: bold;}


ul#mainnav li a, ul#subnav li a {text-decoration: none; margin:0; padding: 0 0 0 7px; display: block;}
ul#mainnav li a:link {	color: #fff; text-decoration: none; font-weight: normal;}
ul#mainnav li a:visited {color: #fff; text-decoration: none;font-weight: normal;}
ul#mainnav li a:hover {text-decoration: underline; color: #fff;font-weight: bold;}
ul#mainnav li a:active, ul#subnav li a:active {text-decoration: underline;}

ul#subnav li a:link {color: #561B00; text-decoration: none;}
ul#subnav li a:visited {color: #561B00; text-decoration: none;}
ul#subnav li a:hover {text-decoration: underline; color: #561B00;}

ul#subnav {float: left; width: 130px;}


ul#subnav li.current {background: url(../images/bullet_subnav.gif) center left no-repeat; font-weight: bold;}

/* to keep image at bottom of left column away from text*/
.clear-image{
	float:left;
	width:159px;
	height:117px;
 clear:left;
}
div.download_rest {
	margin: 20px 0 0 0;
	padding: 0;
	clear: both;
}

/* @group Flash pieces */

#flashgallery {width: 280px; height: 241px; float: right; margin: 0 0 10px 15px;}
#flashgallery.flash_left {width: 280px; height: 241px; float: left; margin: 0 0 10px 0px;}
/*#flashgallery {width: 325px; height: 280px; float: right; margin: 0 0 10px 15px;}*/
#flashpanorama {width: 542px; height: 193px; float: right; margin: 10px 0 10px 0;}

/* @group Footerstuff */

#footer {background:  url(../images/footerbg.jpg) repeat-x 0 -38px; width: 100%;  clear:both; font-size: 85%;position:relative;height:55px;z-index:5;color:#fff;}

#footercontent {width: 760px;  float: left; margin:0; display: inline; padding:7px 0 0 10px;
background: url(../images/footbg.jpg) repeat 0 0;height:49px;position:relative;}
* html #footercontent{width: 770px;w\idth: 760px;}
#footercontent p {margin: 0; padding:0 0 3px 0;line-height:1.1em;  width: 400px;}
#footercontent p a{color:#fff;}

#footercontent p.credits {float: right; width: 225px; position: absolute;right:-20px; top:0;
 height:44px;background:red;padding-top:9px;background: url(../images/footer-right.jpg) repeat 0 0;}
* html #footercontent p.credits{height:54px;he\ight:44px}
/* @group Tables */

table {width: 100%; margin-bottom: 10px;font-weight: bold; font-size: 95%; padding: 5px; text-align: center;}
td.left { color: #fff; font-size:110%; background-color:#636366; padding: 7px; margin: 0;font-weight: normal;}
td.right { color: #fff; font-size:110%; background-color:#808285; padding: 7px; margin: 0;font-weight: normal;}
th.left {color: #fff; font-size:110%; background-color:#636366; padding: 0.5em; margin: 0; font-weight: normal;}
th.right {color: #fff; font-size:110%; background-color:#808285; padding: 0.5em; margin: 0; font-weight: normal;}

th.headert {color: #4e1825; font-size:110%; padding: 0.5em; margin: 0; font-weight: bold;}

/* @group Menu */

div.menu {background-color: #FDFAF7; text-align: center; padding: 10px 60px 30px 60px; margin: 0 0px 20px 0px; border: 1px solid #EBE0D4; border-right: 1px solid #E6D8CA; border-bottom: 1px solid #E6D8CA; font-family: georgia, san-serif; font-weight: bold;}


div.pdf {background-color: #FDFAF7; text-align:left; padding: 10px 60px 30px 60px; margin: 0 0px 20px 0px; border: 1px solid #EBE0D4; border-right: 1px solid #E6D8CA; border-bottom: 1px solid #E6D8CA; font-family: georgia, san-serif; font-weight: bold;}

div.menu h4 {color: #993205; font-family: "helvetica LgtExt", helvetica, verdana, san-serif; font-weight: normal; font-size: 200%;line-height: 1.2em;}
div.menu h5 {margin-bottom: 0.5em; font-size: 105%;}
div.menu p, div.pdf p {font-size: 85%; font-style: italic; color: #993205;}

div.pdf h4 a {color: #993205; font-family: "helvetica LgtExt", helvetica, verdana, san-serif; font-weight: normal; font-size: 120%; text-decoration: none;}


/* @group Mailinglist */
#mailinglist {float: left; width: 515px; font-size: 100%; line-height: 1.1em; padding: 14px 5px 5px 17px;
margin: 0; background: url(../images/register_bg1.gif) no-repeat #FCF8F4; border: 1px solid #993205; margin-bottom: 10px;}
#mailinglist h3 {text-indent: -5000px; line-height: 1px;}
#mailinglist p {margin-bottom: 5px;}
#mailinglist p.interest {margin: .7em 0;}
#mailinglist form {width: 490px; padding: 0; margin: 8px 0 5px 0;}
#mailinglist input.input {width: 150px; border: 1px solid #993205; margin: 0 5px 0 2px;padding: 2px;}
#mailinglist div.check input {border: 1px solid #993205;padding: 2px;}
#mailinglist div.check {float: left; margin-right: 1.5em;}
#mailinglist fieldset {padding: 0; margin: 0; border: none;}
#mailinglist legend {display: none; margin: 0; padding: 0;}
#mailinglist label {color: #993205; font-weight: bold;}
#mailinglist input.submit {background: url(../images/bullet_mainnav.gif) 7px center no-repeat #561B00; font-weight: bold; color: #fff; text-transform: uppercase; width: 60px; border: none; font-size: 90%; padding: 2px 5px 2px 8px;
font-family: verdana, san-serif; margin: 0 0 1px 0; display: block;}

* html #mailinglist input.submit {margin: 0;}
#mailinglist input.submit:hover {cursor: pointer;}
/*
ul#mainnav, ul#subnav {float: left; width: 130px; list-style: none; margin:  15px 0 0 12px;
font-size: 75%; text-transform: uppercase; padding: 0; font-family: verdana, san-serif;}
*html ul#mainnav,
*/ 

/* @group forms */
#recruitment_div form {margin: 0; padding: 0;}
#recruitment_div fieldset { width: 450px; margin: 0 0 1em 0; padding: 6px 10px 0px 10px; border: 1px solid #561B00;}
#recruitment_div legend { padding: 0.5em; font-size: 16px; margin: 0; color: #561B00; font-weight: bold;font-family: georgia, san-serif;}
#recruitment_div input { font-size: 95%; border: 1px solid #993205;}
#recruitment_div input.input, textarea.input {width: 350px; padding: 2px; margin: -.2em 0 1em; border: 1px solid #561B00;}

#recruitment_div label {display: block; margin: 0 0 .3em 0;color: #561B00; font-weight: bold;font-family: georgia, san-serif;}
#recruitment_div input_p {border: 1px solid #561B00;}
#recruitment_div input.input_p {width: 150px; mpadding: 2px; margin: -.2em 0 1em;}
#recruitment_div #c_buttons input {background: url(../images/bullet_mainnav.gif) 7px center no-repeat #561B00; font-weight: bold; color: #fff; text-transform: uppercase; width: 80px; border: none; font-size: 90%; padding: 2px 5px 2px 8px;
font-family: verdana, san-serif; margin: 0 0 5px 0; }
#recruitment_div #comment { margin-top: 5px; padding-bottom: 30px; }
#recruitment_div .comment_text {color: #561B00; padding-right: 5px;}
#recruitment_div .comment_box {background-color: white; border: 1px solid #993205; width: 350px; margin-bottom: 10px;}
#recruitment_div .disclaimer {font-size:10px;}
/* @end */

img#register {	padding: 0; border: 0;}


ul#gallery-list {
	list-style: none;
	margin-left: 0;
	float: left;

}
 ul#gallery-list li {

	float: left;
	list-style: none;
	background-image: none;
	padding-left: 4px ;
margin: 10px;
	display: inline;
	width: 100px;

}



#gallery-holder h3 {

}

#gallery-holder h3 a {

letter-spacing:-1px;

color:#700;

text-decoration:none;

}

#gallery-holder h3 a:hover {

color:#666;

text-decoration:underline;

}

#gallery-holder div.category {

margin-bottom:2em;

}

#gallery-holder div.category li {

float:left;

padding:0;

margin:0;

padding-right:5px;

padding-bottom:5px;

list-style:none;

}

#gallery-holder div.category li a {

float:left;

}

#gallery-holder div.category li a img {

border:3px solid #fff;

float:left;

}

#gallery-holder div.category p a {

color:#770000;

font-weight:bold;

text-decoration:none;

}

#gallery-holder div.category p a:hover {

color:#666;

text-decoration:underline;

}

#gallery-holder div.category p.category-description {

margin-bottom:0.5em;

}


#lightbox{

	position: absolute;

	top: 40px;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

	}



#lightbox a img{ border: none; }



#outerImageContainer{

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

	}



#imageContainer{

	padding: 10px;

	}



#loading{

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

	}

#hoverNav{

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

	width: 49%;

	height: 100%;

	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */

	display: block;

	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }





#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	}



#imageData{

	padding:0 10px;

	}

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

		

#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

	filter:alpha(opacity=60);

	-moz-opacity: 0.6;

	opacity: 0.6;

	}

	



.clearfix:after {

	content: "."; 

	display: block; 

	height: 0; 

	clear: both; 

	visibility: hidden;

	}



* html>body .clearfix {

	display: inline-block; 

	width: 100%;

	}



* html .clearfix {

	/* Hides from IE-mac \*/

	height: 1%;

	/* End hide from IE-mac */

	}	
#voucher {
	background: url(../images/voucher_bg.jpg) top left no-repeat;
	height: 295px;
	width: 560px;
}