body { margin:0; background-color:#fff; background-image:url('../images/landing/light.jpg') !important; }

html { color:#2e3232; }

a { color:#06b9d0; text-decoration:none; }
.clearboth { clear:both; }
.hidden { display:none; }
.yellow { color:#F9D64D; }
#wrapper { width:1250px; margin:0 auto;  }

.h_wrap { width:1140px; margin:0 auto;  }


#header_container { background:#009999; width:1140px; margin:0 auto;   }
#header .bar { margin:0 0 6px !important;
background-image:url("../images/landing/bg-bar-small.gif"); background-repeat:repeat-x;

 } 
#header-top { 
	background: url("../images/landing/bg-header.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-top: 0px solid #F6D13C;
    overflow: hidden;
    width: 100%;
}
#header .logo img { 
	width:auto !important;
position: relative; 
top: 20px;

    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
}


.mobile { 
position: absolute;
top: -2px;
left: 325px;
    -webkit-transform:scale(.8);
    -moz-transform:scale(.8);
    -o-transform:scale(.8);

 }  
#search { float:left; background:#f6d13b; border-radius: 18px; padding:5px; position:relative; left:300px; top: 22px; margin-left:0; }
#search input.sbox { border-radius:12px; height:26px; width:480px; border:none; box-shadow: 0px 2px 2px #ccc; color:#858585; font-family:'Open Sans', sans-serif; font-size:15px; text-align:center; overflow:hidden; -moz-box-shadow:    inset 1px 2px 4px #aaa; -webkit-box-shadow: inset 1px 2px 4px #aaa; box-shadow: inset 1px 2px 4px #aaa; }
.searchbutton { vertical-align:bottom; padding-bottom:2px; box-shadow:none; position:absolute; left:460px; top:11px }
.phone { float:left; font-size:17px; color:#ffffff; font-weight:bold; padding:7px 10px 0 448px; font-family: 'Merriweather',serif !important; position: relative; left: -400px  }
.menu { float:left; font-family:'Open Sans', sans-serif; padding: 6px 6px 0 10px; color:#ffffff; font-size:11px; }
.menu a { color:#ffffff; text-transform:uppercase; }
.menu a:hover { text-decoration:underline; }
#header .signin { float:left; padding:8px 12px 0; font-size: 11px; text-transform: uppercase; }
#header .cart { height:30px; float:left; background:#f6d13b; border-radius: 0 0 6px 6px; padding:4px 4px 6px 4px; }

.container.nav-bar { padding:0 !important; }
#header .logo { float:left; width:auto !important; }
ul.mainmenu { float:left; 16px 0 0 0px; list-style:none; }
.mainmenu li { display:inline; font-family:'Open Sans', sans-serif; font-size:15px; color:#009999; padding:0 0 0 21px; }
.mainmenu li a { color:#332f1d; }
.mainmenu li a:hover { color:#06b9d0; }
#nav { margin:0 !important; }
#nav ul li { padding:17px 0 0 15px !important } 
#nav ul li a { padding:0 !important; font-weight:bold; text-transform:uppercase; color:#009999 !important; font-size:13px; }
#nav ul li a:hover { color:#18A8BF !important; }

header#header { -webkit-box-shadow: 0px 5px 5px 0px rgba(211, 211, 211, 1.00);
-moz-box-shadow:    0px 5px 5px 0px rgba(211, 211, 211, 1.00);
box-shadow:         0px 5px 5px 0px rgba(211, 211, 211, 1.00);
padding-bottom:0;
margin-bottom:40px;
background-image:url("../images/landing/bg-bar-l.gif"); background-repeat:repeat;
padding-top:0px;
border:none !important;
}

.home_v1 header#header {
  margin-bottom: 0px;
}
.preview { height: 180px }
/* change to -smaller when landing pages are ready */

#playlists {
  height:237px;
  background:url('../images/landing/playlists.png');
  margin-top:5px;
  width:1140px;
  background-repeat:no-repeat; }

#playlists-reversed { 
  height:237px;
  background:url('../images/landing/playlists_reversed.png');
  margin-top:5px;
  background-repeat:no-repeat;
  position: relative;
}

#playlists-reversed .pl_title {
  padding:12px 15px 0 26px;
  float: right
}

#playlists-reversed .jscarousal-horizontal .jscarousal-horizontal-back {
top: 30px
}


#home { padding-top:12px; }
#latest { float:left; width:327px; height:350px; font-family:'Open Sans', sans-serif; color:#2e3232; font-size:15px; text-transform:uppercase; font-weight:bold; }

#latest_img {
  text-align:center;
  margin-top:10px;
  -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
  -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
  box-shadow: 0px 1px 5px 0px #4a4a4a;
}

#latest_img img { border:13px solid #fff; }

#slider { float:left; width:780px; margin-left:5px; height:350px; }

#psm { margin:0 auto; font-size:20px; line-height: 25px; font-family:'Open Sans',sans-serif; color:#262626; padding:20px 0 45px; }
#psm img.intro-image { padding-right:50px; float: left; }

.lbox, .lbox1 { width:215px; height:320px; border:1px solid #ccc; margin-right:12px; float:left; cursor:pointer; margin-bottom:20px; }
.lbox_last { margin-right:0; }
.lbox_i { cursor:pointer; position:relative; height:320px; text-align:center; }
.lbox .lbox_i { padding:0px 0px; }
.lbox1 .lbox_i { padding:8px 20px; }

.lbox1 .lbox_i_hover { height:300px; }
.lbox_i_hover { padding:10px 20px; background:#262626; cursor:pointer; height:300px; display: none; }
.lbox1 .lbox_i img { vertical-align:middle; margin-top:0; }
.lbox_i img { vertical-align:middle;  max-width: 100%;   }

#showboxes { margin-bottom:20px; }
.p_title { font-size:14px; text-align:center; color:#5a6161; padding-bottom:4px; }
.p_by { font-size:11px; text-align:center; color:#5a6161; padding-bottom:8px; font-family: 'Merriweather',serif; }
.p_desc { font-size:12px; color:#5a6161; line-height:15px; font-family:Arial, Helvetica, sans-serif; font-family:'Open Sans',sans-serif; }

.lbox1 .h_title { color:#2e3232; font-family:'Merriweather',serif; padding-top:4px; }
.lbox1 .h_desc { color:#5a6161; text-align:left }
.lbox1 .lbox_i_hover .h_title { color:#fff; }
.lbox1 .lbox_i_hover .h_desc { color:#fff; }

.h_title { color:#fff; font-size:14px; text-align:center; padding-bottom:2px; }
.h_by { color:#5a6161; font-size:11px; text-align:center; padding-bottom:5px; }
.h_desc { font-size:12px; color:#fff; line-height:15px; font-family:'Open Sans',sans-serif; }
.h_details { color:#fff; font-size:12px; font-weight:bold; padding:6px; font-family:Arial, Helvetica, sans-serif; font-family:'Open Sans',sans-serif; line-height:14px; }
.h_buttons { padding-top:16px; }
.h_buttons a { font-family:Arial, Helvetica, sans-serif; background:#ffda44; color:#000; font-size:11px; width:130px; text-align:left; display:block; padding:2px 0; border-radius:6px; padding-left:20px; margin-bottom:10px; font-weight:bold; text-transform:uppercase;  }
.h_buttons a:hover { text-decoration:none !important; } 

.landing .tile:hover .lbox_i {           display: none;  }
.landing .tile:hover .lbox_i_hover {     display: block; }

 .pl_image_row .lbox_tile .lbox_i {           display: block;  }
.pl_image_row .lbox_tile .lbox_i_hover {     display: none; }

/* .pl_image_row .lbox_tile .lbox_i:hover {           display: none;  }
.pl_image_row .lbox_tile .lbox_i_hover:hover {     display: block; }

*/
.pl_image_row .lbox_tile { width: 130px }

.pl_image_row .lbox_i_hover { height:300px; width: 160px; 
   -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    z-index: 9999;

}

.pl_image_row .lbox_i_hover:hover { 
   -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    z-index: 9999;

}

.pl_image_row .lbox_i_hover { position: relative; top: -70px; left: -25px}

.pl_image_row .lbox_i { height:160px; text-align:center; }



.pl_image_row .lbox_i_hover {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}


.pl_title { padding:12px 0 0 26px; }
.pl_title a { color:#fff; font-size:16px; font-weight: bold }
.pl_subtitle { color:#fff; font-family:'Open Sans', sans-serif; font-size:15px; padding:12px 0 0 26px; }
.pl_image_row { padding:0px 0 0 26px; width: 640px; float:left; height: 200px; display:none; overflow: hidden }
.home_scroll_buttons { float: left; position: relative; top: -25px; left: 30px; height: 232px } 
.pl_image img { float:left; width:156px; height:156px; border:3px solid #fff; margin-right:4px; }
.pl_image_last { margin-right:0; }
.preview img {  -webkit-box-shadow:0 8px 13px #000000; -moz-box-shadow: 0 8px 13px #000000; box-shadow:0 8px 13px #000000;  margin-right:10px; height: 180px; }

#_email { background-image:url('../images/landing/emailbg.png'); background-repeat:repeat-x; width:100%; 
background-position:center top; -webkit-box-shadow: 0px -4px 4px 0px rgba(50, 50, 50, 0.25);
}
#_email #email { height:193px; background:url('../images/landing/arrow.png'); background-position:left;  margin-top:20px; background-repeat:no-repeat; background-color:none; width:1140px; margin:0 auto; }
.email_left { float:left; padding:69px 0 0 180px; width:550px; }
.emailinput { border:3px solid #53bdc7; border-radius:6px 0 0 6px; height:40px; background:#606667; width:300px; color:#fff; padding-left:10px; font-size:16px; }
.email_right { float:left; padding:30px 0 0 20px; color:#000; font-size:17px; width:360px;  }
 .email_right p { color:#000; font-size:15px; } 
.email_social { float:left; padding:10px 0 0 10px; float:left; }
.excl { font-size:15px; font-family:'Open Sans', sans-serif; float:left; }

.explore { height:350px; background:url('../images/landing/explore.jpg'); }

.expl_holder { color:#fff; padding:120px 0 0 180px; }
.expl_list { float:left; font-family:'Open Sans',sans-serif; font-size:13px; }
.expl_list li { list-style:none; }

/* promo */
.gallery2 {
-moz-box-shadow:    0px -4px 4px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px -4px 4px 0px rgba(50, 50, 50, 0.25); 
margin-top:20px;

}

.gallery .search-holder { top:30px !important; } 
.gallery li a { color:#fff; } 
.gallery li a:hover { text-decoration: none; }
.gallery .row { max-width:1660px !important; } 

/* what critics are saying */
.gallery2 { background-image:url("../images/landing/bg-bar-l.gif"); background-repeat:repeat; }

/* image hover preview */
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	z-index:1000;
	}
	
#preview img {
	max-width:350px;
	z-index:1000;
	position:relative;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

/*critics */
.slides li .column .box h3 {
	font-size:16px !important;
	font-weight:normal;
}

.gallery2 h2, .gallery .h2 {
	margin: -8px 0 25px !important;
}

.gallery3 .h2 {

position: absolute; 
left: -60px;
top: 35px;
}

.gallery2 {
	padding:9px 0 14px !important;
}

.gallery3 {
	padding:10px 0 4px !important;
}

.header-message {
  width: 50%;
  margin: auto;
  padding: 10px;
  background-color: #EEEEEE;
  border-left: 7px solid #f6d13c;
  border-right: 7px solid #f6d13c;
  border-bottom: 7px solid #f6d13c;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  position: fixed;
  left: 25%;
  z-index: 2000;
}

.header-message .close {
  top: 0px;
  right: 8px;
  position: absolute;
  font-weight: bold;
}

#main .discover.bar .menu li a {
  text-transform: none;
}

#main .discover.bar .menu {
  padding: 0px;
}

#scrollbuttons_col1 {
    float:left;
    width:50%;
    position:relative;
    height: 240px; 
overflow: hidden;
}
#scrollbuttons_col2 {
    float:left;
    width:50%;
    position:relative;
    height: 240px; 
}

.img-zoom {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}
 
.transition {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    z-index: 9999;
}

.snapshots .play {
  margin-bottom: 15px;
}

.snapshots .play .category {
  font-weight: bold;
  text-transform: uppercase;
}

.snapshots .play > img {
  max-height: 250px;
  max-width: 250px;
  float: left;
  margin: 0px 10px 10px 0px;
}

.snapshots .play > div {
  margin-bottom: 8px;
}
.overflow_visible { overflow: visible }