/* CSS Document */

@font-face {
    font-family: 'ExoThin';
    src: url('../fonts/Exo-Thin-webfont.eot');
    src: url('../fonts/Exo-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Exo-Thin-webfont.woff') format('woff'),
         url('../fonts/Exo-Thin-webfont.ttf') format('truetype'),
         url('../fonts/Exo-Thin-webfont.svg#ExoThin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ExoLight';
    src: url('../fonts/Exo-Light-webfont.eot');
    src: url('../fonts/Exo-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Exo-Light-webfont.woff') format('woff'),
         url('../fonts/Exo-Light-webfont.ttf') format('truetype'),
         url('../fonts/Exo-Light-webfont.svg#ExoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/***** Global Settings *****/

hr { height: 1px; background-color: #ccc; border: 0; margin: 20px 0 10px; padding:0; }
html, body {
border:0;
margin:0;
padding:0;
height: 100%;
}

body {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
line-height: 13ind0%;
letter-spacing: 120%;
background-color: #921212;
color: #666666;
background-image: url(../images/bgRed.gif);
background-position: top;
background-repeat: repeat-x;
}

 /*
  USAGE: All you have to do is include this one line in your CSS file, with the
  tag names to which you want the script applied:
 */

 img, div { behavior: url(iepngfix.htc) }

 /*
  Alternatively, you can specify that this will apply to all tags like so:
   * { behavior: url(iepngfix.htc) }
 */

/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

h1 {
padding:10px 0 25px 0;
font-size:2.5em;
font-family: 'ExoThin', arial, helvetica, sans-serif;
}

h2 {
	color: #921212;
    font-family: 'ExoLight',arial,helvetica,sans-serif;
    font-size: 16px;
    padding: 15px 0 10px;
}

h1 + h2 {
	padding-top: 0;
}


h1.tagline + h2 {
    color: #921212;
    font-family: 'ExoLight',arial,helvetica,sans-serif;
    font-size: 16px;
    padding-top: 0;
}

h1.tagline {
	margin-bottom: 0;
	padding-bottom: 0;
}

h3 {
font: arial, helvetica, sans-serif;
color: #921212;
font-weight: normal;
font-size: 12px;
margin-bottom:16px;
}

h4 {
color: #921212;
font-weight: normal;
font-size: 12px;
font-weight: bold;
}

p, ul, ol {
margin:0;
padding:0 0 18px 0;
}

ul, ol {
	list-style-image: url("../images/dot.gif");
    list-style-type: circle;
    margin-top: -15px;
    padding: 10px 0 5px 15px;
}
li {
	margin-top: 3px;
}
blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:0.85em;
color: #AAA;
}

img {
border:0;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

/***** Links *****/

a, a:visited {
color: #921212;
text-decoration:none;
outline: none;
}
a:hover {
text-decoration: underline;
outline: none;
}

/***** Forms *****/

form {
margin:0;
padding:0;
display:inline;
}

input, select, textarea {
font:1em arial, helvetica, sans-serif;
}

textarea {
line-height:1.25;
}

label {
cursor:pointer;
}

/***** Tables *****/

table {
border:0;
margin:0 0 18px 0;
padding:0;
}

	table tr td {
	padding:2px;
	}


/***** Global Classes *****/

.clear 			{ clear:both; }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.wrap 			{ width:960px;margin:0 auto; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }
.subHeadingImage {
	display: block;
	margin: 15px 0 5px 0;
	padding: 0;
}

/***** Wrappers *****/
#horizon {

	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -215px;
	text-align: center;
	min-width: 870px;
	height: 430px;

}
#wrapper {
	background-image: url(../images/bgRoad.jpg);
	background-color: #010101;
	position: relative;
	text-align: left;
	width: 870px;
	height: 430px;
	margin: auto;
}

/***** Content Divs*****/
#leftColumn {
    float: left;
    height: 430px;
    padding: 0;
    position: relative;
    width: 380px;
}
#header{
	width: 340px;
	padding: 180px 17px 0 23px;
	float: left;
}

#headerSubTitle{
	width: 322px;
	float: left;
	text-align: right;
	padding-top: 5px;
	
	font-size: 11px;
}

#header h1{
	color:#FFFFFF;
font:12px arial,helvetica,sans-serif;
letter-spacing:-1px;
padding:0;
text-transform:uppercase;
}

#header h2 {
	font:11px arial,helvetica,sans-serif;
padding:0;
letter-spacing: 0px;
}

#menu {
    bottom: 0;
    padding-top: 105px;
    position: absolute;
    right: 0;
    text-align: right;
    width: 200px;
}
#menu a{
	background-image: url("../images/arrow.gif");
    background-position: -20px 50%;
    background-repeat: no-repeat;
    color: #AAAAAA;
    display: block;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    margin: 5px 0;
    padding: 0 15px 0 0;
    text-decoration: none;
    text-transform: uppercase;
	transition: color 0.4s ease;
	-webkit-transition: color 0.4s ease;
	-moz-transition: color 0.4s ease;
}
#menu a.current-page {
	cursor: default;
}
#menu a:hover,
#menu a.current-page {
	color: #FFFFFF;
	text-decoration:none;
	background-position: right;
}
#contentWrapper{
	float: left;
	width: 460px;
	height: 410px;
	padding: 0;
	background-color: #FFFFFF;
}
#content {
    float: left;
    height: 350px;
    overflow: auto;
    padding: 60px 30px 0;
    width: 400px;
}
#designerLink{
	padding-right: 10px;
	position: relative;
	text-align: right;
	margin: 0;
	width: 870px;
	height: 20px;
	margin: auto;
}
#designerLink a{
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #921212;
	text-decoration:none;
	display: block;
	height: 20px;
	width: 140px;
	padding: 0 15px 0 0;
	margin: 5px 0;
	line-height: 18px;
	background-image: url(../images/iconJamesBryant.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
#designerLink a:hover{
	background-position: right;
	background-position: 145px -20px;
	color: #FFFFFF;
	text-decoration:none;
}

#contentWrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 430px;
    margin: 0;
    overflow-y: auto;
    width: 490px;
}
#content {
    margin: 0;
    overflow: visible;
    padding: 40px;
    width: 395px;
}

#contentWrapper::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 11px;
}

#contentWrapper::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

#content.photo {
    height: 0;
    padding: 8px 40px 0;
}

.mobile { display: none; }
.mobilenav { display: none; }

.fb, .li {
	transition: all .2s ease; 
	width: 26px; height: 26px; display: block;
	position: absolute; bottom: -38px; opacity: 0.6 }

.fb { background: url(../images/facebook.png) 0 0 no-repeat; right: 56px; }
.li { background: url(../images/linkedin.png) 0 0 no-repeat; right: 20px; }

a:hover.fb, a:hover.li { opacity: 1; }


/***************** AUDIO PLAYER ******************/
.audioplayer
{
	height: 2.5em; /* 40 */
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	border: 1px solid #222;
	position: relative;
	z-index: 1;
	background: #333;
	background: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #222 ) );
	background: -webkit-linear-gradient( top, #444, #222 );
	background: -moz-linear-gradient( top, #444, #222 );
	background: -ms-radial-gradient( top, #444, #222 );
	background: -o-linear-gradient( top, #444, #222 );
	background: linear-gradient( top, #444, #222 );
	
}
	.audioplayer-mini
	{
		width: 2.5em; /* 40 */
		margin: 0 auto;
	}
	.audioplayer > div
	{
		position: absolute;
	}
	.audioplayer-playpause
	{
		width: 2.5em; /* 40 */
		height: 100%;
		text-align: left;
		text-indent: -9999px;
		cursor: pointer;
		z-index: 2;
		top: 0;
		left: 0;
	}
		.audioplayer:not(.audioplayer-mini) .audioplayer-playpause
		{
			border-right: 1px solid #555;
			border-right-color: rgba( 255, 255, 255, .1 );
		}
		.audioplayer-mini .audioplayer-playpause
		{
			width: 100%;
		}
		.audioplayer-playpause:hover,
		.audioplayer-playpause:focus
		{
			background-color: #222;
		}
		.audioplayer-playpause a
		{
			display: block;
		}
		.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a
		{
			width: 0;
			height: 0;
			border: 0.5em solid transparent; /* 8 */
			border-right: none;
			border-left-color: #fff;
			content: '';
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -0.5em 0 0 -0.25em; /* 8 4 */
		}
		.audioplayer-playing .audioplayer-playpause a
		{
			width: 0.75em; /* 12 */
			height: 0.75em; /* 12 */
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -0.375em 0 0 -0.375em; /* 6 */
		}
			.audioplayer-playing .audioplayer-playpause a:before,
			.audioplayer-playing .audioplayer-playpause a:after
			{
				width: 40%;
				height: 100%;
				background-color: #fff;
				content: '';
				position: absolute;
				top: 0;
			}
			.audioplayer-playing .audioplayer-playpause a:before
			{
				left: 0;
			}
			.audioplayer-playing .audioplayer-playpause a:after
			{
				right: 0;
			}
	.audioplayer-time
	{
		width: 4.375em; /* 70 */
		height: 100%;
		line-height: 2.375em; /* 38 */
		text-align: center;
		z-index: 2;
		top: 0;
	}
		.audioplayer-time-current
		{
			border-left: 1px solid #111;
			border-left-color: rgba( 0, 0, 0, .25 );
			left: 2.5em; /* 40 */
		}
		.audioplayer-time-duration
		{
			border-right: 1px solid #555;
			border-right-color: rgba( 255, 255, 255, .1 );
			right: 2.5em; /* 40 */
		}
			.audioplayer-novolume .audioplayer-time-duration
			{
				border-right: 0;
				right: 0;
			}
	.audioplayer-bar
	{
		height: 0.875em; /* 14 */
		background-color: #222;
		cursor: pointer;
		z-index: 1;
		top: 50%;
		right: 6.875em; /* 110 */
		left: 6.875em; /* 110 */
		margin-top: -0.438em; /* 7 */
	}
		.audioplayer-novolume .audioplayer-bar
		{
			right: 4.375em; /* 70 */
		}
		.audioplayer-bar div
		{
			width: 0;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		.audioplayer-bar-loaded
		{
			background-color: #333;
			z-index: 1;
		}
		.audioplayer-bar-played
		{
			background: #efefef;
			background: -webkit-gradient( linear, left top, right top, from( #efefef ), to( #921212 ) );
			background: -webkit-linear-gradient( left, #efefef, #921212 );
			background: -moz-linear-gradient( left, #efefef, #921212 );
			background: -ms-radial-gradient( left, #efefef, #921212 );
			background: -o-linear-gradient( left, #efefef, #921212 );
			background: linear-gradient( left, #efefef, #921212 );
			z-index: 2;
		}
	.audioplayer-volume
	{
		width: 2.5em; /* 40 */
		height: 100%;
		border-left: 1px solid #111;
		border-left-color: rgba( 0, 0, 0, .25 );
		text-align: left;
		text-indent: -9999px;
		cursor: pointer;
		z-index: 2;
		top: 0;
		right: 0;
	}
		.audioplayer-volume:hover,
		.audioplayer-volume:focus
		{
			background-color: #222;
		}
		.audioplayer-volume-button
		{
			width: 100%;
			height: 100%;
		}
			.audioplayer-volume-button a
			{
				width: 0.313em; /* 5 */
				height: 0.375em; /* 6 */
				background-color: #fff;
				display: block;
				position: relative;
				z-index: 1;
				top: 40%;
				left: 35%;
			}
				.audioplayer-volume-button a:before,
				.audioplayer-volume-button a:after
				{
					content: '';
					position: absolute;
				}
				.audioplayer-volume-button a:before
				{
					width: 0;
					height: 0;
					border: 0.5em solid transparent; /* 8 */
					border-left: none;
					border-right-color: #fff;
					z-index: 2;
					top: 50%;
					right: -0.25em;
					margin-top: -0.5em; /* 8 */
				}
				.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after
				{
					/* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */
					width: 0.313em; /* 5 */
					height: 0.313em; /* 5 */
					border: 0.25em double #fff; /* 4 */
					border-width: 0.25em 0.25em 0 0; /* 4 */
					left: 0.563em; /* 9 */
					top: -0.063em; /* 1 */
					-webkit-border-radius: 0 0.938em 0 0; /* 15 */
					-moz-border-radius: 0 0.938em 0 0; /* 15 */
					border-radius: 0 0.938em 0 0; /* 15 */
					-webkit-transform: rotate( 45deg );
					-moz-transform: rotate( 45deg );
					-ms-transform: rotate( 45deg );
					-o-transform: rotate( 45deg );
					transform: rotate( 45deg );
				}
		.audioplayer-volume-adjust
		{
			height: 6.25em; /* 100 */
			cursor: default;
			position: absolute;
			left: 0;
			right: -1px;
			top: -9999px;
			background: #222;
			background: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #222 ) );
			background: -webkit-linear-gradient( top, #444, #222 );
			background: -moz-linear-gradient( top, #444, #222 );
			background: -ms-radial-gradient( top, #444, #222 );
			background: -o-linear-gradient( top, #444, #222 );
			background: linear-gradient( top, #444, #222 );
			-webkit-border-top-left-radius: 2px;
			-webkit-border-top-right-radius: 2px;
			-moz-border-radius-topleft: 2px;
			-moz-border-radius-topright: 2px;
			border-top-left-radius: 2px;
			border-top-right-radius: 2px;
		}
			.audioplayer-volume:not(:hover) .audioplayer-volume-adjust
			{
				opacity: 0;
			}
			.audioplayer-volume:hover .audioplayer-volume-adjust
			{
				top: auto;
				bottom: 100%;
			}
			.audioplayer-volume-adjust > div
			{
				width: 40%;
				height: 80%;
				background-color: #222;
				cursor: pointer;
				position: relative;
				z-index: 1;
				margin: 30% auto 0;
			}
				.audioplayer-volume-adjust div div
				{
					width: 100%;
					height: 100%;
					position: absolute;
					bottom: 0;
					left: 0;
					background: #efefef;
					background: -webkit-gradient( linear, left bottom, left top, from( #efefef ), to( #921212 ) );
					background: -webkit-linear-gradient( bottom, #efefef, #921212 );
					background: -moz-linear-gradient( bottom, #efefef, #921212 );
					background: -ms-radial-gradient( bottom, #efefef, #921212 );
					background: -o-linear-gradient( bottom, #efefef, #921212 );
					background: linear-gradient( bottom, #efefef, #921212 );
				}
		.audioplayer-novolume .audioplayer-volume
		{
			display: none;
		}

	.audioplayer-play,
	.audioplayer-pause,
	.audioplayer-volume a
	{
		-webkit-filter: drop-shadow( 1px 1px 0 #000 );
		-moz-filter: drop-shadow( 1px 1px 0 #000 );
		-ms-filter: drop-shadow( 1px 1px 0 #000 );
		-o-filter: drop-shadow( 1px 1px 0 #000 );
		filter: drop-shadow( 1px 1px 0 #000 );
	}
	.audioplayer-bar,
	.audioplayer-bar div,
	.audioplayer-volume-adjust div
	{
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.audioplayer-bar,
	.audioplayer-volume-adjust > div
	{
		-webkit-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
		-moz-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
		box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
	}
	.audioplayer-volume-adjust div div,
	.audioplayer-bar-played
	{
		-webkit-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
		-moz-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
		box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
	}
	.audioplayer-volume-adjust
	{
		-webkit-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
		-moz-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
		box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
	}
	.audioplayer *,
	.audioplayer *:before,
	.audioplayer *:after
	{
		-webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
		-moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
		-ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
		-o-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
		transition: color .25s ease, background-color .25s ease, opacity .5s ease;
	}


@media (max-width: 480px) {
	.programlinks img { width: 100%; }
	.mobile { display: block;}
	a.mobilephone { color: white; font-size: 13px; font-style: italic; padding: 6px 0 3px }
	html { overflow-y: scroll; overflow-x: hidden }
	body { padding: 0 20px; }
	h1 { font-size: 2em; padding: 5px 0 10px }
	#horizon, #wrapper, #leftColumn, #contentWrapper { width: 100%; float: none }
	#horizon	{ top: 0px; margin-top: 0; height: auto; min-width: 100%; padding-bottom: 40px  }
	#wrapper 	{ top: 0; margin-top: 0; height: auto }
	#leftColumn { height: auto }
	#header { float: none; padding: 0; width: 94%; padding: 10px 3% 0 3%; text-align: center }
	#header img { max-width: 100%; display: block; margin: 0 auto }
	#headerSubTitle { width: 100%; text-align: center; float: none }
	a.mobilenav { display: block; font-size: 14px; color: white; padding: 10px 0 }
	#menu {
		display: none; 
		position: static; width: 100%; padding: 15px 0 10px 0; text-align: center}
		#menu a { background: none; height: auto; margin: 0; padding: 2px 0; }
	#contentWrapper { height: auto; z-index: 30; position: relative }
	#content { width: auto; height: auto; padding: 20px; }
	.fb, .li {	position: fixed; bottom: 5px; z-index: 20  }
}