/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html, body, section, article, div, h1, h2, h3, a { border: 0; margin: 0;  padding: 0;  vertical-align:top; font-weight:normal;}

html, button, input, select, textarea { color: #c1c1c1; }

html{
	height:100%; width:100%;
	background: #131313; /* Old browsers */
	overflow: hidden;
	}
body {
	overflow:hidden;
	overflow-y:auto;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	width:100%; height:100%;
	min-width:980px;
	margin: 0 auto; position:absolute; top:0; bottom:0; left:0; right:0;
	font-size: 1em;
	line-height: 1.2;
	background: #131313; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iIzQ3NDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzJjMmMyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iIzJiMmIyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iIzFjMWMxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMzEzMTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */
	background: linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-8 */
	background-repeat:no-repeat;
	/*background-size:auto 755px;*/
}




::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { vertical-align: middle; }
textarea { resize: vertical; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

a{ color: inherit; text-decoration:none; font-weight:normal; outline:none !important; }

/* ==========================================================================
   Header
   ========================================================================== */

@font-face {font-family: 'Zrnic Regular';
	src: url('fonts/233E14_0_0.eot');
	src: url('fonts/233E14_0_0.eot?#iefix') format('embedded-opentype'),
		 url('fonts/233E14_0_0.woff') format('woff'),
		 url('fonts/233E14_0_0.ttf');}

@font-face{
	font-family: 'Zrnic';
	src: url('font/zrnic___.eot?#iefix') format('embedded-opentype'),
		 url('fonts/zrnic___.ttf')  format('truetype');
}

h1 {
	font-weight:normal;
/*	font-family: 'Zrnic Regular', Lucida Sans Unicode, Sans serif; */
}

header{ text-align:; margin:; position:relative;}
hgroup{margin:0 10% 0; position:relative;}
header h1{
	margin:30px 0 0 -3px; text-transform: uppercase; font-weight:300;
	font-size: 60px; letter-spacing:4px; color: #fff; color: rgba(255, 255, 255, .7);
	line-height:1; text-shadow: 0 0 20px #fff; }
header h1 span{color: #A5BBCE;}

header h2{margin:3px auto; color:#fff; opacity:.8; text-transform:lowercase; font-size:16px;}

/*#backScene{
	position:absolute; top:0; bottom:0; right:0; left:0;
	opacity:.1;
	display:block; margin:0;
	background: url('img/speaker.jpg') repeat #fff;
	background-size: auto 1000px;
	width: 100%; height: 100%;
	display:none;}
	*/
#audioWave{
	position: absolute; top:230px;
	background:url('img/audioWave2.png') repeat-x; height:300px; width:4000px;
	opacity:.4;
}
#phone{position:absolute; right:0; top:-2px;
  text-align:right; font-size:20px;}
#phone div{font-weight:500;
  }
#phone-name{color:#c1c1c1; margin:12px 3px 2px; letter-spacing: 2px; font-size:16px;}
#phone-num{margin: 0 0 4px; letter-spacing: 6px;}
/* ==========================================================================
   Nav
   ========================================================================== */
header nav{ position: absolute; top: 536px; left:0; width:93%; text-align:center; margin:0 3.5% 0;}
header nav a{font-family: Impact, Helvetica, Sans Serif;
	color:#fff; display: inline-block; position: relative; width:25%; height:120px;
	font-size:32px; text-transform: lowercase; padding:0; float:left;}
header nav a .ghostlink{ position:absolute; top:35px; left:0; width:100%;}
header nav a .ghostlink div{ position:absolute; top:0; left:0; width:100%;}
header nav a .ghostlink .still{ opacity:.24; text-shadow: 1px 3px 4px #000;}
header nav a .ghostlink .moving{ opacity:0; margin-left:30px; text-shadow: 0 0 14px #fff;
	-moz-transition:all .33s ease; -webkit-transition:all .33s ease; transition:all .33s ease;
	}

header nav a:hover .ghostlink .moving{opacity:.9; margin-left:0; }
.lt-ie9 header nav a .ghostlink .moving{display:none;}


.sexy{
	-moz-transition:1s all ease;
	-webkit-transition:1s all ease;
	transition:1s all ease; }
section:hover .sexy, header:hover .sexy{ color: #D5E3EF; text-shadow: 0 0 .2em #A5BBCE;}

/* ==========================================================================
   Main Body
   ========================================================================== */
#mainContent{ position: absolute; top:140px;
  width:100%; }


#panels{ position: absolute; left:0; width:400%; padding:0!important; overflow: visible;}

section.panel {
	box-sizing: border-box; -moz-box-sizing: border-box;
	float:left; position:relative;
	display:inline-block; text-align: center;
	height: 390px !important; width:25%; min-width: 750px;
	margin: 0; border:0;
}
.page-frame{
	/*border:1px solid red;
*/ 	height:100%; width:80%;
	display: inline-block; margin: 0 auto 0; text-align: left;
	box-sizing: border-box; -moz-box-sizing: border-box;
}
.cell{ position: relative; display:block;
  height:334px;
  background-color: hsla(0, 0%, 10%, .3) !important;
  box-shadow: inset 10px -25px 80px hsla(0, 0%, 0%, .4), 0px 10px 10px hsla(0, 0%, 0%, .3);
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	margin:0;
	/*border:1px solid white;*/
}
.sub-cell{text-align: center; color: rgba(255,255,255,.6); font-size: 12px;}

section.panel h1{ line-height:38px; margin:0 0 15px;
	text-align:left; display:inline-block;
}
section.panel p{
	font-size:14px; letter-spacing: 1px; line-height: 1.4;
	color: rgba(255,255,255, .9);
}





/* === SEE ME === */
/*section.panel.one{ box-shadow:none; background:none; } */



.vp2_html5_rightSidePlaylistBorder{ height:100% !important; width:100% !important; }

.vp2_html5_rightSidePlaylist{position: static !important;}

.thumbsHolderWrapper{position:absolute;
	right:30px !important; left: 500px !important;
	width:auto !important; }
.thumbsHolderVisibleWrapper, .thumbsHolder {width:100% !important;}
.vp2_html5_rightSidePlaylist.universalBlack .padding{ padding:1px !important;
 line-height:1.2 !important;
}
.reg{line-height:1 !important;}
.VideoShowHidePlaylist{display:none;}

.ui-slider-vertical{left:auto !important; right:0 !important;}



.vp2_html5_rightSidePlaylist.universalBlack .thumbsHolder_ThumbOFF{height:98px !important;}
.vp2_html5_rightSidePlaylist.universalBlack .thumbsHolder_ThumbOFF .padding{padding:3px;}

.vp2_html5_rightSidePlaylist.universalBlack .VideoSeek .ui-slider-range{
/*	background: #a6c0d6;*/
}
.VideoPlay:hover {background:;
}

.vp2_html5_rightSidePlaylist.universalBlack .thumbsHolder_ThumbON .title{
	color:#a6c0d6;
}
.vp2_html5_rightSidePlaylist.universalBlack .thumbsHolder_ThumbOFF .title:hover{
	color:#a6c0d6;
}

/*.slider-vertical .ui-slider .ui-slider-vertical,*/
/*.slider-vertical {width:30px !important; background:blue !important;}
.ui-slider-range {width:20px !important;}
.ui-slider-vertical{width:30px !important; height: 100% !important;}*/
.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider-vertical{
width:30px !important;
height: 270px !important;
/*background:blue !important;*/
top:60px !important;
bottom: 25px !important;
margin: 0px !important;
}
.vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider .ui-slider-handle{
	border-radius: 5px 5px 5px 5px;
	background: #fff !important;
	width:26px !important;
	height: 56px !important;
/*	margin-bottom: -60px !important;*/
	margin:2px !important;
	padding:0 !important;

}

/* === HEAR ME === */





/* === WHO ME === */
section.panel.three .cell{padding:30px; -webkit-box-sizing:border-box;  -moz-box-sizing:border-box; box-sizing:border-box;}
section.panel.three img{
	height:240px; float:left; margin:4px 25px 50px 0; display:;}
#bio p{font-size: 18px; margin:0 0 15px;}
@media screen and (max-width:1250px){
	#bio p{font-size:16px;}
}
@media screen and (max-width:1100px){
	#bio p{font-size:14px;}
}

/* === GET ME === */

.panel.four .blurb{
  font-size: 18px;  line-height: 1.4; letter-spacing: 1px;
	position:absolute; top: 15px;
	left: 4%; right:4%;
	}
 #numbers{
  /* border:1px dashed red; */
  position:absolute; font-size:19px;
	left:90px; bottom:40px; height:100px; right:-3%;
	text-align:right; line-height: 1.8; overflow:hidden;}
#numbers div{width:22%; text-align:left;
  display:inline-block; margin-left:2%}
#numbers span{display:block;  }
#numbers .ct-name{font-weight: 900; text-transform:uppercase; letter-spacing: 4px;}
#numbers .ct-number{font-weight: 400; font-size:;}
#numbers .ct-email{line-height:28px; font-size:.8em;}

#numbers .ct-name.ct3{letter-spacing: 8px;}
#numbers .ct-email.ct3{font-size:.75em;padding-top:2px;}
#numbers .ct-name.isdn{letter-spacing:3px; line-height:20px; margin-top:6px;}
#numbers .ct-number.isdn{margin-bottom:-4px;}
.isdn{margin-left:-10%;}
section.four img{ height:80px; width: auto;
	margin:0; position:absolute;
	left: 35px; bottom:55px;}
@media only screen and (max-width:1100px){
	section.four #numbers{ font-size: 16px; line-height:;}
	.panel.four .blurb{ font-size: 14px; line-height: 1.4;}
  section.four img{ height:82px; bottom:53px}
}


/*========== Ipad ============ */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
	/*html, body{width:1024px !important;
		min-width:1024px;}
	body{background-size:100% 380px;}
	.mainContent{width:1024px;}
	.page-frame{width:94%;}
	hgroup{margin:180px 3% 0;}
	header h1{font-size:124px;}
	header h2{font-size:60px;}
	#mainContent{top:550px;}
	#audioWave{top:40px;}
	header nav{top:760px; width:98%;}
	header nav a{font-size:44px;}
	#phone{top:-260px;}*/
/*	#phone{top:700px;width:100%; text-align: center;opacity:.8;
		background:#000;}
	#phone-name{font-size:60px;}
	#phone-num{font-size: 90px;}*/

/*	.vp2_html5_rightSidePlaylistBorder{ width:500px !important; }
*/
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {

}



@media only screen and (min-device-width:768px) and (max-device-width:1024px){
	.sub-cell{font-size:10px;}
/* 	header h1{font-size:77px;margin:93px 0 0 -3px;}
	header h2{font-size:20px;}
	#phone{font-size:1em; top:20px;}

	#mainContent{top:234px;}
	section.panel{ height:304px }
	section.panel.one h1{ width:180px;}
	#videoFrame{ position: absolute; top:8px; right:20px; }
	header nav{ top: 504px; left:0;}
	header nav a{}
*/
}



@media handheld, screen  and (max-width: 950px) {
	#phone {
		position:absolute;;
		right:0;
		top:-20px;
		width:100%;
	}

	#phone-name {
		font-size:14px;
		position:absolute;
		left:0;
		top:0;
		text-align:left;
		padding:0;
		margin:0;
	}

	#phone-num {
		font-size:14px;
		position:absolute;
		right:0;
		top:0;
		text-align:right;
		padding:0;
		margin:0;
	}
	
	}

@media handheld, screen and (min-width:540px) and (max-width: 768px) {
	/*******************************
	* HEADER
	*******************************/

	header h1 {
		font-size:48px;
	}

	header nav a {
		font-size:24px;
	}


	/******************************
	* YOUTUBE
	******************************/
	#frame {
		height: 280px;
	}
	#frame .ytv-video {
		width:70% !important;
	}
	#frame .ytv-video iframe {

	}
	#frame .ytv-list {
		margin-left:70% !important;
	}


}


	@media handheld, screen and (max-width: 540px) {

		body {
			background: #131313; /* Old browsers */
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iIzQ3NDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzJjMmMyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iIzJiMmIyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iIzFjMWMxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMzEzMTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: linear-gradient(to bottom, #666666 0%,#474747 10%,#2c2c2c 19%,#000000 40%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */

		}
		/******************************
		* HEADER
		******************************/
		hgroup {
			margin:0 2.5%;
			position:absolute;
			top:85px;
			width:95%;
		}
		header h1 {
			font-size:3em;
			margin-top:10px;
			margin-left:5%;
		}

		header h2 {
			font-size:22px;
			margin-left:5%;
		}

		#phone {
			position:absolute;;
			right:0;
			top:-35px;
			width:100%;
		}

		#phone-name {
			font-size:12px;
			position:absolute;
			left:0;
			top:0;
			text-align:left;
			padding:0;
			margin:0;
			display:none;
		}

		#phone-num {
			font-size:12px;
			letter-spacing:2px;
			position:absolute;
			right:0;
			top:0;
			text-align:right;
			padding:0;
			margin:0;
		}

		#audioWave {
			top:45px;
			opacity:0.25;
			width:100%;
		}
		/******************************
		* NAV
		******************************/
		header nav {
			position:relative;
			top:0px;
			margin:0;
			text-align:left;
			background:rgba(0,0,0,0.4);
			width:100%;
			height:40px;
			display:block;
		}
		header nav a {
			height:40px;
			line-height:40px;
			width:23%;
			margin:0;
			font-size:14px;
			text-align:center;
			font-family:Helvetica, 'Sans Serif';
			float:none;
		}
		header nav a .ghostlink {
			top:0px;
			text-transform:uppercase;
		}

		header nav a .ghostlink .still {
			opacity:0.5;
		}


		/******************************
		* PAGE CONTAINER
		******************************/
		#mainContent {
			position:relative;
			top:210px;
		}
		.page-frame {
			width:85%;
		}
		.cell {
			height:auto;
		}
		/******************************
		* YOUTUBE
		******************************/
		#frame {
			height:auto !important;
		}
		#frame .ytv-video {
			position: relative;
			padding-bottom: 56.25%; /* 16:9 */
			padding-top: 25px;
			height: 0;
			width:auto !important;
		}
		#frame .ytv-video iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100% !important;
			height: 100%;
		}
		#frame .ytv-list {
			margin:0 !important;
			min-width:100% !important;
			height:350px !important;
		}
		/******************************
		* SOUNDCLOUD
		******************************/
		#vol-ctrl,
		#audioBase,
		.sc-player,
		.sc-player .sc-artwork-list {
			position:relative !important;
			top:0 !important;
			display:block !important;
			float:none !important;
		}
		#vol-ctrl {
			padding-top:20px;
			margin-bottom:20px;
		}
		#vol-ctrl #vol {
			top:-10px;
			left:10px !important;
			position:relative;
		}
		.sc-volume-slider {
			width:94% !important;
			top:-25px !important;
			left:10px !important;
		}
		.sc-player .sc-artwork-list,
		.sc-player .sc-info {
			display:none !important;
		}
		.sc-player,
		.sc-player .sc-controls {
			position:relative !important;
			display:block !important;
			margin-left:0 !important;
			left:0 !important;
			top:0 !important;
			bottom:0 !important;
			right:0 !important;
			width:100% !important;
		}
		.sc-player ol.sc-trackslist {
			position:relative !important;
			display:block !important;
			margin-left:0 !important;
			left:0 !important;
			top:0px !important;
			bottom:0 !important;
			right:0 !important;
			width:100% !important;
			height:330px !important;
			margin-top:110px;
		}
		.sc-player ol.sc-trackslist li a {
			width:80%;
			display:block;
		}
		.sc-scrubber .sc-time-span {

		}

		/******************************
		* BIO
		******************************/
		section.panel.three img {
			float:none;
		}
		/******************************
		* CONTACT
		******************************/
		.panel.four .blurb {
			position:relative;
			top:0px;
			display:block;
			padding:10px;
		}
		section.four img {
			position:relative;
			left:0px;
			top:0;
			display:block;
			margin:-30px auto 10px;
		}
		#numbers {
			position:relative;
			right:0;
			left:0px;
			top:0;
			height:auto;
			padding:0 10px;
		}
		#numbers div {
			width:100%;
			text-align:center;
			margin-left:0px;
		}
		.isdn {
			margin-left:0px;
		}
		#numbers .ct-name {
			display:inline-block;
			vertical-align:top;
		}
		#numbers .ct-name.isdn {
			display:block;
		}
		#numbers .ct-number {
			display:inline-block;
			vertical-align:top;
			margin-left:20px;
		}
		#numbers .ct-email {
			line-height:1em;
			margin-bottom:20px;
		}
	}


}







/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto;  margin: 0; overflow: visible; position: static; width: auto; }
.invisible {  visibility: hidden; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }


/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print{*{background:transparent !important; color:#000 !important;
	box-shadow:none !important;text-shadow:none !important; }
	a, a:visited{ text-decoration:underline; }
	a[href]:after{ content:" (" attr(href) ")"; }
	abbr[title]:after{ content:" (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after{ content:""; }
	pre, blockquote{ border:1px solid #999;page-break-inside:avoid;}
	thead{ display:table-header-group; }
	tr, img{ page-break-inside:avoid;}
	img{ max-width:100% !important;}
	@page{ margin:0.5cm;}
	p, h2, h3{ orphans:3;widows:3;}
	h2,h3{ page-break-after:avoid;}
}


	body {
		min-width:320px;
	}
/*body{background-size:inherit !important;}*/
	section.panel {
		box-sizing: border-box; -moz-box-sizing: border-box;
		float:left; position:relative;
		display:inline-block; text-align: center;
		height: 390px !important; width:25%; min-width: 320px;
		margin: 0; border:0;
	}