/* @license
 * MyFonts Webfont Build ID 1535000, 2011-11-17T06:48:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Ad Lib by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/ad-lib/ad-lib/
 * Copyright: Copyright 1990-2005 Bitstream Inc.  All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=1535000
 * 
 * © 2011 Bitstream Inc
*/
@font-face {font-family: 'AdLibBTWGL4-Regular';src: url('webfonts/176C18_0.eot');src: url('webfonts/176C18_0.eot?#iefix') format('embedded-opentype'),url('webfonts/176C18_0.woff') format('woff'),url('webfonts/176C18_0.ttf') format('truetype');}

* { margin: 0; padding: 0; border: 0; outline: none; }

html { font: 16px/24px 'Trebuchet MS', Trebuchet, sans-serif; color: #663900; background: url(i/noise.png); }

.skipper { position: absolute; left: -9999px; top: -9999px; }
.current { font-weight: bold; }

.grid { position: relative; width: 950px; padding: 48px 30px; margin: 0 auto; }
.grid:after  { content: " "; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; }

a {
    text-decoration: none; 
    -webkit-transition: all .15s linear;
    -moz-transition:    all .15s linear;
    -o-transition:      all .15s linear;
    -ms-transition:     all .15s linear;
    transition:         all .15s linear;
}

blockquote { font-style: italic; }

.featured-quote blockquote { font-style: normal; }
.featured-quote blockquote:before { content: "“"; position: absolute; margin-left: -52px; font-size: 72px; font-style: normal; }

h1,
h2,
h3,
h4,
.caption,
.send-feedback-button,
.featured-quote,
blockquote:before,
.footer { font-weight: normal !important; font-family: 'AdLibBTWGL4-Regular', 'Cooper Black', 'Trebuchet MS', sans-serif; }

h1 { font-size: 40px; line-height: 48px; margin-bottom: 36px; clear: both; }
h2 { font-size: 18px; line-height: 24px; text-transform: uppercase; margin-bottom: 3px; }
h3 { font-size: 18px; line-height: 24px; margin-bottom: 3px; }
h4 { font-size: 18px; line-height: 24px; margin-bottom: 3px; }


#sizer { min-width: 1024px; }

#header { 
    height: 324px; background: url(i/map.png) 50% 100%; border-bottom: 15px solid #fff; 
    -webkit-box-shadow: 0 3px 0 rgba(0,0,0,.1); 
    -moz-box-shadow: 0 3px 0 rgba(0,0,0,.1); 
    -o-box-shadow: 0 3px 0 rgba(0,0,0,.1); 
    box-shadow: 0 3px 0 rgba(0,0,0,.1); 
}

#main-nav           { 
    background: #fbddba; 
    -webkit-box-shadow: 0 3px 0 rgba(0,0,0,.1); 
    -moz-box-shadow: 0 3px 0 rgba(0,0,0,.1); 
    -o-box-shadow: 0 3px 0 rgba(0,0,0,.1); 
    box-shadow: 0 3px 0 rgba(0,0,0,.1); 
}
#main-nav .grid         { padding: 0 40px; }
#main-nav ul            { float: left; width: 960px; }
#main-nav ul:after      { content: " "; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; }
#main-nav li            { float: left; display: inline; list-style: none; font: 18px/24px 'AdLibBTWGL4-Regular', 'Cooper Black', 'Trebuchet MS', sans-serif; }
#main-nav li a          { display: block; padding: 24px 10px; color: #663900; }
#main-nav li a:hover          { color: #066375; }
#main-nav li.current    { position: relative; margin-bottom: -13px; background: url(i/main-nav-current.png) no-repeat 50% 100%; }
#main-nav li.current a  { color: #b58d5c; padding-bottom: 37px; }

#home-link { margin-left: -10px; }

#tw-icon a,
#fb-icon a   { padding: 0 !important; margin: 27px 0 0 10px; width: 16px; height: 17px; text-indent: -9999px; overflow: hidden; opacity: .5; }

#tw-icon a  { background: url(i/twitter.png) no-repeat 0 0; }
#fb-icon a  { background: url(i/facebook.png) no-repeat 0 0; }

#tw-icon a:hover,
#fb-icon a:hover   { opacity: 1; }



#logo   { position: absolute; left: 50%; margin: 90px 0 0 -475px; }
#logo a { display: block; width: 331px; height: 64px; text-indent: -9999px; overflow: hidden; background: url(i/logo.png); }

#content            { clear: both; background: url(i/grunge-III.jpg) repeat-x 50% 3px; text-shadow: 0 1px 0 rgba(255,255,255,.5); }
#content .grid      { padding-bottom: 0; }
#content a          { color: #066375; }
#content a:hover    { color: #b58d5c; }

#content p,
#content ul,
#content ol  { margin-bottom: 36px; }
#content ul li { list-style: none; }

#content .cols { overflow: visible; width: 660px; }
#content .cols:after  { content: " "; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; }
#content .col   { float: left; width: 290px; padding-right: 40px; }


.figure              { 
    overflow: hidden;
    border: 15px solid #fffbf7; background: #fffbf7;
    -webkit-box-shadow: 0 3px 0 rgba(0,0,0,.1); 
    -moz-box-shadow: 0 3px 0 rgba(0,0,0,.1); 
    -o-box-shadow: 0 3px 0 rgba(0,0,0,.1); 
    box-shadow: 0 3px 0 rgba(0,0,0,.1);
}
.figure img,
.figure iframe { float: left; }

.caption { clear: both; padding-top: 12px; margin: 0 !important; text-align: center; }

iframe { overflow: auto; }



#social-networking              { padding-top: 197px; background: url(i/clouds.png) repeat-x 50% 100px; }
#social-networking .inner       { padding: 11px 0 24px; background: #9ad9e9 url(i/waves.png) repeat-x 0 100%; }
#social-networking .grid        { }
#social-networking .col         { float: left; width: 290px; margin: 0 40px 0 0; }
#social-networking .col iframe  { background: #fff; }

#social-networking #fb-friends { margin-right: 0; }
#social-networking h4 { font-size: 24px; margin-bottom: 24px; color: #fff; }


#useful-links           { color: #fff; background: #05b9d3; }
#useful-links .cat      { float: left; width: 207px; padding-right: 40px; }
#useful-links .last-cat { padding-right: 0; }

#useful-links h4        { margin-bottom: 6px; }
#useful-links ul        { margin-bottom: 24px; }
#useful-links li        { list-style: none; font-size: 14px; line-height: 16px; }
#useful-links a         { display: inline-block; color: #fff; padding: 4px; margin-left: -4px; }
#useful-links a:hover   { background: #267580; }





.footer         { clear: both; color: #86abb1; background: #267580; text-align: center; }
.footer a       { color: #86abb1; }
.footer a:hover { color: #fff; }






#home-body h1               { width: 620px; }
#home-body .main-content    { float: left; width: 290px; margin: 0 0 0 330px; }
#home-body .featured-quote  { float: left; width: 290px; margin: 0 0 0 -620px; }


#img-court         { 
    float: left; margin: 0 20px 24px -345px; 
    /*
    -webkit-transform: rotate(-2deg); 
    -moz-transform: rotate(-2deg); 
    -o-transform: rotate(-2deg); 
    -ms-transform: rotate(-2deg); 
    transform: rotate(-2deg); 
    */
}

#img-hostel         { 
    margin: 0 15px 24px -15px; 
    /*
    -webkit-transform: rotate(1deg); 
    -moz-transform: rotate(1deg); 
    -o-transform: rotate(1deg); 
    -ms-transform: rotate(1deg); 
    transform: rotate(1deg); 
    */
}

#img-cross          { position: absolute; right: 260px; margin-top: 0; }
#img-treasure-map   { position: absolute; left: 690px; top: 40px; }
#img-elda           { 
    position: relative; margin: 24px 15px 24px -15px; 
    /*
    -webkit-transform: rotate(-1deg); 
    -moz-transform: rotate(-1deg); 
    -o-transform: rotate(-1deg); 
    -ms-transform: rotate(-1deg); 
    transform: rotate(-1deg);
    */
}


#facilities-body .main-content  { width: 620px; margin-left: 330px; padding-bottom: 280px; }
#facilities-body #sizer         { }
#facilities-body #content       { background: url(i/house-II.png) no-repeat 50% 100%; }


#location-body .main-content                { width: 290px; }
#location-body .supplementary-content       { float:left; width: 990px; }
#location-body .supplementary-content .col  { float: left; width: 290px; padding: 0 40px 0 0; }
.google-map                                 { float: right; margin-right: -660px; }




#testimonials-body #sizer { background: url(i/tabletop.png); }
#testimonials-body #content         { color: #d32031; background: none; }
#testimonials-body .main-content    { float: left; width: 620px; padding: 24px 0 0 330px; }
#testimonials-body blockquote       { padding-bottom: 24px; margin-left: -40px; padding-left: 40px; background: url(i/heart-tiny.png) no-repeat 0 0; }
#testimonials-body blockquote li    { margin-left: 40px; }

.send-feedback-button   { margin-left: -60px; }
.send-feedback-button a { color: #fff !important; padding: 12px 20px; background: #d32031; }
.send-feedback-button a:hover { background: #e98f98; }


.gallery         { float: left; width: 950px; margin-left: 50px; }
.gallery li      { 
    cursor: pointer; 
    float: left; width: 290px; height: 290px; margin: 0 0 36px -100px; z-index: 1; 
}


.gallery li .figure {

    padding-bottom: 24px; 
    
    -webkit-transition: all .15s linear; 
    -moz-transition:    all .15s linear; 
    -o-transition:      all .15s linear; 
    -ms-transition:     all .15s linear; 
    transition:         all .15s linear;
    
    -webkit-transform: rotate(-3deg); 
    -moz-transform:    rotate(-3deg); 
    -o-transform:      rotate(-3deg); 
    -ms-transform:     rotate(-3deg); 
    transform:         rotate(-3deg);

}

.gallery li img  { width: 260px; }



.gallery li:nth-child(n+2) .figure { 
    -webkit-transform: rotate(3deg); 
    -moz-transform: rotate(3deg); 
    -o-transform: rotate(3deg); 
    -ms-transform: rotate(3deg); 
    transform: rotate(3deg);
}

.gallery li:nth-child(n+3) .figure { 
    -webkit-transform: rotate(-3deg); 
    -moz-transform: rotate(-3deg); 
    -o-transform: rotate(-3deg); 
    -ms-transform: rotate(-3deg); 
    transform: rotate(-3deg); 
}

.gallery li:nth-child(odd) .figure {
    -webkit-transform: rotate(15deg); 
    -moz-transform: rotate(15deg); 
    -o-transform: rotate(15deg); 
    -ms-transform: rotate(15deg); 
    transform: rotate(15deg); 
}

.gallery li:nth-child(n+5) .figure { 
    -webkit-transform: rotate(7deg); 
    -moz-transform: rotate(7deg); 
    -o-transform: rotate(7deg); 
    -ms-transform: rotate(7deg); 
    transform: rotate(7deg); 
}

.gallery li:first-child .figure {
    -webkit-transform: rotate(-15deg); 
    -moz-transform: rotate(-15deg); 
    -o-transform: rotate(-15deg); 
    -ms-transform: rotate(-15deg); 
    transform: rotate(-15deg); 
}

.gallery li:hover .figure { 
    -webkit-transform: scale(1.2) rotate(360deg) translate(0, 10px); 
    -moz-transform:    scale(1.2) rotate(360deg) translate(0, 10px); 
    -o-transform:      scale(1.2) rotate(360deg) translate(0, 10px); 
    -ms-transform:     scale(1.2) rotate(360deg) translate(0, 10px); 
    transform:         scale(1.2) rotate(360deg) translate(0, 10px);
    position: relative; z-index: 100;
    
    -webkit-box-shadow: 0 10px 5px rgba(0,0,0,.1); 
    -moz-box-shadow: 0 10px 5px rgba(0,0,0,.1); 
    -o-box-shadow: 0 10px 5px rgba(0,0,0,.1); 
    box-shadow: 0 10px 5px rgba(0,0,0,.1);
}




#online-booking-body .main-content { float: left; width: 620px; margin-right: 40px; }
#online-booking-body .supplementary-content { float: left; width: 290px; }


#contact-body .cols  { float: left; width: 950px; }
#contact-body .col   { float: left; width: 290px; }
#contact-body .last-col { padding-right: 0; }