/*
File: master style sheet for Jumeirah Xintiandi
Created by: Laco Janic | http://www.thetribe.com/
Date: 28. August 2008
*/

/* Global Reset
-------------------------------------------------------------------------- */
html, body, form, fieldset { margin: 0; padding: 0; font: 11px/160% Verdana,Helvetica,Geneva,sans-serif; }
a img{ border: 0; }

p, pre, blockquote, ul, ol, dl, address { margin: 0 0 1em 0; padding: 0; }
li, dd, blockquote { margin-left: 1em; }

form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; }

hr{ clear: both; border: 0; width: 100%;  height: 0; text-indent: -9999px; overflow: hidden; margin: 0; padding: 0; }

/* sIFR
-------------------------------------------------------------------------- */
.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }

/* Various Elements
-------------------------------------------------------------------------- */
.hide{ display: none; }
.clear{ clear: both; }
.big{ font-size: 14px; line-height: 160%;  }
table { margin: 0; padding: 0; font: 11px/160% Verdana,Helvetica,Geneva,sans-serif; }


/* Headings
-------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6{ color: #191918; font-weight: bold; padding: 0; line-height: 1; margin: 0; }
h2{ font-size: 17px; text-align: left; color: #191918; font-weight: normal; margin: 10px 0; }
h2.mainheading{ font-size: 18px; text-align: left; color: #191918; font-weight: normal; }
h3{ font-size: 14px; font-weight: normal; }
h4{ font-size: 12px; font-weight: bold; }

h4 a, h4 a:visited, h4 a:active, h4 a:hover { color: #000; text-decoration:underline; }

.sIFR-active h2{ visibility: hidden; font-family: Verdana; line-height: 1em; font-size: 22px; height: 30px; overflow: visible;  text-transform: capitalize; }
.sIFR-active h3{ visibility: hidden; font-family: Verdana; line-height: 1em; font-size: 17px; height: 20px; overflow: hidden; margin: 15px 0 5px 0; }

/* Lists
-------------------------------------------------------------------------- */
#content ul{ margin-left: 20px; list-style-type: none; position: relative; }
#content ul li{ background: transparent url(../images/beacon-01.png) no-repeat 0 .3em; padding: 0 0 0 1.5em; margin: .5em 0; }

/* Links
-------------------------------------------------------------------------- */
a, a:visited, a:active { color: #000; text-decoration:underline; }
a:hover{ text-decoration: underline; }

/* Main Layout
-------------------------------------------------------------------------- */
body
{ background: #3b1111 url(../images/bcgr-pattern.png) 0 0 repeat-x; color: #ccc; text-align: center; }
#header
{ width: 971px; height: 130px; margin: 0; position: relative; }
#container
{ padding: 0; width: 982px; margin: 15px auto; position: relative; background: url(../images/bcgr-02.png) 0 0 no-repeat; text-align: left; }
#top
/*{ padding: 0; width: 971px; margin: 0; position: relative; text-align: left; background: #191918;}*/
{ padding: 0; width: 971px; margin: 0; position: relative; text-align: left; }
#intro
{ padding: 0; width: 971px; margin: 0; position: relative; text-align: left; }
#content
/*{ padding: 0; width: 931px; min-height: 100px; margin: 20px 0 20px 20px; position: relative; text-align: left; overflow: auto; color: #191918; }*/
{ padding: 0; width: 931px; min-height: 100px; margin: 20px 0 20px 20px; position: relative; text-align: left;  color: #191918; }

/* Columns
-------------------------------------------------------------------------- */
#introCol{ float: left; width: 450px; margin-left: 15px; padding: 0 0 15px 0; }

/* Footer
-------------------------------------------------------------------------- */
#footer{ padding: 0; margin: 0; font-size: 9px; clear: both; width: 982px; height: 0; text-align: right; position: relative; overflow: visible; color: #795139; }
#footnav{ padding: 30px 20px; margin: 0; background: url(../images/bcgr-02-bottom.png) 0 0 no-repeat; width: 942px; height: 200px; }
#footer a{ color: #795139;  text-decoration: none; }
#footer a:hover, #footer a#current{ color: #ae7553; text-decoration: none; }

/* Top
-------------------------------------------------------------------------- */
#header h1 { position: absolute; top: 17px; right: 20px; display: block; width: 173px; height: 76px; }
#header h1 a, #header h1 a:visited{ display: block; width: 173px; height: 76px; overflow: hidden; }
#header h1 a:hover{ filter: alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; }

/* Top Menu
-------------------------------------------------------------------------- */
#TopMenu
{ width: 800px; margin: 0; padding: 0; list-style: none; position: absolute; left: 20px; top: 20px; }
#TopMenu li
{ display: inline; margin: 0; padding: 0; }
#TopMenu a
{ display: block; float: left; margin: 0; padding: 23px 20px 0 0; color: #9f8b55; font: 8px/1 Verdana,Helvetica,Geneva,sans-serif; text-decoration: none; text-align: left; text-transform: uppercase; }
#TopMenu #home a
{ background: url(../images/home-icon.png) no-repeat 2px 2px; }
#TopMenu #contact a
{ background: url(../images/contact-icon.png) no-repeat 8px 0px; padding: 23px 17px 0 0;}
#TopMenu #book a
{ background: url(../images/book-icon.png) no-repeat 10px -2px;  }
#TopMenu #english a
{ background: url(../images/lang-icon.png) no-repeat 0 2px;  font: 120%/1 Verdana,Helvetica,Geneva,sans-serif; margin-top: -4px;}
#TopMenu a:hover, #TopMenu a:focus, #TopMenu a:active
{ color: #e0c578; }
#TopMenu a.current 
{ color: #e0c578; }

/* Menu 1
-------------------------------------------------------------------------- */
#Menu1
{ width: 800px;  margin: 0; padding: 0; list-style: none; position: absolute; left: 0; top: 85px; }
#Menu1 li
{ display: inline; margin: 0; padding: 0; }
#Menu1 a
{ display: block; float: left; width: auto; margin: 0; padding: 0px 20px; color: #9f8b55; font: bold 9px/1.2 Verdana,Helvetica,Geneva,sans-serif; text-decoration: none; text-align: center; text-transform: uppercase; }
#Menu1 a:hover, #Menu1 a:focus, #Menu1 a:active
{ color: #e0c578; }
#Menu1 a.current 
{ color: #e0c578; }

/* Menu 2 sifr
-------------------------------------------------------------------------- */
#Menu2
{ width: 971px; height: 40px; margin: -2px 0 0 0; padding: 0; list-style: none; background: #191918 url(../images/pattern-01.png) repeat-x 0 0; overflow: hidden;  }
#Menu2 li
{ display: block; float: left; margin: 0; padding: 0; }
#Menu2 a
{ display: block; float: left; width: auto; margin: 0; padding: 15px 20px; color: #9f8b55; font: bold 11px/1.2 Verdana,Helvetica,Geneva,sans-serif; text-decoration: none; text-align: center; text-transform: uppercase; }
#Menu2 a:hover, #Menu2 a:focus, #Menu2 a:active
{ color: #e0c578; }
#Menu2 li .current 
{ color: #e0c578; }
#Menu2 li object
{ cursor: pointer; }

.sIFR-active #Menu2 li 
{ visibility: hidden; font-family: Verdana; line-height: 1em; font-size: 14px; padding: 14px 0 0 20px; }

/* Menu 3
-------------------------------------------------------------------------- */
#Menu3
{ width: 971px; height: 40px; margin: 0 0 0 0; padding: 0; list-style: none; clear: both; background: #191918;}
#Menu3 li
{ display: inline; margin: 0; padding: 0; }
#Menu3 a
{ display: block; float: left; width: auto; margin: 0; padding: 15px 20px; color: #9f8b55; font: normal 9px/1.2 Verdana,Helvetica,Geneva,sans-serif; text-decoration: none; text-align: center; }
#Menu3 a:hover, #Menu3 a:focus, #Menu3 a:active
{ color: #e0c578; background: url(../images/arrow-03.png) no-repeat bottom center; }
#Menu3 a.current 
{ color: #e0c578; background: url(../images/arrow-03.png) no-repeat bottom center; }

/* Home page
-------------------------------------------------------------------------- */
#home #container
{ background: url(../images/bcgr-01.png) 0 0 no-repeat; }
#home #footnav
{ padding: 30px 20px; margin: 0; background: url(../images/bcgr-01-bottom.png) 0 0 no-repeat; width: 942px; height: 200px; }

#home #flashcontent
{  width: 971px; height: 329px; margin: 0; padding: 0; }
#hotspots
{ width: 971px; min-height: 50px; margin: 0; padding: 0; background: url(../images/pattern-01.png) repeat-x 0 0; font-size: 9px; color: #8c7a53; }
#box1, #box2, #box3
{ width: 290px; height: 180px; float: left; margin-left: 30px; position: relative; }
#hotspots h2
{ display: block; margin: 0; padding: 5px 0 0 0; width: 250px; height: 50px; color: #9f8b55; font: bold 12px/1.2 Verdana,Helvetica,Geneva,sans-serif; text-decoration: none; text-align: left; text-transform: uppercase; }

.more
{ position: absolute; bottom: 0px; left: 0; }
.more a, .more a:visited
{ background: url(../images/arrow-01.png) no-repeat top right; color: #7a6b45; padding: 0 15px 0 0; font-weight: bold; }
.more a:hover
{ text-decoration: none; color: #e0c569; }

/* Register */
#box3 p
{ margin: 9px 0; padding: 0; clear: both; }
#box3 label
{ float: left; width: 60px; margin: 0; padding: 2px 0; position: relative; }
#box3 .DropDown1
{ float:none; width: 60px; margin: 0; padding: 2px 0; position: relative; }
#box3 .DropDown2
{ float:none; width: 60px; margin: 0; padding: 2px 0; position: relative; margin-left: 18px; }
/*#box3 span
{ float: left; width: 220px; margin: 0; padding: 0; display: block; border: 1px solid #fff; }*/
#box3 input
{ margin: 3px 0 0 0; background: #b7a474; border: none; outline: none; padding: 1px 3px; width: 180px; font-size: 11px;  float: left;}
/*{ position:relative; margin: 3px 0 0 0; background: #b7a474; border: none; outline: none; padding: 1px 3px; width: 60px; font-size: 11px;  float: left;}*/
#box3 select
{ margin: 3px 0 0 20px; background: #b7a474; border: 1px solid #b7a474; padding: 1px 3px; width: 47px; font-size: 11px; }
#box3 option
{ background: #b7a474;}
#box3 p img
{ margin: 3px 0 0 5px; cursor: pointer; padding: 0; position:relative }

/* Gallery
-------------------------------------------------------------------------- */
#flashcontent
{  width: 930px; height: 400px; margin: 0; padding: 0; overflow: hidden; }



/* moorthi 11-11-2008 Booking 
----------------------------------------------------------------------------*/
#BookContainer
{ padding: 0; width: 982px; margin: 15px auto; position: relative; background: url(../images/Bookingbcgr-01-ie.gif) 0 0 no-repeat; text-align: left; }

#home #BookContainer
{ background: url(../images/Bookingbcgr-01-ie.gif) 0 0 no-repeat; }

#Bookform
{  width: 930px;  margin: 0; padding: 20px 0px 0px 90px; overflow: hidden;  }


#Bookingfootnav{ padding: 30px 20px; margin: 0; background: url(../images/Bookingbcgr-02-bottom-ie.gif) 0 0 no-repeat; width: 942px; height: 200px; }
#home #Bookingfootnav
{ padding: 30px 20px; margin: 0; background: url(../images/Bookingbcgr-02-bottom-ie.gif) 0 0 no-repeat; width: 942px; height: 200px; }

#BookingTop{ padding: 0px 0px; margin: 0; background: url(../images/Topbgr-1.gif) 0 0 no-repeat; width: 942px;}