/* HOLLYWOOD HOSTELS */
/*---------------------------------------------------*/
/*style.css                                          */
/*---------------------------------------------------*/
/* base font-size:14px;                              */
/* h1:24pt                                           */
/* h2:18pt                                           */
/* h3:14pt                                           */
/* h4:12pt                                           */
/* h5:10pt                                           */
/* h6:8pt                                            */
/*****************************************************/
/*-------------------->> GLOBAL <<-------------------*/
body {position:relative;width:100%;background:#ffa31b url(../images/bg_body.png) repeat-x;margin:0;padding:0;font-size:14px;font-family:Arial, Helvetica, sans-serif;}
p,ul,h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
h1{font-size:24pt;}h2{font-size:18pt;}h3{font-size:14pt;}h4{font-size:12pt;}h5{font-size:10pt;}h6{font-size:8pt;}
a img {border:none;}
a {color:#069;}

.padTopBtm5 {padding:5px 0;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.error {display:block;color:#900;display:none;}
.error img {padding-right:3px;}
/*----------------->> TYPOGRAPHY <<------------------*/
.font2 {font-family:Calibri, "Trebuchet MS", Helvetica, Arial, sans-serif;}
.center {text-align:center;}
.blue20,.green20 {font-size:1.4em;} .blue24,.green24 {font-size:1.7em;}
.green20,.green24 {color:#090;}
.blue20,.blue24 {color:#21a1d9;}
/****************************************************/
.footer:after, .footer ul:after, .reservationForm p:after, .photos p:after {
    content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
/****************************************************/
/*----------------->> STRUCTURE <<------------------*/
.container {width:970px;margin:0 auto;padding-top:45px;}
.mainContainer {width:800px;}
.mainContent {width:770px;min-height:450px;background-color:#fff;padding:8px 15px;}
.logo {margin:-4px 0 5px 0;}
.pageTitle {background:url(../images/bg_pagetitle.gif) no-repeat;color:#fff;line-height:35px;padding-left:15px;}
.footer {width:780px;margin-left:160px;padding:8px;}

/*----------------->> NAVIGATION <<------------------*/
.nav {font-size:.9em;background:url(../images/bg_nav_top.gif) no-repeat left top;padding-top:10px;}
.nav ul {width:160px;list-style-type:none;background:url(../images/bg_nav.gif) no-repeat left bottom;margin:0;padding:0 0 3px;}
.nav li {margin:0 10px 0 15px;height:35px;border-top:solid 1px #ddd;}
.nav li:first-child {border-top:none;margin-top:-5px;}
.nav li a {background:url(../images/ico_nav_pointer.gif) no-repeat right center;display:block;line-height:35px;text-decoration:none;}
.nav li a:hover, .nav li.current a {background:url(../images/ico_nav_pointer.gif) no-repeat left center;padding-left:10px;font-weight:700;}

.switcherWrapper {position:fixed;left:0;top:0;width:100%;}
.switcher {text-align:right;padding:8px 0 5px;width:940px;margin:0 auto;}
.switcher a {text-decoration:none;color:#000;padding-left:5px;}
/*----------------->> FOOTER <<------------------*/
.footer ul {font-size:.8em;list-style-type:none;margin:0;padding:0;}
.footer li {display:inline;padding-right:5px;}
.footer li a {color:#402600;text-decoration:none;}
.footer li a:hover {text-decoration:underline;}
.copyright {color:#663e00;font-size:.85em;}

/*----------------->> INDEX <<------------------*/
.introMessage {margin:10px 0;}
.introMessage {width:400px;font-family:Calibri, "Trebuchet MS", Helvetica, Arial, sans-serif;/*font-size:1.2em;line-height:34px;font-weight:700;*/}
.introMessage p {padding-top:10px;}
.introImages {padding:5px 0 15px;}
.movieclip {border:solid 0px #666;margin-top:1px;}
.infobox {width:226px;height:140px;font-size:.85em;background:url(../images/bg_infobox.png) no-repeat;padding:10px;margin-top:10px;position:relative;}
.middle {margin:10px 16px 0;}
.infobox div {width:225px;position:absolute;bottom:10px;text-align:right;}
.infobox .em {color:#900;font-style:italic;font-weight:700;}


.pageHeaderWrapper {font-size:.85em;border:solid 1px #ccc;background-color:#f5f5f5;margin:15px 0;padding:10px;}
.pageHeader {width:370px;margin-right:15px;}
/*----------------->> DIRECTIONS <<------------------*/
.pageContentWrapper {border:solid 1px #78c207;padding:15px;margin:10px 0;}
.location {width:205px;height:152px;background:url(../images/bg_directions.jpg) no-repeat;padding:10px;}
.location h5 {margin-bottom:5px;}
.location a {color:#fff;}
.directionDetailWrapper {background:url(../images/bg_direction_detail.gif) repeat-y;border:solid 1px #f5f5f5;margin:10px 0 20px;}
.direction {width:585px;min-height:107px;background:url(../images/bg_direction.gif) no-repeat left top;padding:25px 10px 0;}
.direction h4 {color:#360;border-bottom:solid 1px #a7c128;margin:15px 0 8px;}
.direction h4.firstchild {margin:0 0 8px;}
.direction .em {font-weight:700;}
.pageContentWrapper, .directionIcon, .directionBtm {background-color:#f5f5f5;}
.findHostel {width:450px;}
.map {border:solid 1px #ccc;width:250px;}

/*----------------->> RESERVATIONS <<------------------*/
.reservationOption {width:255px;height:160px;margin-bottom:15px;padding:40px 0 0 90px;}
.option1 {background:url(../images/frame_reservation_option1.png) no-repeat;}
.option2 {background:url(../images/frame_reservation_option2.png) no-repeat;}
.reservationOption h3 {width:240px;}
.reservationOption p {margin:20px 15px 0 0;}

.reservationForm {margin-bottom:20px;width:48%;font-size:.9em;}
.reservationForm h4 {background:url(../images/bg_reservation_title.png) repeat-x;border:solid 1px #e67606;padding:2px 8px;margin-bottom:10px;}
.reservationForm p {padding:3px 0;}
.reservationForm label, .reservationForm input, .reservationForm select {float:left;}
.reservationForm label {width:150px;font-weight:700;color:#333;}
.reservationForm input {width:190px;}
.reservationForm .error {margin-left:150px;}

.policy {font-size:.85em;padding:5px;}
.policy strong {text-decoration:underline;}
.policy h5 {margin-bottom:10px;color:#333;}

/*----------------->> RATES <<------------------*/
.offers {margin-bottom:15px;width:366px;background:url(../images/bg_offers_btm.gif) no-repeat left bottom;}

.offers ul {margin:5px 0 10px;padding:10px 10px 0;background:url(../images/bg_offers_top.gif) no-repeat left top;}
/*.offers li {list-style:url(../images/ico_offers_bullet.gif);margin-left:20px;line-height:18px;}*/
.rates {width:100%;border-collapse:collapse;border:solid 1px #ccc;background-color:#fff;}
.rates th {color:#21628d;}
.rates td {width:25%;padding:5px;text-align:center;}
td.roomtype {text-align:left;width:20%;font-weight:700;}
.roomtype img {vertical-align:middle;padding-right:8px;}

.bullet li {list-style:url(../images/ico_offers_bullet.gif);margin-left:20px;line-height:18px;}

/*----------------->> PHOTOS <<------------------*/
.photos {text-align:center;border:none;background:url(../images/bg_photo_top.png) no-repeat left top; margin-bottom:0;}
.photosBtm {background:url(../images/bg_photo_btm.png) left bottom;height:5px;}
.photos p {margin-top:10px;}
.photos a {display:block;width:130px;height:97px;background-color:#fff;border:solid 1px #ccc;padding:3px;float:left;margin:0 4px;}
.photos a:hover {border:solid 1px #78c207;}

/*----------------->> PHOTOS <<------------------*/
.toursInfo {margin-right:50px;}
.toursInfo p {padding-bottom:8px;}
.tours {width:340px;height:250px;padding:10px;}
.toursText {width:260px;font-size:.85em;}
.toursSignup {height:55px;background:url(../images/bg_signup_now.gif) no-repeat;}
.toursSignup p {font-size:.8em;margin:15px 15px 0 150px;}


/*-----------------------------------------------*/
/*----------------->> E-MAIL <<------------------*/
/*-----------------------------------------------*/
#email {background:#ffa31b url(../images/bg_body.png) repeat-x;}
.emailContainer {width:612px;}
.sectionTitle {background:url(../images/bg_reservation_title.png) repeat-x;border:solid 1px #e67606;padding:2px 8px;margin-bottom:10px;}
.emailContentWrapper {margin:10px 15px;}







.hollywood .switcherWrapper {border-bottom:solid 1px #5b9d48;background:#78b865;}
.hollywood .nav li a {color:#097054;}


/*NORMANDIE HOTEL & HOSTEL*/
body.normandie {background:#A8D8E1 url(../images/bg_body_normandie.png) repeat-x left top;}
.normandie .pageTitle {background:url(../images/bg_pagetitle_normandie.gif) no-repeat;}
.normandie .switcherWrapper {border-bottom:solid 1px #facc16;background:#fcde6e;}
.normandie .nav li a {color:#cc3117;}
.normandie .infobox .em {color:#069;}













#slideshow {list-style:none;}
#fullsize {position:relative; width:280px; height:210px; padding:2px; border:1px solid #ccc; background:#fff;}
#image {width:280px;}
#image img {position:absolute; z-index:25; width:auto;}




/*
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:0 auto; display:none}
#wrapper * {margin:0; padding:0}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}
*/