@charset "UTF-8";

body { font: normal normal normal 12px/1.5em Arial, sans-serif; background: #fff url(../img/bg-gradient.png) repeat-x; }


/* BASICS */

/* Headings */
h1, h2, h3 { margin: 1em 0; }

h1, h2, h3, h4, h5, h6 { font-family: "Myriad Pro", Myriad, Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; }

h1, h2, h3 { color: #DDDBD1 /*#002B7F*/; }
/*h2, h3 { color: #727375; } */
h1 { font-size: 16px; }

h2 { margin: 0.6em 0 0 0; font-size: 16px; }

/* Links */
a { font-weight: bold; color: #002B7F; text-decoration: none; }

a:visited { color: #002B7F; }

a:hover { color: #57585B; }

/* Text */
p { margin-bottom: 20px; }

abbr, acronym { border-bottom:1px dotted #000; cursor:help; } 

em { font-style:italic; }

strong { font-weight: bold; }

del { text-decoration:line-through; }

/*giving blockquotes and lists room to breath*/
blockquote,ul,ol,dl { margin:1em; }

/*bringing lists on to the page with breathing room */
ol,ul,dl { margin-left:2em; }

/*giving OL's LIs generated numbers*/
ol li { list-style: decimal outside; }

/*giving UL's LIs generated disc markers*/
ul li { list-style: disc outside; }

dl dd { margin-left:1em; }


/* LAYOUT 
 ----------------*/

.block { width: 970px; }

/* NAVIGATION 
 ----------------*/
#nav { 
    float: left; 
    position:relative; 
    margin-bottom: 10px;
    font-family: "Myriad Pro", Myriad, Helvetica, Arial, sans-serif; 
    font-size: 13px;
    text-transform: uppercase; 
    background: transparent url(../img/v2/nav-left-grey.png) no-repeat; 
    z-index: 50; 
}
   
   #nav div { 
     float: left; 
     width: 965px; 
     background: transparent url(../img/v2/nav-right-grey.png) no-repeat top right; 
   }

/* MENU */    
ul#menu { 
  height: 23px; 
  padding-left: 235px; 
  margin: 0 15px; 
  vertical-align: middle; 
  background: url(../img/v2/nav-bg-grey.png) repeat-x; 
} 

ul#menu li { 
  display: block; 
  float: left; 
  position: relative; 
  margin:0 20px 0 0; 
  list-style: none; 
  overflow:visible; 
}

    ul#menu li a { 
      display: block; 
      height: 23px; 
      width: auto; 
      padding: 2px 0 0 0; 
      font-weight: normal; 
      text-decoration: none; 
      color: #FFF; 
      overflow: visible; 
    }
        ul#menu li a:hover { color: #002B7F; }

    /* SUB MENU */
    ul#menu li ul { display: none; }
        ul#menu li ul li { width: 200px; margin: 0; }
        ul#menu li ul a { 
          display: block; 
          margin: 0; 
          padding-left: 5px; 
          color:#5E5F62; 
          text-align: left; 
        }
        ul#menu li ul a:hover { color: #002B7F; }


    /* HOVER/SHOW MENU */
    ul#menu li:hover ul {  
      display: block; 
      position: absolute; 
      left: 0; 
      top: 23px; 
      margin: 0; 
      padding: 10px; 
      background: url(../img/bg-submenu.png); 
    }
        ul#menu li:hover ul li { 
          display: block; 
          float: none; 
          width: 120px; 
          list-style: none; 
          background: #A7A5A5; 
        }


/* common styling */

.menu {
  font-family: arial, sans-serif; 
  width:750px; 
  height:100px; 
  position:relative; 
  font-size:11px; 
  z-index:60;
}

.menu ul li a, .menu ul li a:visited {
  display:block; 
  text-decoration:none; 
  color:#000;width:104px; 
  height:20px; 
  text-align:center; 
  color:#fff;
  border:1px solid #fff; 
  background:#710069; 
  line-height:20px; 
  font-size:11px; 
  overflow:hidden;
}

.menu ul {padding:0; margin:0; list-style: none;}

.menu ul li {float:left; position:relative;}

.menu ul li ul {display: none;}



/* specific to non IE browsers */

.menu ul li:hover a {color:#fff; background:#36f;}

.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}

.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}

.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}

.menu ul li:hover ul li ul {display: none;}

.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}

.menu ul li:hover ul li a:hover {background:#6fc; color:#000;}

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}

.menu ul li:hover ul li:hover ul.left {left:-105px;}

    
    
/* HEADER */
#header { height: 90px; margin: 0 0 10px 0; background: transparent url(../img/v2/header.png) no-repeat; overflow: hidden; }

    #header.block { width: 980px; }
    
    #header #logo { float: left; width: 242px; margin: 5px 0 0 15px; color: #FFF; } /* margins nudge the logo into place */
        
        #logo img { width: 242px; height: 81px; }
    
    #header .flavour { display: block; float: right; margin: 40px 55px 0 0; color: #002B7f; }
    
    #header > span { display: block; float: left; color: #01BABD; }
    
/* FOOTER */
#footer { font-family: "Myriad Pro", Myriad, Helvetica, Arial, sans-serif; font-size: 12px; text-align: right; color: #FFF; background: transparent; overflow: hidden; }

    #footer ul { float: right; height: 25px; margin: 0 30px 0 0; }
    #footer ul li { display: inline; margin-left: 5px; }
    #footer a { font-weight: normal; color: #FFF; }
    #footer a:hover { color: #074E9A; }
     
/* CONTENT 
------------*/
#content { height: 532px; margin-top: 10px; color: #fff; background: transparent url(../img/bg-content2.png) no-repeat -5px 0px; overflow: hidden; }

#content.block { width: 990px; }    

    #content .inner { width: 974px; margin: 15px 0 30px; background-color: transparent; background-repeat: no-repeat; background-position: 31px 0px; overflow: hidden; } /* actual content*/
    
    
.main, .side { float: left; height: 476px; }
    
.main { width: 675px; margin-left: 5px; }
    .full .main { width: 675px; margin-left: 0; background: transparent url(../img/v2/bg-side-transparent.png) repeat-x 0px -20px; color: #FFF; }

.side { width: 225px; margin-left: 30px; color: #FFF; background: transparent url(../img/v2/bg-side-transparent.png) repeat-x 0px -20px; overflow: hidden; }   

    /* #content .inner .side .inner { float: left; position: relative; top: 10px; left: 10px; height: 422px; width: 180px; background: none; overflow: hidden; } */
    
    /* Scroll Area */
    #content-scroll { float: left; height: 420px; width: 201px; overflow: hidden; }
        
        .full .main #content-scroll { width: 500px; } 
    
    #content-holder { padding: 5px 5px 5px 10px; }
    
    /* Scroll Bars */
    .scrollpane { overflow: hidden; }
    
    .scrollbar { float: left; height: 420px; width: 23px; background: transparent; }
    
        .scrollbar .handle { height: 78px; width: 23px; background: transparent url(../img/scroll-handle.png) no-repeat 0px 5px; }
        .scrollbar .handle:hover { cursor: n-resize; }
        
        .full .main .scrollbar { margin-left: 20px; }
   

/* FLOOR PLAN */
#floorplan .main { display: none; }
/* MISC */

#wrap { 
    width: auto; 
    margin: 0px; 
    padding: 90px 0 15px 120px; 
    background: transparent url(../img/bg-trees-transparent.png) no-repeat scroll bottom left; 
}

#bottom { position: fixed; height: 100%; width: 100%; margin: 0px; background: #000; }

/* FORMS
 ----------------*/
 
 
input, select, textarea { float: left; font-size: 13px; }
select { float: left; margin: 0; }
textarea { width: 230px; height: 130px; }
label { margin-right: 10px; text-align: right; font-weight: bold; color: #FFF; }

/* hFORM */
form.hform p { float: left; clear: left; width: 100%; margin-bottom: 10px; }
form.hform p label { float: left; width: 100px; }
form.hform p input { width: 230px; }
form.hform p select { width: 230px; }
form.hform p input.button { width: auto; }
form.hform p input.checkbox { width: auto; }
form.hform p input.radio { width: auto; }
form.hform p.checkbox { margin-left: 100px; }
form.hform p.checkbox label { float: none; }
form.hform p.checkbox input { width: auto; }

form.hform p input.submit { float: none; clear: both; margin-left: 110px; }

/* ENQUIRY 
 ----------------*/
 
/* #enquiry .main, 
#enquiry .side { margin-top: 5px; } */

#enquiry .main { margin-left: 0; background: transparent url(../img/bg-side-transparent.png) repeat-x 0px -20px; } 
.main #enquire-form form { float: left; width: 500px; margin-top: 10px; padding: 5px; }
.main #enquire-form form .submit { margin-top: -5px; }

.fullfield { padding-top: 20px; }

.error { color:#AC0229; background: #E8DADE; }

/* GALLERY 
 ----------------*/

.gallery { margin: 31px 0 0 25px; padding: 0; }
.gallery li { float: left; width: 160px; height: 142px; list-style: none; background: transparent url(../img/bg-img.png) no-repeat; }
.gallery li a { display: block;  }
.gallery li img { position: relative; top: 10px; left: 13px; width: 129px; height: 100px; }



/* MUSIC
----------------*/
#music { height: 30px; width:26px; float: right; overflow: hidden; }


/* INTRO PAGE
----------------*/
#intro { background: #A7A5A5; text-align: center; }
#intro .block { clear: both; margin: 0 auto; text-align: left; }

/* LOGO */
#intro #header { width: 400px; height: 150px; margin-top: 50px; margin-bottom: 20px; background: none; }
#header.block { text-align: center;  }
#intro #logo { width: 357px; height: 148px;  text-align: center; }

/* SPLASH */
#intro #splash { width: 799px; height: 232px; margin-bottom: 50px; background: #FFF; overflow: hidden; }
#splash img { width: 769px; height: 200px; margin: 15px; }

/* TEXT */    
#intro #text { width: 799px; height: 89px; text-align: center; }
#text h1 { font-size: 23px; font-weight: 500; letter-spacing: 20px; color: #57585B; }
#text h2 { font-size: 21px; margin-bottom: 0px; font-weight: bold; color: #57585B; font-family: serif; }

/* BUTTON */
#intro #enter { width: 156px; height: 69px; }
#intro #enter a img { border: none; }