/* SCREEN.CSS
   This is where all styles for on-screen media are declaired
   
   --------------------------------------------------------------------------------------------------------------------------
   FILE INFO
   Revision number:  1.1.1
   Last updated:     2008/10/14
   Last updated by:  Matt Wilcox
   ----------------------------------------------------------------------------------------------------------------------- */

/* =global_reset | based on http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
   ----------------------------------------------------------------------------------------------------------------------- */
   
   html, body, div, span, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   a, abbr, acronym, address, big, cite, code,
   del, dfn, em, font, img, ins, kbd, q, s, samp,
   small, strike, strong, sub, sup, tt, var,
   b, u, i, center,
   dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend,
   table, caption, tbody, tfoot, thead, tr, th, td {
     margin: 0; padding: 0; border: 0; outline: 0;
     font-size: 100%; vertical-align: baseline; background: transparent; }
   body {
     line-height: 1; }
   ol, ul {
     list-style: none; }
   blockquote, q {
     quotes: none; }

   /* remember to define focus styles! */
   :focus {
     outline: 0; }

   /* remember to highlight inserts somehow! */
   ins {
     text-decoration: none; }
   del {
     text-decoration: line-through; }

   /* tables still need 'cellspacing="0"' in the markup */
   table {
     border-collapse: collapse; border-spacing: 0; }

/* =typography | based on http://alistapart.com/articles/settingtypeontheweb/
                          http://24ways.org/2006/compose-to-a-vertical-rhythm/
                          
    NOTE: found that margin-top applied to everything is be a pain - it often messes up layout and requires jumping through
          hoops to fix, so have stopped doing this as a default and now add top margin manually when required instead.
    NOTE: using px for type is bad for people using IE6, but good for my brain. IE6 is dying, so I think that's OK. Feel free
          to tut if you're a purist. I'm a pragmatist.
   ----------------------------------------------------------------------------------------------------------------------- */
   body {
     font : 75%/1.5 Georgia, Verdana, Helvetica, Ariel, Verdana, sans-serif; color: #fff; }
   html > body {
     font-size : 14px; }
   div, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   address, img, dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend,
   table, caption, tbody, tfoot, thead, tr, th, td {
     margin-bottom : 1.5em; }
   h1,
   .home h2 { font-size : 24px; line-height: 36px; margin-bottom: 18px; font-weight : normal; color: #477695; font-family: Timeless, Georgia, Verdana, Helvetica, Ariel, Verdana, sans-serif; }
   h2 { font-size : 20px; line-height: 36px; margin-bottom: 18px; font-weight : normal;  color: #477695; font-family: Timeless, Georgia, Verdana, Helvetica, Ariel, Verdana, sans-serif; 
      text-transform: lowercase;}
   h3, h4, h5, h6 {
     font-size : 18px; line-height: 18px; margin-bottom: 18px; text-transform: lowercase;
     font-weight : normal; color:#477695;  font-family: Timeless, Georgia, Verdana, Helvetica, Ariel, Verdana, sans-serif;}
   
/* =design | now the browser reset and basic typographic layout is done, lets get designing
   ----------------------------------------------------------------------------------------------------------------------- */
   
/* =html =body */
   html { background: #000 url('../images/footer.jpg') no-repeat 50% 97%;  }
   body {background: transparent url('../images/bg3.jpg') center top no-repeat; }
   body.golf { background: transparent url('../images/golf-header.jpg') center top no-repeat; }
   body.home { background: transparent url('../images/bg3.jpg') center top no-repeat; }
   body.terms { background: transparent url('../images/termsheader.jpg') center top no-repeat; }
   body.bedrooms { background: transparent url('../images/bedrooms-header.jpg')  center  top no-repeat; }
   body.activities { background: transparent url('../images/activities-header.jpg') center top no-repeat; }
   body.gallery { background: transparent url('../images/gallery-header.jpg') center top no-repeat; }
   body.dining { background: transparent url('../images/dining-header.jpg') center top no-repeat; }
   body.dining_menu { background: transparent url('../images/dining-header.jpg') center top no-repeat; }
   body.parties_weddings { background: transparent url('../images/partiesheader.jpg') center top no-repeat; }
   body.holiday_homes { background: transparent url('../images/holiday-header.jpg') center top no-repeat; }
   body.families { background: transparent url('../images/offers-header2.jpg') center -10% no-repeat; }
   body.offers { background: transparent url('../images/families-header.jpg') center top no-repeat; }
   body.contact_us { background: transparent url('../images/contact-header.jpg') center top no-repeat; }
   body.events { background: transparent url('../images/events-header.jpg') center top no-repeat; }

/* =h1 */
   h1 {  }
   #site_context h1 a span{ 
     background:transparent url(../images/h1.png) repeat scroll 0 0;
     display: block;
     height : 65px;
     width: 278px;
   }
   #site_context h1 a, #page_context p a, #site_context p {
    text-indent:-999em;
    display:block;
    padding-left: 28px;
   }
   
   
/* =h2 */
  h2 { font-size : 36px;}
   #content_supp h2 {
     background-color : #eee; }
     
   #nav_main h2 {
     display : none; }
  .home #content_main h2:after {
     content : "\2026"; }
/* =h3 */
   h3 {  }
   .sign-up h3 {
     color: #fff; 
   }
/* =h4 */
   h4 { 
      }
  #content_main h4 {    
       color: #fff;
       border-bottom: 1px solid #477695;
       text-transform : none;
       font-family: Georgia, Verdana, Helvetica, Ariel, Verdana, sans-serif;
       font-size: 100%;
       font-weight: bold;
  }

/* =p */
   p.accessibility {
     position : absolute;
     margin : -3.5em 0 0 0;
     z-index : 2; }
     
   blockquote p:before {
     content : "\201c"; }
   blockquote p:after {
     content : "\201d"; }
   blockquote p.author {
     border-top : 1px dotted #666; }
  blockquote p.author:before,
  blockquote p.author:after {
    content : ""; }
  blockquote p.award:before,
  blockquote p.award:after,
  blockquote p.source:before,
  blockquote p.source:after {
     content : ""; }
  blockquote p.award {
    font-size: 22px; font-family : Timeless; width : 119px; float:left;
    line-height: 1em; padding-top: 20px;  margin: 0;
  }
  blockquote p.source {
    clear:both; font-family : Timeless;
  }
  
  #site_info blockquote p.author { 
      border :none; padding-left: 5px;}
  #site_info blockquote p.quotation { 
    margin-bottom: 0; font-style: italic; font-weight : bold;}
     
   .attributed p {
     margin-bottom : 0; }
     
   #content_main > h2 + p,
   #content_main > h1 + p,
   #content_main > h2 + a + p {
     font-size : 1.1em; line-height : 1.125em; margin : .929em 0 2.25em 0; }
   .golf #content_main > h2 + p {
     font-size: 1em; line-height: 1em; margin: 0; 
   }
     
   label p.error {
     padding : .5em; color : #fff;
     background : #c00; text-align : left; }
    
   #banner_splash p span{ 
       background:transparent url(../images/splash1.png) repeat scroll 0 0;
       display: block;
       height : 109px;
       width: 233px;
       position: absolute;
       right: 10px;
     }
	 .home #banner_splash p span {
     background:transparent url(../images/splash-home.png) repeat scroll 0 0;
      display: block;
      height : 102px;
      width: 235px;
      position: absolute;
      left: 15px;
	  bottom:15px;
   } 
   
   .contact_us #banner_splash p span {
     background:transparent url(../images/splash-home.png) repeat scroll 0 0;
      display: block;
      height : 102px;
      width: 235px;
      position: absolute;
      left: 15px;
	  bottom:15px;
   } 
   .golf #banner_splash p span {
     background:transparent url(../images/splash5.png) repeat scroll 0 0;
      display: block;
      height : 113px;
      width: 294px;
      position: absolute;
      right: 15px;
	  bottom:15px;
   }  
   .offers #banner_splash p span {
     background:transparent url(../images/offers-splash.png) repeat scroll 0 0;
      display: block;
      height : 91px;
      width: 133px;
      position: absolute;
      left: 15px;
   }  
   .families #banner_splash p span {
    background:transparent url(../images/splash4.png) repeat scroll 0 0;
    display:block;
	height:123px;
	position:absolute;
	left:15px;
	width:327px;
	top:5px;
   }  
.holiday_homes #banner_splash p span {
     background:transparent url(../images/holiday-home-splash.png) repeat scroll 0 0;
      display: block;
      height : 118px;
      width: 213px;
      position: absolute;
      left: 15px;
	  bottom:0;
   }  
   .parties_weddings #banner_splash p span {
     background:transparent url(../images/splash6.png) repeat scroll 0 0;
      display: block;
      height : 84px;
      width: 200px;
      position: absolute;
      right: 15px;
	  bottom:0;
   }  
   .dining #banner_splash p span {
     background:transparent url(../images/splash7.png) repeat scroll 0 0;
      display: block;
      height : 121px;
      width: 231px;
      position: absolute;
      right: 15px;
	  top:5px;
   }  
      .dining_menu #banner_splash p span {
     background:transparent url(../images/splash7.png) repeat scroll 0 0;
      display: block;
      height : 121px;
      width: 231px;
      position: absolute;
      right: 15px;
	  top:5px;
   }  
    .gallery #banner_splash p span {
     background:transparent url(../images/splash1.png) repeat scroll 0 0;
      display: block;
      height : 109px;
      width: 233px;
      position: absolute;
      left: 15px;
	  bottom:5px;
   }  
   .activities #banner_splash p span {
     background:transparent url(../images/splash5.png) repeat scroll 0 0;
      display: block;
      height : 113px;
      width: 294px;
      position: absolute;
      left: 15px;
	  top:15px;
   }  
      .terms #banner_splash p span {
     background:transparent url(../images/terms-splash.png) repeat scroll 0 0;
      display: block;
      height : 108px;
      width: 294px;
      position: absolute;
      left: 55px;
	  top:15px;
   }  
    .bedrooms #banner_splash p span {
     background:transparent url(../images/splash8.png) repeat scroll 0 0;
      display: block;
      height : 84px;
      width: 171px;
      position: absolute;
      right: 130px;
	  top:30px;
   }  
  #banner_splash p {
    text-indent:-999em;
  } 
  
  p#footer_splash span{ 
     background:transparent url(../images/footer_splash.png) repeat scroll 0 0;
     display: block;
     height : 101px;
     width: 199px;
   }
 p#footer_splash {
  text-indent:-999em;
}
  p.small {
    font-size: 11px;
  }
  .booking p.small {
    text-align: right;
    padding-top: 18px;
  }
   
/* =blockquote */
   blockquote {
     clear : both; }
   #awards div { 
     border:none;
	 width:190px;  margin:0; margin-right:9px; padding:0; float:left; clear:right;}

/* =em =strong =del =ins =abbr =acronym =code */
   em          { font-style : italic; }
   strong      { font-weight : bold; }
   del         { text-decoration : line-through; }
   ins         { text-decoration : none; color : #006; }
   del[title],
   ins[title]  { cursor : help; }
   acronym,
   abbr        { text-decoration : none; border-bottom : none; font-style : italic; cursor : help; }
   code        { font-family : dialogue, 'Courier New', courier, serif; }
   sup         { vertical-align : super; font-size : .8333em; }
   sub         { vertical-align : sub; }
   
/* =address */
   address {  }

/* =dl =dt =dd */
   dl {  }
   dt {
     margin-bottom : 0;
     font-weight : bold; border-bottom : 1px solid #477695; padding : 5px 0;}
   dd {
     margin-top : 0; padding : 5px 0;
      }
   
/* =ul */
   #content ul {
     margin-left : 1em;
     list-style : disc outside; }
   #nav_main ul {
     margin : 120px 16px;
     text-transform: lowercase; 
     height: 36px;
     }
   #content_main ul {
     list-style:none;
       margin-left: 0;
   }
   #content ul.gallery_thumbs { 
     margin-left: -30px;}
   
/* =ol */
   #content ol {
     margin-left : 1.6em;
     list-style : decimal outside; }

/* =li */
   li {
     margin : .5em 0; }
   #nav_main li {
     display : inline; margin : 0 0 0 0.1em; 
     height: 36px;}
  #content_main li {
  }
     ul.gallery_thumbs li {
       list-style: none;
       display:inline;
       margin-left: 30px;
     }
     ul.gallery_thumbs li.current img {
       outline : 4px solid #477695;
     }
    
     
/* =img */
   img,
   img a { border : none; }
   .attributed img {
     margin : 0; }
   blockquote img.badge { 
     float: left; margin : 0;
   }
   
/* =hr */
   hr { display : none; }
   hr.line { display: block; border: none; height: 1px; background-color: #477695; margin: 35px 0;}

/* =a */
   a:link    { color : #477695; text-decoration : none; }
   a:visited { color : #477695; text-decoration : none; }
   a:hover   { text-decoration : underline; }
  /* a:focus   { background-color : #ff9; color : #171717; }
   a:active  { background-color : #ff6; color : #171717; outline : none; }*/
   :target   { background-color : #ff6; }
   
   p.accessibility a {
     margin : 0; padding : 0; line-height : 1em; }
   p.accessibility a:focus {
     position : absolute; left : 1em;
     margin-top : 2.5em;
     background-color : #ffff99; }
     
  #nav_main li a {
     height: 36px;
     padding: 6px 6px 15px; 
     text-decoration: none; 
     color: #eee;}
  #nav_main li a:hover, #nav_main li.current a {
     background-color: #477695;}
	 
     
/* =table */
   table {
     width : 100%; }

/* =caption */
   caption {  }

/* =thead */
   thead {
     text-align : left;  border-bottom:1px #477695 solid; }

/* =tfoot */
   tfoot {
     background-color : #ddd; }
   
/* =tbody */
   tbody {  }
   
/* =tr */
   tbody tr:hover { background-color : #477695; }
   
/* =th */
   th {
     font-weight : bold; padding : 2px; }
   th.center {
     text-align:center;
   }

/* =td*/
   td {
      padding : 5px 0; }
   td.center {
     text-align : center;
   }

/* =form */
   form {
     position : relative;
     width : 100%;
     overflow : hidden; }
         
   #nav_main form {
     margin : 0; }
       
/* =fieldset */
   fieldset {  }
   .sign-up fieldset {
     margin-left: -10px;
   }
/* =legend */
   legend {
     margin : 0; }
   
   #nav_main legend {
     display : none; }
   .booking legend{
     font-size: 22px;
     color: #477695;
     margin-bottom: 20px;
   }
   
/* =blockquote */
   blockquote {
     border-left : 5px solid #666; padding-left : 5px; }
   #site_info blockquote {
     border : none; padding : 0;
     float: left; 
     display: block; 
     clear: none;
     width : 33%;
   }
   #content_supp blockquote {
     border-bottom: 1px #477695 solid;
     border-left: none;
     margin-bottom: 0;
     padding: 20px 0;
   }
   #content_supp blockquote.first {     
    border-top: 1px #477695 solid;
   }

/* =label */
   label {
     position : relative; /* so we can absolutely position errors */
    /*  overflow : hidden;  *//* so no collapsing float issues */ }
 .sign-up label { 
     width: 140px; 
     float : left; padding-left: 10px;}
  #content_supp label { 
     margin-bottom : 5px;}
   
/* =input */
   input[type="text"],
   input[type="password"],
   textarea {
     border : 1px solid #999; }
   input[type="text"]:focus,
   input[type="password"]:focus,
   textarea:focus {
     background-color : #ffd; }
	 
   input#availability_arrive, input#availability_departure {
	  margin-right:7px; }
	.home  input#availability_arrive, input#availability_departure {
	  margin-right:7px; }
	  
   .booking input#availability_arrive, .booking input#availability_departure {
	   width:135px; margin-right:7px; }
	   

/*    label input {
     margin-right:7px; }
   .boolean input {
     width : auto; margin-right : .5em; }
   .sign-up label input {
     width: 100%;
   }
    {
     width: 152px; margin-right: 10px; height: 16px; padding: 3px 5px;
   }
   
     input#sign-up-submit {
    background : #fff none; border : auto; height : auto; text-indent : 0; }
	 
	 input.helper{
	 width:267px; }

	 .float-left .input-date {
	  width:100px; } */
	 
	 
	
	
   /*input#availability-submit {
      background:transparent url(../images/continue.jpg);
      width: 90px;
      height: 30px;
      border:none;
      text-indent:-999em;  
    }
   input#availability-submit:hover {     
    background:transparent url(../images/continue.jpg) 0 -30px;
   }
   input#sign-up-submit {
       background:transparent url(../images/sign-up.jpg);
       width: 77px;
       height: 30px;
       border:none;
       text-indent:-999em;
       cursor : pointer;
     }
    input#sign-up-submit:hover {     
     background:transparent url(../images/sign-up.jpg) 0 -30px;
    }
    
    input#booking-submit {
        background:transparent url(../images/continue.jpg);
        width: 90px;
        height: 30px;
        border:none;
        text-indent:-999em;  
        float:right;
        margin-right: 35px;
      }
     input#booking-submit:hover {     
      background:transparent url(../images/continue.jpg) 0 -30px;
     }*/
    
   form.booking input[type="text"] { 
     width: 152px; margin-right: 10px; height: 16px; padding: 3px 5px;
     }
   form.booking fieldset.further_info input[type="text"]{
     width: 98%;
   }
/*  input#availability-submit:focus {     
   background:transparent url(../images/continue.jpg) 0 -60px;
   
  }*/
/* =textarea */
    textarea {
      width : 98%; height : 122px; }

/* =select */
   label select {
     width : 100%; }
   select:focus {
     background-color : #ff9; }
     
/* =div */
   #container {
     position : relative;
     width : 970px; margin : 0 auto; }
   #page_context,
   #site_context  {
     height : 144px;
     background-color : #1e1e1e; }
   #content {
     background: #1e1e1e url(../images/content_bg.jpg) repeat 0 0; margin-top: 310px; padding: 30px; width: 910px;
   }
   #content_main { 
     width : 597px;
     float:left;
     padding-right: 30px;
     /* min-height: 785px; */
  }
  #content_supp {
    width: 212px;
    float:left;
    padding-left: 30px;
  }
   #nav_main {
     position : absolute; top : 0; right : 0;
     margin : 0; }
    #banner_splash {
      position : absolute; top : 154px; right : 0;
      margin : 0; 
      width: 970px;
      height: 289px;
      border-top: #1e1e1e 1px solid;
      border-bottom : #1e1e1e 1px solid;
    }
     #footer_splash {
       position : absolute; bottom : 10px; 
       margin : 0; 
       left: 45px;
       bottom: 115px;
     }
   #site_info { 
    height: 330px;}
   #site_info .sign-up {
     width: 300px;
     padding-left: 300px;
     padding-top: 92px;
   }
  .sign-up form div {
    float:right;
    margin-top: -25px;
  }
  #content_supp form div {
    float:right;
  }
      
	#footer-details {
	  position:absolute; right:0; bottom:45px; 
	  margin:0; padding:0; }
	  
	.home #footer-details {
	  position:absolute; right:0; bottom:30px; 
	  margin:0; padding:0; }
    
    .side_awards {
  border-bottom:1px solid #477695; }
  
/*    div p:before {
     content : "\201c"; }
   div p:after {
     content : "\201d"; } */
   div p.author {
     border-top : 1px dotted #666; }
  div p.author:before,
/*   div p.author:after {
    content : ""; } */
  div p.award:before,
  div p.award:after,
/*   div p.source:before,
  div p.source:after {
     content : ""; } */
  div p.award {
    font-size: 22px; font-family : Timeless; width : 119px; float:left;
    line-height: 1em; padding-top: 20px;  margin: 0;
  }
  div p.source {
    clear:both; font-family : Timeless;
  }
     
/* =span */
   label span {
     display : block; 
	 clear:both; }
   label.boolean span {
     display : inline; }
  #content_main li span { 
    float: right;}
  span#booking_until {
    float:left;
    padding : 25px 57px 0 31px;
    font-style: italic;
  }
   
/* =layout-classes */
   .float-left {
     float : left; 
     margin-right : 20px; margin-bottom:10px;}
   .float-right {
     float : right;
     margin-left : 20px; }
   .float-left.last {
     margin-right : 0; }
   .clear {
     clear : both; margin-bottom: 0; }
   .align-center { text-align:center; }
     
   /* full width portions */
   .one-third {
     width : 300px; text-align : justify; /* text align to show column bounds */ }
   .two-thirds {
     width : 630px; text-align : justify; /* text align to show column bounds */ }
   .half {
     width : 465px; text-align : justify; /* text align to show column bounds */ }
     
   /* portions inside a two-third parent portion */
   .two-thirds .one-third {
     width : 190px; }
   .two-thirds .two-thirds {
     width : 410px; }
   
/* =display-classes */
   .attributed {
     padding : 9px; border : 1px solid #eee;
     background-color : #f6f6f6; }
     
  .sign-up form div { margin-right : 10px;}
  
  a.view-creative-logo {
    background:transparent url(/assets/images/view-logo.png); display:inline-block; width:110px; height:19px; text-indent:-999em; 
    }
	
	#booking_name {
	  width:175px; }
	#booking_email {
	  width:175px; }
	#booking_telephone {
	  width:175px; }
	  
	#booking_special {
	  width:582px; }
	#booking_info {
	  width:582px; }
	  
     
   div#form_left {
     width : 220px; float : left; }
   label#form_right {
     width : 370px; float : left; margin-top : 0; }