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

html, body{
    margin: 0;
    padding: 0;
    width: 100%;
	height: 100%;
}


/* -------------- HEADER/NAV ------------- */
 .nav {
	position: fixed;
	top: 30px;
	right: 0px;
    background: url(img/header-bg.png) no-repeat;
	background-position: right;
    height: 165px;
	width: 310px;
}

.nav ul{
    list-style: none;
	margin-top: 110px;
	margin-right: 15px;
}
 
.nav li {
    margin: 10px 5px 0px 0px; 
    float: right;
    font-family: font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 1.05em;
    height: 25px;
	text-align: center;    
}
 
.nav li a { 
	font-family: 'Yanone Kaffeesatz', sans-serif;
	color: #fff; 
	opacity:0.6; 
    font-size: 1.05em;
	height: 25px;
	padding: 5px;
	text-decoration: none; 
	border:solid thin #FFF;
}

.nav li a:hover { 
	transition: all .5s ease 0s;
	font-family: 'Yanone Kaffeesatz', sans-serif; 
	color: #fff; 
	opacity:1;  
    font-size: 1.05em;
	height: 25px;
	padding: 5px;
	text-decoration: none; 
	background: #990000;
	border:solid thin #FFF;
}

.navHideArrow {
	position: fixed;
	top: 30px;
	right: 315px;
	width: 20px;
	height: 165px;
	background:url(img/navHideArrow.png) no-repeat;
}


.navHideArrow:hover {
	transition: all .5s ease 0s;
	background:url(img/navHideArrowHover.png);
}

.navShowArrow {
	position: fixed;
	right: 0px;
	top: 30px;
	width: 50px;
	height: 165px;
	background:url(img/navShowArrow.png) no-repeat;
	display: none;
}


.navShowArrow:hover {
	transition: all .5s ease 0s;
	background:url(img/navShowArrowHover.png) no-repeat;
}

.resumeButton {
	background:url(img/pdfIcon.png) no-repeat left center;
	padding: 8px 8px 8px 40px;
	border: thin solid #999;
	color: #333;
	font-family: font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 1.05em;
	text-decoration: none;
}

.resumeButton:hover {
	background:url(img/pdfIcon.png) no-repeat left center #990000;
	padding: 8px 8px 8px 40px;
	border: thin solid #999;
	color: #FFF;
	font-family: font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 1.05em;
	text-decoration: none;
}

.topNavTheater { display: none;}
.topNavTheater a {display: none;}
.topNavTV { display: none;}
.topNavTV a {display: none;}
.topNavPhotos { display: none;}
.topNavPhotos a {display: none;}
.topNavContact { display: none;}
.topNavContact a {display: none;}

/* --------------- Slides ------------ */

#slide1{
    background: url(img/slide1.jpg) no-repeat fixed;
    height: 100vh;
    background-size: cover;
}

.scrollTip {
	width: 100%;
	text-align: center;
	bottom:15px;
    position:absolute;
    z-index:150;
    _position:absolute;
    _top:expression(eval(document.documentElement.scrollTop+
        (document.documentElement.clientHeight-this.offsetHeight)));
    height:55px;
	text-align: enter;
	background: url(img/scrollArrows.png) no-repeat center bottom;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 1em;
	font-weight: 200;
	color: #ffffff;
	text-decoration: none;
}

.scrollTip:hover {
	width: 100%;
	text-align: center;
    bottom:15px;
	position:absolute;
    z-index:150;
    _position:absolute;
    _top:expression(eval(document.documentElement.scrollTop+
        (document.documentElement.clientHeight-this.offsetHeight)));
    height:55px;
	background: url(img/scrollArrows.png) no-repeat center bottom;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 1em;
	font-weight: 200;
	color: #ffffff;
	text-decoration: none;
	opacity: 0.7;
}


/* Theater Credits */
#slide2{
	font-family: 'Yanone Kaffeesatz', sans-serif;
	background: url(img/slideBKG_grayGrid);
	padding: 30px 375px 20px 40px;
}


#slide3{
    background: url(img/slide3.jpg) no-repeat fixed;
    height: 100vh;
    background-size: cover;
}

/* Film & TV Credits */
#slide4{
	font-family: 'Yanone Kaffeesatz', sans-serif;
	background: url(img/slideBKG_grayGrid);
	padding: 30px 375px 20px 40px;
	overflow-x: hidden;
}
 
#slide5{
    background: url(img/slide5.jpg) no-repeat fixed;
    height: 100vh;
    background-size: cover;
}

/* Photos */
#slide6{
	font-family: 'Yanone Kaffeesatz', sans-serif;
	background: url(img/slideBKG_grayGrid);
	padding: 30px 375px 20px 40px;
}
 
#slide7{
    background: url(img/slide7.jpg) no-repeat fixed;
    height: 100vh;
    background-size: cover;
}

/* Contact */
#slide8{
	font-family: 'Yanone Kaffeesatz', sans-serif;
	background: url(img/slideBKG_grayGrid);
	padding: 30px 375px 20px 40px;
}
 
#slide9{
    background: url(img/slide9.jpg) no-repeat fixed;
    height: 100vh;
    background-size: cover;
}


/* ----------- TEXT -----------*/


.sectionHead {
font-size: 3.4em;
font-weight: 700;
}

.creditsquote {
margin-left: 140px;
font-style:italic;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 0.9em;
font-weight: 100;
display: block;
text-align:justify;
color:#333333;
line-height: 1.3em;
}

.creditsquotecitation {
margin-left: 140px;
text-align: left;
font-size: 0.8em;
font-weight: 100;
display: block;
color:#333333;
margin-top: 8px;
}

.showname {
margin-left: 140px;
font-size: 1.8em;
font-weight: 700;
display: block;
line-height: 1.4em;
margin-top: 0px;
margin-bottom: 0px;
}

.role {
margin-left: 140px;
font-size: 1.4em;
font-weight: 400;
display: block;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 5px;
}

.othercredits {
margin-left: 140px;
display: block;
font-size: 1.2em;
margin-top: 0px;
margin-bottom: 0px;
font-weight: 300;
line-height: 1.2em;
}

.contactHeader {
	font-size: 1.8em;
	font-weight: 700;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	float: left;
	width: 100px;
}

.contactDetail {
	font-size: 1.4em;
	font-weight: 200;
	margin-left: 120px;
}


/* ------------- IMAGES ------------ */

.CredTitlePhoto {
float: left;
padding: 0px 35px 25px 0px;
border: none;
width: 100px;
height: 150px;
}

.contactPhoto {
margin-left: 200px;}

.prodPhotoThmbs {
margin-left: 140px;
}

.prodPhotoThmbs img {
padding: 10px 10px 0px 0px;
}

.photosThmbs img {
padding: 10px 10px 0px 0px;
}

.prodPhotoThmbs img:hover {
opacity: 0.7;
}

hr {
	clear: both;
}

@media screen and (orientation:portrait) {
	
	.nav {
		width: 0;
		display: none;
	}
	
	.navPortrait {
		position: fixed;
		top: 0;
		background: url(img/headerAndrew_Portrait.png) no-repeat #000000;
		background-position: left center;
		height: 80px;
		width: 0;
		opacity: 0.7;
		width: 100%;
	}
	
			
	.topNavTheater { 
		display: block;
		font-family: 'Yanone Kaffeesatz', sans-serif;
		color: #fff; 
		opacity:0.6; 
		font-size: 1.2em;
		padding: 5px;
		text-decoration: none; 
		border:solid thin #FFF;
		position: fixed;
		top: 25px;
		left: 195px;
	}
	
	.topNavTheater:hover { 
		transition: all .5s ease 0s;
		opacity:1;  
		background: #990000;
		display: block;
		font-family: 'Yanone Kaffeesatz', sans-serif;
		color: #fff; 
		font-size: 1.2em;
		padding: 5px;
		text-decoration: none; 
		border:solid thin #FFF;
		position: fixed;
		top: 25px;
		left: 195px;
	}

	.topNavTV { 
		display: block;
		font-family: 'Yanone Kaffeesatz', sans-serif;
		color: #fff; 
		opacity:0.6; 
		font-size: 1.2em;
		padding: 5px;
		text-decoration: none; 
		border:solid thin #FFF;
		position: fixed;
		top: 25px;
		left: 260px;
	}
	
	.topNavTV:hover { 
		transition: all .5s ease 0s;
		opacity:1;  
		background: #990000;
		display: block;
		font-family: 'Yanone Kaffeesatz', sans-serif;
		color: #fff; 
		font-size: 1.2em;
		padding: 5px;
		text-decoration: none; 
		border:solid thin #FFF;
		position: fixed;
		top: 25px;
		left: 260px;
	}
	
	.topNavPhotos { 
		display: block;
		font-family: 'Yanone Kaffeesatz', sans-serif;
		color: #fff; 
		opacity:0.6; 
		font-size: 1.2em;
		padding: 5px;
		text-decoration: none; 
		border:solid thin #FFF;
		position: fixed;
		top: 25px;
		left: 332px;
	}
	
	.topNavPhotos:hover { 
		transition: all .5s ease 0s;
		opacity:1;  
		background: #990000;
		display: block;
		font-family: 'Yanone Kaffeesatz', sans-serif;
		color: #fff; 
		font-size: 1.2em;
		padding: 5px;
		text-decoration: none; 
		border:solid thin #FFF;
		position: fixed;
		top: 25px;
		left: 332px;
	}
	
	.topNavContact { 
		display: block;
		font-family: 'Yanone Kaffeesatz', sans-serif;
		color: #fff; 
		opacity:0.6; 
		font-size: 1.2em;
		padding: 5px;
		text-decoration: none; 
		border:solid thin #FFF;
		position: fixed;
		top: 25px;
		left: 391px;
	}
	
	.topNavContact:hover { 
		transition: all .5s ease 0s;
		opacity:1;  
		background: #990000;
		display: block;
		font-family: 'Yanone Kaffeesatz', sans-serif;
		color: #fff; 
		font-size: 1.2em;
		padding: 5px;
		text-decoration: none; 
		border:solid thin #FFF;
		position: fixed;
		top: 25px;
		left: 391px;
	}
	.navHideArrow {
		display: none; 
		width: 0;
	}
	
	.navShowArrow {
		display: none;
		width: 0; 
	}
	
	.scrollTip {
		display: none;
				width: 0; 

	}
	
	.nav ul{
		display: none;
				width: 0; 

	}
 
	.nav li {
		display: none;   
				width: 0; 

	}
 
	.nav li a { 
		display: none;
				width: 0; 
	}
	
	#slide1 {
		background: url(img/slide1.jpg) 10% no-repeat; 
		background-size: cover;
		height: 720px;
		}
		
	#slide2 {
		padding: 30px 40px 20px 40px; 
	}
	
	#slide3 {
		background:url(img/slide3.jpg) 35% no-repeat;	
		background-size: cover;
		height: 720px;
	}
		
	#slide4 {
		padding: 30px 40px 20px 40px;
	}
	
	#slide5 {
		background:url(img/slide5.jpg) 45% no-repeat;	
		background-size: cover;
		height: 720px;
	}
		
	#slide6 {
		padding: 30px 40px 20px 40px;
	}
	
	#slide7 {
		background:url(img/slide7.jpg) 30% no-repeat;	
		background-size: cover;
		height: 720px;
	}
			
	#slide8 {
		padding: 30px 40px 20px 40px;
	}
	

	#slide9 {
		background:url(img/slide9.jpg) no-repeat;	
		background-size: cover;
		height: 720px;
	}
	
	.vidsEmbed {
	clear: both;	
	display: block;
	}
	
	
}



/* Target iPhone 6 ... this also affects GS5 in landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation:landscape)
{ 
#slide1 {     
background: url(img/slide1.jpg) no-repeat;
background-size: cover;
height: 720px;
}
#slide3 { 
background: url(img/slide3.jpg) no-repeat;
height: 720px;
background-size: cover;
}
#slide5 { 
background: url(img/slide5.jpg) no-repeat;
height: 720px;
background-size: cover;
}
#slide7 { 
background: url(img/slide7.jpg) no-repeat;
height: 720px;
background-size: cover;
}
#slide9 { 
background: url(img/slide9.jpg) no-repeat;
height: 720px;
background-size: cover;
}
}

/* Target iPhone 5 LANDSCAPE*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation:landscape)
{ 
#slide1 {     
background: url(img/slide1.jpg) no-repeat;
background-size: cover;
height: 720px;
}
#slide3 { 
background: url(img/slide3.jpg) no-repeat;
height: 720px;
background-size: cover;
}
#slide5 { 
background: url(img/slide5.jpg) no-repeat;
height: 720px;
background-size: cover;
}
#slide7 { 
background: url(img/slide7.jpg) no-repeat;
height: 720px;
background-size: cover;
}
#slide9 { 
background: url(img/slide9.jpg) no-repeat;
height: 720px;
background-size: cover;
}
}

/* Target iPhone 5 PORTRAIT*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation:portrait)
{ 
}

/* Target iPad... Landscape general */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
{
	#slide1 {     
		background: url(img/slide1.jpg) no-repeat;
		background-size: cover;
		height: 100%;
	}
	#slide3 { 
		background: url(img/slide3.jpg) no-repeat;
		height: 100%;
		background-size: cover;
	}
	#slide5 { 
		background: url(img/slide5.jpg) no-repeat;
		height: 100%;
		background-size: cover;
	}
	#slide7 { 
		background: url(img/slide7.jpg) no-repeat;
		height: 100%;
		background-size: cover;
	}
	#slide9 { 
		background: url(img/slide9.jpg) center no-repeat;
		height: 100%;
		background-size: cover;
	}
}



/* Target iPad mini landscape
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  
and (orientation : landscape) 
{
	#slide1 {     
	background: url(img/slide1.jpg) center no-repeat;
	background-size: cover;
	height: 500px;
	}
	#slide3 { 
	background: url(img/slide3.jpg) center no-repeat;
	height: 664px;
	background-size: cover;
	}
	#slide5 { 
	background: url(img/slide5.jpg) center no-repeat;
	height: 641px;
	background-size: cover;
	}
	#slide7 { 
	background: url(img/slide7.jpg) center no-repeat;
	height: 664px;
	background-size: cover;
	}
	#slide9 { 
	background: url(img/slide9.jpg) center no-repeat;
	height: 492px;
	background-size: cover;
	}
}
*/
/* Target Firefox */
@-moz-document url-prefix() {
		#slide9 { 
			background: url(img/slide9.jpg) no-repeat;
			background-size: cover;
			background-position: center top;
			height: 100%;
		}
		#slide7 { 
			background: url(img/slide7.jpg) no-repeat;
			background-size: cover;
			background-position: center top;
			height: 100%;
		}
		#slide5 { 
			background: url(img/slide5.jpg) no-repeat;
			background-size: cover;
			background-position: center top;
			height: 100%;
		}
		#slide3 { 
			background: url(img/slide3.jpg) no-repeat;
			background-size: cover;
			background-position: center top;
			height: 100%;
		}
		#slide1 { 
			background: url(img/slide1.jpg) no-repeat;
			background-size: cover;
			background-position: center top;
			height: 100%;
 		}
		
	}