@import url('core.css');



/********************************************
        PRIMARY STYLES
********************************************/

body {font:62.5%/1.8em Georgia, Arial, sans-serif; background:url(/images/core/body-bg.jpg) no-repeat 50% 0 #dcceb9; color:#3d2813;} 
body#p-popup { background: #dcceb9!important; margin: 10px; text-align: center; }

h1, h2, h3, h4 {font-weight:normal;}
h1 {font-size:26px; margin-bottom:20px; line-height:26px; text-transform:capitalize;}
h2 {font-size:16px; margin-bottom:10px;}
h3 {font-size:14px; color:#3e2914; font-weight:bold;}
h4 {font-size:12px; color:#3e2914; font-weight:bold;}
p {font-size:13px; margin-bottom:20px;}
a {color:#4d4539; text-decoration:none;}
a:hover {text-decoration:underline;}

/* CONTAINERS */
#container {margin:0 auto; width:962px;}
#header {height:118px; background:url(/images/core/header-bg.jpg) no-repeat 0 bottom; position:relative;}
#content {background:url(/images/core/content-bg.jpg) repeat-y; padding:2px 0 10px 7px;}
  #banner {height:352px; background:url(/images/core/banner-bg.png) no-repeat; position:relative;}
  #primary {padding-top:25px;}
  body#p-home #primary {float:left; width:550px;}
  #secondary {float:right; width:380px;}
#footer_wrap {background:url(/images/core/footer-bg.jpg) no-repeat 50% 0;}
#footer {padding-top:80px; height:106px; width:961px; margin:0 auto; text-align:center;}

/* HEADER */
#logo {display:block; height:55px; width:224px; background:url(/images/core/lamaros-logo.png) no-repeat; text-indent:-9999em; position:absolute; top:38px; left:10px;}
  
  a#menu {text-indent:-9999em; background:url(/images/core/menu-bg.png) no-repeat; z-index:20; display:block; width:142px; height:133px; top:-85px; position:absolute; right:116px;}
  a#book_online {text-indent:-9999em; background:url(/images/core/book_online-bg.png) no-repeat; z-index:20; display:block; width:137px; height:133px; top:-85px; position:absolute; right:0;}
  
  /* NAVIGATION */
  #nav {height:36px; width:588px; padding:50px 18px 0 0; float:right; z-index:10; position:relative; background:url(/images/core/nav-bg.jpg) no-repeat 0 50px; padding-left:10px;}
  #nav li {float:left; position:relative; padding:0 9px;}
  #nav li a {height:28px; line-height:28px; background-repeat:none; display:block; font-size:14px; color:#f3f3f3;}
  
  #nav li ul {display:none; width:221px; position:absolute;}
  #nav li ul li {float:none; margin:0;}
  #nav li ul li a {background:#cbb167; text-indent:0; height:25px; line-height:25px; padding-left:10px; border-bottom:#fff dotted 1px;}

  body.home #nav li a#nav-home,
  body.diningroom #nav li a#nav-diningroom,
  body.barcafe #nav li a#nav-barcafe,
  body.functions #nav li a#nav-functions,
  body.apartments #nav li a#nav-apartments,
  body.eventsnews #nav li a#nav-eventsnews,
  body.contact #nav li a#nav-contact,
  #nav li.hover a {color:#c21f00;}
  #nav li a:hover {color:#c21f00; text-decoration:none;}
  
  body.home #sitemap li a#sitemap-home,
  body.diningroom #sitemap li a#sitemap-diningroom,
  body.barcafe #sitemap li a#sitemap-barcafe,
  body.functions #sitemap li a#sitemap-functions,
  body.apartments #sitemap li a#sitemap-apartments,
  body.eventsnews #sitemap li a#sitemap-eventsnews,
  body.contact #sitemap li a#sitemap-contact,
  #sitemap li a:hover {text-decoration:underline;}
  
/* CONTENT */
  
  /* BANNER */
  #hero_shots {height:381px; width:518px; overflow:hidden; top:1px; left:27px; position:absolute; z-index:10;}
  #title {position:absolute; width:320px; z-index:5; right:85px; top:50px; text-align:center;}
  #title h1 {text-indent:-9999em;}
  #title p {font-size:13px; margin-top:80px;}
  #title p#contact_info {margin-top:15px!important; margin-bottom:5px; font-size:15px!important;}
  #title p#numbers {padding:0 20px; margin-top:0;}
  
  /* Banner Backgrounds */
  body.diningroom #banner {background:url(/images/core/banner_dining_room-bg.png) no-repeat;}
  body.barcafe #banner {background:url(/images/core/banner_bar_cafe-bg.png) no-repeat;}
  body.functions #banner {background:url(/images/core/banner_functions-bg.png) no-repeat;}
  body.apartments #banner {background:url(/images/core/banner_apartments-bg.png) no-repeat;}
  body.eventsnews #banner {background:url(/images/core/banner_events_news-bg.png) no-repeat;}
  body.contact #banner {background:url(/images/core/banner_contact-bg.png) no-repeat;}
  
  /* PRIMARY */
  div#error {float:right; padding-right:30px; font-size:14px; color:red;}
  
  /* SECONDARY */
  #news_events {float:right; width:373px; height:304px; background:url(/images/core/news_events-bg.jpg) no-repeat; padding-top:10px; margin-right:29px; margin-top:-7px;}
  #cta {height:240px;}
  #cta li {background:url(/images/core/cta-bg.png) no-repeat; float:left; width:238px; height:234px; margin:20px 0 0 20px; position:relative;}
  #cta li h2 {font-size:18px; color:#0c0701; margin:14px 0 0 60px;}
  #cta li p {padding:30px 30px 0 30px;}
  #cta li a {position:absolute; bottom:15px; left:20px; text-indent:-999em; display:block; height:26px;}
  #cta li a#more {background:url(/images/core/more_button.jpg); width:66px;}
  #cta li a#functions {background:url(/images/core/function_button.jpg); width:100px;}
  
  #cta li a:hover {background-position:0 -26px!important;}
  
  /* ADDITIONAL PAGES */
    /* HOMEPAGE */
    #news_events div li {background:url(/images/core/item-bg.png) no-repeat; width:339px; height:69px; margin-bottom:5px; position:relative; cursor:pointer; z-index:0;}
    #news_events div li div {float:left; width:42px; height:67px; padding:3px 10px 0 10px; font-size:14px; margin-right:12px; text-align:center; color:#3d2813;}
    #news_events div li div span.day {font-size:30px; display:block; padding:2px 5px;}
    #news_events div li h3 {padding:5px; position:absolute; top:0; left:65px; z-index:0;}
    #news_events div li a {position:absolute; width:339px; height:69px; display:block; text-indent:-9999em; z-index:20;}
    #news_events div li p {width:310px; position:absolute; top:25px; left:70px; width:250px; z-index:0;}
    
    /* OTHER PAGES */
    #description {float:left; width:200px; padding:20px;}
    #listing {float:left; width:373px; background:url(/images/core/listing_body.jpg) repeat-y;}
      #listing_header {background:url(/images/core/listing_header.jpg) no-repeat; height:13px;}
      #listing_footer {background:url(/images/core/listing_footer.jpg) no-repeat; height:45px;}
    #ctas {float:left; width:250px;}
    
    /* Events & News */ 
    #events {float:left; width:340px; padding-right:20px;}  
    #events ul li {background:url(/images/core/item-bg.png) no-repeat; width:339px; height:69px; margin-bottom:5px; position:relative;}
    #events ul li div {float:left; width:42px; height:67px; padding:3px 10px 0 10px; font-size:14px; margin-right:12px; text-align:center; color:#3d2813;}
    #events ul li div span.day {font-size:30px; display:block; padding:2px 5px;}
    #events ul li h3 {padding:5px; position:absolute; top:0; left:65px; z-index:0;}
    #events ul li a {position:absolute; width:339px; height:69px; display:block; text-indent:-9999em; z-index:20;}
    #events li p {width:310px; position:absolute; top:25px; left:70px; width:250px; z-index:0;}
    
    #news {float:left; width:340px;}  
    #news ul li {background:url(/images/core/item-bg.png) no-repeat; width:339px; height:69px; margin-bottom:5px; position:relative;}
    #news ul li div {float:left; width:42px; height:67px; padding:3px 10px 0 10px; font-size:14px; margin-right:12px; text-align:center; color:#3d2813;}
    #news ul li div span.day {font-size:30px; display:block; padding:2px 5px;}
    #news ul li h3 {padding:5px; position:absolute; top:0; left:65px; z-index:0;}
    #news ul li a {position:absolute; width:339px; height:69px; display:block; text-indent:-9999em;}
    #news li p {width:310px; position:absolute; top:25px; left:70px; width:250px; z-index:0;}

    #text {padding:20px;}
    
    /* listings */
    #listing ul {padding:0 20px 20px 20px;}
    #listing ul li {border-bottom:1px solid #d8cec2; margin-bottom:20px;}
    #listing ul li h3 {float:left; margin-bottom:5px; padding-left:25px; height:22px; text-transform:capitalize; line-height:22px; background:url(/images/core/leaf.gif) no-repeat;}
    #listing ul li h4 {float:right;}
    #listing ul li p {clear:both; margin-bottom:5px;}
    #listing ul li img {display:block; clear:both; padding-bottom:10px;}
    #listing ul li a#pdf {text-indent:-999em; display:block; height:26px; margin-bottom:10px;background:url(/images/core/pdf_button.png); width:66px;}
    #listing li a:hover {background-position:0 -26px!important;}
    
    #listing li#back_button {border-bottom:none!important;}

    /* Apartments */
    #apartment_details {padding-left:0!important;}
    
    #apartment_details li {border:none!important; padding-bottom:20px;}
    #apartment_details li h3 {background:none!important; padding-left:0!important;}
    #apartment_details li img {float:right;}
    #apartment_details li p {clear:left!important;}
    
    
    /* Dining Room */
    #bookarestaurant {width:50px; height:50px; display:block; padding:20px 0 0 50px; float:left;}
    
    
    #ctas {float:left;}
    
    .cta {height:240px;}
    .cta li {background:url(/images/core/cta-bg.png) no-repeat; float:left; width:238px; height:234px; margin:20px 0 0 40px; position:relative;}
    .cta li h2 {font-size:16px; color:#0c0701; margin:14px 0 30px 50px; text-transform:capitalize;}
    .cta li p {padding:0 30px 0 30px; margin-bottom:0;}
    .cta li a {position:absolute; bottom:15px; left:20px; text-indent:-999em; display:block; height:26px;}
    .cta li a#more {background:url(/images/core/more_button.jpg); width:66px;}
    .cta li a#pdf {background:url(/images/core/pdf_button.png); width:66px;}
    .cta li a#functions {background:url(/images/core/function_button.jpg); width:100px;}
    .cta li a#location {background:url(/images/core/location_button.jpg); width:100px;}
    .cta li a:hover {background-position:0 -26px!important;}
    
    #back {text-indent:-999em; display:block; height:26px; background:url(/images/core/back_button.png); width:66px;}
    #back:hover {background-position:0 -26px!important;}
    
    /* Contact */
    #form {float:left; width:300px; padding-left:30px;}
    #form em {color:red;}
    #form label {display:block; font-size:14px;}
    #form input {width:270px; padding:5px;}
    #form textarea {width:270px; padding:5px; height:80px;}
    #form li.button input {width:100px;}
    #form li {position:relative;}
    #form li label.error {position:absolute; top:0; right:20px; font-size:12px; font-style:italic; color:red;}
    .captcha-item div {font-size:12px;}
    
    #map {margin-left:45px;}
    
    
/* FOOTER */
#sitemap {width:100%; text-align:center;}
#sitemap li {display:inline; padding:0 5px;}
#sitemap li a {font-size:12px; color:#574023; text-decoration:none;}
#sitemap li a:hover {color:#ba1e00;}
#footer p {font-size:12px!important;}


/********************************************
        LISTING STYLES
********************************************/


.item_listing li div.img {
  border: 5px solid #C0C0C0;
  text-align: center;
  color: #C0C0C0;
}



/********************************************
        PRODUCT DETAIL STYLES
********************************************/



#p-product #content .img{
  border: 5px solid #C0C0C0;
  text-align: center;
  color: #C0C0C0;
  display: inline;
  float: left;
  height: 250px;
  margin-right: 20px;
  width: 250px;
}
#p-product #content .item{
  display: inline;
  float: left;
  width: 360px;
}


/********************************************
        DYANMIC PAGE DETAIL STYLES
********************************************/


#p-dynamic_page #content .img {
  border: 5px solid #C0C0C0;
  text-align: center;
  color: #C0C0C0;
  display: inline;
  float: left;
  height: 150px;
  margin-right: 20px;
  width: 150px;
}
#p-dynamic_page #content .item {
  display: inline;
}


/********************************************
        GOOGLE MAP STYLES
********************************************/



.googlemap{
  height:400px;
  width:640px;
}
.googlemap span{
  display: block;
  margin-bottom: 3px;
  text-align: center;
}

/********************************************
        BREADCRUMB STYLES
********************************************/



ul#breadcrumbs li {
  margin-right: 10px;
  font-size: 0.8em;
  
}
.googlemap span{
  display: block;
  margin-bottom: 3px;
  text-align: center;
}