@font-face{ 
	font-family: 'ProximaNova';
	src: url('proximanovacond-regular-webfont.eot');
	src: url('proximanovacond-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('proximanovacond-regular-webfont.ttf') format('truetype'),
	     url('proximanovacond-regular-webfont.svg#webfont') format('svg');
}

	body {
  font-family: 'Quicksand', sans-serif;
  font-weight: 100;
  font-size: 14px;
	color: #e1e1e1;
	padding: 0px 0px 0px;
	text-align: left;
	background: #1e1e1e;
  background: url(http://www.phfx.com/phfx_backgrounds/phfx_grainBG.jpg) no-repeat left center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
    }
    
body:after{
      content:"";
      position:fixed; /* stretch a fixed position to the whole screen */
      top:0;
      height:100vh; /* fix for mobile browser address bar appearing disappearing */
      left:0;
      right:0;
      z-index:-1; /* needed to keep in the background */
      background: url(http://www.phfx.com/phfx_backgrounds/phfx_grainBG.jpg) left center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}
    
    pre {
    font-family: 'Quicksand', sans-serif;
    font-weight: 300;
    font-size: 16px;     
		color: #e1e1e1;
		padding: 0px 0px 0px;
		text-align: left;
		background: transparent;
  white-space: pre-line;

 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */


   }

    
    
    /* CSS MENU THING */
    
	ul {
		text-align: left;
		display: inline;
		margin: 0;
		padding: 0px 0px 0px 0px;
		list-style: none;
    		!important;z-index:2002;
	}
	
	ul li {
    font-family: 'Quicksand', sans-serif;
    font-size: 16px; 
    font-weight: 400; 
		display: inline-block;
		margin-right: -4px;
		position: relative;
		padding-top: 16px;
		padding-bottom: 7px;
		padding-left: 6px;
		padding-right: 6px;
		color: #e1e1e1;
		cursor: pointer;
		-webkit-transition: all 0.0s;
		-moz-transition: all 0.0s;
		-ms-transition: all 0.0s;
		-o-transition: all 0.0s;
		transition: all 0.0s;
		
	}
	
	ul li:hover {
/*  hover menu top level with drop down  */
/*		background: #802020;  */
		color:#e5cb95;

			}
	
	ul li ul {
		padding: 0px;
		position: absolute;
		top: 44px;
		left: 0;
		width: 200px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		display: none;
		opacity: 0;
		visibility: hidden;
		-webkit-transiton: opacity 0.0s;
		-moz-transition: opacity 0.0s;
		-ms-transition: opacity 0.0s;
		-o-transition: opacity 0.0s;
		-transition: opacity 0.0s;
		 width:200px;
		 white-space:nowrap;
	}
	
	ul li ul li { 
/*  hover drop down item   */
		background: #1e1e1e; 
		display: block;
		border-left:1px #e1e1e1 solid;

	}
	
	ul li ul li:hover { 
/*  hover with no drop down  */


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

	}


A.menuLink:link  { color: #e1e1e1;	text-decoration: none; display: inline-block; position: relative; z-index: 1; padding: 1em; margin: -1em; }
A.menuLink:hover  { color:#e5cb95; text-decoration: none; display: inline-block; position: relative; z-index: 1; padding: 1em; margin: -1em; }
A.menuLink:visited { color: #e1e1e1; text-decoration:none; display: inline-block; position: relative; z-index: 1; padding: 1em; margin: -1em; }
A.menuLink:visited:hover  { color:#e5cb95; text-decoration:none; display: inline-block; position: relative; z-index: 1; padding: 1em; margin: -1em; }
A.menuLink:active  { color:#e5cb95; text-decoration: none; display: inline-block; position: relative; z-index: 1; padding: 1em; margin: -1em; }




#menuPosition_OLD_05172019 {
    display: inline;
    position:fixed;
    left:280px;
    top:-5px;
    height:40px;
    width:1280px;
	

	!important;z-index:2000;
}

#menuContainer {
	display: inline;
	text-align: center;
	position:fixed;
    width: 100%;
    top:-5px;
    height: 60px;
		!important;z-index:2002;
}

#menuPosition {
	width: 1280px;
    margin: auto;

	top:0px;	
	left:0px;
	height:60px;
    max-width: 1280px;
    margin: auto;
  background: url(http://www.phfx.com/phfx_backgrounds/phfx_grainBG.jpg);
    background-position:left center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;

	!important;z-index:2002;
}

A.menuMeLink:link  { color: #e1e1e1;	text-decoration: none;}
A.menuMeLink:hover  { color:#e5cb95; text-decoration: none; }
A.menuMeLink:visited { color: #e1e1e1; text-decoration:none; }
A.menuMeLink:visited:hover  { color:#e5cb95; text-decoration:none; }
A.menuMeLink:active  { color:#e5cb95; text-decoration: none; }


A.motionLink:link  { color: #e1e1e1;	text-decoration: none; display: inline-block; position: relative; z-index: 1; padding: 1em; margin: -1em; }
A.motionLink:hover  { color:#e5cb95; text-decoration: none; display: inline-block; position: relative; z-index: 1; padding: 1em; margin: -1em; }
A.motionLink:visited { color: #e1e1e1; text-decoration:none; display: inline-block; position: relative; z-index: 1; padding: 1em; margin: -1em; }
A.motionLink:visited:hover  { color:#e5cb95; text-decoration:none; display: inline-block; position: relative; z-index: 1; padding: 1em; margin: -1em; }
A.motionLink:active  { color:#e5cb95; text-decoration: none; display: inline-block; position: relative; z-index: 1; padding: 1em; margin: -1em; }


#topBarBox {
  display: float;
	position:fixed;
	top:0px;	
	left:0px;
	height:45px;
	width:100%;

  !important;z-index:998;
}



#topBarBoxSolid {
    display: float;
	position:fixed;
	top:0px;	
	left:0px;
	height:60px;
    max-width: 100%;
    margin: auto;
  background: url(http://www.phfx.com/phfx_backgrounds/phfx_grainBG.jpg);

    background-position:left center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    !important;z-index:998;
}

#topBarBoxSolid_OLD_05172019 {
  display: float;
	position:fixed;
	top:0px;	
	left:0px;
	height:45px;

  	width:100%;
background-image:url('http://www.phfx.com/phfx_backgrounds/phfx_BG_igneous.jpg');
background-position:left center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  !important;z-index:998;
}



#sideBarBox {
    display: float;
	position:fixed;
	top:50px;	
	left:0px;
	height:100%;
	width:240px;
	background: #1e1e1e;
	opacity: 0;
	padding: 10px;
	!important;z-index:898;
}

    /*  ------------------------- */
    
    
    
#lineVertical {
    display: inline;
	position:fixed;
	background: #e5cb95;
	color: #e5cb95;
	width:1px;
	height:100%;
	left:10px;
	top:45px;

	!important;z-index:1000;
}

#lineVerticalII {
    display: inline;
	position:fixed;
	background: #e5cb95;
//opacity:0;filter:alpha(opacity=0);
	width:1px;
	height:100%;
	left:990px;
	top:45px;

	!important;z-index:1000;
}

#lineHorizontal {

	background: #e1e1e1;
	color: #e1e1e1;
	height:1px;
	width:100%;

	top:45px;
	!important;z-index:1900;
}

#lineHorizontal_OLD_05172019 {
    display: inline;
	position:fixed;
	background: #e1e1e1;
	color: #e1e1e1;
	height:1px;
	width:100%;
	left:10px;
	top:45px;
	width:1280px;
	!important;z-index:1900;
}

#phfxLogo{

    display: inline;
    top:5px;
    padding: 0px 0px 0px;
    font-family: 'Quicksand', sans-serif;
    font-size: 24px; 
    font-weight: 300; 
    text-align: left;
    opacity:1;filter:alpha(opacity=100);
    !important;z-index:3000;
    }

#philHollandTitle{

    display: inline;
    top:5px;
    padding: 0px 0px 0px;
    font-family: 'Quicksand', sans-serif;
    font-size: 24px; 
    font-weight: 300; 
    text-align: left;
    opacity:1;filter:alpha(opacity=100);
    !important;z-index:3000;
    }
    
#phfxTitle{

    display: inline;
    top:5px;
    padding: 0px 0px 0px;
    font-family: 'Quicksand', sans-serif;
    font-size: 24px; 
    font-weight: 300;     text-align: left;
    opacity:1;filter:alpha(opacity=100);
    !important;z-index:1998;
    }

#philPHFXlocation {
    display: inline;
	left:0;
    height:25px;
    top:10px;    
	width:250px;
    !important;z-index:2001;
}    

#philHollandTitle_OLD_05172019{
    display: inline;
    position:fixed;
    left:90px;
    top:5px;
    padding: 0px 0px 0px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px; 
    font-weight: normal; 
    text-align: left;
    opacity:1;filter:alpha(opacity=100);
    !important;z-index:3000;
    }
    
#phfxTitle_OLD_05172019{
    display: inline;
    position:fixed;
    left:10px;
    top:5px;
    padding: 0px 0px 0px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px; 
    font-weight: normal;     text-align: left;
    opacity:1;filter:alpha(opacity=100);
    !important;z-index:1998;
    }
	
#jobTitle{
    display: inline;
	position:fixed;
	left:4px;
	top: 127px;
    font-family: 'Arial', sans-serif;
    font-size: 24px; 
    font-weight: 400;
    color: #e1e1e1;
    text-shadow: none;
	padding: 0px 0px 0px;
    text-align: left;
	!important;z-index:1998;
    }    


#whereIsPhilTitle{
    display: inline;
    position:fixed;

    font-family: 'Arial', sans-serif;
    font-size: 14px; 
    font-weight: 400;
    color: #ffff6d;
    text-shadow: 2px 2px 5px #000000;
	  padding: 0px 0px 0px;
    text-align: left;
	  !important;z-index:2001;
    }    
#whereIsPhilText{

	width:1280px;

    font-family: 'Arial', sans-serif;
    font-size: 14px; 
    font-weight: 400;
    color: #ffff6d;
    text-shadow: 2px 2px 5px #000000;
	  padding: 0px 0px 0px;
    text-align: left;
    !important;z-index:2001;
    }    

#iconLocation {
	display: inline; 
	text-align: right;
	left:200px;
    height:25px;
    top:10px;    
	width:230px;
	text-align:right;
	
    !important;z-index:2001;
}

#contactLocation {
    width:12px;
    height:12px;
    top:5px;    
	!important;z-index:2001;

}

#equipmentLocation {
    width:12px;
    height:12px;
    top:5px; 
	!important;z-index:2001;

}

#instagramLocation {
    width:12px;
    height:12px;
    top:5px;    
	!important;z-index:2001;

}

#twitterLocation {
    width:12px;
    height:12px;
    top:5px;    
	!important;z-index:2001;

}

#youtubeLocation {
    width:12px;
    height:12px;
    top:5px;    
	!important;z-index:2001;

}

#vimeoLocation {
    width:12px;
    height:12px;
    top:5px;    
	!important;z-index:2001;
}

#loginLocation {
    width:12px;
    height:12px;
    top:5px;    
	!important;z-index:2001;

}

#iconLocation_OLD_05172019 {
    display: inline;
    position:fixed;
    height:25px;
    top:10px;    
	  left:755px;
	  width:230px;
    !important;z-index:2001;
}

#contactLocation_OLD_05172019 {
    display: inline;
    position:fixed;
    width:20px;
    height:20px;
    top:5px;    
	  left:735px;
    !important;z-index:2001;
}

#equipmentLocation_OLD_05172019 {
    display: inline;
    position:fixed;
    width:20px;
    height:20px;
    top:5px;    
	  left:765px;
    !important;z-index:2001;
}

#instagramLocation_OLD_05172019 {
    display: inline;
    position:fixed;
    width:20px;
    height:20px;
    top:5px;    
	  left:795px;
    !important;z-index:2001;
}

#twitterLocation_OLD_05172019 {
    display: inline;
    position:fixed;
    width:20px;
    height:20px;
    top:5px;    
	  left:830px;


	!important;z-index:2001;
}

#youtubeLocation_OLD_05172019 {
    display: inline;
    position:fixed;
    width:20px;
    height:20px;
    top:5px;    
	  left:860px;


	!important;z-index:2001;
}

#vimeoLocation_OLD_05172019 {
    display: inline;
    position:fixed;
    width:20px;
    height:20px;
    top:5px;    
	  left:895px;

	!important;z-index:2001;
}

#loginLocation_OLD_05172019 {
    display: inline;
    position:fixed;
    width:20px;
    height:20px;
    top:5px;    
	  left:930px;
	
	!important;z-index:2001;

}



#copyrightBox {
    display: inline;
    position:fixed;
    font-family: 'Quicksand', sans-serif;
    font-weight: 300;
    font-size: 16px;
    background:#1e1e1e;
    padding:0px;
  background: url(http://www.phfx.com/phfx_backgrounds/phfx_grainBG.jpg);
    background-position:left center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed; 
    width:100%;
    bottom:0px;
	  left:0px;
	  text-align:right;
    !important;z-index:1000
}

#copyrightTextPosition {
	  opacity:.5;filter:alpha(opacity=50);
    position:relative;
    right:10px;
}

.valign { display: table; width: 100%; height: 100%; }
.valign > div { display: table-cell; width: 100%; height: 100%; }
.valign.bottom > div { vertical-align: bottom; }
.valign.middle > div { vertical-align: middle; }

/* LINK STYLES */

A:link  { color: #6bffff;	text-decoration: none; }
A:hover  { color:#ffff6d; text-decoration: none; }
A:visited { color: #6bffff; text-decoration:none; }
A:visited:hover  { color:#ffff6d; text-decoration:none; }
A:active  { color:#ffff6d; text-decoration: none; }


hr {
    border: 0;
    height: 1px;
    background: #1e1e1e;
    background-image: linear-gradient(to right, #541414, #541414, #541414);
}

.yellowLine {
    border: 0;
    height: 1px;
    background: #1e1e1e;
    background-image: linear-gradient(to right, transparent, #ffff6d, transparent);
}

.darkWhiteLine {
    border: 0;
    height: 1px;
    background: #1e1e1e;
    background-image: linear-gradient(to right, #e1e1e1, #1e1e1e, #1e1e1e);
}

.darkWhiteLine {
    border: 0;
    height: 1px;
    background: #1e1e1e;
    background-image: linear-gradient(to right, #e1e1e1, #1e1e1e, #1e1e1e);
}

.darkWhiteLineSolid {
    border: 0;
    height: 1px;
    background: #1e1e1e;
    background-image: linear-gradient(to right, #e1e1e1, #e1e1e1, #e1e1e1);
}


/* IMAGE STYLES */

	    /* a img {border: none !important;} */


 

	a img {border: none !important;} 	    

	img {
		     max-width: 100%;
		     
		}

.imageStyle img{
    width: 1280px;
    /* max-height: 1280px; */
    object-fit: contain;
    border: 0px solid transparent;
    padding: 0;
    background-color: transparent;
    margin: 0 0px 0px 0;
}


imageStyle:active, imageStyle:visited, .imageStyle:visited, .imageStyle:active, imageStyle:focus, .imageStyle:focus, imageStyle:hover, .thumbnailGhost:hover{
    border:none !important;
    outline:none !important;
}


.phfxLogoGhost img{
border: 0px solid transparent;
background-color: transparent;
opacity:1;filter:alpha(opacity=100);
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
margin: 0 0px 0px 0;
padding-left:0px;
padding-right:0px;
width:16px;
height:16px;
}

.phfxLogoGhost:hover{
border: 0px solid transparent;
background-color: transparent;
opacity:1.0;filter:alpha(opacity=100);
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

.phfxLogoGhost:hover img{
border: 0px solid transparent;
opacity:1.0;filter:alpha(opacity=100);
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

phfxLogoGhost:active, phfxLogoGhost:visited, .phfxLogoGhost:visited, .phfxLogoGhost:active, phfxLogoGhost:focus, .phfxLogoGhost:focus, phfxLogoGhost:hover, .phfxLogoGhost:hover{
    border:none !important;
    outline:none !important;

}


.thumbnailGhost img{
border: 0px solid transparent;
background-color: transparent;
opacity:0.6;filter:alpha(opacity=60);
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
margin: 0 0px 0px 0;
padding-left:4px;
padding-right:4px;
width:16px;
height:16px;
}

.thumbnailGhost:hover{
border: 0px solid transparent;
background-color: transparent;
opacity:1.0;filter:alpha(opacity=100);
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

.thumbnailGhost:hover img{
border: 0px solid transparent;
opacity:1.0;filter:alpha(opacity=100);
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

thumbnailGhost:active, thumbnailGhost:visited, .thumbnailGhost:visited, .thumbnailGhost:active, thumbnailGhost:focus, .thumbnailGhost:focus, thumbnailGhost:hover, .thumbnailGhost:hover{
    border:none !important;
    outline:none !important;

}

/* Thumbnail for Stills Setup */

.thumbnail_Still img{
border: 0px solid transparent;
padding: 0;
background-color: transparent;
opacity:0.6;filter:alpha(opacity=60);
margin: 0 0px 0px 0;
width:160px;
height:160px;
}

.thumbnail_Still:hover{
border: 0px solid transparent;
padding: 0;
background-color: transparent;
opacity:1.0;filter:alpha(opacity=100);
}

.thumbnail_Still:hover img{
border: 0px solid transparent;
padding: 0;
opacity:1.0;filter:alpha(opacity=100);
}

thumbnail_Still:active, thumbnail_Still:visited, .thumbnail_Still:visited, .thumbnail_Still:active, thumbnail_Still:focus, .thumbnail_Still:focus, thumbnail_Still:hover, .thumbnail_Still:hover{
    border:none !important;
    outline:none !important;
}

.thumbnail_StillBig img{
border: 0px solid transparent;
padding: 0;
background-color: transparent;
opacity:0.6;filter:alpha(opacity=60);
margin: 0 0px 0px 0;
width:240px;
height:240px;
}

.thumbnail_StillBig:hover{
border: 0px solid transparent;
padding: 0;
background-color: transparent;
opacity:1.0;filter:alpha(opacity=100);
}

.thumbnail_StillBig:hover img{
border: 0px solid transparent;
padding: 0;
opacity:1.0;filter:alpha(opacity=100);
}

thumbnail_StillBig:active, thumbnail_StillBig:visited, .thumbnail_StillBig:visited, .thumbnail_StillBig:active, thumbnail_StillBig:focus, .thumbnail_StillBig:focus, thumbnail_StillBig:hover, .thumbnail_StillBig:hover{
    border:none !important;
    outline:none !important;
}

.thumbnail_StillSmall img{
border: 0px solid transparent;
padding: 0;
background-color: transparent;
opacity:0.6;filter:alpha(opacity=60);
margin: 0 0px 0px 0;
width:60px;
height:60px;
}

.thumbnail_StillSmall:hover{
border: 0px solid transparent;
padding: 0;
background-color: transparent;
opacity:1.0;filter:alpha(opacity=100);
}

.thumbnail_StillSmall:hover img{
border: 0px solid transparent;
padding: 0;
opacity:1.0;filter:alpha(opacity=100);
}

thumbnail_StillSmall:active, thumbnail_StillSmall:visited, .thumbnail_StillSmall:visited, .thumbnail_StillSmall:active, thumbnail_StillSmall:focus, .thumbnail_StillSmall:focus, thumbnail_StillSmall:hover, .thumbnail_StillSmall:hover{
    border:none !important;
    outline:none !important;
}

.thumbnailMotion img{
border: 0px solid transparent;
padding: 0;
background-color: transparent;
opacity:0.6;filter:alpha(opacity=60);
margin: 0 0px 0px 0;
width:320px;
}

.thumbnailMotion:hover{
border: 0px solid transparent;
padding: 0;
background-color: transparent;
opacity:1.0;filter:alpha(opacity=100);
}

.thumbnailMotion:hover img{
border: 0px solid transparent;
padding: 0;
opacity:1.0;filter:alpha(opacity=100);
}

thumbnailMotion:active, thumbnailMotion:visited, .thumbnailMotion:visited, .thumbnailMotion:active, thumbnailMotion:focus, .thumbnailMotion:focus, thumbnailMotion:hover, .thumbnailMotion:hover{
    border:none !important;
    outline:none !important;
}


.thumbnailArticle img{
border: 0px solid transparent;
padding: 0;
background-color: transparent;
opacity:0.50;filter:alpha(opacity=50);
margin: 0 0px 0px 0;
width:1280px;
}

.thumbnailArticle:hover{
border: 0px solid transparent;
padding: 0;
background-color: transparent;
opacity:1.0;filter:alpha(opacity=100);
}

.thumbnailArticle:hover img{
border: 0px solid transparent;
padding: 0;
opacity:1.0;filter:alpha(opacity=100);
}

thumbnailArticle:active, thumbnailArticle:visited, .thumbnailArticle:visited, .thumbnailArticle:active, thumbnailArticle:focus, .thumbnailArticle:focus, thumbnailArticle:hover, .thumbnailArticle:hover{
    border:none !important;
    outline:none !important;
}

.thumbnailArticleSmall img{
border: 0px solid transparent;
padding: 0;
background-color: transparent;
opacity:1.0;filter:alpha(opacity=100);
margin: 0 0px 0px 0;
width:160px;
height:160px;
}

.thumbnailArticleSmall:hover{
border: 0px solid transparent;
padding: 0;
background-color: transparent;
opacity:1.0;filter:alpha(opacity=100);
}

.thumbnailArticleSmall:hover img{
border: 0px solid transparent;
padding: 0;
opacity:1.0;filter:alpha(opacity=100);
}

thumbnailArticleSmall:active, thumbnailArticleSmall:visited, .thumbnailArticleSmall:visited, .thumbnailArticleSmall:active, thumbnailArticleSmall:focus, .thumbnailArticleSmall:focus, thumbnailArticleSmall:hover, .thumbnailArticleSmall:hover{
    border:none !important;
    outline:none !important;
}

.articleSmallImage img{
border: 0px solid transparent;
padding: 0;
background-color: transparent;
opacity:1.0;filter:alpha(opacity=100);
margin: 0 0px 0px 0;
width:25%;
}

.articleSmallImage:hover{
border: 0px solid transparent;
padding: 0;
background-color: transparent;
opacity:1.0;filter:alpha(opacity=100);
}

.articleSmallImage:hover img{
border: 0px solid transparent;
padding: 0;
opacity:1.0;filter:alpha(opacity=100);
}

articleSmallImage:active, articleSmallImage:visited, .articleSmallImage:visited, .articleSmallImage:active, articleSmallImage:focus, .articleSmallImage:focus, articleSmallImage:hover, .articleSmallImage:hover{
    border:none !important;
    outline:none !important;
}

#articleThumbnailRow {
font-size:0px;
margin: 0 0px 0px 0;
border: 0px;
padding: 0;
}

.thumbnailStore img{
border: 0px solid transparent;
padding: 0;
background-color: transparent;
opacity:0.6;filter:alpha(opacity=60);
margin: 0 0px 0px 0;
width:475px;
height:475px;
}

.thumbnailStore:hover{
border: 0px solid transparent;
padding: 0;
background-color: transparent;
opacity:1.0;filter:alpha(opacity=100);
}

.thumbnailStore:hover img{
border: 0px solid transparent;
padding: 0;
opacity:1.0;filter:alpha(opacity=100);
}

thumbnail_Strip:active, thumbnail_Strip:visited, .thumbnail_Strip:visited, .thumbnail_Strip:active, thumbnail_Strip:focus, .thumbnail_Strip:focus, thumbnail_Strip:hover, .thumbnail_Strip:hover{
    border:none !important;
    outline:none !important;
}

.imageLink {
	border:1px solid #e43a3a;
	max-width: 900px;
	}

.imageLink:active{
	border:1px solid #e43a3a;
	max-width: 900px;
	}	

.imageLink:hover{
	border:1px solid #6bffff;
	max-width: 900px;
	}

.imageLink:visited{
	border:1px solid #e43a3a;
	max-width: 900px;
	}

.imageLink:visited:hover {
	border:1px solid #6bffff;
	max-width: 900px;
	}


  .desc {
    font-family: 'Oswald', sans-serif;
    font-size: 20px; 
    font-weight: bold; 
    text-shadow: 2px 2px 2px #000000;
  }
  
  .descSub {
    font-family: 'Quicksand', sans-serif;
    font-weight: 300;
    font-size: 18px; 
    text-decoration: none;
    text-shadow: 2px 2px 2px #000000;
    color: #e1e1e1;
    }

  .descPano {
    font-family: 'Quicksand', sans-serif;
    font-weight: 300;
    font-size: 18px; 
    text-shadow: 2px 2px 2px #000000;
  }

  .articleTitleLarge {
    font-family: 'Oswald', sans-serif;
    font-size: 64px; 
    font-weight: bold; 
	text-decoration: none;
    color: #f5eea4;
  }
  
  .articleTitleMedium  {
    font-family: 'Oswald', sans-serif;
    font-size: 56px; 
    font-weight: bold; 
	text-decoration: none;
    color: #f5eea4;
  }
  
  .articleTitleSmall {
    font-family: 'Oswald', sans-serif;
    font-size: 48px; 
    font-weight: bold; 
	text-decoration: none;
    color: #f5eea4;
  }
  
  .articleTitleTiny {
    font-family: 'Oswald', sans-serif;
    font-size: 32px; 
    font-weight: bold; 
	text-decoration: none;
    color: #f5eea4;
  }
  
  .articleSubTitle {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 16px; 
    text-decoration: none;
    color: #f5eea4;
    }

	.articleTitleImage {
	  /* force the div to properly contain the floated images: */
	  position:relative;

	  clear:none;
	  overflow:hidden;
	}
	.articleTitleImage img {
	  position:relative;
	  z-index:1;
    object-fit: cover;
	  width:100%;
 
	}
	.articleTitleImage .articleTitleLarge {
	  display:block;
	  position:absolute;
	  width:100%;
	  top:40%;
	  z-index:2;
	  text-align:center;
	}
	
	.articleTitleImage .articleTitleMedium {
	  display:block;
	  position:absolute;
	  width:100%;
	  top:40%;
	  z-index:2;
	  text-align:center;
	}
	
	.articleTitleImage .articleTitleSmall {
	  display:block;
	  position:absolute;
	  width:100%;
	  top:40%;
	  z-index:2;
	  text-align:center;
	}
	
	.articleTitleImage .articleTitleTiny {
	  display:block;
	  position:absolute;
	  width:100%;
	  top:40%;
	  z-index:2;
	  text-align:center;
	}

	.articleTitleImage .articleSubTitle {
	  display:block;
	  position:absolute;
	  width:100%;
	  top:70%;
	  z-index:2;
	  text-align:center;
	}

	.wrapMotionThumb {
	  /* force the div to properly contain the floated images: */
	  position:relative;
	  float:left;
	  clear:none;
	  overflow:hidden;
	}
	.wrapMotionThumb img {
	  position:relative;
	  z-index:1;
    object-fit: cover;
	  width:320px;
	  height:152px;
	}
	.wrapMotionThumb .desc {
	  display:block;
	  position:absolute;
	  width:100%;
	  top:60%;
	  right:20px;
	  z-index:2;
	  text-align:right;
	}



	.wrapArticleThumb {
	  /* force the div to properly contain the floated images: */
	  position:relative;
	  clear:none;
	  overflow:hidden;
	}
	.wrapArticleThumb img {
	  position:relative;
	  z-index:1;
	  width:1280px;
	  height:128px;
    object-fit: cover;

	}
	.wrapArticleThumb .desc {
	  display:block;
	  position:absolute;
	  width:100%;
	  top:10%;
	  right:-8px;
	  z-index:2;
	  text-align:left;
	}
	
	.wrapArticleThumb .descSub {
	  display:block;
	  position:absolute;
	  width:100%;
	  top:55%;
	  right:-8px;
	  z-index:2;
	  text-align:left;
	}


	.wrapPanoThumb {
	  /* force the div to properly contain the floated images: */
	  position:relative;
	  float:left;
	  clear:none;
	  overflow:hidden;
	}
	.wrapPanoThumb img {
	  position:relative;
	  z-index:1;
    object-fit: cover;
	  width:320px;
	  height:150px;
	}
	.wrapPanoThumb .descPano {
	  display:block;
	  position:absolute;
	  width:100%;
	  top:35%;
	  right:0px;
	  z-index:2;
	  text-align:center;
	}

/* Button STYLES */

.submitButton {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    outline: none !important;
    cursor: pointer;
}

.submitButtonFace {
    background-color: transparent;
    color: #6bffff;
    border: 1px solid #541414;
    outline: none !important;
}

.submitButtonFace:hover {
    background-color: transparent;
    color: #fff267;
    border: 1px solid #e43a3a;
    outline: none !important;
}

.submitButtonFace:active {
    background-color: transparent;
    color: #fff267;
    border: 1px solid #e43a3a;
    outline: none !important;
}

.submitButtonFace:visited {
    background-color: transparent;
    color: #fff267;
    border: 1px solid #e43a3a;
    outline: none !important;
}

.submitButtonFace:visited:hover {
    background-color: transparent;
    color: #fff267;
    border: 1px solid #e43a3a;
    outline: none !important;
}


/* TEXT STYLES */




#pageTitle{
	position:relative;
  display: inline;
  font-family: 'Quicksand', sans-serif;
  font-weight: 300;
  font-size: 18px; 
  color: #e1e1e1;
	padding: 0px 0px 0px;
  text-align: left;
    }
    
#pageTitleSmaller{
  display: inline;
  font-family: 'Quicksand', sans-serif;
  font-weight: 300;
  font-size: 26px; 
  color: #ffff6d;
	padding: 0px 0px 0px;
  text-align: left;
    }
    
#articleTitle{
	  position:relative;
    display: inline;
    font-family: 'Quicksand', sans-serif;
    font-weight: 300;
    font-size: 18px; 
    color: #FFFFFF;
	  padding: 0px 0px 0px;
    text-align: left;
    }
    
#equipment_pageTitleSmaller{
    display: inline;
    font-family: 'Quicksand', sans-serif;
    font-weight: 300;
    font-size: 18px; 
    color: #ffff6d;
	padding: 0px 0px 0px;
    text-align: left;
    }
    
#pageTopic{
    display: inline;
    font-family: 'Quicksand', sans-serif;
    font-weight: 300;
    font-size: 24px; 
    color: #e1e1e1;
	padding: 0px 0px 0px;
    text-align: left;
    }   

#subTopic{
    display: inline;
    font-family: 'Quicksand', sans-serif;
    font-weight: 300;
    font-size: 16px; 
    color: #fff267;
	padding: 0px 0px 0px;
    text-align: left;
    }    	
	
#emphTopic{
    display: inline;
    font-family: 'Quicksand', sans-serif;
    font-weight: 300;
    font-size: 20px; 
	font-style: italic;
    color: #e1e1e1;
	padding: 0px 0px 0px;
    text-align: left;
    }    

#keyTopic{
    display: inline;
    font-family: 'Quicksand', sans-serif;
    font-weight: 300;
    font-size: 16px; 
    color: #ffff6d;
	padding: 0px 0px 0px;
    text-align: left;
    }    
    
#pictureCaption{
    display: inline;
    position: relative;
    width: 100%;
    float: left;
    font-family: 'Quicksand', sans-serif;
    font-weight: 300;
    font-size: 16px; 
    color: #fff267;
    text-align: right;
    padding:0px 0px 0px 0px;
    }
	
#galleryPictureCaption{
    font-family: 'Quicksand', sans-serif;
    font-weight: 300;
    font-size: 16px; 
    color: #fff267;

    padding:0px 0px 0px 0px;
    }
    
#caption{
    display: inline;
    position: relative;
    width: 100%;
    float: left;
    font-family: 'Quicksand', sans-serif;
    font-weight: 300;
    font-size: 16px; 
    color: #fff267;
    text-align: left;
    padding:5px 0px 5px 5px;
    }
    
#captionInPlace{
    display:inline;
    font-family: 'Quicksand', sans-serif;
    font-weight: 300;
    font-size: 16px; 
    color: #fff267;
    text-align: left;
    }

#captionPlain{
    display:inline;
    font-family: 'Quicksand', sans-serif;
    font-weight: 300;
    font-size: 16px; 

    text-align: left;
    }

#contentContainer {
	position: absolute;
    font-family: 'Quicksand', sans-serif;
    font-weight: 300;
    overflow: hidden;
	clear: both;
    left:35px;
}

#pageBox_OLD_05172019 {
	position:absolute;
	width:980px;
	left:0px;
	border:0px;
	padding:0px;
}



#f_OLD_05172019 {
	position:absolute;
	width:1280px;
	left:10px;
	top:50px;
	overflow-y: auto;
	overflow-x: hidden;
	border:0px;
	padding:0px;
	background-color:transparent;
	!important;z-index:997
}


#pageBox {
	max-width:1280px;
	height:100%;
    margin: auto;
	border:0px;
	padding:0px;

}

#introBox {
	max-width:1280px;
    margin: auto;
	border:0px;
	padding:0px;
}


#pageContent {
	position:relative;
	max-width:1280px;
	height:100%;
	font-family: 'Quicksand', sans-serif;
    font-weight: 300;
    font-size: 16px;     
	color: #e1e1e1;
    margin: 0px;
	border:0px;
	padding:0px;
	top:30px;
	border:0px;
	padding:0px;
	background-color:transparent;
	!important;z-index:997
}

#pageContentArticle {

	
	    font-family: 'Quicksand', sans-serif;
    font-weight: 300;
    font-size: 18px;     
		color: #e1e1e1;
		padding: 0px 0px 0px;
		text-align: left;
		background: transparent;
}

#articleContent {

}

#adBox {
    float: right;
	position:absolute;
	margin-right:20px;
	background: #FF0000;
	color: #e43a3a;
	height:600px;
	width:160px;
	left:1235px;
	top:110px;

	!important;z-index:200
}


#motionBox {
		width:525px;
		display: inline;
		border:0px;
		padding:0px;
	border:0px;
	padding:0px;
}

#pageWithAddBox {
	max-width:100%;

}

/* VIDEO STYLES */

iframe[src*=youtube]
{
  width:100%;
  height:540px;
  
}

iframe[src*=vimeo]
{
  width:100%;
  height:540px;
  
}


.labelAbout:after{
    content:'PHIL HOLLAND';
}
.labelAbout:hover:after{
    content:'INFORMATION';
}

.labelHome:after{
    content:'PHFX';
}
.labelHome:hover:after{
    content:'HOME';
}

h1 {
  font-family: 'Quicksand', sans-serif;
  font-weight: 300;
  font-size: 32px;
  letter-spacing: 8px;
  }

h2 {
  font-family: 'Quicksand', sans-serif;
  font-weight: 100;
  font-size: 16px;
  }

h3 {
  font-family: 'Quicksand', sans-serif;
  font-weight: 300;
  font-size: 24px;
  }


.separatingLine {
    border: 0;
    height: 1px;
    width: 1280px;
    background: #1e1e1e;
    background-image: linear-gradient(to right, #1e1e1e, #e1e1e1, #1e1e1e);
}

#galleryContentBox {
	position:relative;
	width:1280px;
	border:0px;
	padding:0px;
	margin:0px;
	top:16px;
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #1b1b1b;
  color: #ffff6d;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: -75%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #1b1b1b transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}


/* phfx tools */

#reportPageTitle{
	position:relative;
    display: inline;
    font-family: 'Quicksand', sans-serif;
    font-size: 24px; 
    font-weight: 400;
    color: #FFFFFF;
	padding: 0px 0px 0px;
    text-align: left;
    }
	
#reportPageTitleYellow{
	position:relative;
    display: inline;
    font-family: 'Quicksand', sans-serif;
    font-size: 24px; 
    font-weight: 400;
    color: #ffff6d;
	padding: 0px 0px 0px;
    text-align: left;
    }

#reportCaption{
    display: inline;
    position: relative;
    width: 100%;
    float: left;
    font-family: 'Quicksand', sans-serif;
    font-size: 14px; 
    font-weight: 400;
    color: #ffff6d;
    text-align: center;
    padding:5px 5px 5px 5px;
    right:5px;
    }

#cameraTech {
	width:100%;
	text-align: right;
    font-family: 'Quicksand', sans-serif;
    font-size: 14px; 
    font-weight: 400;

    color: #FFFFFF;
}



#phfxMenucontainer { position:absolute; left:0px; top:0px; margin:0px; padding:0px; border:0px; background-color:#000; width:200px; height:400px; overflow:no; background-color:transparent;}

#phfxMenuiframe { position:absolute; width:200px; height:100px; left:0px; margin:0px; padding:0px; border:0px; overflow:no; background-color:transparent;	!important;z-index:2000}