body{
background: transparent url(./images/page_bg.png);
background-color: #EFEDDF;
color: #5F5F5F;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 20px 0 0 0px;
padding: 0px;}

h1{color: #808074;font-size: 13px;margin: 0px 0px;}
a:link, a:visited, a:hover{color: #B5563B;text-decoration: none;}
a:active{color:#B5563B;}

#container{
left: 50%;
margin-left: -380px;
position: relative;
width: 760px;}

#header{
margin: 0px;
padding: 0px;
width: 760px;
height: 195px;
}

#header-nav{
position: absolute;
height: 34px;
margin: 0px;
padding: 0px;
width: 760px;
top: 161px;
left: 50%;
margin-left: -380px;	
}

#nav,
body.body-studio-home  #nav,
#lodge-nav{
height: 34px;
margin: 0px;
padding: 0px;
width: 760px;
}

#nav{background: transparent url(./images/nav.jpg) no-repeat;}
body.body-studio-home #nav{background: transparent url(./images/nav.jpg) 0 -68px no-repeat;}

body.body-hostel-home #nav,
body.body-hostel-facilities #nav,
body.body-hostel-facilities-tour #nav,
body.body-hostel-rates #nav,
body.body-hostel-reservation #nav,
body.body-hostel-events #nav,
body.body-hostel-your-hosts #nav,
body.body-hostel-beach #nav,
body.body-hostel-gallery #nav,
body.body-hostel-guestbook #nav,
body.body-hostel-contact-us #nav{background: transparent url(./images/nav.jpg) 0 -170px no-repeat;}

body.body-bnb-home #nav,
body.body-bnb-facilities #nav,
body.body-bnb-facilities-tour #nav,
body.body-bnb-rates #nav,
body.body-bnb-reservation #nav,
body.body-bnb-events #nav,
body.body-bnb-your-hosts #nav,
body.body-bnb-beach #nav,
body.body-bnb-gallery #nav,
body.body-bnb-guestbook #nav,
body.body-bnb-contact-us #nav{background: transparent url(./images/nav.jpg) 0 -34px no-repeat;}


body.body-studio-home #nav,
body.body-studio-facilities #nav,
body.body-studio-facilities-tour #nav,
body.body-studio-rates #nav,
body.body-studio-reservation #nav,
body.body-studio-events #nav,
body.body-studio-your-hosts #nav,
body.body-studio-beach #nav,
body.body-studio-gallery #nav,
body.body-studio-guestbook #nav,
body.body-studio-contact-us #nav{background: transparent url(./images/nav.jpg) 0 -102px no-repeat;}

#lodge-nav{background: transparent url(./images/lodgings-nav.jpg) no-repeat; }

#nav li, #lodge-nav li{
list-style: none;
margin: 0px;
padding: 0px;
position: absolute;
top: 0;}

#nav li, #nav a, #lodge-nav li, #lodge-nav a{display: block;height: 34px;}
#nav span, #lodge-nav span{display: none;}

#home{left: 76px;width: 85px;}
#home a:hover,
body.body-hostel-home #home,
body.body-bnb-home #home,
body.body-studio-home #home{background: transparent url(./images/nav.jpg) -76px -136px no-repeat;}

#facilities{left: 161px;width: 110px;}
#facilities a:hover,
body.body-bnb-facilities #facilities,
body.body-bnb-facilities-tour #facilities,
body.body-hostel-facilities-tour #facilities,
body.body-studio-facilities-tour #facilities,
body.body-hostel-facilities #facilities,
body.body-studio-beach #facilities,
body.body-studio-gallery #facilities,
body.body-hostel-beach #facilities,
body.body-hostel-gallery #facilities,
body.body-studio-facilities #facilities{background: transparent url(./images/nav.jpg) -161px -136px no-repeat;}


#rates{left: 271px;width: 85px;}
#rates a:hover,
body.body-bnb-rates #rates,
body.body-hostel-rates #rates,
body.body-studio-rates #rates{background: transparent url(./images/nav.jpg) -271px -136px no-repeat;}

#reservation{left: 356px;width: 130px;}
#reservation a:hover,
body.body-bnb-reservation #reservation,
body.body-hostel-reservation #reservation,
body.body-studio-reservation #reservation{background: transparent url(./images/nav.jpg) -356px -136px no-repeat;}

#events{left: 486px;width: 90px;}
#events a:hover,
body.body-bnb-events #events,
body.body-hostel-events #events,
body.body-studio-events #events{background: transparent url(./images/nav.jpg)  -486px -136px no-repeat;}


#contact-us{left: 576px;width: 105px;}
#contact-us a:hover,
body.body-hostel-contact-us #contact-us,
body.body-bnb-your-hosts #contact-us,
body.body-bnb-guestbook #contact-us,
body.body-studio-your-hosts #contact-us,
body.body-studio-guestbook #contact-us,
body.body-studio-contact-us #contact-us,
body.body-hostel-contact-us #contact-us,
body.body-hostel-your-hosts #contact-us,
body.body-hostel-guestbook #contact-us,
body.body-bnb-contact-us #contact-us{background: transparent url(./images/nav.jpg)  -576px -136px no-repeat;}


#lodge-home{left: 76px;width: 105px;}
body.body-lodge-home #lodge-home, #lodge-home, #lodge-home a:hover{background: transparent url(./images/lodgings-nav.jpg) -76px -34px no-repeat;}

#lodge-apartments{left: 181px;width: 130px;}
body.body-lodge-apartments #lodge-apartments, #lodge-apartments a:hover{background: transparent url(./images/lodgings-nav.jpg) -181px -34px no-repeat;}

#lodge-bnb{left: 316px;width: 165px;}
body.body-lodge-bnb #lodge-bnb, #lodge-bnb a:hover{background: transparent url(./images/lodgings-nav.jpg) -316px -34px no-repeat;}

#lodge-hostel{left: 486px;width: 90px;}
body.body-lodge-hostel #lodge-hostel, #lodge-hostel a:hover{background: transparent url(./images/lodgings-nav.jpg) -486px -34px no-repeat;}

#lodge-contact-us{left: 576px;width: 130px;}
body.lodge-contact-us #lodge-contact-us, #lodge-contact-us a:hover{background: transparent url(./images/lodgings-nav.jpg) -576px -34px no-repeat;}

#accomodation-nav-holder{float: left; display: block;}

#accomodation-nav{
position: absolute;
background: transparent url(./images/accomodation-nav.jpg) no-repeat;
height: 109px;
margin: 0px;
padding: 0px;
width: 295px;
background-color:#FF0000;
}

#accomodation-nav li{
list-style: none;
margin: 0px;
padding: 0px;
position: absolute;
left: 50px;
}


#accomodation-nav li, #accomodation-nav a{display: block;width: 200px; height: 26px;}
#accomodation-nav span{display: none;}

#app_home{top: 2px; }
#app_home a:hover{background: transparent url(./images/accomodation-nav.jpg) -50px -112px no-repeat;}

#app_apartments{top: 26px;}
#app_apartments a:hover{background: transparent url(./images/accomodation-nav.jpg) -50px -136px no-repeat;}

#app_house{top: 56px;}
#app_house a:hover{background: transparent url(./images/accomodation-nav.jpg) -50px -166px no-repeat;}

#app_hostel{ top: 82px;}
#app_hostel a:hover{background: transparent url(./images/accomodation-nav.jpg) -50px -192px no-repeat;}


#header-image{height: 203px;margin: 0px;padding: 0px;width: 760px;}

body.body-bnb-home #header-image {background: transparent url(./images/beach_haven_house1.jpg) no-repeat;}
body.body-bnb-facilities #header-image {background: transparent url(./images/beach_haven_facilities.jpg) no-repeat;}
body.body-bnb-rates #header-image {background: transparent url(./images/beach_haven_rates.jpg) no-repeat;}
body.body-hostel-reservation #header-image,
body.body-studio-reservation #header-image,
body.body-bnb-reservation #header-image {background: transparent url(./images/beach_haven_beach.jpg) no-repeat;}
body.body-hostel-events #header-image,
body.body-studio-events #header-image,
body.body-bnb-events #header-image{background: transparent url(./images/beach_haven_events.jpg) no-repeat;}
body.body-bnb-contact-us #header-image,
body.body-studio-contact-us #header-image,
body.body-hostel-contact-us #header-image {background: transparent url(./images/beach_haven_contact.jpg) no-repeat;}

body.body-bnb-gallery #header-image{background: transparent url(./images/beach_haven_gallery.jpg) no-repeat;}
body.body-bnb-facilities-tour #header-image,
body.body-hostel-facilities-tour #header-image,
body.body-studio-facilities-tour #header-image
 {background: transparent url(./images/beach_haven_gallery.jpg) no-repeat;}
body.body-thank-you #header-image {background: transparent url(./images/beach_haven_thanks.jpg) no-repeat;}
body.body-bnb-privacy #header-image,
body.body-hostel-privacy #header-image {background: transparent url(./images/beach_haven_privacy.jpg) no-repeat;}

body.body-bnb-guestbook #header-image,
body.body-studio-guestbook #header-image,
body.body-hostel-guestbook #header-image  {background: transparent url(./images/beach_haven_guestbook.jpg) no-repeat;}

body.body-bnb-beach #header-image,
body.body-studio-beach #header-image,
body.body-hostel-beach #header-image {background: transparent url(./images/beach_haven_surfer.jpg) no-repeat;}

body.body-bnb-your-hosts #header-image, 
body.body-studio-your-hosts #header-image, 
body.body-hostel-your-hosts #header-image {background: transparent url(./images/beach_haven_host.jpg) no-repeat;}

body.lodge-home #header-image,
body.lodge-contact-us #header-image
{background: transparent url(./images/beach_haven_accommodations.jpg) no-repeat;}
body.body-studio-home #header-image {background: transparent url(./images/studio2.jpg) no-repeat;}

body.body-studio-rates #header-image {background: transparent url(./images/studio4.jpg) no-repeat;}


body.body-bnb-ferry #header-image, body.body-hostel-ferry #header-image {background: transparent url(./images/beach_haven_ferry.jpg) no-repeat;}
body.body-train #header-image,  body.body-hostel-train #header-image{background: transparent url(./images/beach_haven_train.jpg) no-repeat;}
body.body-plane #header-image, body.body-hostel-plane #header-image {background: transparent url(./images/beach_haven_plane.jpg) no-repeat;}
body.body-car #header-image, body.body-hostel-car #header-image {background: transparent url(./images/beach_haven_car.jpg) no-repeat;}
body.body-bus #header-image, body.body-hostel-bus #header-image  {background: transparent url(./images/beach_haven_bus.jpg) no-repeat;}

body.body-hostel-home #header-image {background: transparent url(./images/beach_haven_hostel1.jpg) no-repeat;}
body.body-hostel-facilities #header-image {background: transparent url(./images/beach_haven_hostel_facilities.jpg) no-repeat;}
body.body-hostel-rates #header-image {background: transparent url(./images/beach_haven_hostel_rates.jpg) no-repeat;}
body.body-hostel-gallery #header-image,
body.body-studio-gallery #header-image
  {background: transparent url(./images/beach_haven_hostel_gallery.jpg) no-repeat;}

body.body-studio-facilities #header-image {background: transparent url(./images/studio3.jpg) no-repeat;}


#header-image span {display: none;}

#header-middle a.logo, #header-hostel-middle a.logo, #header-lodgings-middle a.logo, #header-studio-middle a.logo{
display: block;
height: 161px;
margin: 0px;
padding: 0px;
width: 465px;}

#header-middle a.logo{background: transparent url(./images/bhh_bb_logo.jpg) no-repeat;}
#header-hostel-middle a.logo{background: transparent url(./images/bhh_hostel_logo.jpg) no-repeat;}
#header-lodgings-middle a.logo{background: transparent url(./images/bhh_lodgings_logo.jpg) no-repeat;}
#header-studio-middle a.logo{background: transparent url(./images/bhh_studio_logo.jpg) no-repeat;}

#header-middle a.bhh-contact, #header-hostel-middle a.bhh-contact, #header-lodgings-middle a.bhh-contact,
#header-studio-middle a.bhh-contact{
background: transparent url(./images/header_contact.jpg) no-repeat;
display: block;
height: 52px;
margin: 0px;
padding: 0px;
width: 295px;}

#header-middle a.other, #header-hostel-middle a.other, #header-lodgings-middle a.other{
display: block;
height: 109px;
margin: 0px;
padding: 0px;
width: 295px;}

#header-middle a.other{background: transparent url(./images/visit_hostel.jpg) no-repeat;}
#header-hostel-middle a.other{background: transparent url(./images/visit_house.jpg) no-repeat;}

#header-middle a span, #header-hostel-middle a span, #header-lodgings-middle a span, #header-studio-middle a span{display: none;}

#middle{
background: transparent url(./images/middle.jpg) repeat-y;
left: 50%;
margin-left: -380px;
position: relative;
width: 760px;}

#side{
padding:0px;
width: 160px;
position: absolute;
top: 270px;
left: 50%;
margin-left: 150px;
}

#side ul{margin:0px 10px 10px 25px;padding:0px;font-size: 12px;}
#side li{background: none !important; list-style: none !important;font-size: 13px;margin: 1px;padding:0px; font-weight: bold;}
#side li a{color: #A93D29 !important;text-decoration: none;}
#side li a:hover{color: #285F97 !important;text-decoration: none;}
#side img{margin: 40px 0px 0px 8px;}

.content, .content-home{
background: transparent url(./images/content.jpg) no-repeat;
background-color: #fff;
padding-top: 15px;
width: 760px;
height: 487px; /* real height is 492px, just subtracted the top padding 15px */
}
.content-home{background: transparent url(./images/content-home.jpg) no-repeat; height: 580px;}

#middle p{margin: 4px 40px 0px 30px;padding:3px;}

.content table{padding:1px; margin: 5px 0px 0px 30px; border: 1px solid #DBDBDD;}
.content p, .side-pic p, .extra_content p {margin: 5px 0px 0px 30px;padding:3px; width: 470px;} 
.content ul{list-style:none;margin:3px 10px 4px 35px;padding:0px; width: 400px;}
.content li{background: transparent url(./images/starfish_li.gif) no-repeat; line-height: 14px;padding:1px 0px 2px 20px;}

.row1{background-color: #ECEEFA;}
.row2{background-color: #F0EFDA;}

.side-pic{
margin: 0px;
padding-top: 15px;
float: left;
width: 760px;
}

.extra_content{
background: transparent url(./images/middle.jpg) repeat-y;
background-color: #fff;
padding: 0px;
width: 760px;
}

.side-pic p{width: 350px;}
.side-pic img{margin: -5px 65px 0px 10px;float:right; display:inline;}

.h1-beachhavenhouse{background: transparent url(./images/h1-beachhavenhouse.gif) no-repeat; width:305px;}
.h1-beachhavenhostel{background: transparent url(./images/h1-beachhavenhostel.gif) no-repeat; width:305px;}
.h1-beachhavenstudio{background: transparent url(./images/h1-beachhavenstudio.gif) no-repeat; width:305px;}
.h1-tac{background: transparent url(./images/h1-tac.gif) no-repeat; width:380px;}
.h1-beachhavenlodgings{background: transparent url(./images/h1-beachhavenlodgings.gif) no-repeat; width:450px;}
.h1-awards{background: transparent url(./images/h1-awards.gif) no-repeat; width:160px;}
.h1-facilities{background: transparent url(./images/h1-facilities.gif) no-repeat; width:230px;}

.h1-studiofacilities{background: transparent url(./images/h1-studiofacilities.gif) no-repeat; width:260px;}
.h1-rates{background: transparent url(./images/h1-rates.gif) no-repeat; width:270px;}
.h1-reservation{background: transparent url(./images/h1-reservation.gif) no-repeat; width:190px;}
.h1-events{background: transparent url(./images/h1-events.gif) no-repeat; width:280px;}
.h1-contact-us{background: transparent url(./images/h1-contact-us.gif) no-repeat; width:210px;}
.h1-gallery{background: transparent url(./images/h1-gallery.gif) no-repeat; width:305px;}
.h1-tramore{background: transparent url(./images/h1-tramore.gif) no-repeat; width:220px;}
.h1-guestbook{background: transparent url(./images/h1-guestbook.gif) no-repeat; width:220px;}
.h1-facilities-gallery{background: transparent url(./images/h1-facilities-gallery.gif) no-repeat; width:300px;}
.h1-hostel-facilities-gallery{background: transparent url(./images/h1-hostel-facilities-gallery.gif) no-repeat; width:310px;}
.h1-studio-facilities-gallery{background: transparent url(./images/h1-studio-facilities-gallery.gif) no-repeat; width:310px;}
.h1-yourhosts{background: transparent url(./images/h1-yourhosts.gif) no-repeat; width:270px;}
.h1-by-bus{background: transparent url(./images/h1-by-bus.gif) no-repeat; width:240px;}
.h1-by-car{background: transparent url(./images/h1-by-car.gif) no-repeat; width:240px;}
.h1-by-ferry{background: transparent url(./images/h1-by-ferry.gif) no-repeat; width:240px;}
.h1-by-plane{background: transparent url(./images/h1-by-plane.gif) no-repeat; width:240px;}
.h1-by-train{background: transparent url(./images/h1-by-train.gif) no-repeat; width:240px;}
.h1-thankyou{background: transparent url(./images/h1-thankyou.gif) no-repeat; width:200px;}
.h1-privacy{background: transparent url(./images/h1-privacy.gif) no-repeat; width:280px;}
.h1-opera{background: transparent url(./images/h1-opera.gif) no-repeat; width:250px;}
.h1-other-resources{background: transparent url(./images/h1-other-resources.gif) no-repeat; width:280px;}



.h1-hostel-facilities{background: transparent url(./images/h1-hostel-facilities.gif) no-repeat; width:250px;}
.h1-hostel-rates{background: transparent url(./images/h1-hostel-rates.gif) no-repeat; width:220px;}
.h1-hostel-reservation{background: transparent url(./images/h1-hostel-reservation.gif) no-repeat; width:290px;}
.h1-location{background: transparent url(./images/h1-location.gif) no-repeat; width:305px;}
.h1-offers{background: transparent url(./images/h1-offers.gif) no-repeat; width:220px;}
.h1-book-now{background: transparent url(./images/h1-book-now.gif) no-repeat; width:220px;}
.h1-look-around{background: transparent url(./images/h1-look-around.gif) no-repeat; width:175px;}
.h1-spraoi{background: transparent url(./images/h1-spraoi.gif) no-repeat; width:210px;}
.h1-tramoretourism{background: transparent url(./images/h1-tramoretourism.gif) no-repeat; width:280px;}
.h1-tramore-races{background: transparent url(./images/h1-tramore-races.gif) no-repeat; width:210px;}
.h1-tall-ships{background: transparent url(./images/h1-tall-ships.gif) no-repeat; width:210px;}

.h1-beachhavenhouse span, .h1-beachhavenlodgings span, .h1-awards span, .h1-awards-logos span, .h1-facilities span, .h1-studiofacilities span, .h1-rates span, .h1-offers span, .h1-book-now span, .h1-reservation span, .h1-spraoi span, .h1-tramoretourism span, .h1-tramore-races span, .h1-tall-ships span, .h1-contact-us span, .h1-events span, .h1-beachhavenhostel span, .h1-beachhavenstudio span, .h1-tac span, .h1-gallery span, .h1-location span, .h1-tramore span, .h1-guestbook span, .h1-yourhosts span, .h1-hostel-facilities span, .h1-hostel-rates span, .h1-hostel-reservation span, .h1-by-bus span, .h1-by-car span, .h1-by-ferry span, .h1-by-plane span, .h1-by-train span, .h1-opera span, .h1-studio-facilities-gallery span, .h1-facilities-gallery span, .h1-hostel-facilities-gallery span, .h1-look-around span, .h1-thankyou span, .h1-privacy span, .h1-other-resources span, .h1-hostel-awards span {display: none;}
.h1-beachhavenhouse, .h1-beachhavenlodgings, .h1-awards, .h1-awards-logos, .h1-facilities, .h1-studiofacilities, .h1-rates, .h1-reservation, .h1-offers, .h1-book-now, .h1-spraoi, .h1-tramoretourism, .h1-tramore-races, .h1-tall-ships, .h1-contact-us, .h1-events, .h1-beachhavenhostel, .h1-beachhavenstudio, .h1-tac, .h1-gallery, .h1-location, .h1-tramore, .h1-guestbook, .h1-yourhosts, .h1-hostel-facilities, .h1-studio-facilities-gallery, .h1-hostel-rates, .h1-hostel-reservation, .h1-by-bus, .h1-by-car, .h1-by-ferry, .h1-by-plane, .h1-by-train, .h1-opera, .h1-facilities-gallery, .h1-hostel-facilities-gallery, .h1-look-around, .h1-thankyou, .h1-privacy, .h1-other-resources, .h1-hostel-awards{height: 35px;margin: 0px 0 0 30px; padding:0px 0px 0px 30px;}
.h1-beachhavenlodgings{height:37px;}

.h1-awards-logos{background: transparent url(./images/h1-awards-logos.jpg) no-repeat; width:650px;height: 85px;}
.h1-hostel-awards{background: transparent url(./images/h1-hostel-awards.jpg) no-repeat; width:500px;height: 90px;}

#footer{
margin: 0px;
padding:0px;
background: transparent url(./images/footer.jpg) no-repeat;
width: 760px;
height: 110px;
}

#footer a i{visibility: hidden;}  
#footer a {height: 18px;text-decoration: none; }

a#email {
background: transparent url(./images/footer.jpg) -28px -60px no-repeat;
position: relative;
top: 60px;
left: 28px;
display: block;
width: 243px;}

a#bright {
background: transparent url(./images/footer.jpg) -14px -94px no-repeat;
position: relative;
top: 76px;
left: 17px;
display: block;
width: 150px;
}

.form{font-size:12px;padding:50px 80px 0px 10px!important;margin: 10px 0 0 30px;height: 240px;
background: transparent url(./images/contact_form2.jpg) no-repeat;}

.form table, .form-hostel table{border: none !important;}

input{
width: 200px;
height: 17px;
background-color: #fff;
border: 1px solid #CFCFCF;	
color: #868679;
margin: 0px;
padding: 0px;
}

.form textarea, .sm_textarea, .form-hostel textarea{
height: 100px;
width: 200px;
background-color: #fff;
border: 1px solid #D7D7D7;
font-size: 12px;	
color: #868679;
}

.sm_textarea {
height: 45px !important;
}

.select{
height: 17px;
background-color: #fff;
border: 1px solid #CFCFCF;	
color: #868679;
margin: 0px;
padding: 0px;
}

#innerforms  img{padding:0 0 0 0px !important; margin:0px;}
#viewport{margin-left: 60px; position:absolute; left:0px; top:400px;  width:300px; height:220px; z-index:12; overflow: hidden; clip: rect(0px, 300px, 220px, 0px);visibility: visible;}
#viewport table{margin: 5px 0px 0px 0px; padding: 0px;}

#transport_nav{
background: url(./images/transport.jpg) no-repeat;
height: 80px;
margin: 0px 0 0px 25px;
padding: 0px;
position: relative;
float: left;
display: inline;
width: 450px;}

#transport_nav li{
list-style: none !important;
background: none !important; 
margin: 0px;
padding: 0px;
position: absolute;
top: 0;}

#transport_nav li, #transport_nav a {display: block;height: 80px;}
#transport_nav span{display: none;}

#bus{left: 0px; width: 90px;}
body.body-bus #bus, #bus a:hover{background: transparent url(./images/transport.jpg)  0px -80px no-repeat;}

#car{left:90px; width: 90px;}
body.body-car #car, #car a:hover{background: transparent url(./images/transport.jpg)  -90px -80px no-repeat;}

#ferry{left: 180px; width: 90px;}
#ferry a:hover{background: transparent url(./images/transport.jpg)  -180px -80px no-repeat;}

#plane{left: 270px; width: 90px;}
#plane a:hover{background: transparent url(./images/transport.jpg)  -270px -80px no-repeat;}

#train{left: 360px; width: 90px;}
#train a:hover{background: transparent url(./images/transport.jpg)  -360px -80px no-repeat;}

#LayerThumbs img{margin: 2px;}

.header{font-size: 12px; font-weight: bold; color: #fff; background-color: #9EC0D5;}
.cell{background-color: #F0F0DB;}