﻿/* GENERAL **************************************************************************************************************** */
     
     html { height: 100%; background: url(bg.jpg) repeat-x #93deff;    }
     body { height: 100%; font-family: Arial; color:#7a7b7b;   font-size: 12px; margin: 0; padding: 0; background:url(bg2.jpg) top center repeat-x;    }
     #container { width: 998px; margin: 0 auto; padding: 0; height: 100% }
     #shell {width: 964px; padding: 0px 0 10px 34px;  background:url(bg_content.png);  }  
     a { color:#208dd0; outline:none;}
     a:hover { text-decoration: none;  }
     h1, h2, h3 { }
     h2 {  }
     .imgLeft, .imgRight { border: 1px solid #96aab7;}
     .imgLeft { margin: 0 15px 5px 0; float: left;}
     .imgRight { margin: 0 0 5px 15px; float: right;}
     hr { border: 1px solid #cce3ef; height: 1px; border-bottom: none; margin: 15px 0;}
     #printMe, .hideMe  {display:none;}
     .twoCols {float: left; width: 50%; }
     .Lefty { float: left; }
     .Righty { float: right; }
     .clearBoth {clear: both;}
     
     
/* HEADER **************************************************************************************************************** */
     
     #titlebar { position: relative; z-index: 999; height: 97px; background: url(bg_titlebar.jpg); }
          
          #logo { position: absolute; top: -98px; left: 0px; height: 87px; width: 250px; z-index: ;}
          #logo img { border: 0px; }
          
          #phonenumber { background: url(phonenumber.png); margin: 28px 0 0 530px; position: absolute; width: 193px; height: 39px;   }
          #phonenumber ul { padding: 0; margin: 0; }
          #phonenumber li { list-style: none; margin: 13px 0 0 24px; padding: 0; letter-spacing: -1px; font-size: 26px; color: #fdc532;}
          #
          
          div#usabilityNav { border-top: 1px solid #1c64ae; }
          div#usabilityNavDropDown { z-index:999; position: absolute; margin: 59px 0 0 770px; background: url(bg_helpmenu.gif) ; width: 165px; height: 17px;  }
          div#usabilityNavText { margin: 2px 0 0 8px;}
          #helpmenuShell { font-size: 11px; position: absolute;  z-index:999; top: -110px; left: -30px;  }
          #helpmenuShell ul { z-index: 9999; margin: 0px 0 0 0px; padding: 10px 0 1px 5px; background:#fff; border: 1px solid #9999; border-top: none;   }
          #helpmenuShell ul li {  list-style: none; margin: 0 0 10px 0; padding: 0 0 0 5px; }
          #helpmenuShell ul li a { color: #208dd0; display: block; width: 140px;   }
          #helpmenuShell ul li a:hover { color:#fff; background: #41bae6; padding: 0 0 0 5px; }       

          #top_links { position: absolute;   }
          #top_links ul { margin: 15px 0 0 750px; height: 60px; padding: 0px 0 0 22px; border-left: 1px solid #50abd3;   }
          #top_links ul li {  list-style: none; margin: 0 0 3px 0; padding: 0 0 0 26px; height: 15px;}
          #top_links ul li#site_feautres { background:url(icon_site_features.png) 2px 3px no-repeat;}
          #top_links ul li#company_information { background:url(icon_company_information.png) no-repeat;}
          #top_links ul li#online_chat { display: none; font-weight: bold; background:url(icon_online_chat.png) 5px 3px no-repeat;}
          #top_links ul li a { font-weight: bold; color: #fff; font-size: 10px; text-transform: uppercase; text-decoration: none;  }
          #top_links ul li a:hover { color:#fdc532;  }      

      #headerShell { position: relative; z-index: 999; }
          
          #header_overlay { width: 930px; height: 361px;  position: absolute; left: 0px; background:url(overlay_header.png);}
          
          #side { width: 248px; height: 361px; background-image: url(ibeBG.jpg); position: relative; float: left; z-index: 999 }  
               
               .widgetIBE { top: 110px; left: 45px; z-index: 999; position: absolute; color: #ffffff;}
               .widgetIBE a { color: #ffffff }
               .widgetIBE #checkinField, .widgetIBE #checkoutField, #promocodeField { width: 155px; }
               #submitButton { border: 0; display: block; background: url(bookNow.gif); line-height: 0px; width: 134px; height: 28px; text-indent: -999px; margin-left: 10px;}
               #extraInputsShell { width: 155px; }
               #extraLinksShell { width: 155px; text-align: center; }
               .widgetIBE #extraLinks li { border-right-color: #fff; }
               #anchor img {border:none;}      
          
          #header { width: 678px; height: 361px; padding:0; margin: 0;  background:#005e9c; margin-left: 252px; } 
          
          #nav { width: 930px; height: 36px; text-align: center; position: relative; background-image:url(navBG.jpg); background-repeat: no-repeat; margin: 5px 0 5px 0; }    
          #nav ul { height: 36px; width: 930px; margin: 0; padding: 0 0 0 0px;  } 
          #nav ul li {  position: relative; float: left; padding: 0 0 0 0px; display: inline; margin: 0 1px 0 18px;  } 
          #nav ul li a {  height: 24px; float: left; margin-top: 4px; padding: 8px 8px 3px 10px; display: block; font-size: 14px; letter-spacing: -1px; color:#28335f; text-decoration: none; font-weight: bold; text-transform: uppercase;  }    
          #nav ul li a:hover, #nav ul li.hover a, #nav ul li a.current { color:#4082c6; background-image: url(rHover.jpg); background-repeat: no-repeat; background-position: right -1px; }
          #nav ul li:hover, #nav ul li.current {z-index: 999; background-image: url(lHover.jpg); background-position: left 4px; background-repeat: no-repeat; }
          #nav ul li.noStyleRight {  }
          #nav ul li.noStyleLeft {  }
          #nav ul li.lastItem ul  { left: -130px }          
               #nav ul li ul { width: 230px; display: none; position: absolute; top: 36px; left: 4px; height: auto; background:#fff; padding: 15px 0px; border: 1px #998 solid; border-top: none;  }
               #nav ul li ul li {  display: block; text-align: left; line-height: 180%; border-bottom: 1px solid #eee;  padding: 5px 0; margin: 0 0 0 10px;;  }
               #nav ul li ul li a { padding: 0; margin: 0; height: auto; background: none; display: block; width: 200px; font-size: 12px; font-weight: normal; letter-spacing: normal; text-transform: none;  }
               #nav ul li ul li:hover, #nav ul li.hover ul li a, #nav ul li.hover ul li a.current, #nav ul li ul li.current {background-image: none;}
               #nav ul li ul li a:hover { background-image:none; background-color:#41bae6; font-weight: bold; color:#fff; padding: 0 0 0 7px;}
 
               

/* BODY **************************************************************************************************************** */

     #contentShell { width: 930px; background-image: url(blueBG.jpg); background-position: 0px 0px; background-repeat: repeat-y; border-bottom: 10px solid #fff; min-height:500px;  position:relative;  }
          
          #side2 { float: left; width: 244px; background-color: #ffffff; padding-bottom: 25px; background-image: url(blueBGtop.jpg); background-repeat: no-repeat; background-position: 0px bottom; }
          
               .widgetCTA { width: 245px; height: 66px; position: relative; margin-bottom: -10px; }
               .widgetCTA a {text-decoration: none; display: block; background-image: url(cta1.png); width: 245px; height: 66px; }
               .widgetCTA span {margin: 0px 0 0 0px;  color: #fff; width: 160px; position: absolute; left: 83px; top: 60px;}          
               .widgetCTA span.widgetCTAimg { display: block; width: 48px; height: 32px; overflow: hidden; margin: auto; position: absolute; left: 20px; top: 15px; border: 2px solid #aac5e3;}
               .widgetCTA a:hover span.widgetCTAimg {border: 2px white solid }
               .widgetCTA a:hover { background-image: url(cta1Over.png); display:block; color: #fff;}
               .widgetCTA h1 {position: absolute; top: 11px; left: 83px; color: #fabc4c; font-size: 13px; font-weight: bold; text-transform: uppercase; }
               .widgetCTA a:hover h1 { color: #fff; }
               
               #breadcrumbs { width: 245px; height: 59px; background-image: url(breadcrumbBG.png); position: relative; margin: -5px 0 -10px 0;}          
               #breadcrumbs ul  { height: 54px; font-size: 12px; width: 220px; text-align: left; margin-left: 15px; padding: 5px 0 0 0; position: absolute; }
               #breadcrumbs ul li { display: inline; margin: 0 5px 0 0; color: #6f4c00; }
               #breadcrumbs ul li a { color: #9d6f00; z-index: 999; }
               
               #pageid2613 #breadcrumbs, #pageid2586 #breadcrumbs { display: none; } 
               
              
          #content {  padding: 20px 20px 9px 0px; margin: 0 0 0 280px; line-height: 180%; text-align: justify; }
          #content a {  }     
          #content h1 { color: #d08a00; font-size: 26px; letter-spacing: -1px; }
               #content h1 span {font-size: 15px; }
          #content h2 { color:#005e9c; font-size: 17px; margin-bottom: 0px;}
          #content h3 { color:#d08a00; font-size: 14px; margin-bottom: 0px; }
          
               #content td { vertical-align: top; padding: 10px; }
               #subNavDownLinks { height: auto;}
               #content .googleMapWidget {float: right; margin-left: 7px;}
               #subNav {}
               #subNav ul { margin: 0 0 8px 0;  padding: 10px 0; border-bottom: 1px solid #cce3ef; border-top: 1px solid #cce3ef;  /*border: 1px solid #ccc;border-left: none; border-right: none;*/ }
               #subNav ul li { display: inline; margin: 0 15px 0 0;   }
               #subNav ul li a {}
               #subNav ul li a:hover {}
               
              
          #blueBGbot {background: url(blueBGbot.jpg) no-repeat; width: 244px;  height: 13px;  position: absolute; bottom: 0px;} 
          
 

/* FOOTER **************************************************************************************************************** */

     #footerShell { margin: 0 0 40px 0;  padding: 80px 0 40px 0; background-image: url(bg_footer2.png); position: relative; background-repeat: no-repeat; }
          
          #footerNav {  text-align: center; }
          #footerNav ul { list-style: none; padding-left: 10px; }
          #footerNav ul li { display: inline; margin-right: 16px; }
          #footerNav ul li a { text-decoration: none; text-transform: uppercase; color: #346e88; }
          #footerNav ul li.noStyleRight { margin-right:0; }
          #footerNav ul li a:hover { text-decoration: underline; }
          
          #address { height: 30px; margin: 0 0 20px 0; padding: 13px 0 0 45px; color:#fff;   }
          #address ul { margin: 0; padding: 0;  }
          #address ul li { display: inline; margin: 0 13px 0 0; font-size: 11px;  }
          #address ul li#phone { position: absolute; right: 30px; letter-spacing: -1px; top: 81px; font-size: 26px; }
          #address ul li#country { display: none;}
          #address li.noStyleRight {  }
          #address strong { }
          #address ul li#propertyName { font-weight: bold; text-transform: uppercase;}

          span#tagline { margin: -8px 0 0 365px; position: absolute; /*z-index: 998; position: absolute; margin: -10px 0 0 -560px;*/ background: #93deff; padding: 0 10px;  color:#1b5169; font-weight: bold; font-size: 15px; }
          
          
          #vizsig { text-align: center; color: #747474; }
          #vizsig a { color: #1b5c97; }
          #vizsig a:hover {}
          



#topOverlay {background:url(top-activity.gif) no-repeat; width:930px; height:8px; position:absolute; z-index:90; top:73px; left:50%; margin:0 0 0 -465px;}
#bottomOverlay {background:url(bottom-activity.gif) no-repeat;  width:930px; height:8px;position:absolute; z-index:90; top: 619px; left:50%; margin:0 0 0 -465px;}