/* -------------------------------------------- */ /* Global parameters */ /* -------------------------------------------- */ body, h1,h2,h3,h4,h5,h6, p,ul,ol, td, input,textarea,select { font: 15px/18px Calibri, "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; color: #005E20; font-size-adjust: 0.46; } h1, h2, h3, h4, h5, h6 { font-family: Calibri, "Trebuchet MS"; } h1 { color: #005E20; font-size: 1.73em; font-weight:normal; } h2 { color:#005E20; font-size:1.1em; } h3 { color:#005E20; font-size:1.0em; font-weight: bold; } h4 { color:#005E20; font-size:1.0em; font-weight: bold; } #content h1 { margin: 20px 0; } #content h2 { margin: 25px 0 10px 0; font-weight: bold; line-height: normal; text-transform: uppercase; } #content p { margin: 10px 0; } #content blockquote, #content ul, #content ol { margin: 10px 0 10px 40px; } a { color: #0000FF; } a:hover { color:#FF0000; text-decoration: none; } h2 a { color: #F26522; text-decoration: none; } .big { font-size:1.11em; } .bigger { font-size:1.21em; } .small { font-size:0.91em; } .hidden, .hide { display: none; } form.support { padding: 20px 20px; border: 1px dotted #CCCCCC; width: 250px; } span.label, form span.label { display: block; float: left; width: 100px; margin-right: 10px; font-weight: bold; border-bottom: 1px dotted #CCCCCC; } form p { clear: both; } input.submit { margin-left: 110px; } #content img.right { float: right; margin-left: 10px; padding: 2px; border: 1px dotted #CCCCCC; } #content img.left { float: left; margin-right: 10px; padding: 2px; border: 1px dotted #CCCCCC; } img.padded { padding: 0 15px; } .clear { clear: both; } p.thumbs { text-align: center; } p.thumbs img { padding: 5px 0; } /* -------------------------------------------- */ /* LAYOUT */ /* -------------------------------------------- */ html { height: 100%; } body { height: 100%; text-align: center; background: url(../_img/backgrounds/bg_body.gif) no-repeat right top;} #container { width: 100%; min-height: 100%; height: auto; } #header { width: 100%; height: 382px; background: url(../_img/backgrounds/bg_header.png) no-repeat center bottom; text-align: left; } #header h1 { position: relative; width: 500px; height: 126px; left: -50px; top: -6px; background: url(../_img/logo_ferntreehostel.png) no-repeat left center; } #header h1 span { display: none; } #header div.content { width: 960px; height: 382px; margin: 0 auto; } #intro { position: relative; width: 438px; height: 249px; padding: 0 4px 0 510px; margin: 3px 0 0 1px; background: url(../_img/backgrounds/bg_intro.jpg) no-repeat left top; } #intro_text { width: 430px; height: 249px; overflow-y: auto;} #intro p { margin: 15px 0; text-align: justify; font-size:17px; line-height: 22px; } #open365 { position:absolute; top: 160px; left: 340px;} #content { width: 950px; margin: 0 auto; text-align: left; padding-bottom: 20px; } #content div.left { width: 680px; float: left; margin-top: 20px; } #content div.right { width: 250px; margin-left: 20px; float: left; } #content div.full { clear: both; width: 930px; } #clearfooter { height: 150px; clear: both; } #footer { clear: both; width: 100%; height: 150px; margin-top: -150px; background: url(../_img/backgrounds/bg_footer.png) repeat left top; border-top: 1px solid #BEBFA7; } #footer div.content { width: 960px; margin: 0 auto; text-align: left;} #footer div.left { width: 670px; float: left; } #footer div.right { width: 280px; float: left; } #footer p { margin: 12px 0; font: normal 12px/18px Arial, Helvetica, sans-serif; color: #3D3D3D; } #footer a { color: #3D3D3D; text-decoration: underline; } #footer a:hover { color: #666; text-decoration: none; } a.prices { position: relative; top: -45px; height: 279px; left: 5px; } a.book-now { position: relative; top: -30px; display: block; width: 250px; height: 90px; background:url(../_img/btn_booknow_off.gif) no-repeat left top;} a.book-now span { display: none; } a.book-now:hover { background:url(../_img/btn_booknow_on.gif) no-repeat left top; } #select { padding-left: 40px; width: 500px; } #select p { clear: both; margin: 0; padding: 0;} #select p a { width: 100px; height: 67px; margin: 9px; float:left; border:1px solid #A9ACAA; padding:2px; } #select p a img { width: 100px; height: 67px; margin: 0; padding: 0; } #select p a:hover { position:relative; } #select p a:hover img { position:absolute; width: auto; height: auto; left:-30px; top:-22px; border:1px solid #A9ACAA; padding:5px; background:#FFF; } #select p a.v:hover img { left:-2px;top:-45px; } /* -------------------------------------------- */ /* MENU */ /* -------------------------------------------- */ /* #menu { width: 100%; height: 40px; background-color: #00A651; text-align: center; } #menu div.content { width: 960px; height: 38px; margin: 0 auto; padding-top: 2px; text-align: right; } #menu div.content p { height: 38px; padding-left: 20px; } #menu div.content a { display: block; float: left; white-space: nowrap; height: 20px; padding: 9px 11px; border-right: 1px solid #00A651; color: #FFFFFF; font-weight: bold; text-decoration: none;} #menu div.content a:hover { color: #334100; background: url(../_img/backgrounds/bg_menu.gif) no-repeat left bottom; border-right: 1px solid #BEBFA7; } */ /* Navbar */ #menu { width: 100%; height: 40px; background-color: #00A651; text-align: center; } #menu div.content { width: 910px; height: 38px; margin: 0 auto; padding-top: 2px; text-align: right; padding-left: 50px; } #nav { position:relative; margin:0; z-index:500; } #menu ul {padding:0; margin:0; list-style-type: none;} #menu li {float:left;position:relative;} #menu a, #menu a:visited { border-right: 1px solid #00A651; color: #FFFFFF; display:block; height:38px; line-height:38px; font-weight: bold; text-decoration: none; padding: 0 10px; white-space:nowrap; } #menu li.ieHover > a, #menu li:hover > a { color: #334100; background: url(../_img/backgrounds/bg_menu.gif) no-repeat left bottom; border-right: 1px solid #BEBFA7; } #menu li ul {display: none;} #menu li.ieHover > ul, #menu li:hover > ul {display:block; position:absolute; top:38px; background: url(../_img/backgrounds/bg_submenu.png); } #menu > li.ieHover > ul, #menu > li:hover > ul {left:0; top:38px;} #menu ul ul { padding: 0; } #menu ul ul a { color: #fff; width: 170px; border: none; text-align: left; border-bottom: 1px dotted #fff; } #menu ul ul li.ieHover > a, #menu ul ul li:hover > a {background: none; border: none; background-color:#F2F2E4; border-bottom: 1px dotted #fff; border-right: 1px solid #F2F2E4; } #menu ul ul li.last a { border-bottom: none; }