/**
* NATIVE TAGS
*/
body, html {
height: 100%;
background: #4A4A4A;
font-size: 10px; font-family: Verdana, arial; color: #797979; line-height: 16px;
}
p { margin-bottom: 11px; }
h1, h2, h3, h4, #menu a { font-family: Verdana, arial, Georgia; }
h1 { font-size: 17px; margin-bottom: 7px; }
h2 { font-size: 14px; padding-left: 3px; font-weight: 200; text-transform: uppercase; }
h2.leftie { padding-left: 15px; }
ul { list-style-type: disc; margin: 0 0 10px 25px; padding-left: 5px; }
a, a:link, a:active, a:visited { color: #B6B6B6; text-decoration: none; }
a:hover { text-decoration: underline; }
/**
* CLASSES
*/
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
/*
* IDS
*/
/** page related stuff */
/** globals */
#wrapper {
margin: 0 auto; width: 920px; height: auto; min-height: 250px; position: relative;
}
#header {
float: left; display: block; position: relative; width: 920px; min-height: 60px; clear: both;
background: url( 'img/top.gif' ) no-repeat top left;
z-index: 22;
}
#sidebar {
position: relative; background: #585858; top: -126px; width: 450px; float: left;
padding-top: 0px;
z-index: 11;
}
#main {
float: right; display: block; float: right; width: 325px;
text-align: justify;
font-size: 11px;
}
#footer {
display: block; clear: both; float: left; width: 920px; min-height: 23px;
background: url( 'img/bottom.jpg' ) no-repeat top left;
margin-top: 15px; padding-top: 112px;
font-size: 8px;
}
/** languages */
/**
* HEADER RELATED
*/
/** menu */
#menu { margin-top: 10px; float: left; padding-top: 0px; width: 610px; }
#menu ul { margin: 0; }
#menu li { display: inline; margin-right: 10px; position: relative; }
#menu li:first-child { margin-left: 15px; }
#menu a { color: #B6B6B6; text-decoration: none; font-weight: normal; text-transform: lowercase; }
#menu li.active a { color: #666; font-weight: bold }
#menu li:hover a { font-weight: normal; text-decoration: underline; }
#menu li.active:hover a { font-weight: bold; }
/** options */
#options {
display: block; float: left;
padding-top: 60px;
text-align: right;
}
#options address { font-style: normal; }
#options address em { font-style: normal; color: #9E9E9E; }
#options #lang { list-style: none; margin-top: 10px; }
#options #lang li { display: inline; margin-left: 10px; }
#options #lang li.active a { font-weight: bold; color: white; }
#options #lang li a:hover { color: white; }
/** logo */
#header img {
float: right; width: 140px; height: 175px;
}
/**
* MAIN RELATED
*/
#main strong, #main b { color: #ccc; }
#main.agenda {width: 425px; float: right; text-align: left; padding-top: 40px;}
#main.agenda dt {font-weight: bold; width: 60px; float: left;}
#main.agenda dd {font-weight: bold; color: #fff; padding-bottom: 5px; padding-left: 60px;}
#main.agenda .mod.TextBasic { width: 60%; padding-right: 48%; margin-bottom: 25px; }
/**
* SIDEBAR RELATED
*/
#sidebar img.sidebar {padding-top: 40px; padding-left: 10px; padding-bottom: 10px; float: left;}
#sidebar dl {font-size: 10px; width: 280px; float: left; padding-bottom: 20px;}
#sidebar dl dt {float: left; width: 80px; color: #B9B9B9;}
#sidebar dl dd {float: left; width: 200px; font-weight: bold; padding-bottom: 10px;}
/**
* FOOTER RELATED
*/
#footer #menu { margin: 0; float: right; width: 398px; margin-top: 6px; }
/** STANDARD MOD */
.mod { float: left; width: auto; }
.mod.half.left { margin-left: -95px; width: 200px; }
.mod.half.right { margin-left: -95px; width: 200px; float: right; }
/** PAGE RELATED STUFF */
#rooms #sidebar { width: 550px; }
#rooms #room {background-color: #585858; width: 525px; padding: 45px 10px 20px 10px; position: relative; top: -126px; float: left;}
#rooms #room .info {position: absolute; top: 190px; left: 280px; width: 400px;}
#rooms #room .info h2 {color: #fff; font-size: 13px; padding-bottom: 13px;}
#rooms #room dt {font-weight: bold; width: 170px; float: left;}
#rooms #room dd {font-weight: bold; color: #fff; font-size: 11px; padding-bottom: 5px;}
#content.booking {width: 450px; float: right; text-align: left; padding-top: 10px; color:#ddd; font-size:10px;}
#content input:hover, #content textarea:hover, #content select:hover, #content input:focus, #content textarea:focus, #content select:focus {
background: #666;
}
#content input[type="checkbox"] { width: auto; }
#booking {background-color: #444; width: 285px; padding: 120px 0px 20px 100px; position: relative; top: -126px; float: left;}
#agcont {height: 40px;}
.nrm { width:28px; height:20px; border:1px solid #999999; background:#777777; color:#ffffff; cursor:default; font-family:tahoma, sans-serif; font-size:9px; text-align:center; margin: 2px; }
.nrmb { width:28px; height:20px; border:1px solid #666666; background:#666666; color:#999999; cursor:default; font-family:tahoma, sans-serif; font-size:9px; text-align:center; }
.nrma { width:28px; height:20px; border:1px solid #dddddd; background:#aaaaaa; color:#ffffff; cursor:default; font-weight:bold; font-family:tahoma, sans-serif; font-size:9px; text-align:center; }
.psh { width:28px; height:20px; border:1px solid #666666; background:#555555; color:#5f5f5f; cursor:default; font-family:tahoma, sans-serif; font-size:9px; text-align:center; }
.pshb,.psha { width:28px; height:20px; border:1px solid #888888; background:#555555; color:#5f5f5f; cursor:default; font-family:tahoma, sans-serif; font-size:9px; font-weight:bold; text-align:center; }
.formPrior { background:#777777; font-size:10px; color:#ffffff; width:340px; height:18px; border: 1px solid #000000; text-indent:5px; }
.formPrior:hover, .formPrior:focus, .formAddit:hover, .formAddit:focus { background: #888; }
.formAddit { background:#888888; font-size:10px; color:#ffffff; width:340px; height:18px; border: 1px solid #999999; text-indent:5px; }
#sidebar table, #booking table {border-collapse: separate; border-spacing:2px; background: #585858; padding: 5px 15px;}
#sidebar #ag { margin: 190px 0 0 100px; }
#bookings #sidebar #ag { float: left; margin-top: 30px; padding-bottom: 40px; }
#vip #booking { width: 250px; padding: 120px 20px 0; }
#booklist input[type="button"], #booklist input[type="submit"], #eventForm input[type="button"], #eventForm input[type="submit"] { background-image: none; background-color: #777; }
#daylist td { width: auto; }
#eventForm input[type="checkbox"] { width: auto; }
#daylist table, #daylist input { border:0px; padding:0px; font-size:10px; color: #777777; font-family: Verdana,sans-serif; border:0px solid; width: auto; }
#daylist table td, #eventForm table td { padding-top: 0; margin-top: 0; }