@import "reset.css";
@import "common.css";

/**
 * TAGS
 ****************************/
body { background: #1c1817 url(../img/main_bg.jpg) no-repeat; }
a, a:link { color: white; text-decoration: none; }
p { margin: 0px; }

/**
 * CLASSES
 ****************************/
.clr { clear: both; }
.ui-datepicker { z-index: 100; }
.contactus input, .contactus textarea { width: 235px; margin-left: 10px; }

/**
 * IDS 
 ****************************/
#head { margin: auto; width: 920px; height: 78px; background: white; color: #cccccc; }
#head .add { padding: 4px 28px 0 24px; }
#head .logo { display: block; padding-left: 24px; margin-top: 7px; }
#head .flags { float: right; }
#head .date { float: right; margin-right: 24px; color: #666666; }


#menucnt { position: relative; margin: auto; width: 920px; height: 495px;  color: white; background: #b40303; }
#menucnt .flash { position: absolute; top: 0; left: 0; width: 920px; height: 464px; z-index: 0;  }
#menucnt .menu { position: absolute; top: 0; left: 0; width: 246px; height: 318px; color: white; background: transparent url(../img/trans-bg.png); z-index: 10; }
#menucnt .address { padding: 18px 24px; }
#menucnt .address a:hover { color: #fe0000; }
.page_lang_fr #menucnt .address, .page_lang_uk #menucnt .address { padding-top: 10px; padding-bottom: 10px; }

#menucnt .menu ul { padding: 0px 24px; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.page_lang_fr #menucnt .menu ul li, .page_lang_uk #menucnt .menu ul li { height: 22px; overflow: hidden; position: relative; }
.page_lang_fr #menucnt .menu ul li a { display: block; position: absolute; top: -5px; left; 0px; width: 100%; }

#menucnt .reservation { position: absolute; top: 318px; left: 0; width: 246px; height: 146px; background: #b40303; z-index: 10; }
#menucnt .reservation .title { display: block; padding: 2px 0 0px 24px;}
#menucnt .reservation span { display: block; margin: 0 0 0 24px; line-height: 18px; }
#menucnt .reservation .intro { margin: 3px 0 3px 24px; font-weight: bold; }
#menucnt .reservation select { width: 50px; height: 24px; border: 1px solid white; }
#menucnt .reservation input { width: 60px; height: 19px; line-height: 19px; border: none; }
#menucnt .reservation .date { width: 115px; }
#menucnt .reservation .reserve { float: right; margin-top: 10px; cursor: pointer; }
#menucnt .reservation .datesel { background: white url(../img/calendar.gif) no-repeat 28px 3px; }


#menucnt .reserv { position: absolute; bottom: 0; left: 0;  width: 246px; height: 31px; background: #b40303; }
#menucnt .reserv img { float: right; margin: 5px 10px 0 0; }

#content { margin: auto; padding: 24px 0 14px; width: 920px; background: white; color: #333333; }
#content .container { margin: 0 366px 0 24px; text-align: justify; }
#content p { margin-bottom: 18px; }
#content .gallery { float: right; width: 338px; }
#content .gallery a { display: block; float: left; margin: 0 7px 7px 0; }
#content a, #content a:link { color: #333333; }
#content a:hover { color: #b40303; } 

#foot { margin: auto; width: 920px; padding: 6px 0 3px 0; background: #2d2c2a; color: #615e5e; text-align: center; }
#foot .links { padding-bottom: 6px; }
#foot .links a, #foot .links a:link { color: #666666; }
#foot .madeby { color: white;  }