/******************************************************************
* Popculture
*/

#popculture {
    background: url("../images/bg/bg-big-pop-logo.png") no-repeat top center,
                url("../images/bg/bg-pop-right.jpg") no-repeat top right,
                url("../images/bg/bg-pop-slice.jpg") repeat-x top
                ;
    
    
    /*
        -webkit-box-shadow: 0 4px 4px -2px #999999;
        -moz-box-shadow: 0 4px 4px -2px #999999;
        box-shadow: 0 4px 4px -2px #999999;
    */
    height: 545px;
    margin-bottom: -570px;
    position: relative;
    clear: both;
    float: left;
    width: 0%;
    top:0px;
    z-index: 50;
    display:none;
      /*  width: 100%;
        display:block;*/

}

#open-popculture, #close-popculture {
    position: relative;
    clear:both;
    cursor: pointer;
    top:150px;
}
#open-popculture { width:35px; height: 173px; margin-bottom: -173px; left: 0px; z-index: 49; float: left; } 
#close-popculture { width: 31px; height: 171px; margin-bottom: -173px; right: -31px; z-index: 951; float: right; right:0px;}

#popculture #controls {position: relative; float: right; width: 45px; height: 34px; margin-bottom: -34px; top:-5px; z-index: 951;  }
#popculture #controls #btn-play {display:none;}
#popculture #feeds {
    height: 490px;
    overflow: hidden; position: relative;
    background: url("../images/img/img-pop-culture.png") no-repeat center center;
}
#popculture .social {
    background-color: #fff;
    clear: both;
    height:45px; 
    wdith:100%; 
    margin-bottom: 10px;
    position: relative;
    
}
#popculture .find-us { width:985px; margin: auto; padding-top:12px;  }
#popculture .find-us .find-us-fb-like { width:150px; float: left;}
#popculture .find-us .find-us-twitter { width:300px; float: left;}


#popculture .pop-item {
    width: 255px; 
    height:195px; 
    padding:10px;  
    margin-bottom: -225px; 
    position: relative; 
    font-size: 11px; 
    float: left;
    clear: both;
    -moz-box-shadow: 2px 2px 2px #333333; 
    -webkit-box-shadow: 2px 2px 2px #333333; 
    box-shadow: 2px 2px 2px #333333;
    display: none;
    overflow: hidden;  
}
#popculture .pop-item img { display: block; float: left; width:60px; padding: 0px 10px 10px 0px; }
#popculture .pop-item span {display: block; float: left; width: 150px;}
#popculture .pop-item p { clear:left; display: block; margin: 10px 0px; padding: 10px; height: 70px; overflow: hidden; position: relative; float: left; width: 230px; } 

#popculture .pop-t-user {background: white url(../images/icon/icon-bird-blue.jpg) no-repeat bottom center;}
#popculture .pop-t {background: #c41230 url(../images/icon/icon-bird-red.jpg) no-repeat bottom center;  color: white;}
#popculture .pop-f-user {background: white url(../images/icon/icon-f-blue.jpg) no-repeat center 185px ;}
#popculture .pop-f {background: #c41230 url(../images/icon/icon-f-red.jpg) no-repeat  center 185px;  color: white;}


#popculture .pop-t p, #popculture .pop-f p {color: white; border-top: solid #f56d72 1px;border-bottom: solid #f56d72 1px; }
#popculture .pop-t a, #popculture .pop-f a { color:#ff7e7e;}
#popculture .pop-t-user p, #popculture .pop-f-user p { border-top: solid #cccccc 1px; border-bottom: solid #cccccc 1px;}
#popculture .pop-t-user a, #popculture .pop-f-user a { color:#009ddd;}
#popculture .pop-t-user, #popculture .pop-f-user { }



/******************************************************************
* Home page
*/

body{
    overflow-x: hidden;
}

#body-content, #content {padding-bottom: 40px; 
padding-left: 36px;
   min-height: 300px; 
   height:auto !important; 
   height: 300px;
}

header {height:72px;}

#mid-bg {background: url("../images/bg/bg-home-hero-under-mardi.jpg") repeat-x center 585px;width:100%}
.home-hero {
    width:100%;    
    margin: auto;
    height: 560px;
    
}
.slide {
    position: relative;
    width: 100%;
    display: none;
}
.slide .slide-bg {
    position: relative;
    width:1032px;    
    margin: auto;
    overflow: hidden;
    z-index: 10;
    height: 550px;

}

#slide2 .slide-copy img.headline {padding: 20px 0px 30px 0px;}
#slide2.slide .slide-food {left: 800px;top:20px}
#slide2.slide .slide-copy {top:60px;}

#slide5.slide-copy img {padding: 0px 50px 0px 0px;}
#slide5.slide .slide-food {left: 800px;top:20px}

#slide4.slide-copy img {padding: 0px 50px 0px 0px;}
#slide4.slide .slide-food {left: 800px;top:20px}

#slide3 .slide-copy img {padding: 0px 50px 0px 0px;}
#slide3.slide .slide-food {left: 800px;top:20px}

#slide1 img {cursor: pointer;}
#slide1, #slide2, #slide3, #slide4,#slide5 {height: 511px;background:#ee8a00 url("../images/bg/bg-home-hero-orange.jpg") repeat-x top;}

.slide .slide-food {
    width:764px;    clear: left;

    height: 490px;
    margin-bottom: -490px;
    float: left;
    position: relative;
    display: block;
    left:2000px;
    top:160px;
    z-index: 20;
}
.slide .slide-copy {
    clear: left;
    height: 400px;
    margin-bottom: -400px;
    float: left;
    position: relative;
    display: block;
    left:-1000px;
    top:70px;
    z-index: 30;
    color: #fff;
    width: 600px;
}
.slide .slide-copy p {
    display: block;
    width:350px;
    padding: 0px 0px 20px 45px;
    font-size: 14px; 
    font-weight: bold;
    line-height: 18px;
    color:white;
}
.slide .slide-copy a {
    display: block;
    width:350px;
    padding: 0px 0px 20px 0px;
}
.slide .slide-copy img {
    display: block;
}
.slide .slide-social {
    position: relative;
    clear: both;
    float: left;
    height: 22px;
    margin-bottom: -36px;
    width: 362px;
    z-index: 40;
    padding:7px 0 7px 10px;
    background: url("../images/bg/bg-social.png") no-repeat;
    top:500px;
    left: 650px;
}
.slide-social div {float: left;}
.slide-social .find-us-intro {
    width: 170px;
}
.slide-social .find-us-fb-like, .slide-social .find-us-twitter {
    width: 95px;  overflow: hidden;
}
#slide-controls {
    position: relative;
    width: 150px;
    z-index: 40;
    height: 19px;
    margin-bottom: -19px;
    float:left;
    top:475px;
    left:20px;
    
}
#slide-controls img{
    display:block;
    float:left;
    width:20px;
    height: 19px;
    padding-right: 10px;
    cursor: pointer;
}

#content .carousel-holder { 
    float:left;
    width: 100%; 
    height: 281px;
   /* background: url("../images/img/img-bracket-left.png") no-repeat top left,
                url("../images/img/img-bracket-right.png") no-repeat top right;*/
    
}
#content .promo-carousel ul { margin: 0pt; padding: 0pt; position: relative; list-style-type: none;}
#content .promo-carousel ul li { width:25%; overflow: hidden; float: left; height: 300px;}
#content .promo-carousel ul li p {width:205px;}
#content .carousel-holder .prev, #content .carousel-holder .next {
   width: 15px;
   height: 42px;
   margin-bottom: -42px;
   border: none;
   float:left;
   position: relative;
   clear:both;
   top:80px;
   cursor: pointer;
   
}
#content .carousel-holder .prev { background: url("../images/btn/btn-arrow-red-left.png") no-repeat top left; left:-30px;}
#content .carousel-holder .next { background: url("../images/btn/btn-arrow-red-right.png") no-repeat top left; left:645px }
#content #fb-plugin {
    width: 280px; float: left; padding-left:40px;
    height: 280px; overflow: hidden;padding-top: 15px;
    
}
#content #fb-plugin h3 {
    font-size: 16px;
    border-bottom: 1px solid #ded1b8;
    padding-bottom: 5px;
    
}

.clear {clear: both;}

.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: black; background: rgba(0, 0, 0, 0.8); z-index: 100; display: none; top: 0; left: 0; }

.reveal-modal {
    visibility: hidden;
    width: 99%;
    top: 10px;
    align-center: center;
    /* left: 50%; */
    margin-right: auto;
    margin-left: auto;
    /* width: 520px; */
    background: eeeeee url(‘../images/misc/modal-gloss.png?1296761857’) no-repeat -200px -80px;
    position: absolute;
    z-index: 101;
    padding: 30px 40px 34px;
    -moz-border-radius: 5px;
    /* -webkit-border-radius: 5px; */
    -o-border-radius: 5px;
    /* border-radius: 5px; */
    /*-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    /* -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); */
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); */
}

.inflickitywrap {
    width: 100%;
    height: 362px;
    overflow: hidden;
}