/* import core styles */
@import url(base.css);


/*------------------------------------------
// GLOBAL ELEMENTS
//------------------------------------------*/
body { color:#333; background:#DAD7C4 url(../images/bg.jpg); font-family: Helvetica, Arial, sans-serif; font-size: 1rem; }
body.bg { background: #080d10 url(../images/bg.jpg) no-repeat center top; text-align: center; }
h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em; }
a { color: #1f80c8; }
a:hover { text-decoration: underline; }
p { margin-bottom: 18px; line-height: 22px; }
.inlineimg { vertical-align:middle; }
.fullopacity { filter:alpha(opacity=100) !important;-moz-opacity:1.0 !important;-khtml-opacity: 1.0 !important;opacity: 1.0 !important; }
.float_right { float: right; }


/*------------------------------------------
// CONTENT WRAPPER
//------------------------------------------*/
div#wrapper { text-align: left; margin: 0px auto; width: 950px; }
div#wrapper div#header { background: url(../images/seperator.png) no-repeat center bottom; height: 134px; text-align: center; margin-bottom: 25px; }

/*------------------------------------------
// SLIDE: ABOUT
//------------------------------------------*/
div#wrapper div#slide_about { background: url(../images/seperator.png) no-repeat center bottom; padding-bottom: 15px; overflow: hidden; margin-bottom: 20px; }
div#wrapper div#slide_about div.services { width: 479px; background: url(../images/chooseservice.png) no-repeat center top; overflow: hidden; padding-top: 30px; float: left; }
div#wrapper div#slide_about div.services ul li { float: left; margin-right: 18px; }
div#wrapper div#slide_about div.services ul li.last { margin-right: 0px; }
div#wrapper div#slide_about div.services ul li a { background: url(../images/services_iconbg_off.png) no-repeat; display: block; }
div#wrapper div#slide_about div.services ul li a.selected,div#wrapper div#slide_about div.services ul li a:hover { background: url(../images/services_iconbg_on.png) no-repeat; }
div#wrapper div#slide_about div.text { float: right; width: 430px; }
div#wrapper div#slide_about div.text h1 { background: url(../images/title_about.png) no-repeat; height: 31px; margin-bottom: 14px; }
div#wrapper div#slide_about div.text h1 span { display: none; }
div#wrapper div#slide_about div.text p { margin-bottom: 17px; line-height: 22px; }

/*------------------------------------------
// SLIDE: SERVICES
//------------------------------------------*/
div#wrapper div#slides_container { width:950px; position:relative; background: url(../images/seperator.png) no-repeat center bottom;}
div#wrapper div#slides_container div.scroll { width:950px;overflow:auto;overflow-x:hidden;position:relative;clear:left; }
div#wrapper div#slides_services { padding-bottom: 10px;  }
 /*------------------------------------------
// dean cameron re-code
//------------------------------------------*/       

div.scroll{                   
	min-height: 300px;
}

div#wrapper div#slide_about div.services ul.navigation li{       
	margin-left: 35px;
}


div#wrapper div#slides_services div#slide_radio { background: url(../images/radiobg.png) no-repeat right top; min-height:280px;width:950px; }
div#wrapper div#slides_services div#slide_radio div.button { float: right; height: 129px; width: 130px; margin-top: 54px; }
div#wrapper div#slides_services div#slide_radio div.text { float: left; width: 480px; }
div#wrapper div#slides_services div#slide_radio div.text div.title { background: url(../images/title_radio.png) no-repeat; height: 42px; margin-bottom: 16px; }
div#wrapper div#slides_services div#slide_radio div.text div.title span { display: none; }

div#wrapper div#slides_services div#slide_radio div.text div.samples { width:600px; }
div#wrapper div#slides_services div#slide_radio div.text div.samples ul li { float: left; width: 225px; margin-bottom: 24px; padding-right: 50px; }
div#wrapper div#slides_services div#slide_radio div.text div.samples ul li span.samples_title { font-weight: bold; text-transform: uppercase; color: #000; display: block; margin-bottom: 4px;font-size:13px;line-height:18px; }
div#wrapper div#slides_services div#slide_radio div.text div.samples ul li p { margin-bottom: 3px; font-size: 12px; line-height: 15px; }
div#wrapper div#slides_services div#slide_radio div.text div.samples h2 { font: italic normal 17px Georgia, "Times New Roman", Times, serif; margin-bottom: 10px; color: #525046; }

div#wrapper div#slides_services div#slide_radio div.text div.samples2 ul li { margin-bottom: 13px; padding-right: 10px; border-bottom: 1px solid #A7A596; padding-bottom: 5px; overflow: hidden; }
div#wrapper div#slides_services div#slide_radio div.text div.samples2 ul li span.samples_title { font-weight: bold; text-transform: uppercase; color: #000; display: block; margin-bottom: 4px; }
div#wrapper div#slides_services div#slide_radio div.text div.samples2 ul li p { margin-bottom: 3px; font-size: 12px; line-height: 15px; }
div#wrapper div#slides_services div#slide_radio div.text div.samples2 h2 { font: italic normal 17px Georgia, "Times New Roman", Times, serif; margin-bottom: 10px; color: #525046; }
div#wrapper div#slides_services div#slide_radio div.text div.samples2 span.logo { float:right; margin-left: 5px; }

div#wrapper div#slides_services div#slide_film {/* background: url(../images/filmbg.png) no-repeat right center; min-height:280px;width:950px;*/ }
div#wrapper div#slides_services div#slide_film div.button { float: right; height: 129px; width: 130px; margin-top: 54px; }


 /*------------------------------------------
// dean cameron re-code
//------------------------------------------*/    

/* Jerra Updates */
div#slide_about div.text strong.section-title{
    font-size: 1.1rem;
}
div#slide_radio .default_text > p:nth-child(odd){
    margin-bottom: 6px;
}
#Flabellcomponent{
    padding: 10px;
}
div#audio-wrap{
    background: white;
    padding: 10px;
    padding-bottom: 5px;
    margin-top: 7px;
}
	input[type=range] {
	  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
	  width: 100%; /* Specific width is required for Firefox. */
	  background: transparent; /* Otherwise white in Chrome */
	  flex-grow: 1;
	}	

	input[type=range]::-webkit-slider-thumb {
	  -webkit-appearance: none;
	}

	input[type=range]:focus {
	  outline: none;  /* Removes the blue border. */
	}

	input[type=range]::-ms-track {
	  width: 100%;
	  cursor: pointer;

	  /* Hides the slider so custom styles can be added */
	  background: transparent; 
	  border-color: transparent;
	  color: transparent;
	}

	/*STYLE ALL THE THUBMS*/
	input[type=range]::-ms-thumb {
		height: 32px;
		width: 32px;
		background-image: url('/Images/scrubber_64_RS_light.png');
		background-size: contain;
		background-position: center center;
	}
	input[type=range]::-moz-range-thumb {
		height: 32px;
		width: 32px;
		background-image: url('/Images/scrubber_64_RS_light.png');
		background-size: contain;
		background-position: center center;
	}
	input[type=range]::-webkit-slider-thumb {
  		height: 32px;
		width: 32px;
		margin-top: -13px; /*1/2 x (height - track height)*/
		background-image: url('/Images/scrubber_64_RS_light.png');
		background-size: contain;
		background-position: center center;
	}

	input[type=range]:active::-webkit-slider-thumb{
		background-image: url('/Images/scrubber_64_RS.png');
	}
	input[type=range]:active::-moz-range-thumb{
		background-image: url('/Images/scrubber_64_RS.png');
	}
	input[type=range]:active::-ms-thumb{
		background-image: url('/Images/scrubber_64_RS.png');
	}

	input[type=range]::-webkit-slider-runnable-track {
		width: 100%;
		background: #525046;
		height: 6px;
	}
	input[type=range]::-moz-range-track {
		width: 100%;
		background: #525046;
		height: 6px;
	}
	input[type=range]::-ms-track {
		width: 100%;
		background: #5c5a4e;
		height: 6px;
	}

	div.player-controls{
		display:flex;
		justify-content: space-between;
		box-sizing: border-box;

	}
	div#play-btn {
		height: 32px;
		width: 32px;
		margin-top: -6px;
		background-image: url('/Images/play_64_RS.png');
		background-size: contain;
		background-position: center center;
	}
	div#play-btn.playing{
		background-image: url('/Images/pause_64_RS.png');
	}
	div.scrubber-container{
		width: 290px                          ;
		flex: 1;
	}
	div.time-wrap{
		padding-left: 10px;
		padding-top: 2px;
	}

/* ------  */

div#wrapper div#slides_services div#slide_film div.text { float: left; width: 400px; } 
#slide_film .video_window{
	border: 0px solid red;
	float: right;  
	height: 300px; 
	margin-top: 50px;
}
#slide_film .video_window iframe{       
		border: 0px solid white;     
} 
      #audio-title{
        text-transform: uppercase;
        color: #525046;
        font-weight: bold;
        white-space: nowrap;
        max-width: 300px;
    }
    #FlabellComponent{
        padding: 5px;
    }
    

/*div#wrapper div#slides_services div#slide_film div.text div.title { background: url(../images/title_film.png) no-repeat; height: 42px; margin-bottom: 16px; } */      
div#wrapper div#slides_services div#slide_film div.text div.title { background: url(../images/title_tv_film.png) no-repeat; height: 42px; margin-bottom: 16px; }    

div#wrapper div#slides_services div#slide_film div.text div.title span { display: none; }

div#wrapper div#slides_services div#slide_photo { background: url(../images/photobg.png) no-repeat right center; min-height:280px;width:950px; }
div#wrapper div#slides_services div#slide_photo div.button { float: right; height: 129px; width: 130px; margin-top: 54px; }
div#wrapper div#slides_services div#slide_photo div.text { float: left; width: 510px; }
div#wrapper div#slides_services div#slide_photo div.text div.title { background: url(../images/title_photo.png) no-repeat; height: 42px; margin-bottom: 16px; }
div#wrapper div#slides_services div#slide_photo div.text div.title span { display: none; }

/*------------------------------------------
// SLIDE: NEWS
//------------------------------------------*/
div#wrapper div#slide_news { background: url(../images/seperator.png) no-repeat center bottom; overflow: hidden; margin-top: 25px; padding-bottom: 25px; }
div#wrapper div#slide_news div.title_news { float:  left; background: url(../images/title_news.png) no-repeat; height: 43px; margin-bottom: 20px; width: 450px; }
div#wrapper div#slide_news div.title_news span,
div#wrapper div#slide_news div.title_twatter span { display: none; }
div#wrapper div#slide_news div.morenews { background: url(../images/button_morenews.png); float: right; height: 27px; width: 124px; color: #FFF; font: italic normal 13px Georgia, "Times New Roman", Times, serif; overflow: hidden; }
div#wrapper div#slide_news div.morenews span { padding-top: 5px; display: block; padding-left: 9px; }
div#wrapper div#slide_news div.newsbits ul.newslist li { width: 411px; margin:0 51px 20px 0; border: 0px solid green;}
div#wrapper div#slide_news div.newsbits ul.newslist li.last { margin-right: 0px; }
div#wrapper div#slide_news div.newsbits ul.newslist li span.timestamp { font-weight: bold; text-transform: uppercase; color: #000; margin-bottom: 3px; display: block; }
div#wrapper div#slide_news div.newsbits ul.newslist li span.readmore { background: url(../images/button_readmore.png); height: 20px; width: 91px; display: block; color: #FFF; font: italic 13px Georgia, "Times New Roman", Times, serif; padding-top: 4px; text-align: center; }
div#wrapper div#slide_news div.newsbits ul.newslist li span.readmore a { color: #FFF;cursor:pointer; }
div#wrapper div#slide_news div.newsbits ul.newslist li span.readless { background: url(../images/button_readmore.png); height: 20px; width: 91px; display: block; color: #FFF; font: italic 13px Georgia, "Times New Roman", Times, serif; padding-top: 4px; text-align: center; }
div#wrapper div#slide_news div.newsbits ul.newslist li span.readless a { color: #FFF;cursor:pointer; }
div#wrapper div#slide_news div.morenews span a { color: #FFF; }   
div#wrapper div#slide_news div.newsbits{     
	float: left;
	border:0px solid #000;
	width: 480px;
}   
 
/*------------------------------------------
// TWATTAGE
//------------------------------------------*/   

div#wrapper div#slide_news div.twatter{
	float: right;
	border: 0px solid pink;
}          
div#wrapper div#slide_news div.title_twatter { 
	float: right;
	background: url(../images/title_tweetss.png) no-repeat; 
	height: 43px; 
	margin-bottom: 20px; 
	width: 350px;
}
ul.twatter {
	border: 0px solid red;  
	float: right;
	width: 350px;
}      
.twtr-widget {
	margin: 0 0 0 2px;
}

/*------------------------------------------
// SLIDE: CONTACT
//------------------------------------------*/
div#wrapper div#slide_contact { margin-bottom: 25px; overflow: hidden;margin-top:22px; }
div#wrapper div#slide_contact div.text { float: left; width: 400px; }
div#wrapper div#slide_contact div.text div.title { background: url(../images/title_contact.png) no-repeat; height: 36px; margin-bottom: 35px; }
div#wrapper div#slide_contact div.text span { display: none; }
div#wrapper div#slide_contact div.text ul.contactlist li { font-size: 18px; height: 42px; padding-top: 9px; padding-left: 53px; color: #78766c; }
div#wrapper div#slide_contact div.text ul.contactlist li a { color: #78766c; }
div#wrapper div#slide_contact div.text ul.contactlist li.phone { background: url(../images/icon_phone.png) no-repeat; }
div#wrapper div#slide_contact div.map { background: url(../images/contactbg.png) no-repeat; float: right; height: 273px; width: 541px; }
div#wrapper div#slide_contact div.text ul.contactlist li.email { background: url(../images/icon_email.png) no-repeat; }
div#wrapper div#slide_contact div.text ul.contactlist li.address { background: url(../images/icon_location.png) no-repeat; }

/*------------------------------------------
// FOOTER CSS
//------------------------------------------*/
div#wrapper div#footer { background: url(../images/footerbg.png); height: 25px; padding-top: 15px; padding-left: 15px; padding-right: 15px; color: #FFF; margin-bottom: 15px;font-size:12px; }
div#wrapper div#footer a { color: #FFF; }