/* SCREEN.CSS
   This is where all styles for on-screen media are declaired
   
   --------------------------------------------------------------------------------------------------------------------------
   FILE INFO
   Revision number:  1.0
   Last updated:     2008/06/02
   Last updated by:  Matt Wilcox
                     mattw@viewcreativegroup.com
   ----------------------------------------------------------------------------------------------------------------------- */

/* =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/
   ----------------------------------------------------------------------------------------------------------------------- */
   body {
     font : 75%/1.5 Arial, Georgia, "Times New Roman", Times, Helvetica, serif; }
   html > body {
     font-size : 12px; }
   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-top : 1.5em; margin-bottom : 1.5em; }
   h1 { font-size : 2em; line-height: 1em; margin-top: 0; margin-bottom: 1em; font-weight : normal; }
   h2 { font-size : 1.1667em; line-height: 1.286em; margin-top: 1.929em; margin-bottom: 0.643em; font-weight : normal; }
   h3, h4, h5, h6 {
     font-size : 1em; line-height: 1em; margin-top: 1.5em; margin-bottom: 0.5em; font-family : Georgia, "Times New Roman";
     font-weight : bold; }
   
/* =design | now the browser reset and basic typographic layout is done, lets get designing
   ----------------------------------------------------------------------------------------------------------------------- */
   
/* =html =body */
   html { background : #333 url(../images/tile.gif) 50% 0; }
   body { background : url(../images/body.png) 50% 0 no-repeat; border-top: 1px solid #000; }

/* =h1 */
   #site_context h1 {
     margin-bottom : 0; padding : 0; background : transparent none; }
     
   h1 {
     margin-top : 0; padding : 12px 12px 0 12px;
     background : url(../images/room-selector-top.gif) 0 0 no-repeat; color : #fff; font-weight : normal; line-height: 1.286em; }
   
/* =h2 */
   #content_supp h2 {
     background-color : #eee; }
     
   #nav_main h2,
   #site_info h2 {
     display : none; }
     
    #room-availability h2 {
     margin : 0 0 6px 0; padding: 5px; background: #383236; font-size: 13px;
     color : #fff; }
   #room-selector h2,
   #content_intro h2,
   #special_offers h2 {
     margin-top : 0;
     font-size : 1.5em; color : #fff; }
   .home #content_intro h2 {
     background : url(../images/room-selector-top.gif) 0 0 no-repeat; color : #fff; font-weight : normal;  padding : 12px 12px 0 12px; }
      
   #content_two h2,
   #content_main #conference_form h2 {
     color : #fff; font-size : 1.5em; }
   #content_main #conference_form h2 {
     margin : 12px 0 6px 10px; }
   .contact_us #content_main #conference_form h2 {
     margin : 12px 0 6px 0; }
   #ec {
     margin-top : -.2em; }
     
   .news-archive ul.archive h2 {
     margin-top : 1.5em; margin-bottom : 0; }
     
   .home #content_intro h3 { font-size : 14px; font-weight : normal; line-height: 1.286em; margin-top: 1.929em; margin-bottom: 0.643em; color : #fff;  }
   
   fieldset.hide h2 {
     cursor : pointer; }
   #content_main #conference_form fieldset.optional h2 {
     cursor : pointer; }
     
   .conference #content_main #conference_form fieldset.contactdetails h2 {
     margin-top : 0; }
   
/* =h3 */
   #carousel h3 {
     margin : 0; }
     
   .event-container .info h3 {
     margin-top : 6px; }
     
   #content_two .other h3 {
     margin-bottom : 0; }
     
/* =h4 */
   h4 {  }

/* =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 : ""; }
     
   .attributed p {
     margin-bottom : 0; }
     
   #content_main > h2 + p,
   #content_main > h1 + p,
   #content_main > h2 + a + p {
     font-size : 1.333em; line-height : 1.125em; margin : .929em 0 2.25em 0; }
     
   #site_info p {
     margin : 0; }
     
   label p.error {
     padding : .5em; color : #fff;
     background : #c00; text-align : left; }
     
   #carousel p.price {
     margin-top : 0;
     color : #c5c5c5; }
     
   /*.home #content_intro p {
     margin-left : 12px; margin-right : 12px; }*/
     
   .home #special_offers p {
     display : block; width : 442px; height : 89px; border : 3px solid gray;
     background : url(../../images/advert.jpg) 0 0 no-repeat; font-family : Georgia, "Times New Roman"; }
     
   #offers p {
     margin-top : 0; padding : 8px 0 1.5em 60px; border-bottom : 1px dotted #333; }
     
   p.published-date {
     margin-top : 0;
     color : #E6DAC3; }
     
   #content_intro div table td p {
     margin : 0; }
     
   #content_two .other p {
     margin-top : 0; }
     
/* =blockquote */
   blockquote {
     clear : both; }

/* =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; }
   
   #room-availability label abbr {
     font-style : normal; }
   
/* =address */
   address {  }

/* =dl =dt =dd */
   dl {  }
   dt {
     margin-bottom : 0;
     font-weight : bold; font-style : italic; }
   dd {
     margin-top : 0;
     border-left : .3em solid #ddd; padding : .5em 0 0 .7em; }
   
/* =ul */
   #content ul {
     margin-left : 1em;
     list-style : disc outside; }
     
   #nav_main ul {
     margin : 0; height : 25px; width : 731px;
     background : url(../images/menu_bg.gif) 0 0 repeat-x; }
   #nav_main ul ul {
     display : none; }
   #nav_main li:hover ul,
   #nav_main li.iehover ul {
     position : absolute; top : 25px; left : 0;
     display : block; width : 200px; height :auto; padding-top : 12px; border-bottom : 5px solid #2D292A;
     background : #2D292A none; }
     
   #nav_sub ul {
     margin : 0; }
     
   #carousel ul {
     overflow : hidden; width : 424px; }
   #carousel ul li {
     background-color : #6E6669; color : #ccc; height : 190px; }
     
   #content ul.gallery {
     height : auto; margin : 0 0 3em -8px; padding : 0;
     /*background : url(../images/gallery-bg.gif) 14px 0 no-repeat;*/ overflow : hidden; }
     
   .event-container .info ul {
     margin : 0; }
     
   #content ul.compress {
     overflow : hidden; margin-left : 0; }
   
/* =ol */
   #content ol {
     margin-left : 1.6em;
     list-style : decimal outside; }

/* =li */
   li {
     margin : .5em 0; }
     
   ul.compress li {
     float: left;
     width : 42%; margin : 0 15px 0 15px; }
     
   #nav_main li {
     position : relative; float : left;
     display : block; height : 25px; width : 58px; margin : 0;
     text-indent : -999em; }
   #nav_main li li {
     float : none;
     display : block; height : 25px; width : auto; padding : 0 5px;
     text-indent : 0; background-color : #2D292A; color : #fff; /* font-family : ariel, helvetica, sans-serif; */ }
     
   #nav_sub li {
     margin : 0; }
     
   #carousel li {
     width : 424px; margin : 0; }
     
   .gallery li {
     float : left;
     display : block; width : 65px; height : 65px; border : 2px solid #bbb; margin : 0 0 10px 8px;
     list-style-type : none; list-style-position : outside; }
     
   ul.archive li {
     list-style-type : none; list-style-position : outside; }
     
   #nav_sub ul li {
     background-image : url(../images/slot-anchor.gif); }
     
/* =img */
   img,
   img a { border : none; }
   .attributed img {
     margin : 0; }
     
   #carousel li img {
     float : left; margin-left : 12px;
     border : 3px solid #a1a1a1; }

   #content_intro img {
     border : 3px solid #a1a1a1; }
   #content_intro ul.gallery img {
     border : 0; }
     
   .gallery li img {
     margin : 0; }
     
   #carousel li a img {
     margin : -4px 12px 0 0; border : 0; }
     
/* =hr */
   hr { display : none; }

/* =a */
   a:link    { color : #BEA06E; text-decoration : none; }
   a:visited { color : #BEA06E; text-decoration : none; }
   a:hover   { text-decoration : underline; }
   a:focus   { background-color : #ff9; color : #333; }
   a:active  { background-color : #ff6; color : #000; 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; }
     
   #site_context h1 a,
   #site_context p a {
     position : absolute; top : 0; left : 0;
     display : block; width : 239px; height : 133px; }
     
   #site_info a {
     font-weight : bold; color : inherit; }
     
   #nav_main li a {
     display : block; width : 100%; height : 25px; }
   #nav_main li li a {
     padding : 0 5px; width : 180px; line-height : 25px; }
   #nav_main li li a:hover {
     color : #fff; text-decoration : none; }
     
   #nav_main #nav_main-hotel                      { width : 46px; }
   #nav_main #nav_main-conference                 { width : 81px; }
   #nav_main #nav_main-banquetingandprivatedining { width : 54px; }
   #nav_main #nav_main-events                     { width : 52px; }
   #nav_main #nav_main-weddings                   { width : 72px; }
   #nav_main #nav_main-local-area                 { width : 75px; }
   #nav_main #nav_main-contact_us                 { width : 75px; }
   #nav_main #nav_main-book                       { width : 68px; }
   
   #nav_main-home a {
     background : url(../images/menu.gif) 0 0px no-repeat; }
   #nav_main a:hover, #nav_main a:focus,
   .home #nav_main-home a {
     background : url(../images/menu.gif) 0 -25px no-repeat; }
     
   #nav_main-hotel a {
     background : url(../images/menu.gif) -56px 0 no-repeat; }
   #nav_main #nav_main-hotel:hover > a, #nav_main #nav_main-hotel a:focus, #nav_main #nav_main-hotel a:active,
   .hotels #nav_main-hotel a {
     background : url(../images/menu.gif) -56px -25px no-repeat; }

   #nav_main-conference a {
     background : url(../images/menu.gif) -102px 0 no-repeat; }
   #nav_main #nav_main-conference:hover > a, #nav_main #nav_main-conference a:focus, #nav_main #nav_main-conference a:active,
   .conference #nav_main-conference a {
     background : url(../images/menu.gif) -102px -25px no-repeat; }

   #nav_main-banquetingandprivatedining a {
     background : url(../images/menu.gif) -183px 0 no-repeat; }
   #nav_main #nav_main-banquetingandprivatedining:hover > a, #nav_main #nav_main-banquetingandprivatedining a:focus, #nav_main #nav_main-banquetingandprivatedining a:active,
   .banquetingandprivatedining #nav_main-banquetingandprivatedining a {
     background : url(../images/menu.gif) -183px -25px no-repeat; }
     
   #nav_main-events a {
     background : url(../images/menu.gif) -242px 0 no-repeat; }
   #nav_main #nav_main-events:hover > a, #nav_main #nav_main-events a:focus, #nav_main #nav_main-events a:active,
   .events #nav_main-events a {
     background : url(../images/menu.gif) -242px -25px no-repeat; }
     
   #nav_main-weddings a {
     background : url(../images/menu.gif) -298px 0 no-repeat; }
   #nav_main #nav_main-weddings:hover > a, #nav_main #nav_main-weddings a:focus, #nav_main #nav_main-weddings a:active,
   .weddings #nav_main-weddings a {
     background : url(../images/menu.gif) -298px -25px no-repeat; }
     
   #nav_main-local-area a {
     background : url(../images/menu.gif) -372px 0 no-repeat; }
   #nav_main #nav_main-local-area:hover > a, #nav_main #nav_main-local-area a:focus, #nav_main #nav_main-local-area a:active,
   .localarea #nav_main_local-area a {
     background : url(../images/menu.gif) -372px -25px no-repeat; }
     
   #nav_main-contact_us a {
     background : url(../images/menu.gif) -450px 0 no-repeat; }
   #nav_main #nav_main-contact_us:hover > a, #nav_main #nav_main-contactus a:focus, #nav_main #nav_main-contactus a:active,
   .contact #nav_main-contact_us a {
     background : url(../images/menu.gif) -450px -25px no-repeat; }
     
   #nav_main-book a {
     background : url(../images/menu.gif) -525px 0 no-repeat; }
   #nav_main #nav_main-book:hover > a, #nav_main #nav_main-book a:focus, #nav_main #nav_main-book a:active,
   .booking #nav_main-book a {
     background : url(../images/menu.gif) -525px -25px no-repeat; }
     
   #nav_main ul li ul li a {
     background-image : none !important; }
   #nav_main ul li ul li a:hover,
   #nav_main ul li ul li a:focus,
   #nav_main ul li ul li a:active {
     background : #4C4648 none; }
     
   .breadrumbs a {
     margin : 0 .5em 0 .25em; }
     
   .home #nav-main_home a {
     background : url(../images/menu.gif) 0 -25px no-repeat; }
   .hotels #nav-main_hotels a {
     background : url(../images/menu.gif) -58px -25px no-repeat; }
   .functions #nav-main_functions a {
     background : url(../images/menu.gif) -108px -25px no-repeat; }
   .conference #nav-main_conference a {
     background : url(../images/menu.gif) -184px -25px no-repeat; }
   .news-archive #nav-main_news a, .news-item #nav-main_news a {
     background : url(../images/menu.gif) -273px -25px no-repeat; }
   .weddings #nav-main_weddings a {
     background : url(../images/menu.gif) -325px -25px no-repeat; }
   .testimonials #nav-main_testimonials a {
     background : url(../images/menu.gif) -403px -25px no-repeat; }
   .local #nav-main_local-area a {
     background : url(../images/menu.gif) -497px -25px no-repeat; }
   .contact #nav-main_contact a {
     background : url(../images/menu.gif) -577px -25px no-repeat; }
   .booking #nav-main_booking a {
     background : url(../images/menu.gif) -660px -25px no-repeat; }
     
   #nav_sub li a {
     position : relative;
     display : block; width : 239px; height : 116px; margin : 0;
     background : transparent url(../images/slot-1.jpg) 0 0 no-repeat; color : #ebe6d6; }
   #nav_sub li.slot-2 a {
     background-image : url(../images/slot-2.jpg); }
   #nav_sub li.slot-3 a {
     background-image : url(../images/slot-3.jpg); }
   #nav_sub li.slot-4 a {
     background-image : url(../images/slot-4.jpg); }
   #nav_sub li.slot-5 a {
     background-image : url(../images/slot-5.jpg); }
   #nav_sub li.slot-6 a {
     background-image : url(../images/slot-6.jpg); }
     
   .home #special_offers p a {
     display : block; width : 154px; height : 77px; padding : 6px 290px 6px 6px;
     background : url(../images/advert.png) 0 0 no-repeat;
     color : #555; font-size : 1.5em; }
   .home #special_offers p.right a {
     position : relative; right : 5px;
     display : block; width : 150px; height : 77px; padding : 6px 6px 6px 291px; margin-right : 3px;
     background : url(../images/advert.png) 100% 0 no-repeat;
     color : #555; font-size : 1.5em; }
     
   a.book-online,
   a.book-online img {
     display : block; margin : 0; padding : 0; }
   a.live-chat,
   a.live-chat img {
     margin : 0; padding : 0; }
     
/* =table */
   table {
     width : 100%; border : 1px solid #ddd; }
   #event-calender table {
     margin : 0; }

/* =caption */
   caption { margin : 0 0 .5em 0; }

/* =thead */
   thead {
     text-align : left; background : #ddd; }

/* =tfoot */
   tfoot {
     background-color : #ddd; }
   
/* =tbody */
   tbody {  }
   
/* =tr */
   tbody tr:hover { background-color : #6e6669; }
   
/* =th */
   th {
     font-weight : bold; padding : 2px; }
   thead th {
     color : #4D4749; text-align : center; }

/* =td*/
   td {
     border : 1px dotted #6E6669; padding : 2px;
     text-align : center; }

/* =form */
   form {
     position : relative;
     width : 100%;
     overflow : hidden; }
     
   #nav_main form {
     margin : 0; }
     
   #room-availability form,
   #room-availability fieldset {
     margin : 0; padding : 0; }
     
   #offers form {
     padding : 12px 12px 0 12px; margin-bottom : 0; width : 199px;
     background : url(../images/subscribe-bottom.jpg) 0 100% no-repeat; }
     
   #changeIpix,
   #changeIpix label {
     margin : 0; }
     
   #content_one form {
     padding : 10px;
      }
     
   #content_one form#changeIpix {
     background-color : transparent; }
   
/* =fieldset */
   #room-availability div {
     margin-top : 6px; }
     
   fieldset.optional {
     border-top : 1px dotted #999; }
     
/* =legend */
   legend {
     margin : 0;
     color : #C4B9A3; font-weight : bold; }
   
   #nav_main legend {
     display : none; }
   
/* =blockquote */
   blockquote {
     margin : 0 12px 12px 0; }
   blockquote.pullquote {
     float : left;
     width : 200px;
     font-family : Georgia, "Times New Roman", Times; }
   blockquote.pullquote-right {
     float : right;
     width : 200px; margin : 0 0 12px 12px;
     font-family : Georgia, "Times New Roman", Times; }
   blockquote.pullquote p.quotation,
   blockquote.pullquote-right p.quotation {
     font-size : 2em; margin : 0; }
   blockquote.pullquote p.author,
   blockquote.pullquote-right p.author {
     margin-bottom : 0; }

/* =label */
   label {
     position : relative; /* so we can absolutely position errors */
     display : block;
     overflow : hidden; /* so no collapsing float issues */ }
     
  #room-availability label {
     float : left;
     margin : 0 10px 6px 0; width : 90px;
     color : #fff; }
   #room-availability label.guests,
   #room-availability input.submit {
     clear : both; }
     
   #offers label {
     margin : 0 0 6px 0; }
     
   .conference #content_one fieldset,
   .contact_us #conference_form fieldset {
     margin-left : -10px; }
   .conference #content_one label,
   .contact_us #conference_form label {
     color : #fff; }
   .conference #content_one #conference_form label,
   .contact_us #conference_form label {
     float : left; width : 209px; margin : 6px 0 6px 10px; }
   .conference #content_one .contactaddress1 {
     clear : both; }
   label.error { background-color : red; }
   
   /*.contact_us #conference_form label {
     float : left;
     margin : 0 10px 12px 0; width : 200px; }*/
   .contact_us #conference_form .message label {
     float : none;
     width : auto; }
   
/* =input */
   input[type="text"],
   input[type="password"],
   textarea {
     border : 1px solid #999; margin-bottom: 10px; padding: 1px; margin-right: 15px; margin-left: 5px }
   input[type="text"]:focus,
   input[type="password"]:focus,
   textarea:focus {
     background-color : #ffd; }
     
   #room-availability input[type="submit"] {
      	margin-top: 0px; float: right; margin-right: 25px;
      }  
     
   label input {
     width : 97%; border : 1px solid #ddd; }
   .boolean input {
     width : auto; margin-right : .5em; }
     
   #offers input {
     width : 100%; }
   #offers input.submit {
     width : auto; margin : 12px 0 0 0; }
   
/* =textarea */
    textarea {
      width : 96.5%; height : 8em; border : 1px solid #ddd; }

/* =select */
   label select {
     width : 100%; }
   select:focus {
     background-color : #ff9; }
     
/* =div */
   #container {
     position : relative;
     width : 970px; margin : 0 auto;
     background : #fff url(../images/container.gif) 0 0 repeat-y; }
   #page_context,
   #site_context {
     height : 297px; margin-bottom : 0;
     background : url(../images/header.jpg) 0 0 no-repeat; }
   #nav_main {
     position : absolute; top : 272px; left : 239px;
     margin : 0; }
   
   #site_info {
     clear : both; width : 970px; margin : 2.5em auto 0 auto; padding-bottom : 2.5em; /* use padding for IE */
     color : #a1a1a1; background : transparent; }
     
   #content {
     float : right;
     width : 731px; margin : 0 0 70px 0;
     background : url(../images/content.jpg) 0 0 repeat-x; overflow : hidden; }
     
   #content_two {
     float : right;
     width : 223px; margin : 0; padding-right : 22px;
     color : #DFD4BE; }
   #content_one {
     float : left;
     width : 448px; margin : 0; padding : 0 0 0 12px;
     overflow : hidden; }
   #content_intro {
     margin : 0; }
   #content_intro div {
     margin : 0 24px 0 12px; }
     
   #nav_sub {
     float : left;
     width : 239px; margin : 10px 0 0 0; padding-bottom : 123px;
     background : url(../images/logos.gif) 50% 100% no-repeat; }
     
   #room-availability {
     position : absolute; top : 115px; left : 0;
     width : 229px; color: white; padding-left: 10px  }
   #room-selector {
     background : #3E383C url(../images/room-selector-top.jpg) 0 0 no-repeat; padding : 12px 12px 0 12px; }
   #content_intro {
     padding : 0 0 12px 0;
     background : #383236 url(../images/rounded-bottom.jpg) 0 100% no-repeat; color : #DFD4BE; overflow : hidden; }
   #carousel {
     margin-bottom : 0; }
   #carousel li div {
     float : right; margin : 24px 12px 0 0;
     width : 226px; }
     
   #carousel-controls {
     position : relative; left : -12px; top : 0;
     margin : 0; width : 448px; height : 36px;
     background : url(../images/room-selector-bottom.jpg) 0 0 no-repeat; }
     
   #event-calender {
     position : relative; }
   #event-calender .info {
     display : none; }
   #event-calender div {
     margin : 0; }
     
   #back-next .calendar-back {
     position : absolute; left : 0; top : 35px; }
   #back-next .calendar-next {
     position : absolute; right : 0; top : 35px; }
     
   #offers {
     background : #7B6E5B url(../images/subscribe-top.jpg) 0 0 no-repeat; color : #333; }
     
   .event-container .info {
     position : absolute; left : 3px;
     padding : 6px; border : 2px solid #a1a1a1; width : 200px;
     background : #333; text-align : left; }
     
   #content_intro fieldset.hide div {
     margin : 0; }
     
.breadrumbs {
  border-bottom:1px solid #3A3A3A;
  color:#DFD4BE;
  margin-left:-0.25em;
  margin-top:-0.25em;
  padding-bottom:0.5em;
  text-transform:lowercase;
}
     
/* The main menu vanishes if there isn't a block element between the two menu's, here we collapse it to zero height */
   .fix-for-ie-vanishing-content-bug {
     margin : 0; }
     
   #content_intro #IpixHolder {
     width : 417px; height : auto; overflow : hidden;
     margin : 12px auto 0 auto; padding : 3px; background-color : #999; }
   applet {
     display : block;
     margin : 0; }
     
   .contact_us #conference_form div {
     margin : 0 12px; }
   .contact_us #conference_form div div {
     margin : 0 0 0 -12px; }
     
/* =span */
   label span {
     display : block; }
   label.boolean span {
     display : inline; }
   #content_one label span {}
     
   #site_context h1 a span,
   #site_context p a span {
     position : absolute; top : 0; left : 0;
     display : block; width : 239px; height : 133px;
     overflow : hidden; background : url(../images/h1.jpg) 0 0 no-repeat; }
   #site_context h1 a:hover span,
   #site_context p a:hover span,
   #site_context h1 a:focus span,
   #site_context p a:focus span {
     background-position : 0 -133px; }
   #site_context #images {
     position : absolute; top : 0; right : 0;
     display : block; width : 731px; height : 272px;}
   #site_context span.graphic {
     position : absolute; top : 0; left : 0;
     display : block; width : 731px; height : 272px;}
   #site_context span.graphic#default-graphic { 
     background : url(../images/loader.gif) 50% 50% no-repeat; }
   
   .innerfade {top:12px;}
     
   #nav_sub li a span {
     position : absolute; top : 95px; left : 30px; }
     
   span.false-border {
     position : absolute; top : 0; left : 424px;
     display : block; width : 12px; height : 220px;
     background-color : #3E383C; z-index : 3; }
     
   #carousel-controls span {
     cursor : pointer; }
   #carousel-controls span.prev {
     position : absolute; left : 12px; top : 1px;
     display : block; width : 47px; height : 23px;
     text-indent : -999em; overflow : hidden; }
   #carousel-controls span.next {
     position : absolute; left : 59px; top : 1px;
     display : block; width : 47px; height : 23px;
     text-indent : -999em; overflow : hidden; }
   #carousel-controls span.prev:hover {
     background : url(../images/room-selector-prev.jpg) 0 0 no-repeat; }
   #carousel-controls span.next:hover {
     background : url(../images/room-selector-next.jpg) 0 0 no-repeat; }
     
   span.horrible-hackery { /* because we can't use overflow hidden on the container div to force layout, if we do it screws rendering the top of the page */
     display : block; clear : both; margin : 0; height : 1px; }
     
   /* Sgets the placement wrong
   #site_context span.graphic {
     top : -12px; } */
      
/* =layout-classes */
   .float-left,
   .pic-l {
     float : left;
     margin : 0px 12px 12px 0; }
   .float-right,
   .pic-r {
     float : right;
     margin : 0px 12px 12px 12px; }
   
   .float-left.last {
     margin-right : 0; }
   .clear {
     clear : both; }
	 
	 #googleMap {
	 	width:425px;
		height:350px;
		border:3px solid #A1A1A1;
		margin-left:8px;
	 }