@charset "UTF-8";
/* CSS Document */

a:link,a:visited {text-decoration:none;color:#FFF;}
a:hover,a:active {text-decoration:underline;color:#FFF;}

h3 {font-size: 22px; text-shadow: -2px 2px 2px #000;}

img { border:none;}

.release {color:#666;}

html {
    margin:0;
	padding:0;
	position: relative;
	width:100%;	/* Locked for Vari Width*/
    min-height: 100%;
	background-color:#000;
}

body {
	position:relative;	/* Locked for Vari Width*/
	margin-top: 0px;
	margin-right: auto;	/* Locked for Vari Width*/
    margin-bottom: 0px; /* bottom = footer height */
	margin-left: auto;	/* Locked for Vari Width*/
    padding:0;
	width: 960px;
	background-color:#000;
	background-image:url('../images/bg-home-v6.jpg');
	background-repeat:no-repeat;
	font-family:Arial,arial;
	font-size:16px;
	font-weight:normal;
	color:#FFF;
}

footer {
	position: absolute;
	left: -1px;
	bottom: 0px;
	height: 65px;
	width: 100%;
	text-shadow: -2px 2px 2px #000;	/*border: 1px dotted white;*/
}

#container {
	position:relative;
	padding-bottom:20px;
	top:0px;
	left:0px;
	min-height:568px;
	width:960px;
	/*border: 1px dashed white;*/
}

#darkcontainer {
	top:0px;
	left:0px;
	height:610px;
	width:960px;
	position:absolute;
	background-color:#000;
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */	
}

#darkercontainer {
	top:0px;
	left:0px;
	height:610px;
	width:960px;
	position:absolute;
	background-color:#000;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */	
}

#marinebg {
	background-image:url('../images/bg-audiobooks-v6.png');
	background-repeat:no-repeat;
	top:0px;
	left:0px;
	height:720px;
	width:960px;
	position:absolute;
	background-color:#000;
}

#header {
	height:42px;
	padding:0px;
}

#headernav {
	position:absolute;
	left:425px;
	top:18px;
	width: 610px;
	height: 18px;
	text-shadow: -1px 1px 1px #000;
	z-index:10;
}

#headernav ul {
  text-align: right;
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style: none;
  /*-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);*/
}

#headernav ul li {
  /*font: bold 12px/18px sans-serif;*/
  display: inline-block;
  margin-left: -4px;
  position: relative;
  padding: 5px 5px;
  /*background: #fff;*/
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

/*#headernav ul li:hover {
  background: #632;
  color: #fff;
}*/

#headernavaudiobooks:hover {
  background: #632;
  color: #fff;
  -webkit-transiton: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -transition: opacity 0.5s;
}

#headernav ul li ul {
  padding: 0;
  position: absolute;
  top: 28px;
  right: 0;
  width: 400px;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 1);
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 1);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 1);
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -transition: opacity 0.5s;
}

#headernav ul li ul li { 
  background: #632; 
  display: block; 
  color: #fff;
  text-shadow: -1px 1px 1px #000;
}

#headernav ul li ul li:hover { background: #743; }

#headernav ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}


#socialnav {
	position:relative;
	height: 25px;
    }

#socialnav li {
	margin: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}

#socialnav li, #socialnav a {
	height: 25px;
	display: block;
	background:url('../images/sprite.v6.png') no-repeat 100px 100px;
}


#iconphone {left:440px; width:22px; height:15px; background:url('../images/sprite.v6.png') 0px 1px;}
#iconphone a {background:url('../images/sprite.v6.png') 0px 1px;}
#iconphone a:hover {background-position: 0px -29px;}
#iconphone a:active {background-position: 0px -59px;}
#phonetext {left:466px; background:none;}
#iconemail {left:582px; width:22px; height:15px; background:url('../images/sprite.v6.png') -30px 2px;} 
#iconemail a {background:url('../images/sprite.v6.png') -30px 2px;}
#iconemail a:hover {background-position: -30px -28px;}
#iconemail a:active {background-position: -30px -58px;}
#emailtext {left:608px; background:none;}
#iconfacebook {left:800px; width:25px; height:25px; background:url('../images/sprite.v6.png') -60px 0px;}
#iconfacebook a {background:url('../images/sprite.v6.png') -60px 0px;}
#iconfacebook a:hover {background-position: -60px -30px;}
#iconfacebook a:active {background-position: -60px -60px;} 
#icontwitter {left:830px; width:25px; height:25px; background:url('../images/sprite.v6.png') -90px 0px;} 
#icontwitter a {background:url('../images/sprite.v6.png') -90px 0px;}
#icontwitter a:hover {background-position: -90px -30px;}
#icontwitter a:active {background-position: -90px -60px;}
#iconlinkedin {left:860px; width:25px; height:25px; background:url('../images/sprite.v6.png') -150px 0px;} 
#iconlinkedin a {background:url('../images/sprite.v6.png') -150px 0px;}
#iconlinkedin a:hover {background-position: -150px -30px;}
#iconlinkedin a:active {background-position: -150px -60px;}
#iconyoutube {left:890px; width:25px; height:25px; background:url('../images/sprite.v6.png') -120px 0px;} 
#iconyoutube a {background:url('../images/sprite.v6.png') -120px 0px;}
#iconyoutube a:hover {background-position: -120px -30px;}
#iconyoutube a:active {background-position: -120px -60px;}
#iconcastingnetworks {left:920px; width:25px; height:25px; background:url('../images/sprite.v6.png') -180px 0px;} 
#iconcastingnetworks a {background:url('../images/sprite.v6.png') -180px 0px;}
#iconcastingnetworks a:hover {background-position: -180px -30px;}
#iconcastingnetworks a:active {background-position: -180px -60px;}


#hometitlefirst {
	position:absolute;
	top:200px;
	left:440px;
	height:80px;
	width: 220px;
	font-size: 72px;
	text-shadow: -2px 2px 2px #000;
}

#hometitlelast {
	position:absolute;
	top:260px;
	left:500px;
	height:80px;
	width: 400px;
	font-size: 72px;
	text-shadow: -2px 2px 2px #000;
}

#hometitlesub {
	position:absolute;
	top:330px;
	left:570px;
	height:26px;
	width: 300px;
	font-size: 24px;
	text-shadow: -2px 2px 2px #000;
}

#resumewrapper {
	position:relative;
	padding-bottom:40px;
	top:10px;
	left:72px;
	height:1028px;
	width:816px;
}

#fallbackwrapper { /* incase resume object tag is not recognized by mobile devices*/
	position:relative;
	padding-bottom:40px;
	top:0px;
	left:0px;
	height:100%;
	width:816px;
	text-align:center;
}

#biopane {
	position:relative;
	padding-bottom:20px;
	top:0px;
	left:396px;
	min-height:485px;
	width:540px;
	font-size: 14px;
}

#audiobookpane {
	position:relative;
	padding-bottom:20px;
	top:0px;
	left:396px;
	min-height:485px;
	width:540px;
	font-size: 14px;
}


#photospane {
	position:relative;
	padding-bottom:40px;
	top:0px;
	left:30px;
	min-height:485px;
	width:900px;
	font-size: 14px;
}

#audiopane {
	position:absolute;
	padding-bottom:50px;
	top:42px;
	left:620px;
	width:310px;
	font-size: 14px;
}

#reelspane {
	position:relative;
	padding-bottom:50px;
	top:0px;
	left:30px;
	min-height:485px;
	width:560px;
	font-size: 14px;
}

#headthumbs {
	position: relative;
	top: 0px;
	height: 200px;
}

#headthumbs li {
	margin: 0;
	list-style: none;
	position: absolute;
	top: 0px;
	}

#headthumbs li, #headthumbs a {
	height: 200px;
	display: block;
	background:url('../photos/photo-sprite.png') no-repeat 100px 100px;
}

#headshot01 {left:0px; width:160px; height:200px; background:url('../photos/photo-sprite.png') 0px 0px;}
#headshot01 a {background:url('../photos/photo-sprite.png') 0px 0px;}
#headshot01 a:hover { -moz-box-shadow: 0 0 9px #FFF; -webkit-box-shadow: 0 0 9x #FFF; box-shadow: 0 0 9px #FFF;}
#headshot02 {left:185px; width:160px; height:200px; background:url('../photos/photo-sprite.png') -185px 0px;}
#headshot02 a {background:url('../photos/photo-sprite.png') -185px 0px;}
#headshot02 a:hover { -moz-box-shadow: 0 0 9px #FFF; -webkit-box-shadow: 0 0 9x #FFF; box-shadow: 0 0 9px #FFF;}
#headshot03 {left:370px; width:160px; height:200px; background:url('../photos/photo-sprite.png') -370px 0px;}
#headshot03 a {background:url('../photos/photo-sprite.png') -370px 0px;}
#headshot03 a:hover { -moz-box-shadow: 0 0 9px #FFF; -webkit-box-shadow: 0 0 9x #FFF; box-shadow: 0 0 9px #FFF;}
#headshot04 {left:555px; width:160px; height:200px; background:url('../photos/photo-sprite.png') -555px 0px;}
#headshot04 a {background:url('../photos/photo-sprite.png') -555px 0px;}
#headshot04 a:hover { -moz-box-shadow: 0 0 9px #FFF; -webkit-box-shadow: 0 0 9x #FFF; box-shadow: 0 0 9px #FFF;}
#headshot05 {left:740px; width:160px; height:200px; background:url('../photos/photo-sprite.png') -740px 0px;}
#headshot05 a {background:url('../photos/photo-sprite.png') -740px 0px;}
#headshot05 a:hover { -moz-box-shadow: 0 0 9px #FFF; -webkit-box-shadow: 0 0 9x #FFF; box-shadow: 0 0 9px #FFF;}


#prodthumbs {
	position: relative;
	top: 0px;
	height: 90px;
}

#prodthumbs li {
	margin: 0;
	list-style: none;
	position: absolute;
	top: 0px;
	}

#prodthumbs li, #prodthumbs a {
	height: 90px;
	display: block;
	background:url('../photos/photo-sprite.png') no-repeat 100px 100px;
}

#prodstill01 {left:0px; width:160px; height:90px; background:url('../photos/photo-sprite.png') 0px -265px;}
#prodstill01 a {background:url('../photos/photo-sprite.png') 0px -265px;}
#prodstill01 a:hover { -moz-box-shadow: 0 0 9px #FFF; -webkit-box-shadow: 0 0 9x #FFF; box-shadow: 0 0 9px #FFF;}
#prodstill02 {left:185px; width:160px; height:90px; background:url('../photos/photo-sprite.png') -185px -265px;}
#prodstill02 a {background:url('../photos/photo-sprite.png') -185px -265px;}
#prodstill02 a:hover { -moz-box-shadow: 0 0 9px #FFF; -webkit-box-shadow: 0 0 9x #FFF; box-shadow: 0 0 9px #FFF;}
#prodstill03 {left:370px; width:160px; height:90px; background:url('../photos/photo-sprite.png') -370px -265px;}
#prodstill03 a {background:url('../photos/photo-sprite.png') -370px -265px;}
#prodstill03 a:hover { -moz-box-shadow: 0 0 9px #FFF; -webkit-box-shadow: 0 0 9x #FFF; box-shadow: 0 0 9px #FFF;}
#prodstill04 {left:555px; width:160px; height:90px; background:url('../photos/photo-sprite.png') -555px -265px;}
#prodstill04 a {background:url('../photos/photo-sprite.png') -555px -265px;}
#prodstill04 a:hover { -moz-box-shadow: 0 0 9px #FFF; -webkit-box-shadow: 0 0 9x #FFF; box-shadow: 0 0 9px #FFF;}
#prodstill05 {left:740px; width:160px; height:90px; background:url('../photos/photo-sprite.png') -740px -265px;}
#prodstill05 a {background:url('../photos/photo-sprite.png') -740px -265px;}
#prodstill05 a:hover { -moz-box-shadow: 0 0 9px #FFF; -webkit-box-shadow: 0 0 9x #FFF; box-shadow: 0 0 9px #FFF;}

.emotithumbs {
	position: relative;
	top: 0px;
	height:107px;
}

.emotithumbs li {
	margin: 0;
	list-style: none;
	position: absolute;
	top: 0px;
}

.emotithumbs li, .emotithumbs a {
	height:107px;
	display: block;
	background:url('../photos/photo-sprite.png') no-repeat 100px 100px;
}

#emotidan01 {left:2px; width:80px; height:107px; background:url('../photos/photo-sprite.png') -2px -415px;}
#emotidan01 a {background:url('../photos/photo-sprite.png') -2px -415px;}
#emotidan01 a:hover { -moz-box-shadow: 0 0 9px #FFF; -webkit-box-shadow: 0 0 9x #FFF; box-shadow: 0 0 9px #FFF;}
#emotidan02 {left:104px; width:80px; height:107px; background:url('../photos/photo-sprite.png') -104px -415px;}
#emotidan02 a {background:url('../photos/photo-sprite.png') -104px -415px;}
#emotidan02 a:hover { -moz-box-shadow: 0 0 9px #FFF; -webkit-box-shadow: 0 0 9x #FFF; box-shadow: 0 0 9px #FFF;}
#emotidan03 {left:206px; width:80px; height:107px; background:url('../photos/photo-sprite.png') -206px -415px;}
#emotidan03 a {background:url('../photos/photo-sprite.png') -206px -415px;}
#emotidan03 a:hover { -moz-box-shadow: 0 0 9px #FFF; -webkit-box-shadow: 0 0 9x #FFF; box-shadow: 0 0 9px #FFF;}
#emotidan04 {left:308px; width:80px; height:107px; background:url('../photos/photo-sprite.png') -308px -415px;}
#emotidan04 a {background:url('../photos/photo-sprite.png') -308px -415px;}
#emotidan04 a:hover { -moz-box-shadow: 0 0 9px #FFF; -webkit-box-shadow: 0 0 9x #FFF; box-shadow: 0 0 9px #FFF;}
#emotidan05 {left:410px; width:80px; height:107px; background:url('../photos/photo-sprite.png') -410px -415px;}
#emotidan05 a {background:url('../photos/photo-sprite.png') -410px -415px;}
#emotidan05 a:hover { -moz-box-shadow: 0 0 9px #FFF; -webkit-box-shadow: 0 0 9x #FFF; box-shadow:0 0 9px #FFF;}
#emotidan06 {left:512px; width:80px; height:107px; background:url('../photos/photo-sprite.png') -512px -415px;}
#emotidan06 a {background:url('../photos/photo-sprite.png') -512px -415px;}
#emotidan06 a:hover { -moz-box-shadow: 0 0 9px #FFF; -webkit-box-shadow: 0 0 9x #FFF; box-shadow: 0 0 9px #FFF;}
#emotidan07 {left:614px; width:80px; height:107px; background:url('../photos/photo-sprite.png') -614px -415px;}
#emotidan07 a {background:url('../photos/photo-sprite.png') -614px -415px;}
#emotidan07 a:hover { -moz-box-shadow: 0 0 9px #FFF; -webkit-box-shadow: 0 0 9x #FFF; box-shadow: 0 0 9px #FFF;}
#emotidan08 {left:716px; width:80px; height:107px; background:url('../photos/photo-sprite.png') -716px -415px;}
#emotidan08 a {background:url('../photos/photo-sprite.png') -716px -415px;}
#emotidan08 a:hover { -moz-box-shadow: 0 0 9px #FFF; -webkit-box-shadow: 0 0 9x #FFF; box-shadow: 0 0 9px #FFF;}
#emotidan09 {left:818px; width:80px; height:107px; background:url('../photos/photo-sprite.png') -818px -415px;}
#emotidan09 a {background:url('../photos/photo-sprite.png') -818px -415px;}
#emotidan09 a:hover { -moz-box-shadow: 0 0 9px #FFF; -webkit-box-shadow: 0 0 9x #FFF; box-shadow: 0 0 9px #FFF;}
#emotidan10 {left:2px; width:80px; height:107px; background:url('../photos/photo-sprite.png') -2px -542px;}
#emotidan10 a {background:url('../photos/photo-sprite.png') -2px -542px;}
#emotidan10 a:hover { -moz-box-shadow: 0 0 9px #FFF; -webkit-box-shadow: 0 0 9x #FFF; box-shadow: 0 0 9px #FFF;}
#emotidan11 {left:104px; width:80px; height:107px; background:url('../photos/photo-sprite.png') -104px -542px;}
#emotidan11 a {background:url('../photos/photo-sprite.png') -104px -542px;}
#emotidan11 a:hover { -moz-box-shadow: 0 0 9px #FFF; -webkit-box-shadow: 0 0 9x #FFF; box-shadow: 0 0 9px #FFF;}
#emotidan12 {left:206px; width:80px; height:107px; background:url('../photos/photo-sprite.png') -206px -542px;}
#emotidan12 a {background:url('../photos/photo-sprite.png') -206px -542px;}
#emotidan12 a:hover { -moz-box-shadow: 0 0 9px #FFF; -webkit-box-shadow: 0 0 9x #FFF; box-shadow: 0 0 9px #FFF;}
#emotidan13 {left:308px; width:80px; height:107px; background:url('../photos/photo-sprite.png') -308px -542px;}
#emotidan13 a {background:url('../photos/photo-sprite.png') -308px -542px;}
#emotidan13 a:hover { -moz-box-shadow: 0 0 9px #FFF; -webkit-box-shadow: 0 0 9x #FFF; box-shadow: 0 0 9px #FFF;}
#emotidan14 {left:410px; width:80px; height:107px; background:url('../photos/photo-sprite.png') -410px -542px;}
#emotidan14 a {background:url('../photos/photo-sprite.png') -410px -542px;}
#emotidan14 a:hover { -moz-box-shadow: 0 0 9px #FFF; -webkit-box-shadow: 0 0 9x #FFF; box-shadow:0 0 9px #FFF;}
#emotidan15 {left:512px; width:80px; height:107px; background:url('../photos/photo-sprite.png') -512px -542px;}
#emotidan15 a {background:url('../photos/photo-sprite.png') -512px -542px;}
#emotidan15 a:hover { -moz-box-shadow: 0 0 9px #FFF; -webkit-box-shadow: 0 0 9x #FFF; box-shadow: 0 0 9px #FFF;}
#emotidan16 {left:614px; width:80px; height:107px; background:url('../photos/photo-sprite.png') -614px -542px;}
#emotidan16 a {background:url('../photos/photo-sprite.png') -614px -542px;}
#emotidan16 a:hover { -moz-box-shadow: 0 0 9px #FFF; -webkit-box-shadow: 0 0 9x #FFF; box-shadow: 0 0 9px #FFF;}
#emotidan17 {left:716px; width:80px; height:107px; background:url('../photos/photo-sprite.png') -716px -542px;}
#emotidan17 a {background:url('../photos/photo-sprite.png') -716px -542px;}
#emotidan17 a:hover { -moz-box-shadow: 0 0 9px #FFF; -webkit-box-shadow: 0 0 9x #FFF; box-shadow: 0 0 9px #FFF;}
#emotidan18 {left:818px; width:80px; height:107px; background:url('../photos/photo-sprite.png') -818px -542px;}
#emotidan18 a {background:url('../photos/photo-sprite.png') -818px -542px;}
#emotidan18 a:hover { -moz-box-shadow: 0 0 9px #FFF; -webkit-box-shadow: 0 0 9x #FFF; box-shadow: 0 0 9px #FFF;}
