@import url('core_files/reset.css');
@import url('core_files/forms.css');
@import url('../plugins/colorbox/colorbox.css');
@import url('core.css');

.strong             { font-weight: bold;   }
.italic             { font-style:  italic; }
.normal             { font-weight: normal; }
.underline       { text-decoration: underline; }
.no-underline { text-decoration: none; }

.small   { font-size: 10px; }
.header { line-height: 1.2; margin-bottom: 20px; }

.inline-block { display: inline-block; }
.inline             { display: inline; }
.block               { display: block;  }
.hidden             { display: none; }

.right { float: right; }
.left  { float: left;  }
.last  { clear: right; }

h1, h2, h3, h5 { color: #ffffff; }
h4 { color: #005E87; }

h2 { margin-bottom: 20px; }

h1 { font-size: 12px; } h1.cufon { font-size: 24px; }
h2 { font-size: 12px; } h2.cufon { font-size: 22px; }
h3 { font-size: 12px; } h3.cufon { font-size: 20px; }
h4 { font-size: 12px; } h4.cufon { font-size: 18px; }
h5 { font-size: 12px; } h5.cufon { font-size: 16px; }

.span-10   { width: 10% !important;  } .span-15   { width: 15% !important; }
.span-20   { width: 20% !important;  } .span-25   { width: 25% !important; } .span-28   { width: 28% !important; }
.span-30   { width: 30% !important;  } .span-35   { width: 35% !important; } .span-38   { width: 38% !important; }
.span-40   { width: 40% !important;  } .span-45   { width: 45% !important; } .span-48   { width: 48% !important; }
.span-50   { width: 50% !important;  } .span-50   { width: 55% !important; } .span-58   { width: 58% !important; }
.span-60   { width: 60% !important;  } .span-65   { width: 65% !important; }
.span-70   { width: 70% !important;  } .span-75   { width: 75% !important; }
.span-80   { width: 80% !important;  }
.span-90   { width: 90% !important;  }
.span-100 { width: 100% !important; }

.top-08  { margin-top: 8px  !important; }
.top-10  { margin-top: 10px !important; }
.top-20  { margin-top: 20px !important; }
.top-30  { margin-top: 30px !important; }

.right-05 { margin-right: 05px; }
.right-10 { margin-right: 10px; }
.right-20 { margin-right: 20px; }
.right-30 { margin-right: 30px; }

.bottom-08  { margin-bottom: 8px  !important; }
.bottom-10  { margin-bottom: 10px !important; }
.bottom-20  { margin-bottom: 20px !important; }
.bottom-30  { margin-bottom: 30px !important; }

.left-10 { margin-left: 10px; }
.left-20 { margin-left: 20px; }
.left-30 { margin-left: 30px; }

.pad-down    { padding-bottom: 30px; } .pad-up    { padding-top: 30px; } 
.pad-down-05 { padding-bottom:  5px; } .pad-up-05 { padding-top:  5px; }
.pad-down-10 { padding-bottom: 10px; } .pad-up-10 { padding-top: 10px; }
.pad-down-15 { padding-bottom: 15px; } .pad-up-15 { padding-top: 15px; }
.pad-down-20 { padding-bottom: 20px; } .pad-up-20 { padding-top: 20px; }

#chef-profile { margin-top:20px; }

body {
	background-repeat: no-repeat;
	background-position: center center;
  background-attachment: fixed;
  font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; 
	background-color: #000;
}
	
	body * a {
    float: left !important;
    display: inline-block;
		text-decoration: none;
    color: #005E87;
	}

  body * a:hover {
    color: #0080B8;
  }

    body * .pdf-link {
      background-image: url("/images/core/ele-download.png");
      background-repeat: no-repeat;
      background-position: left center !important;
      height: 28px;
      padding-left:33px;
      line-height: 28px;
    }
	
	body * p, body * li, body * span, body * div {
		color: #cccccc;
		font-size: 12px;
	}
      .default-font-size {
         font-size: 12px !important;
      }

      .blue {
         color: #005E87;
      }

      .white {
         color: #eeeeee;
      }

	body * p {
		line-height: 18px !important;
	}

  /* FULL BG */
  .fullBg {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
   
  #background-img {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 0;
    left: 0;
    z-index: -1;
  }

  /* custom background image per page 
  #p-index {
    background-image: url("/images/background/background-01.jpg");
  }

  #p-contact {
    background-image: url("/images/background/background-01.jpg");
  }

  #p-raffles-history {
    background-image: url("/images/background/background-06.jpg");
  }

  #p-wine-club {
    background-image: url("/images/background/background-02.jpg");
  }

  #p-events {
    background-image: url("/images/background/background-02.jpg");
  }

  #p-functions {
    background-image: url("/images/background/background-04.jpg");
  }

  #p-lounge-bar {
    background-image: url("/images/background/background-03.jpg");
  }

  #p-deco-restaurant {
    background-image: url("/images/background/background-05.jpg");
  }*/
	
.wrapper { 
    float: left; width: 100%;
}
    
	#head-wrapper,
	#main-wrapper,
	#foot-wrapper 
	{
		
	}
	
	#head-wrapper { 
	}
	
		#head-wrapper .container {
			min-height: 50px;
		}
	
	#main-wrapper { 
	}
	
        #main-wrapper .container {
        	min-height: 500px;
        }
	
	#foot-wrapper { 
		padding-bottom: 30px;
	}
	
		#foot-wrapper .container {
			min-height: 50px;
		}
	
.container {
    margin: 0 auto;
    width: 960px;
}

/* border-styles */
.border-top-blue {
  border-top: solid 3px #0080B8;
}

.border-bottom-blue {
  border-top: solid 3px #0080B8;
}

.border-top-white {
  border-top: solid 1px #ffffff;
}

.border-bottom-white {
  border-bottom: solid 1px #ffffff;
}

/* ======================================================== SIDEBAR */
#sidebar {
   position: fixed;
   background-color: #000;
   padding: 80px 13px 20px 13px;
   float: left;
   width: 293px;
   left: 67px;
   top: 0px;
   z-index: 9999;
   height: 1000px;
}

   #site-logo, #site-logo a {
      width: 293px;
      height: 69px;
      display: inline-block;
      float: left;
   }

   #site-logo a {
      background-image: url("/images/core/logo-raffles_hotel.jpg");
   }

   #logo {
      background-image: url("/images/core/logo-icon.jpg");
      background-repeat: no-repeat;
      background-position: 15px center;
      width: 100%;
      height: 38px;
      float: left;
      margin: 80px 0px 0px 0px;
   }

    #sidebar-address {
      border-top: solid 1px #fff;
      border-bottom: solid 1px #fff;
      padding: 17px 0px 17px 0px;
      margin: 10px 0px 0px 0px;
      float: left;
      width: 100%;
    }

    .sidebar-address {
      border: none !important;
      width: 200px !important;
      padding: 0px !important;
      margin: 0px !important;
    }
      .sidebar-address li {
        margin: 0px !important;
        padding: 0px 0px 3px 0px !important;
        color: #005E87;
      }

      #sidebar-address li {
         float: left;
         width: 100%;
         padding: 3px 0px 3px 0px;
      }
      .address-float-pad{
        float:left;
        padding-top:25px;
      }

   #sidebar-schedule {
      float: left;
      width: 100%;
      margin: 20px 0px 0px 0px;
   }

      #sidebar-schedule .sidebar-schedule-li {
         float: left;
         display: inline-block;
         width: 130px;
      }

         #sidebar-schedule .sidebar-schedule-li ul li {
            padding: 2px 0px 2px 0px;
         }

      #sidebar-lounge-bar {
         width: 100% !important;
         padding: 0px 0px 20px 0px;
      }

      #sidebar-liquor-merchants {
         margin: 0px 0px 0px 30px;
      }

      
/* ======================================================== HEADER */
/* DO NOTHING HERE */
/* ======================================================== CONTENT */
#main-wrapper .container {
   margin: 0px 0px 0px 420px;
   width: 620px;
}

#content {
   float: left;
   width: 620px;
   background-color: #000;
}

#primary {
   float: left;
   width: 595px;
   margin-left: 12px;
   padding-top: 25px;
}
   #navs {
      float: left;
      margin: 0px !important;
      padding: 0px !important;
   }

      #navs li, #navs li a {
         float: left;
         display: inline-block;
      }
      
      #navs li {
        width: 595px;
      }
      
      #navs li  a.nav-link {
         width: 595px;
         height: 33px;
      }

         #nav-deco-restaurant {
            background-image: url("/images/nav/nav-deco_restaurant.jpg");
         }

         #nav-lounge-bar {
            background-image: url("/images/nav/nav-lounge_bar.jpg");
         }

         #nav-functions {
            background-image: url("/images/nav/nav-functions.jpg");
         }

         #nav-events {
            background-image: url("/images/nav/nav-events.jpg");
         }
      
         #nav-wine-club {
            background-image: url("/images/nav/nav-wine_club.jpg");
         }

         #nav-raffles-history {
            background-image: url("/images/nav/nav-raffles_history.jpg");
         }

         #nav-contact {
            background-image: url("/images/nav/nav-contact.jpg");
         }
         
         #nav-home {
            background-image: url("/images/nav/nav-welcome.jpg");
         }

      #navs li a:hover {
         background-position: center bottom;
      }

      #p-index #nav-home 
            {
        background-position: center bottom;
      }

/* PAGE HEADERS */
.header-border {
  border-bottom: solid 1px #fff;
}

/* CUSTOM PAGE STYLES */
/* PAGE GALLERY */
#product-detail-gallery {
}

/* ======================================================== HOME */
#p-index-logo {
  background-image: url("/images/core/logo-raffles_hotel-small.png");
  width: 114px;
  height: 84px;
  margin: 20px 0px 0px 30px;
}

/* ======================================================== CONTACT */
.baseform  {
  float: left;
}

.baseform ul {
  margin: 0px !important;
  padding: 0px;
}

.baseform li {
  margin: 0px 0px 10px 0px; 
  padding: 0px;
}

.baseform label {
  clear: both!important; 
  background-image: url("/images/core/ele-arrow.png");
  background-position: 0px 4px; 
  background-repeat: no-repeat; 
  padding: 0px 0px 2px 12px;
}
.baseform input {
  width: 168px!important; 
  height: 25px; 
  border: 1px solid #8f9fbf!important; 
  clear: both;
}
.baseform textarea {
  width: 168px!important; 
  height: 50px; 
  border: 1px solid #8f9fbf!important; 
  clear: both;
}

.baseform label.error {
  margin: 0px 0 0 70px!important; 
  background: none!important; 
  font-style: normal!important; 
  color: #8f9fbf!important;
}
.baseform input.submit {
  width: 97px; 
  height: 19px; 
  background-image: url("/images/core/btn-submit.jpg");
  background-repeat: no-repeat; 
  background-color: #000;
  border: solid 0px #000 !important; 
  display: block; 
  cursor: pointer; 
  margin: 20px 0 0 0;
}

/* ======================================================== RAFFLES HISTORY */
#p-raffles-history table {
  width: 595px;
}
#p-raffles-history table .years {
  width: 170px;
  text-align: right;
  padding-right: 30px;
  font-weight: bold;
}

#p-raffles-history table .history-events {
  width: 375px;
}

#p-raffles-history table td h1,
#p-raffles-history table td h2,
#p-raffles-history table td h3,
#p-raffles-history table td h4,
#p-raffles-history table td h5 
{
  margin: 0px !important;
}

#p-raffles-history table td {
  padding: 10px 0px 10px 0px;
}

/* ======================================================== DECO RESTAURANT */
#p-deco-restaurant .left ul,
#p-lounge-bar .left ul,
#p-functions .right ul,
#p-wine-club .left ul
{
  margin: 0px;
  padding: 0px;
}

  #p-deco-restaurant .left ul li, 
  #p-lounge-bar .left ul li,
  #p-functions .right ul li,
  #p-wine-club .left ul li
    {
    margin: 0px 0px 20px 0px;
  }

    #p-deco-restaurant .left ul li ul li,
    #p-lounge-bar .left ul li ul li,
    #p-functions .right ul li ul li,
    #p-wine-club .left ul li ul li
        {
      margin: 0px 0px 0px 0px;
    }

/* ======================================================== LOUNGE BAR */

/* ======================================================== WINE CLUB */
#p-wine-club * .left  ul, #p-wine-club * .right ul {
    margin: 0px;
    padding: 0px;
}

/* css patch from static site */
#wine_club-list {width: 415px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 20px 0px 20px 0px; margin: 10px 0 10px 0; }
#wine_club-list li {width: 415px; list-style: disc !important; padding: 0 10px 0px 0px !important; }

#p-wine-club * .right ul {
  float: left;
  padding: 20px 0px 20px 0px;
  margin-bottom: 20px;
  border-top: dotted 1px #ccc;
  border-bottom: dotted 1px #ccc;
  list-style-type: disc !important;
}

  #p-wine-club * .right ul li {
    list-style-type: disc !important;
    padding-left: 20px;
    margin: 0px 0px 20px 0px;
  }

#secondary {}

/* ======================================================== FOOTER */
/* DO NOTHING HERE */

/* ======================================================== GOOGLE MAP */
.googlemap      { height: 250px; width: 400px; }
.googlemap span { display: block; margin-bottom: 3px; text-align: center; }