/*
Theme Name: Suntec F&B Holdings Pte Ltd
Theme URI: 
Author: 
Author URI: 
Description: The 2011 theme for WordPress is Suntec F&B Holdings Pte Ltd.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: Suntec F&B Holdings Pte Ltd
*/

@font-face {
    font-family: 'helvetica-nueue-thin';
    src: url('fonts/HelveticaNeueLTCom-Th.ttf') format('truetype');
}

@font-face {
    font-family: 'helvetica-nueue-medium';
    src: url('fonts/HelveticaNeueLTCom-Md.ttf') format('truetype');
}

* {
    margin: 0; padding: 0;
}
img, fieldset {border: 0;}
li {list-style: none;}

html, body {
    height: 100%;
    width: 100%;
}
body {
    font-size: 14px;
    font-family: Helvetica ,Arial , sans-serif;
    color: #333;
    background: url(images/bg_gradient.jpg) center center no-repeat ;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
    /* IE fallback support */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_gradient.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_gradient.jpg', sizingMethod='scale')";
}
.page-wrap {
  min-height: 98.8%;
  /* equal to footer height */
  margin-bottom: -30px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
.page-wrap:after {
    /*height: 30px;*/
}
.push {
    height: 30px;
}
.transparent {
/*     works for IE 5+. 
    filter:alpha(opacity=30); 
     works for IE 8. 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
     works for old school versions of the Mozilla browsers like Netscape Navigator. 
    -moz-opacity:0.3; 
     This is for old versions of Safari (1.x) with KHTML rendering engine 
    -khtml-opacity: 0.3; 
     This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera.   
    opacity: 0.3; */
    background:rgb(255,255,255);
    background: transparent\9;
    background:rgba(255,0,0,0);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cFF0000,endColorstr=#4cFF0000);
    zoom: 1;
}
a:visited  {border:none;}
a {
    color: #28282a;
    text-decoration: none;
}
a:hover{ text-decoration: underline;}
/* SET */
div.header>ul.menu-info:after, .menu ul:after, div.container:after, div.box-promotion:after, div.box-promotion div.group ul:after, div.header div.select-cafes p:after, div.col2:after,.menu-info:after {
    clear:both;
    content:" ";
    display:block;
}

div.container {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

/* HEADER */
div.header {
    height: 47px;
    background: url(images/bg/bg_header.png) repeat-x;
}
div.header ul.menu-info, div.header .menu ul{
    float: left;
    height: 47px;
    margin: 0 0 0 5px;	
}
div.header ul.menu-info>li , div.header .menu ul>li{
    float: left;
    height: 47px;
    line-height: 47px;
    padding: 0 10px 0 11px;
    background: url(images/bg/bg_menu-info.gif) 0 50% no-repeat;
}
.corp-nav ul>li{
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0 10px 0 11px;
    background: url(images/bg/bg_menu-info.gif) 0 50% no-repeat;
}
div.header .menu ul>li:first-child {padding: 0 11px 0 0; background: none;}
div.header .menu ul>li a {font-size: 14px; color: #fff; text-decoration: none;}
div.header .menu ul>li a:hover {text-decoration: underline;}
div.header .menu ul>li> a.active { color: #ff9933;}

div.corp-nav ul>li:first-child {padding: 0 11px 0 0; background: none;}
div.corp-nav ul>li a {color: #fff; text-decoration: none;}
div.corp-nav ul>li a:hover {text-decoration: underline;color: #ff9933;}
div.corp-nav ul>li>a.active  { color: #ff9933;}

div.header div.select-cafes {
    float: right;
    width: 216px;
    height: 30px;
    margin: 8px 0 0;
    background: url(images/bg/bg_select-cafes.png) no-repeat;
    padding: 2px 0 2px;
    position: relative;
}
div.header div.select-cafes p {
    width: 100%;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}
div.header div.select-cafes p strong {
    float: left;
    height: 30px;
    width: 144px;
    padding: 0 0 0 36px;
    font-size: 13px;
    color: #330000;
}
div.header div.select-cafes p span {
    float: left;
    width: 36px;
    height: 30px;
}
div.header div.select-cafes p span a {
    display: block;
    width: 36px;
    height: 29px;
}
div.header div.select-cafes div.dropdown {
    display: none;
    width: 216px;
    height: 244px;
    background: url(images/bg/bg_dropdown.png) no-repeat;
    padding: 7px 0 0;
    position: absolute;
    left: 0;
    top: 27px;
    z-index: 999;
}
div.header div.select-cafes div.dropdown>h2 {
    height: 31px;
    line-height: 31px;
    font-size: 13px;
    text-align:center;
    font-weight: normal;
}
div.header div.select-cafes div.dropdown>ul {
    width: 212px;
    margin: 0 auto;
}
div.header div.select-cafes div.dropdown>ul>li {
    padding: 1px 2px;
    border-top: 1px solid #dad5c3;
}
div.header div.select-cafes div.dropdown>ul>li a {
    display: block;
    height: 49px;
    padding: 18px 0 0 88px;
    cursor: pointer;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}
div.header div.select-cafes div.dropdown>ul>li a:hover {background: #dad5c3; text-decoration: none;}
div.header div.select-cafes div.dropdown>ul>li a img {
    position: absolute;
    left: 6px;
    top: 4px;
}
div.header div.select-cafes div.dropdown>ul>li a strong {font-size: 13px;}
div.header div.select-cafes div.dropdown>ul>li a span {
    display: block;
    font-size: 11px;
}
/* PHOTO */
div.photo-home {
    min-height: 242px;
    /*background: url(images/bg/bg_top-landing.png) repeat-x top;*/
}
div.corp-main {
    min-height: 100px;
    /*background: url(images/bg/bg_top-landing.png) repeat-x top;*/
}
div.photo { min-height: 192px;}
/* CONTENT */
div.content {
    padding: 9px 0 0;
    /*background: url(images/bg/bg_content.jpg) repeat-x top;*/
}

div.main-banner {
    width: 990px;
    height: 150px;
    margin: 10px auto;
    padding: 0px 0;
    /*background: url(images/bg/bg_mid-content.png) 7px 0 no-repeat;*/
}
div.main-banner ul {
    /*width: 100%;*/
    overflow: hidden;
    width: 638px;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
}
div.main-banner ul>li {
    /*float: left;*/
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
}

div.main-banner ul>li img {
    width: 160px;
}

div.box-promotion {
    width: 1000px;
    padding: 0 0 10px 20px;
    margin: 0 auto;
    /*background: url(images/bg/bg_box-card.png) top no-repeat;*/
}
div.box-promotion div.group {float: left; margin: 20px 0 0 10px;}
div.box-promotion div.group h2 {
    font-size: 13px;
    color: #333;
    padding: 0 0 18px;
}
div.box-promotion div.group ul {width: 100%;}
div.box-promotion div.group ul>li {float: left; margin: 0 40px 0 5px;}

div.box-promotion div.promotion {float: right;}

div.col2 {width: 100%;}
div.col2>div:first-child { float: left; width: 285px;}
div.col2>div:first-child+div { float: left; width: 675px;}

div.box-left-corp {
    width: 275px;
    /*background-color: white;*/
    margin: -80px 0 0;
    padding: 0px 0 10px 10px;
    clear:both;
}


div.box-left-nav {
    width: 285px;
    background: url(images/bg/bg_box-left.png) bottom no-repeat;
    margin: -29px 0 20px;
    padding: 0 0 13px;
}
div.box-left-nav>div {
    width: 275px;
    margin: 0 auto;
}
div.box-left-nav>div>h1 {
    width: 275px;
    height: 140px;
}
div.box-left-nav>div>h1>span {display: none;}
div.box-left-nav>div>ul {
    width: 225px;
    background: url(images/bg/bg_nav.png) repeat-y;
    padding: 10px 25px 0;
}
div.box-left-nav>div>ul li {
    padding: 8px 0 20px;
    background: url(images/bg/bg_nav-li.png) -675px 100% no-repeat;
}
div.box-left-nav>div>ul li.last {background: none;}
div.box-left-nav>div>ul li.last:hover {background: none !important;}
div.box-left-nav>div>ul li a {
    display: block;
    margin: 0 auto;
    background: url(images/bg/bg_left-nav.png) no-repeat;
}
div.box-left-nav>div>ul li a span {display: none;}
div.box-left-nav>div>ul li a.about-dome {
    width: 109px;
    height: 18px;
    background-position: 0 0;
}
div.box-left-nav>div>ul li:hover a.about-dome {background-position: -270px 0;}

div.box-left-nav>div>ul li a.about-olio {
    width: 159px;
    height: 22px;
    background-position: 0 -46px;
}
div.box-left-nav>div>ul li:hover a.about-olio {background-position: -270px -46px;}
div.box-left-nav>div>ul li a.about-olio-bites {
    width: 148px;
    height: 19px;
    background-position: 0 -97px;
}
div.box-left-nav>div>ul li:hover  a.about-olio-bites{background-position: -270px -97px;}
div.box-left-nav>div>ul li a.location {
    width: 80px;
    height: 16px;
    background-position: 0 -343px;
}
div.box-left-nav>div>ul li:hover a.location {background-position: -270px -343px;}
div.box-left-nav>div>ul li a.catering-delivery {
    width: 190px;
    height: 21px;
    background-position: 0 -148px;
}
div.box-left-nav>div>ul li:hover a.catering-delivery {background-position: -270px -148px;}
div.box-left-nav>div>ul li a.our-menu {
    width: 87px;
    height: 14px;
    background-position: 0 -198px;
}
div.box-left-nav>div>ul li:hover  a.our-menu{background-position: -270px -198px;}
div.box-left-nav>div>ul li a.circle-friends {
    width: 162px;
    height: 21px;
    background-position: 0 -243px;
}
div.box-left-nav>div>ul li:hover a.circle-friends {background-position: -270px -243px;}
div.box-left-nav>div>ul li a.coffee-card {
    width: 116px;
    height: 22px;
    background-position: 0 -292px;
}
div.box-left-nav>div>ul li:hover a.coffee-card {background-position: -270px -292px;}
div.box-left-nav>div>ul li a.promotions {
    width: 105px;
    height: 15px;
    background-position: 0 -400px;
}
div.box-left-nav>div>ul li:hover  a.promotions{background-position: -270px -400px;}




div.box-right-2cal>div:first-child {float: left; width: 470px;}
div.box-right-1cal>div:first-child {float: left; width: 675px;}
.box-right-1cal {
    line-height:23px;
}
.box-right-2cal ul li {


}
.box-right-2cal ol li {
    list-style: decimal;
    margin-left:20px;
}


div.corp-details {
    width: 675px;
    padding: 0 0 30px 30px;
    margin: -80px 0 0 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    line-height: 23px;

}

div.corp-details-h2 {
    color:#ff6600;
    font-size:18px;
    margin:20px 0 5px 0;
}

div.corp-head {
    width: 675px;
    margin: 0 0 20px 0;
    font-size: 28px;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #FFF;	
}

div.corp-nav {
    width: 675px;
    margin: 0 0 50px 0;
    font-size: 16px;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #FFF;
    height: 20px;	
}
div.corp-nav>a{
    color:#FFF;
    text-decoration:none;
}
div.corp-nav>a:hover{
    color:#FFF;
    text-decoration:underline;
}
div.corp-left-bar {
    width: 265px;
    height: 500px;

}
div.details {
    width: 410px;
    padding: 0 0 0 30px;
    font-family: Georgia, "Times New Roman", Times, serif;
}


.box-right-2cal{
    font-size: 14px;
    padding: 0 0 25px;
    line-height: 23px;
}
.box-right-2cal a{
    color:#28282a;
    text-decoration:underline;
}
.box-right-2cal a:hover{
    color:#666;
    text-decoration:underline;
}

div.details>h2 {
    height: 80px;
    line-height: 80px;
    font-weight: normal;
    font-size: 28px;
}


div.box-right-2cal>div:first-child+div {float: left; width: 205px;}

.side-img {
    margin-top: 35px;
}
ul.banner-right {margin: 85px 0 0;}
ul.banner-right li {margin: 0 0 15px;}
ul.banner-right li a {
    display: block;
    width: 205px;
    height: 160px;
    background: url(images/bg/bg_main.png) 0 0 no-repeat;
}
ul.banner-right li a span {display: none;}
ul.banner-right li a.map { background-position: 0 0;}
ul.banner-right li a.view-menu {}

/* FOOTER */
div.footer {
    /*background: url(images/bg/bg_footer.png) repeat-x;*/
    background-image: none;
    background-color: #652D0A;
    margin: 0px 0 0;
    padding: 10px 0 0;
    height: 30px;
    color: #fff;
    font-size: 11px;
    line-height: 30px;
}
div.footer>div>p {
    float: left;
    margin: 0 40px 0 5px;
}
div.footer>div>p a {color: #fff; text-decoration: none; margin: 0 10px;}
div.footer>div>p a:hover {text-decoration: underline;}


/* THEME DOME */
body.body-dome div.header { background: url(images/bg/bg_header-dome.png) repeat-x;}
body.body-dome div.footer { background: url(images/bg/bg_footer-dome.png) repeat-x;}
body.body-dome div.box-left-nav>div {border-top: 20px solid #336600;}
body.body-dome div.box-left-nav>div>h1 {background: url(images/bg/bg_header-cafe.png) 0 0;}
body.body-dome div.details>h2 {color: #003300;}
body.body-dome div.box-left-nav>div>ul li:hover {background: url(images/bg/bg_nav-li.png) 0 100% no-repeat;}
body.body-dome ul.banner-right li a.view-menu {background-position: 0 -349px;}
body.body-dome div.photo {background: url(images/bg/bg_photo-dome.jpg) center top no-repeat;}

/* THEME OLIO */
body.body-olio div.header { background: url(images/bg/bg_header-olio.png) repeat-x;}
body.body-olio div.footer { background: url(images/bg/bg_footer-olio.png) repeat-x;}
body.body-olio div.box-left-nav>div {border-top: 20px solid #7f4b17;}
body.body-olio div.box-left-nav>div>h1 {background: url(images/bg/bg_header-cafe.png) 0 -140px;}
body.body-olio div.details>h2 {color: #663300;}
body.body-olio div.box-left-nav>div>ul li:hover {background: url(images/bg/bg_nav-li.png) -225px 100% no-repeat;}
body.body-olio ul.banner-right li a.view-menu {background-position: 0 -175px;}
body.body-olio div.photo {background: url(images/bg/bg_photo-olio-cafe.jpg) center top no-repeat;}

/* THEME OLIO-BITES */
body.body-olio-bites div.header { background: url(images/bg/bg_header-olio-bites.png) repeat-x;}
body.body-olio-bites div.footer { background: url(images/bg/bg_footer-olio-bites.png) repeat-x;}
body.body-olio-bites div.box-left-nav>div {border-top: 20px solid #42626b;}
body.body-olio-bites div.box-left-nav>div>h1 {background: url(images/bg/bg_header-cafe.png) 0 -280px;}
body.body-olio-bites div.details>h2 {color: #006699;}
body.body-olio-bites div.box-left-nav>div>ul li:hover {background: url(images/bg/bg_nav-li.png) -450px 100% no-repeat;}
body.body-olio-bites ul.banner-right li a.view-menu {background-position: 0 -175px;}
body.body-olio-bites div.photo {background: url(images/bg/bg_photo-olio-cafe-bites.jpg) center top no-repeat;}

/**/
.position-01 {
    position: absolute;
    top: 25px;
    left: -10px;
    z-index:900;
}
.position-02 {
    position: absolute;
    top: 70px;
    right: 15px;
    z-index: 900;
}

div.wrapper-photolanding {
    width: 980px;
    padding: 25px 0 0;	
    background: url(images/bg/bg_photolanding.png) 100% 15px no-repeat;
    margin: -242px auto 0 auto;
}

#iframe {
    width: 500px;
    height: 350px;
    position: absolute;
    right: -42px;
    top: 7px;
}

.position-badge {
    position: absolute;
    right: -27px;
    top: 30px;
    z-index: 900;
}


.body-content {
    border-bottom: 1px dotted #AAAAA9;
    width: 100%;
    padding: 10px 10px 10px 10px;
}

.project_item {
    float: left;
    margin-right: 20px;
    padding-bottom: 15px;
}

.rounded-corners {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    background-color:#FFF;
    height: 80px;
    text-align:center;
    margin: 20px auto;
}
/* Menu Tab */
#menutab{
    margin:0;
    padding:9px 0 0 0;	
}
#menutab li:first-child{
    margin:0;
    padding:0;
    display:inline;
    list-style:none;
    height:28px;
    background:none;
    position:relative;
}
#menutab li{
    margin:0 0 0 8px;
    padding:0;
    display:inline;
    list-style:none;
    height:28px;
    background:none;
    position:relative;
}
#menutab>li>div#tab{
    margin:5px 0 0 0;
    padding:0 10px 0 10px;
    height:23px;
    color:#FFF;
    font-size:14px;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    background:#996600;
}
/* Over Menu */
#menutab>li>div#tab:hover{
    margin:0;
    padding:0 10px 0 10px;
    height:28px;
    float:left;
    background:#CC6600;
    cursor:pointer;
}
#menutab>li>div#tab.active2{
    margin:0;
    padding:0 10px 0 10px;
    height:28px;
    float:left;
    background:#CC6600;
}

/* Drop Down */
.dropdownclick>li.first{
    background:url(images/dropdown1.png);
}
.dropdownclick>li.first>h1{
    padding:0 0 0 10px;
}
.dropdownclick>li.last{
    display:block;
    padding:0 0 10px 0;
    font-size:16px;
    font-weight: inherit;
    color:#333;
    line-height:23px;
    border-bottom:#CC9966 solid 1px;
}
.dropdownclick>li.last>ul{
    margin:20px;
    padding:0 0 0 80px;	
}

ul.dropdown{
    margin:0;
    padding:0 0 10px 0;
    width:652px;
}
ul.dropdown>li{
    margin:0;
    padding:0;
    list-style:none;
}
ul.dropdown>li.first{
    margin:0;
    width:652px;
    height:35px;
    cursor:pointer;
    background:url(images/dropdown2.png);
}
ul.dropdown>li.first>h1{
    font-size:16px;
    margin:0;
    padding:0 0 0 10px;
    color:#333;
    font-weight: inherit;
}
ul.dropdown>li.last{
    display:none;
    padding:0 0 10px 0;
    font-size:16px;
    font-weight: inherit;
    color:#333;
    line-height:23px;
    border-bottom:#CC9966 solid 1px;
}

ul.dropdown>li.last>h2{
    margin:0;
    padding:0 0 0 50px;
    font-size:16px;
    font-weight: inherit;
    color:#333;
}
ul.dropdown>li.last>ul{
    margin:20px;
    padding:0 0 30px 80px;	
}
ul.dropdown>li.last>ul>li{
    list-style: disc;
}

#scb{
    display:none;
    float:right;
    width:96px;
    height:22px;
    margin:3px 0 0 0;
    background: url(images/logo_scb.png) no-repeat;
}
#Name,#Contact,#Email,#EventType,#EventDate,#EventVenue,#Pax,#Budget,#ContactPerson,#ContactNo,#ContactEmail{
    width:294px;
    padding:8px;
    background:url(images/bg_input.png) 0 0 no-repeat;
    border:0px;
}
#Comment,#EventEnquiry{
    width:294px;
    padding:8px;
    background:url(images/bg_input.png) 0 -45px no-repeat;
    border:0px;
    height:131px;
    overflow:auto;
}
#BntSubmit{
    background:url(images/bnt_submit.png);
    height:36px;
    width:84px;
    text-indent: -5000px; 
    border:0px;
}
#BntClear{
    background:url(images/bnt_clear.png);
    height:36px;
    width:72px;
    text-indent: -5000px; 
    border:0px;
}
/* Drop Down 2 */
ul.dropdown2{
    margin:0;
    padding:0 0 10px 0;
    width:652px;
}
ul.dropdown2>li{
    margin:0;
    padding:0;
    list-style:none;
}
ul.dropdown2>li.first2{
    margin:0;
    width:652px;
    height:35px;
    cursor:pointer;
    background:url(images/dropdown2.png);
}
ul.dropdown2>li.first2>h1{
    font-size:16px;
    margin:0;
    padding:0 0 0 10px;
    color:#333;
    font-weight: inherit;
}
ul.dropdown2>li.last2{
    display:none;
    padding:0 0 10px 0;
    font-size:16px;
    font-weight: inherit;
    color:#333;
    line-height:23px;
    border-bottom:#CC9966 solid 1px;
}

ul.dropdown2>li.last2>h2{
    margin:0;
    padding:0;
    font-size:16px;
    font-weight: inherit;
    color:#333;
}

.entry-content1{
    float:left;
    width:440px;
    border-right:#CC9966 solid 1px;
    padding-right:10px;
}
#List{
    position:relative;
    font-size:11px;
    line-height:16px;
    color:#616161;
}
#List>li{
    float:left;
    width:200px;
    background:url(images/bg_press.png);
    height:314px;
    margin:0 20px 10px 0;
}
#List img{
    margin:10px 0 0 10px;
}
#List div{
    margin:10px 0 0 10px;
    width:190px;
}
#List span{
    color:#FFB888;
}
#List>li:hover #over{
    position:absolute;
    background:url(images/bg_press_img.png);
    width:180px;
    height:150px;
}
.List-h2{
    margin:0 0 10px 0;
    color:#ff6600;
    font-size:20px;
    padding-bottom:10px;
    border-bottom:#000 dotted 1px;
}
#over{
    position:absolute;
    width:180px;
    height:150px;
}
#columnRight{
    float:left;
    width:200px;
}
.archires_right{
    float:left;
    font-size:12px;
    padding-left:20px;
    width:200px;
    padding-bottom:5px;
}
.archires_right>h1{
    font-size:12px;
}
#Inquiry{
    float:left;
    font-size:12px;
    padding-left:20px;
    width:200px;
    border-top:#333 dotted 1px;
    padding-top:5px;
}
#menutab2>li{
    float:none;
    border-top:#CC9966 solid 1px;
    list-style:inside;
    list-style-image:url(images/icon_arrow.png);
    padding:5px 0 5px 0;
}
#menutab2 a{
    text-decoration:none;
}
#menutab2 a:hover{
    text-decoration: underline;
}