@import url("common.css");
@import url("nav-home.css");

/* ---------------------------------------- General Layout ------------------------------- */

#wrapper {
 background: url("../images/home/wrapper-bg-new.gif") repeat-y 0 0;
 width: 760px;
 margin: 0 auto;
}

/* ------------------------------- Absolutely Positioned ---------------------- */

/* --------------------- Logo ----------------- */

h1#logo {
 position: absolute;
 left: 0;
 top: 0;
 width: 294px;
 height: 121px;
 display:block;
 background: url("../images/home/logo.gif") no-repeat 0 0;
 z-index: 100;
}

body.lang-de h1#logo { background-image:url(../images/logos/home-de.gif); }
body.lang-fr h1#logo { background-image:url(../images/logos/home-fr.gif); }
body.lang-it h1#logo { background-image:url(../images/logos/home-it.gif); }

h1#logo a { 
 width: 194px;
 height: 91px;
 display:block;
 margin:20px 0 0 10px;
}

/* -------------------- Main Picture ----------- */

#passport-wrapper { position: absolute; right: 0; top: 21px; z-index: 50; border-bottom: 5px solid #fff; width: 477px; text-align: right;}

#picture{
 position: absolute;
 right: 0;
 /* top: 21px; */
 top: 65px;
 width: 476px;
 height: 391px;
 z-index: 0;
}

/* -------------------------------- Main Content ------------------------------ */

#content-wrapper{
 padding-top: 396px;
 width: 742px;
 color: #643E16;
 z-index: 50;
 position:relative;
}
/*----------------------Inset images under the masthead---------------------*/
div#inset-wrapper {width:742px; height:180px;background: url('../images/home/content-bg.gif') no-repeat 0 0;}
div#right-inset {width:285px; float:right; display:inline;margin-top:35px;border-top:5px solid #FFF;text-align:right;}
div#left-inset {width:452px;float:right; display:inline; text-align:right; padding: 5px 5px 0 0;}

/*------------------------------------Content--------------------------------*/
div#content {width:742px; margin:0 0 20px 0;}
div#content h1 {margin: 0 25px 14px 25px; border-bottom: 1px solid #935C22; height: 32px; font: 32px/32px "Times New Roman", Times, serif; color: #643E16;}

/*-------------------------Push Marketing styles-----------------------------*/
div#left-column-push { float: left; display:inline; width: 358px; margin: 7px 0px;}
div#right-column-push { float: left; display:inline; width: 358px;margin: 7px 0px;}
div.push { clear: left; width:333px; margin:0 0 0 25px; padding:6px 0 6px 0; min-height:0; overflow:hidden;border-bottom:1px solid #C9A77B;}
div.last { border: none!important;}
div.photo {float:left; display:inline; width:80px; margin:0;}
div.photo img { border: 0; margin:0 0 2px 3px;}
div.photo a img { border: 0; margin:0!important;}
div.copy {float:right; display:inline; width:234px;margin:0 0 0 4px; padding: 6px; background: url('../images/home/push/h2-push-bg.gif') repeat-x 0 0;}
div.copy p { margin-top: 8px;}
div.copy h2 {margin: 0 0 10px 0;font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#935C22;}



/* -------------------- Sifr Stuff -------------- */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate {
 position: absolute;
 left: 0;
 top: 0;
 width: 0;
 height: 0;
 display: block;
 overflow: hidden;
}

div#push-marketing h2 {
 margin-left: 100px;
 font-family: "Times New Roman", Times, serif;
 font-size: 20px;
 font-weight: bold;
 color: #a1432b;
 width: 165px;
}

div#push-marketing h2.wide {
 margin-left: 40px;
 font-family: "Times New Roman", Times, serif;
 font-size: 32px;
 font-weight: bold;
 color: #a1432b;
 width: 240px;
 line-height:32px;
 height:32px;
}

/* --------------------------------- Footer ----------------------------------- */

#footer{ width: 742px; height: 31px; background: url("../images/footer-bg.gif") no-repeat 0 0; }

/* ---------------------- Booking Engine Check Availability Form --------------------------------- */
form#booking-form { margin: 5px 0px 0 25px; font: 9px Verdana, Arial, Helvetica, sans-serif; width:235px; }
form#booking-form .field { float: left; display:inline;  width: 95px; text-align: left; margin-bottom: 2px; }
form#booking-form .dropdown { float: left; display:inline; width: 43px; text-align: left; margin-right: 7px; }
form#booking-form .dropdown select { padding: 2px 0; }
form#booking-form fieldset { border: 0; margin:0; padding:0; }
form#booking-form img { margin-bottom: 0px; text-align: center; }
form#booking-form label { color: #fefab5; margin-left: 0; }
form#booking-form input.textfield { width: 85px; border: 1px solid #999999; margin-bottom: 0.25em; padding: 2px 3px; font: 1.2em Arial, Helvetica, sans-serif; }
form#booking-form select { width: 40px; border: 1px solid #999999; margin-bottom: 0.25em; font: 1.2em Arial, Helvetica, sans-serif; background-color:#fff9ce; }
form#booking-form .field select { width: 213px; border: 1px solid #999999; margin-bottom: 0.25em; font: 1.2em Arial, Helvetica, sans-serif; padding: 0; }
form#booking-form span.form-cal { color: #fefab5; }
form#booking-form input#booking-submit { float: left; margin-top: 8px;}
form#booking-form div#check-in { margin-right: 25px; }

form#booking-form ul#find-links {
    margin:0; padding:0;
    overflow:hidden;
	width:235px;
}
form#booking-form li { float:left; clear:left; background-repeat:no-repeat; }
form#booking-form li a { background-repeat:no-repeat; }

    li#find-tour, li#find-tour a { background-image:url(../images/home/find-tour.gif) }
    li#find-tour-esp, li#find-tour-esp a { background-image:url(../images/home/find-tour-esp.gif); }
    li#find-hotel, li#find-hotel a { background-image:url(../images/home/find-hotel.gif) }

form#booking-form span.offset { position:absolute; left:-999em; }
h3#hotel-quick-search {
    background:url(../images/home/hotel-quick-search.gif) no-repeat;
    height:18px; width:120px;
    clear:left;
}
img#seperator { 
    font-size:0;
    line-height:0;
    vertical-align:bottom;
}
p#cancel-reservation a { color:#F9E8CA; }
p#cancel-reservation { margin:5px 0 0; }

a#home-book-now {
position:absolute;
top:410px; left:540px;
z-index:9999;
width:155px;
outline:0;
height:40px;
text-indent:-9999px;
}
div#picture {
}