/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";

body
{
    margin-top: 0px;
    background: url('/assets/images/Template/PageBackgroundBrown.jpg');
}

/* Page
-------------------------------------------------------------- */

#page
{
    margin: 0 auto;
    width: 980px;
}


/* Header
-------------------------------------------------------------- */

#header
{
    width: 980px;
    height: 284px;
    background: url('/assets/images/Template/PaganettiHeaderGraphic.jpg') no-repeat top left;
}

#header h1
{
    width: 980px;
    height: 267px;
    font-family: "Calisto MT", "Times New Roman", Times, serif;
    color: #FFF;
    text-indent: -10000px;
    margin: 0px;
    padding: 0px;
}

#header h2 { display: none; }

#header #menu
{
    height: 36px;
    background: url('/assets/images/Template/MenuBackgroundGreen.png') no-repeat top left;
    padding: 0px;
    margin: 0px;
}

#header .tabs { margin: 0px; }
#header .tabs li { margin: 0px; }
#header .tabs a,
#header .tabs span
{
    display: block;
    background-image: url('/assets/images/Template/Menu.png');
    background-repeat: no-repeat;
    background-position-y: 0px;
    padding: 0px;
    margin: 0px;
    height: 36px;
    text-indent: -10000px;
    overflow: hidden;
}
/*
#header .tabs a:hover  { background-position-y: -36px; }
#header .tabs a:active { background-position-y: -72px; }
.home #header .tabs a  { background-position-y: -108px; }
*/

/* Menu UP State */
#header .tabs #menuhome a          { background-position: -0px  0;  width: 91px;  }
#header .tabs #menuaccommodation a { background-position: -91px 0;  width: 170px; }
#header .tabs #menurestaurant a    { background-position: -261px 0; width: 125px; }
#header .tabs #menubar a           { background-position: -386px 0; width: 59px;  }
#header .tabs #menuhistory a       { background-position: -445px 0; width: 92px;  }
#header .tabs #menuservices a      { background-position: -537px 0; width: 103px; }
#header .tabs #menuarea a          { background-position: -640px 0; width: 73px;  }
#header .tabs #menucontact a       { background-position: -713px 0; width: 98px;  }
#header .tabs #menubooknow a       { background-position: -811px -36px; width: 168px; }

/* Menu OVER State */
#header .tabs #menuhome span          { background-position: -0px  -36px;  }
#header .tabs #menuaccommodation span { background-position: -91px -36px;  }
#header .tabs #menurestaurant span    { background-position: -261px -36px; }
#header .tabs #menubar span           { background-position: -386px -36px; }
#header .tabs #menuhistory span       { background-position: -445px -36px; }
#header .tabs #menuservices span      { background-position: -537px -36px; }
#header .tabs #menuarea span          { background-position: -640px -36px; }
#header .tabs #menucontact span       { background-position: -713px -36px; }
#header .tabs #menubooknow span       { background-position: -811px -36px; }

/* Menu DOWN State */
#header .tabs #menuhome a:active          { background-position: -0px  -72px;  }
#header .tabs #menuaccommodation a:active { background-position: -91px -72px;  }
#header .tabs #menurestaurant a:active    { background-position: -261px -72px; }
#header .tabs #menubar a:active           { background-position: -386px -72px; }
#header .tabs #menuhistory a:active       { background-position: -445px -72px; }
#header .tabs #menuservices a:active      { background-position: -537px -72px; }
#header .tabs #menuarea a:active          { background-position: -640px -72px; }
#header .tabs #menucontact a:active       { background-position: -713px -72px; }
#header .tabs #menubooknow a:active       { background-position: -811px -0px; }

/* Menu ACTIVE State */
#homePage .tabs #menuhome a,
#homePage .tabs #menuhome a:hover,
#homePage .tabs #menuhome a:active {
  background-position: -0px -108px;
}

#accommodationPage .tabs #menuaccommodation a,
#accommodationPage .tabs #menuaccommodation a:hover,
#accommodationPage .tabs #menuaccommodation a:active {
  background-position: -91px -108px;
}

#restaurantPage .tabs #menurestaurant a,
#restaurantPage .tabs #menurestaurant a:hover,
#restaurantPage .tabs #menurestaurant a:active {
  background-position: -261px -108px;
}

#barPage .tabs #menubar a,
#barPage .tabs #menubar a:hover,
#barPage .tabs #menubar a:active {
  background-position: -386px -108px;
}

#historyPage .tabs #menuhistory a,
#historyPage .tabs #menuhistory a:hover,
#historyPage .tabs #menuhistory a:active {
  background-position: -445px -108px;
}

#servicesPage .tabs #menuservices a,
#servicesPage .tabs #menuservices a:hover,
#servicesPage .tabs #menuservices a:active {
  background-position: -537px -108px;
}

#areaPage .tabs #menuarea a,
#areaPage .tabs #menuarea a:hover,
#areaPage .tabs #menuarea a:active {
  background-position: -640px -108px;
}

#contactPage .tabs #menucontact a,
#contactPage .tabs #menucontact a:hover,
#contactPage .tabs #menucontact a:active {
  background-position: -713px -108px;
}

/* No Rollover on Active Tab */
#homePage          .tabs #menuhome a:hover span,
#accommodationPage .tabs #menuaccommodation a:hover span,
#restaurantPage    .tabs #menurestaurant a:hover span,
#barPage           .tabs #menubar a:hover span,
#historyPage       .tabs #menuhistory a:hover span,
#servicesPage      .tabs #menuservices a:hover span,
#areaPage          .tabs #menuarea a:hover span,
#contactPage       .tabs #menucontact a:hover span
{ display: none; }


/* Bubble pop-up */
.bubbleInfo
{
    position: relative;
}

.popup
{
  position: absolute;
  display: none;
  z-index: 50;
  border-collapse: collapse;
  cursor: pointer;
}

#menubooknow .popup
{
    background: transparent url('/assets/images/Template/BookNowPopUp.png') no-repeat top left;
    width: 280px;
    height: 180px;
    text-indent: -100000px;
}




/* Body
-------------------------------------------------------------- */

#body
{
    background: #DDD url('../assets/images/Template/ContentBackground.jpg');
    margin-top: 20px;
    padding: 15px;
}

#introduction { float: left; width: 480px; margin-right: 130px; }

#resources { float: left; width: 230px; }
#resources h3 { color: #888; }
#resources ul, #resources ol { color: #888; }
#resources ul a { color: #555; }


/* Footer
-------------------------------------------------------------- */
#footer { margin-top: 0px; }

#footerDetails
{
    padding-top: 15px;
    width: 980px;
    height: 44px;
    background: url('/assets/images/Template/FooterDetailsBar.png') no-repeat top left;
}

#footer .email a
{
    float: right;
    width: 200px;
    display: block;
    height: 44px;
    text-indent: -1000px;
    overflow: hidden;
}

#footer { overflow: hidden; }
#footerDetails { margin-top: -14px; }

#paganettiFooterLogo, #footer .phone { display: none; }

#footer p.copyright
{
    height: 53px;
    width: 980px;
    
    background: url('/assets/images/Template/ContentBottomShadow.jpg') no-repeat top;
    overflow: visible;
}

#footer p.copyright,
#footer p.copyright *
{
    color: #DDDDDD; /*#231907;*/
    font-family: Georgia, serif;
    text-align: center;
    text-shadow: #474136 0px 1px 0px;
}