/*
 * jQuery Nivo Slider v2.4
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */

#play{width:100px;}

.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
#content .nivo-caption p {
	padding: 15px 30px 20px 30px;
	margin:0;
color:#fff;
font-size:20px;
	line-height: 1.5em;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	opacity:0.5;
}
.nivo-controlNav a:hover{ opacity:0.5;  }

.nivo-controlNav a.active:after{position: absolute;
left:0;
top:0;
content: '';
height: 72px;
width: 99px;
background: rgba(255, 255, 255, 0.49);
z-index: 51;
box-shadow:1px 1px 4px #fff;
 }

/* CUSTOM SLIDER ------------------------------------------------------------*/

#slider-block{
	float: left;
margin-bottom: 233px;
margin-top: -180px;
}


#slider-block a[title]:hover:after {
  content: '';
  display:none;}


#slider-holder{
	//width: 906px;
	height: 500px;
	margin: 0 auto;
	float:left;
}

#slider-holder h1 {
margin-left:30px;
margin-bottom: 10px;

}

#slider-holder p {
margin-left:30px;}

#slider {
    position:relative;
    width: 480px;
height: 360px;
margin-left: 30px;
box-shadow:0px 4px 8px 0px #333;
-moz-box-shadow:0px 4px 8px 0px #333;
    background: url(../img/loading.gif) no-repeat 50% 50%;
}

#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;

}

#slider .nivo-controlNav img, #slider2 .nivo-controlNav img {
      display:inline-block;
float:left;
position:relative;
width: 100px;
 }

#slider a {
    border:0;
    display:block;
}

#slider2 {
    position:relative;
    width: 480px;
height: 360px;
margin-left: 30px;
box-shadow:0px 4px 8px 0px #333;
-moz-box-shadow:0px 4px 8px 0px #333;
    background: url(../img/loading.gif) no-repeat 50% 50%;
}

#slider2 img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}

#slider2 a {
    border:0;
    display:block;
}



.nivo-controlNav{
	position: absolute;
top: 360px;
left: 0;
z-index: 100;

background:#000;
padding-left: 20px;
padding-right: 10px;
padding-bottom: 10px;
}


.nivo-controlNav a{
	display: block;
float: left;
margin-top: 6px;
margin-right: 5px;
margin-left: 5px;


}


.nivo-directionNav a{
	display: block;
	width: 37px;
	height: 37px;
	text-indent: -9000px;
	background: url(../img/slider-arrows.png) no-repeat transparent;
}

.nivo-directionNav a.nivo-nextNav{ 
	background-position: 0px 0px;
	margin-right: -19px;
	z-index: 1001;
}

.nivo-directionNav a.nivo-prevNav{ 
	background-position: -37px 0px;
	margin-left: -19px;
	z-index: 1001;
}

.nivo-directionNav a.nivo-nextNav:hover{
	background-position: 0px -37px;
}

.nivo-directionNav a.nivo-prevNav:hover{
	background-position: -37px -37px;
}

#play-btn{
position: relative;
top: 350px;
left: 170px;
height: 200px;
width: 200px;
background-image: url(../img/play.png);
background-repeat: no-repeat;
z-index: 51;
background-position: center;
background-size:cover;
}


/* IPHONE
--------------------------------------------------
---------------------------------------------------*/


@media only screen 
and (min-width : 320px) 
and (max-width : 568px) {



#slider-block{
	margin-bottom: 33px;
margin-top: -120px;
	width: 310px;
padding-left:10px;
}

/* CUSTOM SLIDER ------------------------------------------------------------*/


#slider-holder{
	width: 260px;
	height: 153px;
	margin: 0 auto;
	

}



#slider[style] {
    position:relative;
    width:260px !important; /* Change this to your images width */
    height: 133px !important; /*337px + 25px; /* Change this to your images height */
    background: url(../img/loading.gif) no-repeat 20% 20%;
margin-left:20px;
}


#slider2[style] {
    position:relative;
    width:260px !important; /* Change this to your images width */
    height: 133px !important; /*337px + 25px; /* Change this to your images height */
    background: url(../img/loading.gif) no-repeat 20% 20%;
margin-left:20px;
}




#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;

}

#slider2 img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;

}



#content .nivo-caption p {
padding: 2px 10px 5px 10px;
margin: 0;
color: #fff;
font-size: 20px;
line-height: 1.5em;
}



#slider a {
    border:0;
    //display:none;
}

#slider2 a {
    border:0;
    //display:none;
}


#slideriphone a {
    border:0;
    
}


.nivo-controlNav{
	position: absolute;
top: 140px;
left: 0;
z-index: 100;

background:#000;
padding-left: 20px;
padding-right: 10px;
padding-bottom: 10px;
}


.nivo-controlNav a{
	display: block;
float: left;
margin-top: 6px;
margin-right: 5px;
margin-left: 5px;


}

#slider .nivo-controlNav img, #slider2 .nivo-controlNav img {
      display:inline-block;
float:left;
position:relative;
width: 60px;
 }


.nivo-directionNav a{
	//display: none;
	width: 37px;
	height: 37px;
	text-indent: -9000px;
	background: url(../img/slider-arrows.png) no-repeat transparent;
}

.nivo-directionNav a.nivo-nextNav{ 
//display: none;
	background-position: 0px 0px;
	margin-right: -19px;
	z-index: 1001;
}

.nivo-directionNav a.nivo-prevNav{ 
//display: none;
	background-position: -37px 0px;
	margin-left: -19px;
	z-index: 1001;
}

.nivo-directionNav a.nivo-nextNav:hover{display: none;
	background-position: 0px -37px;
}

.nivo-directionNav a.nivo-prevNav:hover{display: none;
	background-position: -37px -37px;
}

#play-btn{
position: relative;
top: 210px;
left: 100px;
height: 100px;
width: 100px;
z-index: 51;
background-position: center;

}

}

/* IPAD STYLINGS --------------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 1024px){

#slider-holder {
height: 500px;
margin-left: 20px;
float: left;
}

#slider-block {
float: left;
margin-bottom: 23px;

width: 550px;
}

#play-btn{
position: relative;
top: 300px;
left: 250px;
height: 100px;
width: 100px;
z-index: 51;
background-position: center;
}

}