#header-wrap {
}

#faux-column{
}

#faux-column aside{
display:none;
}
h1{
}
#content {
    float: none;
    box-sizing:border-box;
    width: 100% !important;
    padding:20px;
    margin: 0px auto;
    max-width: 100%;
}

div#home-content {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}

#slider{
overflow:hidden;
margin-bottom:2em;
}

div#slider {
    width: 100% !important;
    max-width: 960px !important;
    margin: 0 auto;
    overflow:hidden;
}

div.slider-wrap {
    width: 100%;
    text-align: center;
    padding-top: 1em;
    padding-bottom: 2em;
}

#slider .metaslider .caption-wrap{
position: absolute;
top: 20px;
left: 20px;
background:none;
opacity:1.0;
width:470px;
text-align:center;
}

#slider h2, #slider p, 
#slider span{
text-align:center;
}

#slider h2:hover, 
#slider p:hover, 
#slider span:hover, 
#slider .metaslider .caption-wrap:hover{
cursor:pointer;
}

#slider .metaslider span{
display:block;
width:140px;
margin:0 auto;
padding:10px 0px;
background:#0a60ff;
border:1px solid blue;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#slider .metaslider li:hover span{
background:#ff3434;
border:1px solid red;
}

#slider p{
font-size:18px;
line-height:25px;
margin-bottom:15px;
color:#020202;
}

#slider h2{
font-size:30px;
color:#020202;
margin-top: 0px !important;
}

ul.slides li img {
    min-height: 210px !important;
    width: 920px !important;
}

.metaslider {
    overflow: hidden;
}

.flex-control-nav {
    bottom: -25px!important;
}


#top-boxes > div{
float:left;
width:306px;
height:428px;
margin-right:9px;
margin-bottom:26px;
position:relative;
max-width:90%;
}
#top-boxes > div > a > div{
position:absolute;
left:0px;
top:294px;
}
#top-boxes > div.casino-games{
background:url(../images/casino-games-home.jpg) top left no-repeat;
}
#top-boxes > div.photo-booth{
background:url(../images/photo-booth-home.jpg) top left no-repeat;
width:290px;
}
#top-boxes > div.djservices{
background:url("../images/djservices-home.jpg") top left no-repeat;
margin-right:0px;
}
#content #top-boxes h2, #content #top-boxes p{
margin-left:62px;
color:black;
}
#content #top-boxes a{
display:block;
height:100%;
width:100%;
position:relative;
}
#content #top-boxes a:hover{
text-decoration:none;
cursor:pointer;
}
#content #top-boxes h2{
font-size:1.5em;
margin-bottom:0px;
}
#content #top-boxes p{
font-size:.875em; 
margin-bottom:15px;
font-weight:600;
}
#content #top-boxes span {
    display: block;
    width: 260px;
    height: 48px;
    background: #000000 url(http://www.jamentertainmentflorida.com/wp-content/themes/va/images/btn-arrow.png) 121px 9px no-repeat;
    border: 2px solid #840806;
    border-radius: 8px;
    color: #fff;
    text-decoration: none!important;
    font-size: 1.125em;
    max-width: 100%;
    margin-bottom: 20px;
    width: 140px;
    height: 32px;
    margin-bottom: 0px;
    font-size: 1em;
    padding-top: 8px;
    padding-left: 15px;
    color: white!important;
    transition:all 300ms;
    -webkit-transition:all 300ms;
}
#content #top-boxes a:hover span{
background:#840806 url(http://www.jamentertainmentflorida.com/wp-content/themes/va/images/btn-arrow.png) 121px 9px no-repeat;
}
/** BJQS Slider Styles **/

div#content ul.bjqs li {
    background: none;
    padding:20px;
    margin: 0;
    box-sizing:border-box;
    background-size: cover !important;
}

ul.bjqs span.primary {
    font-size: 3em;
    text-transform: uppercase;
    font-weight: 600;
    color: #494949;
    text-align: left !important;
    display:block;
}

ul.bjqs span.secondary {
    display: block;
    clear: both;
    text-align: left !important;
    font-size: 1.125em;
    color: #494949;
    margin-bottom: 1.25em;
}

ul.bjqs span.learn-more {
    font-size: 1.125em;
    background: #0a60ff;
    color: #fff;
    padding: 10px 30px;
    box-sizing: border-box;
    display: inline-block;
    border-radius: 3px;
    -webkit-transition:all 300ms;
    -moz-transition:all 300ms;
    -o-transition:all 300ms;
    transition:all 300ms;
}

ul.bjqs a:hover span.learn-more {
    background: #ff3434;
}

ul.bjqs .slide-text {
    display: block;
    width: 550px;
    bottom: 2em;
    position: absolute;
}

ul.bjqs a {
    display: block;
    width: 100%;
    height: 100%;
}

ul.bjqs .slide-1 {
    background: url('../images/placeholder-920x250.jpg') no-repeat !important;
}

ul.bjqs .slide-2 {
    background: url('../images/placeholder-920x250.jpg') no-repeat !important;
}

.box-headers{
width:896px;
height:47px;
background:url(../images/home-headers-bg.png) top left no-repeat;
}

.home-box{
float:left;
width: 32%;
margin-right: 15px;
}

.home-box-bg{
background:#efefef;
border:1px solid #cccccc;
padding:10px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
box-sizing:border-box;
}

.home-box h3{
font-size:22px;
margin:10px 0px;
line-height:24px;
margin-top:0px;
}

div#content .home-box img {
    float: left;
    margin: 0px 10px 10px 0px;
    height: 80px !important;
    max-height: 100px;
    width: auto;
}

.home-box div{
width: 65%;
min-height:150px;
float: left;
}

.home-box div.clear{
width:100%;
height:0px!important;
max-height:0px!important;
min-height:0px!important;
float:none!important;
}

#content .home-box ul{
margin:0px;
margin-left:17px;
float:left;
width:130px;
}

#content .home-box ul li{
background:none;
padding:0px;
margin:0px;
}

#content .home-box ul li a{
color:#363636;
text-decoration:underline;
font-size:12px;
}

#content .home-box a.primary-btn{
padding-top:3px;
margin-top:20px;
display:block;
width:140px;
text-align:center;
color:#ffffff;
text-decoration:none;
padding:5px 0px;
background:#0a60ff;
border:1px solid blue;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}

#content .home-box a.primary-btn:hover{
background:#ff3434;
border:1px solid red;
}
#content hr{
width:100%;
padding:0px;
margin:0px;
margin-top:30px;
margin-bottom:30px;
}

@media only screen and (max-width:960px) {
    
  #home-content {
    width: 100% !important;
    margin: 0 !important;
    }

    #content {
    padding: 20px 20px !important;
    box-sizing: border-box;
    }

  .home-box img{
  width:25%;
  height:auto;
  }
    
  .home-box div{
  min-height:0px;
  }
    
}
@media only screen and (max-width:920px) {
    
  #content{
  width:100%;
  }
    
}
@media only screen and (max-width:880px) {
    
  #slider h2{
  margin-top:10px;
  }
    
}
@media only screen and (max-width:830px) {
    
  #slider p{
  font-size:16px;
  line-height:22px;
  }
    
  .home-box{
  margin-right:0px;
  margin-bottom:20px;
  padding-bottom:20px;
  border-bottom:1px solid #cccccc;
  width:100%;
  }
    
  .home-box img{
  width:auto;
  }
    
}
@media only screen and (max-width:770px) {
    
  #slider h2{
  margin-top:0px;
  }
    
}
@media only screen and (max-width:740px) {
    
  #slider{
  display:none;
  }
    
  #home-content h1{
  }
    

}
@media only screen and (max-width:640px){  
  #top-boxes > div{
    float:none;
  margin-right:0px!important;
  margin:0 auto!important;
  margin-bottom:26px!important;
  }

}
@media only screen and (max-width:600px) {
    
  #home-content{
  width:90%;
  }
    
}
@media only screen and (max-width:440px) {
    
  .home-box img{
  display:none;
  }
    
}
@media only screen and (max-width: 400px) {
  #content a.primary-btn {
      width: 100%;
  }
  #content a.primary-btn span {
      display: block;
      background: none;
      padding-left: 0px;
      text-align: center;
      width: 100%;
  }
}