/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* This is the minified normalize.css so we can save a request. There is no need to change anything here.
   It simply sets some default options.
*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a:active,a:focus,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ol,nav ul{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/*	==========================================================================
 *	Add Fonts here. These are just opensource sample fonts.
 *	========================================================================== */
@font-face {
	font-family: 'NeuzeitSLTStdBook';
	src: url('../fonts/nuezeit/neuzeitsltstd-book-webfont.eot');
	src: url('../fonts/nuezeit/neuzeitsltstd-book-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/nuezeit/neuzeitsltstd-book-webfont.woff') format('woff'),
	url('../fonts/nuezeit/neuzeitsltstd-book-webfont.ttf') format('truetype'),
	url('../fonts/nuezeit/neuzeitsltstd-book-webfont.svg#NeuzeitSLTStdBook') format('svg');
	font-weight: normal;
	font-style: normal;

}

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

}

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

}



/*CONTROLS THE COLOR OF THE FONTS ON MOBILE DEVICES - MAKE SURE TO GIVE THEM SPAN TAGS FIRST*/
          
		.appleLinks a {color:#faa619;
		text-decoration: none;
		font-family: 'NeuzeitSLTStdBookHeavy';
		}
	
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

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

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   START - THOMAS DROTAR - ANY SCREEN LAYOUT
   These rules here apply to ANY screen!
   ========================================================================== */

body {
	background-color: #111;
	overflow-x: hidden;
	padding-top: 1px;
	margin-top: -1px;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.4;
	font-family: 'NeuzeitSLTStdBook', sans-serif;
}

h1, h2, h3, h4, h5, h6, * {
	font-weight: normal;
}

/*CONTROLS H2 SUBJECT TITLES*/
.title {
	font-size: 1.5em;
	font-weight: 100;
	text-transform: uppercase;
	font-family: 'NeuzeitSLTStdBook', sans-serif;
	letter-spacing: .05em;
	text-shadow: 1px 1px 1px rgba(0,0,0,1.00);
	color: #000;
	text-align: center;
	letter-spacing: 1px;
	margin-top: -0px;   /*CONTROLS THE DISTANCE BETWEEN THE H2 & BACKGROUND PLATE*/	
	border-bottom: 1px solid white;	
}


p {
	font-size: 1em;
	color: #000;
	font-weight: 300;
	/*text-transform: uppercase;*/
	/*font-family: 'NeuzeitSLTStdBookHeavy', sans-serif;*/
	font-family: 'NeuzeitSLTStdBook', sans-serif;
	letter-spacing: .05em;
	text-shadow: 1px 1px 1px #666;	
}

 .downloadResume {
	font-size: 1em;
	color: #000;
	color: yellow;
	font-weight: 300;
	text-transform: uppercase;
	/*font-family: 'NeuzeitSLTStdBookHeavy', sans-serif;*/
	font-family: 'NeuzeitSLTStdBook', sans-serif;
	/*letter-spacing: .05em;*/
	text-shadow: 1px 1px 1px #666;
	text-align: center;		
}


.list {
	font-size: 1.1em;
	color: #000;
	font-weight: 300;
	/*text-transform: uppercase;*/
	/*font-family: 'NeuzeitSLTStdBookHeavy', sans-serif;*/
	font-family: 'NeuzeitSLTStdBook', sans-serif;
	letter-spacing: 0em;
	text-shadow: 1px 1px 1px #666;	
	padding-top: 0px;
	list-style-position: outside;
	list-style-type: square;
}


input[type=checkbox].mobileMenuButton {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

input.mobileMenuButton ~ *,
input.mobileMenuButton ~ header h1,
input.mobileMenuButton ~ footer p {
	-webkit-transition: left 300ms;
	transition: left 300ms;
	left: 0;
}


input.mobileMenuButton:checked ~ *,
input.mobileMenuButton:checked ~ header h1,
input.mobileMenuButton:checked ~ footer p {
	left: 200px !important;
}

input.mobileMenuButton ~ .pageContent {
	position: relative;
}

input.mobileMenuButton:checked ~ label.mobileMenuCloseButton {
	left: 0 !important;
}

label.mobileMenuButton {
	display: block;
	position: fixed;
	color: white;
	font-size: 50px;
	line-height: 0;
	background: #000;
	height: 60px;
	width: 60px;
	cursor: pointer;
	z-index: 10000;
}

label.mobileMenuButton:after {
	position: absolute;
	top: 25px;
	left: 16px;
	content: "\2261";
}

label.mobileMenuCloseButton {
	display: block;
	position: fixed;
	color: white;
	font-size: 20px;
	line-height: 0;
	background: #000;
	height: 58px;
	width: 60px;
	cursor: pointer;
	z-index: 10000;
	left: -200px;
}

label.mobileMenuCloseButton:after {
	position: absolute;
	top: 33px;
	left: 23px;
	content: "X";
}



/*header {
	position: absolute;
	top: 0;
	height: 60px;
	width: 100%;
	z-index: 9999;
}*/

header {
	position: fixed;
	top: 0;
	height: 60px;
	width: 100%;
	z-index: 9999;
	font-family: "NeuzeitSLTStdBookHeavy", sans-serif;	
}

/* the background of the header */
header:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,.7); /*CONTROLS COLOR OF MOBILE HEADER*/
	opacity: 0.5;
	content: "";
	z-index: -1;
}

header nav {
	position: absolute;
	width: 200px;
	left: -200px;
}

header nav ul {
	margin: 0;
	width: 200px;
	padding: 0
}

/*LINE SEPARATING MOBILE MENUS*/
header nav li {
	display: inline-block;
	width: 100%;
	border-bottom: solid 1px #ccc;
}

header nav a {
	display: block;
	padding: 8px 30px;
	text-decoration: none;
	color: white;
	background-color: #000;
}

header nav a:hover,
header nav .active a {
	background: #333;
}

header h1 {
	margin: 15px auto;
	/*width: 144px;*/
	height: 29px;
	/*background: url( '../img/logo.png') no-repeat 0 0;*/

}

.block-title {
	margin-top: .9em;/*JOHN BEHRING TITLE NAME FROM TOP*/
	font-size: 1.2em;
	line-height: 1.2em;
	text-align: center;
	margin-left: 50px;
	white-space: nowrap;
	font-family: 'BeaufortRegular';
  	letter-spacing: .0em;
	font-weight: 100;
	color: #d01e45;
	text-shadow: 1px 1px 1px #000;
	background-color: rgba(245,207,0,.0);			
  	}

footer {
	position: relative;
	clear: both;  /*SENDS FOOTER DOWN TO BOTTOM OF PAGE*/
	padding: 1em 0;
	z-index: 9998;
	bottom: 0;
	width: 100%;
	height: 30px;
	text-align: center;
	background-color: rgba(0,0,0,.60);
	border-top: 1px solid white;
}

/*BJOIN FILMS LEFT SIDE OF FOOTER*/

.footerL {
	width: 40%;
	/*border: solid green 1px;*/	
	float: left;		
}

.footerP {
	margin: 0;
	font-family: 'BeaufortRegular';
	font-weight: 100;
	float: left;
	font-size: 1em;
	margin-left: 15px;
	margin-top: -8px;
	text-align: left;
	text-transform: uppercase;
	color: #d01e45;
	text-shadow: 1px 1px 1px #000;
	line-height: .9em;
}
	
	.footerC {
	display:none;
	}
	
.footerR {
	width: 60%;
	/*border: solid yellow 1px;*/
	float: right;
	text-align: right;		
}


/*PHONE NUMBER RIGHT SIDE OF FOOTER*/
.footerPr {
	margin: 0;
	font-family: 'BeaufortRegular';
	font-weight: 100;
	font-size: 1.2em;
	line-height: .9em;
	font-size: 1em;
	/*margin-left: 15px;*/
	margin-top: -8px;
	margin-right: 25px;
	text-transform: uppercase;
	color: #d01e45;
	text-shadow: 1px 1px 1px #000;
	float: right;  /*JUSTIFIES PHOTO TO RIGHT SIDE*/
	
}	
	
/*END OF FOOTER**********************/

.pageContent {
	margin: 80px 10px 20px 10px;
	
}

.indexPage1Left {/*ANIMATION LEFT	*/
	clear:both;
	float: left;
	width: 100%;
	display: block;
	float: left;
	background-color: rgba(247,245,0,.0);
	height: 350px;
	/*position: fixed;*/
	padding-bottom: 30px;
	}
	
	#animation1{
		display: block;
		width: 100%;
		height: 100%;	
	}


.indexPage1Center {
	/*clear:both;*/
	float: left;
	width: 92%;
	background-color: rgba(22,202,218,.0);
	/*height: 200px;*/
	text-align: center;
	padding-bottom: 0px;	
	padding: 15px;
	margin-right: 15px;	
}

.indexPage1Right {
	display: none;		
}


/*  SCENE PAGE CONTENT STARTS HERE  */

.pageContent.scenes{
	margin: 80px 10px 20px 10px;
	
}

.scenesPage1Left {/*ANIMATION LEFT	*/
	clear:both;
	float: left;
	width: 100%;
	display: block;
	float: left;
	background-color: rgba(247,245,0,.0);
	height: 350px;
	/*position: fixed;*/
	padding-bottom: 30px;
	}
	
	#animationSE{
		display: block;
		width: 100%;
		height: 100%;	
	}

.scenesPage1Center {
	float: left;
	width: 92%;
	background-color: rgba(22,202,218,.0);
	text-align: center;
	padding-bottom: 0px;	
	padding: 15px;
	margin-right: 15px;
	
}

  #scenesAnimationMiddle {
	display: none;  
  }

.scenesPage1Right {
	display: none;
		
}


/********************CONTACT PAGE TOP***********************/

.pageContent.contact {
	margin: 110px 20px 1320px 20px;
	
}

.contactPage1Left {/*ANIMATION LEFT	*/
	clear:both;
	float: left;
	width: 100%;
	display: block;
	float: left;
	background-color: rgba(247,245,0,.0);
	height: 350px;
	/*position: fixed;*/
	margin-bottom: 30px;
	}
	
	#animation1{
		display: block;
		width: 100%;
		height: 100%;	
	}


.contactPage1Center {
	/*clear:both;*/
	float: left;
	width: 100%;
	background-color: rgba(22,202,218, 0);
	height: 350px;
	margin-bottom: 30px;
	text-align:center;	
}



/*ASIDE CLASS*/
.manager {
	float: left;
	width: 100% ;
	/*border-right: 1px solid #fff;*/	
	/*height: 340px   !important;	*/
	margin-top: -80px;		
}


/*ASIDE CLASS*/
.agent {
	float: left;
	width: 100%;
	padding-top: 70px;
	background-color: rgba(0,0,0,0.60);
	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px; /* for old Konqueror browsers */
  	/*height: 280px   !important;*/
	margin-bottom: 120px;
}

/*ASIDE CLASS*/
.manager{
	float: left;
	width: 100%;
	padding-top: 70px;
	background-color: rgba(0,0,0,0.60);
	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px; /* for old Konqueror browsers */
  /* height: 280px   !important;*/
	margin-bottom: 20px;
	}

.manager1{
	float: left;
	width: 100%;
	padding-top: 70px;
	background-color: rgba(0,0,0,0.60);
	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px; /* for old Konqueror browsers */
  /* height: 280px   !important;*/
	margin-bottom: 20px;
	}
	
	
	/*****************AGENT AND MANAGER INFO*********************/
.email {
	float: left;
	width: 100%    !important;
	height: 570px   !important; /*ADJUST HEIGHT OF HOLDER, MAKE LONGER TO SEE EVERYTHING*/
	overflow: hidden;
	margin: 0px;
	margin-top: 0px;/*MOVES ANIMATION CLOSER TO THE NAVIGATION BUTTONS ABOVE*/
	margin-right: 0em;
	background-color: rgba(0,0,0,1);
	display: block;
	/*border-left: 1px solid #fff;	*/
	/*margin-left: -10px;*/ /*MOVES EMAIL CLOSER TO EDGE 1*/	
	-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; /* future proofing */
  -khtml-border-radius: 10px; /* for old Konqueror browsers */
    -moz-box-shadow:    3px 0px 5px 3px rgba(0,0,0,.5);
  -webkit-box-shadow: 3px 0px 5px 3px rgba(0,0,0,.5);
  box-shadow:         3px 0px 5px 3px rgba(0,0,0,.5);		
}

.bookinginfo {
	color: #fff;
	font-family: 'NeuzeitSLTStdBookHeavy';
	text-transform: uppercase;
	font-size: 1.2em;
	letter-spacing: 1px;
	text-shadow: 1px 1px 1px #000;
	font-weight: 100;
	text-align: center;
	border-bottom: 1px solid #fff;
	align-content: center;
	margin-top: -50px;
}

.managementP {
	color: #fff;
	font-family: 'NeuzeitSLTStdBookHeavy';
	text-transform: uppercase;
	font-size: 1.2em;
	letter-spacing: 2px;
	text-shadow: 1px 1px 1px #000;
	font-weight:100;
	text-align: center;
	border-bottom: 1px solid #fff;
	align-content: center;
	margin-top: -50px;
			
}

.agent1 { /*AGENT & MANAGER*/	
color: #faa619;
font-family: 'NeuzeitSLTStdBookHeavy';	
font-size: 1.2em;
text-shadow: 1px 1px 1px #000;
font-weight:100;
text-transform: uppercase;	
}

.head {/*THEIR NAME*/	
color: #fff;
font-family: 'NeuzeitSLTStdBook';	
font-size: 1.3em;
text-shadow: 1px 1px 1px #000;
font-weight:100;
text-transform: uppercase;			
	
}



.comp{ /*NAME OF COMPANY*/
color: rgba(255,9,13,1.00);
font-family: 'NeuzeitSLTStdBookHeavy';	
font-size: 1.3em;
text-shadow: 1px 1px 1px #000;
font-weight:100;
/*text-transform: uppercase;*/		
}

.address{ /*ADDRESS OF COMPANY*/
color: #fff;	
font-family: 'NeuzeitSLTStdBook';	
font-size: 1.2em;
text-shadow: 1px 1px 1px #000;
font-weight:100;
/*text-transform: uppercase;*/		
}

.phone {
	color: #faa619;
font-family: 'NeuzeitSLTStdBook';	
font-size: 1.5em;
text-shadow: 1px 1px 1px #000;
font-weight:100;
	
}

a.emailOne:link {
 color: rgba(203,203,203,1.00);
font-family: 'NeuzeitSLTStdBookHeavy';	
font-size: 1.2em;
text-shadow: 1px 1px 1px #000;
font-weight:100;
text-decoration: none;
text-transform: uppercase;
}

/*a.emailOne:visited{
	 color: rgba(203,203,203,1.00);	 
}*/



a.emailOne:hover{
	color: rgba(255,9,13,1.00);	

}
   /***********************END OF AGENT AND MANAGER******************/

/*TWITTER*/
.contactPage1Right {
	float: left;
	/*background-color: pink;*/
	background-color: rgba(244,144,228,.0);
	padding-bottom: 30px;
	margin-top: 740px;
	width: 100%    !important;
	max-width: 100%;
	height: 100%   !important;
	overflow: hidden;
	margin-left: 0;
	margin-right: 0;
}

/*VERY IMPORTANT TO MAKE TWITTER COMPONENT STRETCH 100%*/

.twitter-timeline {
    width: 100%    !important;
	max-width: 100%;
	/*height: 100%   !important;*/
	height: 350px;	
}




/**************************CONTACT PAGE 2 STARTS HERE*/


.pageContent.contact2 {
	margin: 110px 20px 220px 20px;
	
}

.contactPage2Left {/*VIDEO LEFT	*/
	clear:both;
	float: left;
	width: 100%;
	display: block;
	float: left;
	background-color: rgba(247,245,0,.0);
	height: 190px; /*CONTROLS THE HEIGHT BETWEEN THE VIDEO AND THE ADDITIONAL LINKS*/
	/*position: fixed;*/
	margin-bottom: 0px;
	}
	


.contactPage2Center {
	/*position: absolute;*/
	float: left;
	width: 100%;
	padding-top: 70px;
	background-color: rgba(0,0,0,0.60);
	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px; /* for old Konqueror browsers */
	margin-bottom: 0px;
	margin-top: 0px;
}

.end {

	text-align: center;	
	list-style: none;
	align-content:center;

}

.imdb1  a{
	/*top:50%; 
    left:50%;*/
	align-content:center;
	text-decoration: none;
	width: 100%;
	list-style: none;
	color: #fff;
	font-family: 'NeuzeitSLTStdBookHeavy';
	text-transform: uppercase;
	font-size: 1.2em;
	margin: .5em 0 .5em 0em;
	background: #000;
	padding: 6px 20px 10px 20px;
	text-align: center;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,1);
	-moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,1);;
	box-shadow: 0 8px 6px -6px rgba(0,0,0,1);
}

.imdb1 a:hover {
  color: #fff;
  background-color: red;
	-webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,1);
	-moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,1);
	box-shadow: 0 8px 6px -6px rgba(255,255,255,1);  
}


.imdb2  a{
	align-content:center;
	text-decoration: none;
	width: 97%;
	list-style: none;
	color: #C9C9C9;
	font-family: 'NeuzeitSLTStdBookHeavy';
	font-size: .9em;
	margin: .5em 0 .5em 0em;
	background: #000;
	padding: 6px 20px 10px 20px;
	text-align: center;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,1);
	-moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,1);;
	box-shadow: 0 8px 6px -6px rgba(0,0,0,1);
	
	
	
}

.imdb2 a:hover {
  color: #fff;
  background-color: red;
	-webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,1);
	-moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,1);
	box-shadow: 0 8px 6px -6px rgba(255,255,255,1);  
}



.contactPage2Right {
	width: 100%;
	display: block;
	float: left;
	background-color: rgba(247,245,0,.0);
	height: 65px;  /*CONTROLS THE HEIGHT BETWEEN THE VIDEO AND THE ADDITIONAL LINKS*/
	/*position: fixed;*/
	margin-bottom: 30px;
	-webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px; /* for old Konqueror browsers */
}





   /***********************END OF CONTACT PAGE2******************/



/*WELCOME TEXT IS CENTER*/

.pageContent.half {
	margin: 0px 10px 100px 10px;
	/*border: red solid 1px;*/
}
  
 .indexPage9Left {
	display: block;
	float: left;
	width: 1%;
	/*background-color: red;*/
	background-color: rgba(255,0,4, 0);

	height: 20px; /*CONTROLS DISTANCE BETWEEN VIDEO AND WELCOME*/	
} 




/*WELCOME CENTER*/

.indexPage9Center { /*WELCOME*/
	display: block;
	float: left;
	width: 93%;
	/*background-color: rgba(255,253,253, .2);*/
	background-color: rgba(0,0,0, .7);
	padding: 10px;
	margin-bottom: 20px;	
	 -webkit-border-radius: 20px; 
  -moz-border-radius: 20px; 
  border-radius: 20px; 	
}



.indexPage9Right {
	display: block;
	float: left;
	width: 1%;
	background-color: rgba(255,191,0,0);
	/*background-color: orange;*/
	height: 2px;	
}


.introR {
	color: #d01e45;
	text-shadow: 1px 1px 2px rgba(0,0,0,1);		
}

.notAgain{
	color: #d01e45;
	text-shadow: 1px 1px 2px rgba(0,0,0,1);		
}



/*VIDEO BUTTONS CENTER*/

.pageContent.scenes2 {
	margin: 0px 10px 100px 10px;
	clear: both;
	/*border: red solid 1px;*/
}
  
 .scenesPage2Left {
	display: block;
	float: left;
	width: 1%;
	/*background-color: red;*/
	background-color: rgba(255,0,4, 0);

	height: 20px; /*CONTROLS DISTANCE BETWEEN VIDEO AND WELCOME*/	
} 



.scenesPage2Center { /*VIDEO*/
	display: block;
	float: left;
	width: 93%;
	/*background-color: rgba(255,253,253, .2);*/
	background-color: rgba(0,0,0, .5);
	padding: 10px;
	margin-bottom: 20px;	
	 -webkit-border-radius: 20px; 
  -moz-border-radius: 20px; 
  border-radius: 20px; 	
}



.scenesPage2Right {
	display: block;
	float: left;
	width: 1%;
	background-color: rgba(255,191,0,1);
	/*background-color: orange;*/
	height: 2px;	
}

/*Carl New Video Thumbnails*/
#listbar {
	clear:both;
	overflow:hidden;
	padding:30px 0;
	color: white; /*COLOR OF FONT ON UNSELECTED VIDEO BUTTONS*/
}
.listbar_item_playing, .listbar_item {
	width:30.5%;
	float:left;
	margin: 1.4% .0% 5px 2%;
	box-sizing:border-box;
	position:relative;
	box-shadow: 0 0 14px 1px #000000;
	cursor:pointer;
}
.listbar_item_playing img, .listbar_item img {
	max-width:100%;
}
.listbar_item_playing:active, .listbar_item:active {
	  box-shadow: 0 0 0 2px red;
}
.listbar_item::before {
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height:100%;
	background: rgba(0,0,0,0.2); /*COLOR OVELAY OF THE ENTIRE BUTTON NOT SELECTED*/
	transition: background-color,0.25s,linear;
}

.listbar_item_playing b, .listbar_item b {
	display: inline-block;
	margin: 0 10px;
  	white-space: nowrap;
  	overflow: hidden;
  	max-width: 90%;
  	box-sizing: border-box;
  	text-overflow: ellipsis;
}

.listbar_item_playing {
	display: block;
	background-color: rgba(201,242,53,.50);  /*DROTAR BACKGROUND FOR HOT BUTTON*/
	background-color: orange;
	color: black; /*COLOR OF FONT ON SELECTED VIDEO BUTTONS*/
}



/*******************************SAMPLING OF CLIENTS ***************************/

.pageContent.second {
	clear: both;
	margin: 0px 10px 70px 10px;
	
}
  
 .indexPage2Left {
	display: block;
	float: left;
	width: 3%;
	/*background-color: red;*/
	background-color: rgba(255,0,4, .0);
	height: 20px;	
} 

.indexPage2Center {
	display: block;
	float: left;
	width: 94%;
	/*background-color: blue;*/
	background-color: rgba(255,255,255, .0);
	/*background-color: orange;*/
	height: 40px;
	/*height: 400px;	*/
}

.indexPageCenterAdd {
/*background-color: blue;	*/
margin: 0px;	
}

.h2BF {
	font-family: 'BeaufortRegular';
	font-weight: 100;
	font-size: 2.2em;
	background-color: rgba(255,255,255,0.23);
	color: #d01e45;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px rgba(0,0,0,1);
	text-align: center;	
	margin-top: 0;	
	line-height: 1em;
}

.indexPage2Right {
	/*clear: left;*/
	display: block;
	float: right;
	width: 3%;
	/*background-color: rgba(255,191,0, .5);*/
	/*background-color: green;*/
	height: 50px;	
}



/*PAGE CONTENT 3RD TEXT IS CENTER*/

.pageContent.third {
	margin: 10px 10px 100px 10px;
	clear: both;
}
  
 .indexPage3Left {
	display: block;
	float: left;
	width: 1%;
	/*background-color: blue;*/
	background-color: rgba(0,211,254,0.0);
	
	height: 20px;	
} 

.indexPage3Center {
	display: block;
	float: left;
	width: 93%;
	background-color: rgba(255,253,253, .2);
	padding: 10px;
	margin-bottom: 25px;
	-webkit-border-radius: 20px; 
  -moz-border-radius: 20px; 
  border-radius: 20px; 	
}

.pBF {
	font-size: 1em;
	font-weight: 100;
	font-family: 'NeuzeitSLTStdBook', sans-serif;
	letter-spacing: .05em;
	background-color: rgba(255,253,253, 0);
	color: #fff;
	/*background-color: red;*/
	padding: 15px;
	/*padding-top: 0px;*/	
}

.indexPage3Right {
	display: block;
	float: left;
	width: 1%;
	/*background-color: red;*/
	background-color: rgba(255,0,4, 0);
	height: 20px;	
}




 /***********************FOTORAMA STARTS HERE*/
	 	 
.pageContent.four {
	clear:both;
	margin: 30px 10px 20px 10px;	
		
}

.indexPage4Left {
	display: block;
	float:left;
	width: 3%;
	background-color: rgba(14,254,0,0);
	height: 200px;
}

.indexPage4Center {
	display: block;
	float:left;
	width: 94%;
	/*height: 500px;*/
	margin-bottom: 30px; /*CONTROLS THE HEIGHT FROM THE NEXT BOX BELOW*/
	margin-top: 0px; /*CONTROLS THE HEIGHT FROM THE NEXT BOX BELOW*/
	background-color: rgba(255,255,255, .0);
	/*border-left: 2px solid white;
	border-right: 2px solid white;*/
}

/*FOTORAMA PLAYER {*/
	.fotorama{
		width: 100%;
		float: left;
		background-color: rgba(255,255,255,.0);
		padding: 0;
		padding-right: 1%;
		margin-bottom: 20px;
	}
		
	.fotoHeader {
	margin: 8px 0 4px 0;
	padding-right: 10px;
	font-size: 1.55em;
	font-family: 'NeuzeitSLTStdBookHeavy';
	font-weight: 100;	
	text-align:right;
	color: #CCCCCB;
	color: red;
	text-transform: uppercase;
	line-height: 1;
	text-shadow: 1px 1px 2px #000;	
	}
		
	.fotoInfo {
	margin: 10px 10px 4px 0;
	font-size: .5em;
	font-family: 'NeuzeitSLTStdBookHeavy';
	font-weight: 100;	
	text-align:right;
	color: white;
	text-transform: uppercase;
	line-height: 1;
	text-shadow: 1px 1px 2px #000;			
	}
	
	p.fotoDescription {
		color: white;
		margin: 0px 0px 0px 5px;
		font-size: .75em;
		/*text-transform: uppercase;*/
		/*text-align: center;*/
		}
	
/*END FOTORAMA PLAYER {*/
	
	.indexPage4Right {
	display: block;
	float:right;
	width: 2%;
	background-color: rgba(255,0,0,0);
	/*background-color: red;*/
	height: 200px;	
}

/********************FOTORAMA PLAYER ENDS HERE*/


/* ==========================================================================
   END - THOMAS DROTAR - ANY SCREEN LAYOUT
   ========================================================================== */






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

/*
 * Image replacement
 */

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

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

/*
 * 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;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}




/* ==========================================================================
   START - THOMAS DROTAR - iPHONE 6 SCREEN LAYOUT
   This ONLY applies to screens that have a width of 450 pixels or more.
   If you want to invalidate rules from the any screen layout, you HAVE
   to overwrite them here.
   ========================================================================== */
/* Screens bigger than 376px will switch to desktop layout */
@media only screen and (min-width: 375px) {
	
	/*	.bfcH2 {
	font-size: 1.2em;
	margin-left: 30px;
	}*/
}



/* ==========================================================================
   START - THOMAS DROTAR - iPHONE 6 PLUS SCREEN LAYOUT
   This ONLY applies to screens that have a width of 450 pixels or more.
   If you want to invalidate rules from the any screen layout, you HAVE
   to overwrite them here.
   ========================================================================== */
/* Screens bigger than 414px will switch to desktop layout */
@media only screen and (min-width: 414px) {
	
	
	
	/**************************CONTACT PAGE 2 STARTS HERE*/


.pageContent.contact2 {
	margin: 110px 20px 220px 20px;
	
}

.contactPage2Left {/*VIDEO LEFT	*/
	height: 250px; /*CONTROLS THE HEIGHT BETWEEN THE VIDEO AND THE ADDITIONAL LINKS*/
	}
	


.contactPage2Center {
	/*position: absolute;*/
	float: left;
	width: 100%;
	padding-top: 70px;
	background-color: rgba(0,0,0,0.60);
	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px; /* for old Konqueror browsers */
	margin-bottom: 0px;
	margin-top: 0px;
}

.imdb1  a{
	font-size: 1.2em;
}

.imdb1 a:hover {
}


.imdb2  a{
	font-size: .9em;
	margin: .5em 0 .5em 0em;
}

.contactPage2Right {
	height: 65px;  /*CONTROLS THE HEIGHT BETWEEN THE VIDEO AND THE ADDITIONAL LINKS*/
	/*position: fixed;*/
	/*background-color: orange;*/
	background-color: rgba(255,178,0,.00);
}





   /***********************END OF CONTACT PAGE2******************/
}





/* ==========================================================================
   START - THOMAS DROTAR - LARGE MOBILE AND TABLET SCREEN LAYOUT
   This ONLY applies to screens that have a width of 450 pixels or more.
   If you want to invalidate rules from the any screen layout, you HAVE
   to overwrite them here.
   ========================================================================== */
/* Screens bigger than 768px will switch to desktop layout */
@media only screen and (min-width: 450px) {
	
	.block-title {
	margin-top: .7em;/*JOHN BEHRING TITLE NAME FROM TOP*/
	font-size: 1.7em;
  	letter-spacing: .0em;		
  	}


/*WELCOME CENTER*/

.indexPage9Center { /*PUSHES PARALLAX DOWN BELOW WELCOME*/
	margin-bottom: 20px;	
}

.indexPage2Center {/*PUSHES  BJOIN FILMS DOWN BELOW PARALLAX*/
	margin-bottom: 10px;	
}

.indexPage3Center {/*PUSHES  ANIMATION DOWN BELOW BJOIN FILMS*/
	margin-bottom: 50px;	
}


/*SAMPLING OF CLIENTS */

.pageContent.second {
	margin: 0px 10px 50px 10px;
}



/***********************************CONTACT PAGE STARTS HERE*/	
	
/*	.pageContent.contact {
	
	margin: 120px 40px 560px 20px;
}

.contactPage1Left {
	width: 31%;
	background-color: rgba(247,245,0,.5);
	background-color:white;
	height: 350px;
	padding-bottom: 30px;
	}


.contactPage1Center {
	width: 31%;
	background-color: rgba(22,202,218,.5);
	background-color: black;
}

.contactPage1Right {
	
	width: 30%;
	background-color: rgba(247,245,0,.5);
	background-color: yellow;
	height: 350px;
	padding-bottom: 30px;		
}	
*/

.pageContent.contact2 {
	margin: 110px 20px 220px 20px;	
}

.contactPage2Left {/*VIDEO LEFT	*/
	height: 350px; /*CONTROLS THE HEIGHT BETWEEN THE VIDEO AND THE ADDITIONAL LINKS*/
	}
	
.contactPage2Center {
	/*position: absolute;*/
	margin-bottom: 0px;
	margin-top: 90px;
}

.imdb1  a{
	font-size: 1.2em;
}

.imdb2  a{
	font-size: .9em;
	margin: .5em 0 .5em 0em;
}

.contactPage2Right {
	height: 65px;  /*CONTROLS THE HEIGHT BETWEEN THE VIDEO AND THE ADDITIONAL LINKS*/
	/*position: fixed;*/
	/*background-color: orange;*/
	background-color: rgba(255,178,0,.0);
}


/*++++++++++++++++++FOTORAMA DIV STARTS HERE*/	

	.pageContent.four {
	clear: both;
	margin: 90px 10px 20px 10px;
	}
	
	.fotoHeader {
	font-size: 1.85em;
	}
		
	.fotoInfo {
	font-size: .7em;		
	}
	
	p.fotoDescription {
		font-size: 1em;
	}
	
/*END FOTORAMA PLAYER {*/





.footerL {
	width: 40%;
}

.footerP {
	font-size: 1.5em;
}
	
	.footerC {
	display:none;
	}
	
.footerR {
	/*border: solid yellow 1px;*/	
}


/*PHONE NUMBER RIGHT SIDE OF FOOTER*/
.footerPr {
	font-size: 1.5em;
}	


}




/* ==========================================================================
   START - THOMAS DROTAR - LARGE SCREEN LAYOUT
   This ONLY applies to screens that have a width of 769 pixels or more.
   If you want to invalidate rules from the any screen layout, you HAVE
   to overwrite them here.
   ========================================================================== */
/* Screens bigger than 768px will switch to desktop layout */
@media only screen and (min-width: 769px) {
	input.mobileMenuButton ~ * {
		-webkit-transition: none;
		transition: none;
	}

	input.mobileMenuButton ~ * h1,
	input.mobileMenuButton ~ * p {
		-webkit-transition: none;
		transition: none;
	}

	input.mobileMenuButton,
	label.mobileMenuButton {
		display: none;
	}
	
	
	
	/*MOBILE PHONE BUTTON FOR CALLING*/
	.callD {
		display:none;	
	}
	
	.skypeD {
		display:none;	
	}
	
	.emailD {
		display:none;	
	}

	header {
		position: relative;
		height: 50px;
		background-color: rgba(0,0,0,.0);
	}
	
	
	header:after {
	background: rgba(255,255,255,.0); /****TURNS OFF COLOR OF MOBILE HEADER*****/
	}


	/*header nav a {
		border-radius: 6px;
	}*/
	
	
	/*THIS CONTROLS DROTAR NAVIGATION BUTTONS TOP*/
	
	.block-title {
	margin-top: 15px;/*JOHN BEHRING TITLE NAME FROM TOP*/
	font-size: 2.2em;	
	margin-left: 0px;	
  	}
	
	header nav {
		position: absolute;
		margin-top: 0px;
		margin-left: 0px;
		width: 100%;   /****CENTERS NAVIGATION BUTTONS****/
		left: auto;
	}

	header nav ul {
		text-align: center;
		width: auto;
		left: -120px;	/*CONTROLS BUTTONS FROM THE LEFT SIDE*/	
	}

	header nav li {
		margin-left: 0;
		width: auto;
		border-bottom: 0;		
	}

	header nav li:first-child {
		margin: 0;
	}

	header nav a {
		text-transform: uppercase;
		letter-spacing: 0.1em;
		/*text-shadow: 1px 1px 2px #ccc;*/
		background: none;
		font-size: 1.2em;
		/*font-family: 'NeuzeitSLTStdBook';*/
		font-family: "NeuzeitSLTStdBookHeavy";
		color: rgba(60,60,60,1.00);
		text-shadow: 1px 1px 1px rgba(0,0,0,1.00);
		font-weight: 100;	
	}
	
	
	header nav a:hover {	
		color: rgba(135,135,135,1.00);
		background-color: rgba(57,255,0,.00); 
	}

		/*ACTIVE LINK*/
	
	header nav .active a  {	
	display: inline-block;
	font-size: 1.2em;
	outline: none;
	text-transform: uppercase;
	/*font-family: 'NeuzeitSLTStdBook';*/
	font-family: "NeuzeitSLTStdBookHeavy";
	letter-spacing: 0.25em;
	color: WHITE;
	text-shadow: 1px 1px 2px rgba(0,0,0,1);
	background-color: rgba(255,0,4, .0);
	border-bottom: red 2px solid;
	padding-bottom: 0;
	font-weight: 100;
  }
	

	header nav .active a:hover {
	 color: white;	
 	 background-color: rgba(57,255,0,.00);
	 font-size: 1.2em;
	 letter-spacing: 0.25em;
}

/*FIRST PAGE INDEX   animation left*/
	
	.pageContent{
	margin: 120px 10px 20px 10px;
	
}

.indexPage1Left {/*ANIMATION LEFT	*/
	height: 368px;  
	width: 40%;	
	display: block;
	float: left;
	/*background-color: black;*/
	background-color: rgba(0,0,0,0.0);
	}
	
	.indexPage1Center {
	float: left;
	width: 53%;
	margin-right: 5px;
	padding-bottom: 100px;  /*CONTROLS DISTANCE TO NEXT "PAGE CONTENT HALF" DIV TAG BENEATH*/
}
	
	
.indexPage1Right {	/*ANIMATION RIGHT*/
	height: 108px;
	width: 2%;
	float: right;
	/*background-color: green;*/
	background-color: rgba(9,252,0,0.0);
	display: block;
	}
	
	
	
	
	/*SCENE PAGE    films animation left*/
	
	.pageContent.scenes{
	margin: 60px 10px 20px 10px;
	
}

.scenesPage1Left {/*ANIMATION LEFT	*/
	height: 368px;  
	width: 10%;	
	float: left;
	/*background-color: pink;*/
	background-color: rgba(255,0,248,0.0);
	}
	
	/*TURNS OFF LEFT SIDE ANIMATION ON 769 AND ABOVE*/
	#animationSE{
		display: none;
	}
	
	.scenesPage1Center {
	float: left;
	width: 75%;
	/*margin-right: 5px;*/
	/*padding-bottom: 100px;*/  /*CONTROLS DISTANCE TO NEXT "PAGE CONTENT HALF" DIV TAG BENEATH*/
	/*background-color: green;*/
	background-color: rgba(54,255,0,0.0);
	height: 368px;
}

	#scenesAnimationMiddle {
		display: block;
		width: 100%;
		height: 100%;	
	}
	
	
.scenesPage1Right {	/*ANIMATION RIGHT*/
	display: block;
	height: 368px;
	width: 10%;
	float: right;
	/*background-color: green;*/
	background-color: rgba(9,252,0,0.0);
	}
	
	
/***********************************CONTACT PAGE STARTS HERE*/	
	
	.pageContent.contact {
	
	margin: 80px 70px 360px 70px;
}

.contactPage1Left {/*ANIMATION LEFT	*/
	width: 22%;
	/*background-color:red;*/
	background-color: rgba(247,245,0,.0);
	height: 350px;
	}
	
	#animation1{
		display: block;
		width: 100%;
		height: 100%;	
	}


.contactPage1Center {
	width: 78%;
	background-color: rgba(22,202,218,.0);
	/*background-color: pink;*/
}

/*ASIDE CLASS*/
.agent {
	width: 32%;
	margin-right: 10px;
	/*background-color: blue;	*/
}

/*ASIDE CLASS*/
.manager{
    width: 32%;
	/*background-color: red;*/
	margin-top: 0;	
	}
	
.manager1{
	float: right;
    width: 32%;
	/*background-color: red;*/
	margin-top: 0;	
	}
	



.comp{ /*NAME OF COMPANY*/
font-size: 1.1em;
}

.address{ /*ADDRESS OF COMPANY*/	
font-size: 1em;	
}
	
	.contactPage1Right{
		width: 2%;
		height: 20px;
		/*background-color: orange;*/
		margin-top: 100px;
	}	






/***********************************CONTACT PAGE 2 STARTS HERE*/	
	
	.pageContent.contact2 {
	
	margin: 0px 70px 560px 70px;
}

.contactPage2Left {/*VIDEO LEFT	*/
	width: 43%;
	/*background-color:yellow;*/
	background-color: rgba(247,245,0,.0);/*CONTROLS THE HEIGHT BETWEEN THE VIDEO AND THE ADDITIONAL LINKS*/
	height: 350px;
	margin-right: 10px;
	}


.contactPage2Center {
	width: 55%;
	margin-top: 0px;
	/*background-color: rgba(22,202,218,.5);*/
	/*background-color: pink;*/
}

.contactPage2Right {
	/*background-color: rgba(247,245,0,.5);*/
	float: right;
	/*background-color: orange;*/
	padding-bottom: 0px;
	margin-top: 0px;
	width: 0%;
	height: 65px;  /*CONTROLS THE HEIGHT BETWEEN THE VIDEO AND THE ADDITIONAL LINKS*/
	/*background-color: orange;*/
	background-color: rgba(255,178,0,.0);

}
	

.imdb1  a{
	font-size: 1.2em;
}

.imdb2  a{
	font-size: .9em;
	margin: .5em 0 .5em 0em;
}


	
	/*************************WELCOME IS CENTER	********************/
	.pageContent.half {
	margin: 0px 10px 0px 80px;
	clear: none;
	
}


	.indexPage9Left {
	width: 1%;
	/*backgroung-color: red;*/
	background-color: rgba(255,0,4,0.00);
	height: 200px;
	clear: left;	
} 


.h2BF {
	font-size: 2.2em;
}
.downloadResume {
	font-size: 1.2em;	
}



.indexPage9Center {  /*JOHN'S RESUME...*/
	width: 90%;
	padding: 2%;	
	margin-bottom: 100px;
}

.indexPage9Right {
	width: 1%;
	/*background-color: orange;*/
	background-color: rgba(255,162,0,0.00);
	height: 200px;	
}


/*FILMOGRAPHY-TELEVISION*/

.introR {
font-size: 1.5em;	
}

/*NAME OF SHOWS IN BLOOD REED*/

.notAgain{
	/*color: #d01e45;
	text-shadow: 1px 1px 2px rgba(0,0,0,1);	*/	
	font-size: 1.5em;
}

.pBF {
font-size: 1.3em;	
	
}




/*************************VIDEO BUTTONS SCENES	********************/
	.pageContent.scenes2 {
	margin: 0px 100px 0px 100px;
	clear: none;
	
}

	.scenesPage2Left {
	width: 1%;
	/*backgroung-color: red;*/
	background-color: rgba(255,0,4,0.0);
	height: 200px;
	clear: left;	
} 



.scenesPage2Center {  /*video button holder...*/
	width: 90%;
	padding: 2%;	
	margin-bottom: 100px;
}

.scenesPage2Right {
	width: 1%;
	/*background-color: orange;*/
	background-color: rgba(255,162,0,.0);
	height: 200px;	
}


/*************************CLIENT INCLUDES IS CENTER	****************/
	.pageContent.second {
	margin: 40px 10px 190px 80px;
	/*clear: none;*/
	
}

	.indexPage2Left {
	width: 1%;
	/*background-color: red;*/
	background-color: rgba(255,0,4,0.00);
	height: 50px;	
} 

.indexPage2Center {
	width: 94%;
	height: 50px; /*CONTROLS DISTANCE TO PAGE CONTENT.THIRD*/
	/*background-color: red;*/
}	

.indexPage2Right {
	display: block;
	float: left;
	width: 1%;
	/*background-color: blue;*/
	background-color: rgba(0,133,255,0.00);
	height: 50px;	
}


/*++++++++++++++++++FOTORAMA DIV STARTS HERE++++++++++++++++++++++*/

.pageContent.four {
	margin: 50px 10px 0px 80px;	
}
		
.indexPage4Left {
	width: 1%;
	/*background-color: purple;*/
	background-color: rgba(255,0,255,.0);
	height: 150px;
}

.indexPage4Center {
	width: 94%;
	margin-bottom: 60px;  /***********CONTROLS THE DISTANCE TO THE PAGE BELOW******************/
	background-color: rgba(0,0,0,.0);	
}
	
	.indexPage4Right {
	width: 1%;
	height: 350px;
	/*background-color: purple;*/
	background-color: rgba(255,0,255,.0);	
}

/*++++++++++++++++++FOTORAMA DIV STARTS HERE*/		
	.fotoHeader {
	font-size: 2em;
	}
		
	.fotoInfo {
	font-size: .9em;		
	}
	
	p.fotoDescription {
		font-size: 1.5em;
	}
	
/*END FOTORAMA PLAYER {*/


/*FOOTER STARTS HERE*/


footer {
	padding: 1em 0;
	height: 40px;
}





.footerL {
/*margin-top: -20px;*/	
margin-left: 25px;

}	

.footerP {
	margin: 10px;
	margin-top: 5px;
	font-size: 2em;	
}

	/*.footerC {
	display: block;
	width: 25%;
	float:left;
	border: 1px solid rgba(255,0,219,0.00);
	height: 1em;
	}*/
		
.footerR {
	margin-right: 25px;	
	}

.footerPr {
	margin: 10px;
	margin-top: -35px;
	font-size: 2em;	
	float: right;  /*JUSTIFIES PHOTO TO RIGHT SIDE*/
}




/***********************TURNED OFF BUTTONS FOR DESKTOP AND TABLETS ONLY*/		 
  
 li.contactLinks a {
  display:none;
}

 li.viewScenes a {
  display:none;
}

 li.viewEpisodic a {
  display:none;
}

 li.phoneAgent a {
  display:none;
  
}

 li.phoneManager a {
  display:none;
}

 li.downloadResume a {
  display:none;
}

 li.imdbL a {
	  display:none;
}

 li.viewFeatured a {
  display:none;
}
/*********************************************END OF TURNED OFF BUTTONS*/
	
}


 /* ==========================================================================
   START - THOMAS DROTAR - LARGEST SCREEN LAYOUT
   This ONLY applies to screens that have a width of 769 pixels or more.
   If you want to invalidate rules from the any screen layout, you HAVE
   to overwrite them here.
   ========================================================================== */
/* Screens bigger than 1280px will switch to largest desktop layout */
@media only screen and (min-width: 1280px) {
	
	
	.block-title {
	margin-top: 10px;/*JOHN BEHRING TITLE NAME FROM TOP*/
	font-size: 2.7em;	
	margin-left: 0px;	
  	}
	
	
	/*FIRST PAGE INDEX  bjoin films animation left*/
	
	.pageContent{
	margin: 120px 40px 20px 90px;
	
}

.indexPage1Left {/*ANIMATION LEFT	*/
	height: 368px;  
	width: 40%;	
	display: block;
	float: left;
	/*background-color: black;*/
	background-color: rgba(0,0,0,0.0);
	}
	
	/*VIDEO*/
	.indexPage1Center {
	float: left;
	width: 53%;
	margin-right: 5px;
	padding-bottom: 100px;  /*CONTROLS DISTANCE TO NEXT "PAGE CONTENT HALF" DIV TAG BENEATH*/
}
	
	
.indexPage1Right {	/*ANIMATION RIGHT*/
	height: 108px;
	width: 2%;
	float: right;
	/*background-color: green;*/
	background-color: rgba(9,252,0,0.0);
	display: block;
	}
	
	
	
	/*FIRST PAGE SCENES  bjoin films animation left*/
	
		.pageContent.scenes{
	margin: 150px 40px 20px 90px;
	
}

.scenesPage1Left {/*ANIMATION LEFT	*/
	height: 368px;  
	/*background-color: orange;*/
	background-color: rgba(247,189,0,0.0);
	}
	
	/*VIDEO*/
	.scenesPage1Center {
	float: left;
	/*width: 53%;*/
	/*margin-right: 5px;*/
	padding-bottom: 100px;  /*CONTROLS DISTANCE TO NEXT "PAGE CONTENT HALF" DIV TAG BENEATH*/
	/*background-color: blue;*/
	background-color: rgba(0,234,247,0.0);
}
	
	
.scenesPage1Right {	/*ANIMATION RIGHT*/
	height: 108px;
	/*width: 2%;*/
	/*float: right;*/
	/*background-color: yellow;*/
	background-color: rgba(255,235,0,0.0);
}
	





-------------CONTACT PAGE STARTS HERE---------


	
.pageContent.contact {
	margin: 130px 200px 20px 200px;
	
	
}

.contactPage1Left {/*ANIMATION LEFT	*/
	/*width: 33%;*/
	/*background-color: rgba(247,245,0,.5);*/
	height: 350px;
	padding-bottom: 30px;
	}


.contactPage1Center {
	/*width: 33%;*/
	/*background-color: rgba(22,202,218,.0);*/
}

.contactPage1Right {
	/*width: 33%;*/
	/*background-color: orange;*/
	padding-bottom: 30px;		
}	
	
	
	
	
	-------------CONTACT PAGE2 STARTS HERE---------


	
.pageContent.contact2 {
	margin: 130px 200px 420px 200px;
	
	
}

.contactPage2Left {/*ANIMATION LEFT	*/
	/*width: 33%;*/
	/*background-color: rgba(247,245,0,.5);*/
	height: 350px;
	padding-bottom: 30px;
	}


.contactPage2Center {
	/*width: 33%;*/
	/*background-color: rgba(22,202,218,.5);*/
}

.contactPage2Right {
	/*width: 33%;*/
	background-color: rgba(30,250,0,.5);
		height:550px; /*PUSHES FOOTER DOWN TO BOTTOM OF PAGE	*/	
}	
	

.imdb1  a{
	font-size: 1.2em;
}

.imdb2  a{
	font-size: .9em;
	margin: .5em 0 .5em 0em;
}




























	
		/*************************WELCOME IS CENTER	********************/
	.pageContent.half {
	margin: 0px 10px 0px 80px;
	clear: none;
	
}


	.indexPage9Left {
	width: 1%;
	/*backgroung-color: red;*/
	background-color: rgba(255,0,4, .0);
	height: 200px;
	clear: left;	
} 


.indexPage9Center {  /*JOHN'S RESUME...*/
	width: 90%;
	padding: 2%;	
	margin-bottom: 100px;
}

.indexPage9Right {
	width: 1%;
	/*background-color: orange;*/
	background-color: rgba(255,162,0, .0);
	height: 200px;	
}


		/*************************SCENE PAGE 2 VIDEO BUTTONS	********************/
	.pageContent.scenes2 {
	margin: 0px 150px 0px 230px;
	clear: none;
}


	.scenesPage2Left {
	width: 1%;
	/*backgroung-color: red;*/
	background-color: rgba(255,0,4, .0);
	height: 200px;
	clear: left;	
	background-color: rgba(195,195,195,0.00);
} 


.scenesPage2Center {  /*JOHN'S RESUME...*/
	width: 90%;
	padding: 2%;	
	margin-bottom: 100px;
}

.scenesPage2Right {
	width: 1%;
	/*background-color: orange;*/
	background-color: rgba(255,162,0,.0);
	/*background-color: blue;*/
	height: 200px;	
}






/*************************CLIENT INCLUDES IS CENTER	****************/
	.pageContent.second {
	margin: 40px 10px 190px 80px;
	/*clear: none;*/
	
}

	.indexPage2Left {
	width: 1%;
	/*background-color: red;*/
	background-color: rgba(255,0,4,0.00);
	height: 50px;	
} 

.indexPage2Center {
	width: 94%;
	height: 50px; /*CONTROLS DISTANCE TO PAGE CONTENT.THIRD*/
	/*background-color: red;*/
}	

.indexPage2Right {
	display: block;
	float: left;
	width: 1%;
	/*background-color: blue;*/
	background-color: rgba(0,133,255,0.00);
	height: 50px;	
}



/*++++++++++++++++++FOTORAMA DIV STARTS HERE++++++++++++++++++++++*/

.pageContent.four {
	margin: 50px 10px 0px 80px;	
}
		
.indexPage4Left {
	width: 1%;
	/*background-color: purple;*/
	background-color: rgba(255,0,255,.0);
	height: 150px;
}

.indexPage4Center {
	width: 94%;
	margin-bottom: 60px;  /***********CONTROLS THE DISTANCE TO THE PAGE BELOW******************/
	background-color: rgba(0,0,0,.0);	
}
	
	.indexPage4Right {
	width: 1%;
	height: 350px;
	/*background-color: purple;*/
	background-color: rgba(255,0,255,.0);	
}

/*++++++++++++++++++FOTORAMA DIV STARTS HERE*/		
	.fotoHeader {
	font-size: 2em;
	}
		
	.fotoInfo {
	font-size: .9em;		
	}
	
	p.fotoDescription {
		font-size: 1.5em;
	}
	
/*END FOTORAMA PLAYER {*/


.h2BF {
	font-size: 3.2em;	
}

.pBF {
	font-size: 1.5em;
}

.downloadResume {
	font-size: 1.4em;	
}



}
/* ==========================================================================
   END - THOMAS DROTAR - LARGE SCREEN
   ========================================================================== */

/* ==========================================================================
   START - RETINA IMAGE REPLACE
   ========================================================================== */

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

	header h1 {
		background: url( '../img/logo@2x.png') no-repeat 0 0;
		background-size: 144px 29px;
	}
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        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) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .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; /* h5bp.com/t */
    }

    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;
    }
}

/** PARALLAX **/
img.parrallax {
    min-height: 120%;
    min-width: 100%;
    max-width: none;
    height: 160%;
    display: block;
    position: relative;
}


.parrallax {
    position: relative;
    height: 477px;
    overflow: hidden;
}

@media only screen and (max-width: 769px) {
    .parrallax {
        height: 377px;
    }
}

@media only screen and (max-width: 450px) {
    .parrallax {
        height: 277px;
    }
}

.ie-redirect {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background: #000;
	border-bottom: 1px solid #eee;
	z-index: 999999;
}

.ie-redirect a {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 40px;
	color: #fff;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	text-decoration: none;
}