/* ================================================================================ */
/*Meyer CSS Reset*/
/* ================================================================================ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* ================================================================================ */



html {
	height: 100%;
}


body {
	/*height: 100%;*/
    background-color: black;
}


/* ================================================================================ */
/*      PAGE HEADER BLOCK
/* ================================================================================ */
#header {
	background-color: black;
	height: 200px;
	margin: 0px;
}

#fflogo {
	display: block;
	margin: auto;
	padding-top: 50px;
}

#highmed {
	display: block;
	margin: auto;
	padding-top: 10px;
}
/* ================================================================================ */

/*
li {
  display: inline;
  padding: 30px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  color: white;
}
*/


/* ================================================================================ */
/*      NAVBAR BLOCK
/* ================================================================================ */
#navbar {
	margin: 0px;
	background-image: linear-gradient(rgb(124,98,28), rgb(38,30,8));
	height: 30px;
	text-align: center;


}

#navbar li {
	display: inline;
	position: relative;
	/*position: absolute;*/
  	padding-left: 30px;
  	padding-right: 30px;
  	/*padding-top: -10px;*/
  	font-size: 20px;
  	font-family: orator-std, monospace;
  	font-style: normal;
	font-weight: 100;
	font-size: 18px;
 	color: white;
}

#navbar ul a {
	text-decoration: none;
}
#navbar ul a:visited {
	text-decoration: none;
}

.navtext:hover {
	border-top-style: solid;
	border-color: white;
	border-width: 4px;

}
/* ================================================================================ */


/* ================================================================================ */
/*      MAIN CONTENT BLOCK
/* ================================================================================ */
#mainContent {
	background-image: linear-gradient(black, rgb(38,30,8));
	/*position: absolute;*/
	text-align: center;
	height: 100%;
	width: 100%;
}

#contactInfo {
	position: relative;
	top: 2%;
}

.contact {
	font-size: 40px;
	line-height: 1.5em;
	/*text-decoration: none;*/
  	font-family: orator-std, monospace;
  	font-style: normal;
	font-weight: 100;
 	color: white;
}

.contact a {
	text-decoration: none;
	color: white;
}

#thumbBar {
	
	/*position: absolute;*/
	/*height: 70%;*/
	width: 100%;
	text-align:center;
}

.medPrev {
	margin-top: 100px;
	outline-width: 2px;
    outline-color: rgb(124,98,28);
    outline-style: solid;
	height: 360px;
	width: 640px;
}

.medPrevWide {
	margin-top: 100px;
	outline-width: 2px;
    outline-color: rgb(124,98,28);
    outline-style: solid;
	height: 290px;
	width: 640px;
}


/*
#tvcontent {
/*.ffpanel {*/
	/*clear: left;
	padding: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	/*z-index: 0;
}
*/

.ffpanel {
	clear: left;
	padding: 30px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.tvimage {
	/*padding: -200px;*/
	/*margin-top: -245px; THIS IS THE DEFALUT POSTIONING - TURN BACK ON FOR NORMAL AFTER TESTING */
	margin-top: -255px;
	padding-bottom: 100px;
	display: block;
	position: relative;
	
	margin-left: auto;
	margin-right: auto;
	/*z-index: 0;*/

}

.tvvid {
	margin-top: -325px;
	padding-bottom: 100px;
	/*visibility: hidden; DISABLING THIS TO TEST JAVASCRIPT FADES */
	visibility: hidden;
	/*opacity: 0;*/
	display: block;
	position: relative;
	
	margin-left: auto;
	margin-right: auto;
	/*z-index: 0;*/
}

#tvDescription p {
	margin-top: -80px;
	position: relative;
	text-align: center;
	font-size: 20px;
  	font-family: orator-std, monospace;
  	font-style: normal;
	font-weight: 100;
 	color: white;
}

#details {
	/*display: inline-block;*/
	display: block;
	float: left;
	position: relative;
	/*top: 10px;*/
	/*padding-left: 10%;*/
	/*padding-top: 10%*/
	/*text-align: center;*/
	font-size: 20px;
  	font-family: orator-std, monospace;
  	font-style: normal;
	font-weight: 100;
	color: white;
}

/* ================================================================================ */



/* ================================================================================ */
/*      FOOTER BLOCK
/* ================================================================================ */
#footer {

	background-color: black;
	height: 100px;
	/*height: 10%;*/
    position: fixed; 
    bottom:0%;
    width:100%; 
	/*position: absolute;*/
	/*position: relative;*/
}

.ffwhite {
	padding-left: 100px;
	padding-top: 30px;

}



#slogan {
	display: inline;


	/*display: inline-block;*/
	/*vertical-align: middle;*/
	/*position: relative;*/
	padding-left: 50px;

	/*margin-top: -30px;*/
	font-size: 20px;
  	font-family: orator-std, monospace;
  	font-style: normal;
	font-weight: 100;
	color: white;
}
/* ================================================================================ */






/* SETTINGS FOR THUMBNAIL IMAGES AND THEIR HOVER BORDERS */
/* ================================================================================ */
.thumb01 {
	display:inline-block;
	margin-top: 10px;
	margin-left: auto;
    margin-right: auto;
    outline-width: 2px;
    outline-color: rgba(0,0,0,1);
    outline-style: solid;
}

.thumb01:hover {
	outline-width: 2px;
    outline-color: rgb(124,98,28);
    outline-style: solid;
}

.thumb02 {
	display:inline-block;
	margin-top: 10px;
	margin-left: auto;
    margin-right: auto;
    outline-width: 2px;
    outline-color: rgba(0,0,0,1);
    outline-style: solid;
}

.thumb02:hover {
	outline-width: 2px;
    outline-color: rgb(124,98,28);
    outline-style: solid;
}

.thumb03 {
	display:inline-block;
	margin-top: 10px;
	margin-left: auto;
    margin-right: auto;
    outline-width: 2px;
    outline-color: rgba(0,0,0,1);
    outline-style: solid;
}

.thumb03:hover {
	outline-width: 2px;
    outline-color: rgb(124,98,28);
    outline-style: solid;
}

.thumb04 {
	display:inline-block;
	margin-top: 10px;
	margin-left: auto;
    margin-right: auto;
    outline-width: 2px;
    outline-color: rgba(0,0,0,1);
    outline-style: solid;
}

.thumb04:hover {
	outline-width: 2px;
    outline-color: rgb(124,98,28);
    outline-style: solid;
}

.thumb05 {
	display:inline-block;
	margin-top: 10px;
	margin-left: auto;
    margin-right: auto;
    outline-width: 2px;
    outline-color: rgba(0,0,0,1);
    outline-style: solid;
}

.thumb05:hover {
	outline-width: 2px;
    outline-color: rgb(124,98,28);
    outline-style: solid;
}

.thumb06 {
	display:inline-block;
	margin-top: 10px;
	margin-left: auto;
    margin-right: auto;
    outline-width: 2px;
    outline-color: rgba(0,0,0,1);
    outline-style: solid;
}

.thumb06:hover {
	outline-width: 2px;
    outline-color: rgb(124,98,28);
    outline-style: solid;
}

.thumb07 {
	display:inline-block;
	margin-top: 10px;
	margin-left: auto;
    margin-right: auto;
    outline-width: 2px;
    outline-color: rgba(0,0,0,1);
    outline-style: solid;
}

.thumb07:hover {
	outline-width: 2px;
    outline-color: rgb(124,98,28);
    outline-style: solid;
}

.thumb08 {
	display:inline-block;
	margin-top: 10px;
	margin-left: auto;
    margin-right: auto;
    outline-width: 2px;
    outline-color: rgba(0,0,0,1);
    outline-style: solid;
}

.thumb08:hover {
	outline-width: 2px;
    outline-color: rgb(124,98,28);
    outline-style: solid;
}

.thumb09 {
	display:inline-block;
	margin-top: 10px;
	margin-left: auto;
    margin-right: auto;
    outline-width: 2px;
    outline-color: rgba(0,0,0,1);
    outline-style: solid;
}

.thumb09:hover {
	outline-width: 2px;
    outline-color: rgb(124,98,28);
    outline-style: solid;
}

.thumb10 {
	display:inline-block;
	margin-top: 10px;
	margin-left: auto;
    margin-right: auto;
    outline-width: 2px;
    outline-color: rgba(0,0,0,1);
    outline-style: solid;
}

.thumb10:hover {
	outline-width: 2px;
    outline-color: rgb(124,98,28);
    outline-style: solid;
}

.thumb11 {
	display:inline-block;
	margin-top: 10px;
	margin-left: auto;
    margin-right: auto;
    outline-width: 2px;
    outline-color: rgba(0,0,0,1);
    outline-style: solid;
}

.thumb11:hover {
	outline-width: 2px;
    outline-color: rgb(124,98,28);
    outline-style: solid;
}

.thumb12 {
	display:inline-block;
	margin-top: 10px;
	margin-left: auto;
    margin-right: auto;
    outline-width: 2px;
    outline-color: rgba(0,0,0,1);
    outline-style: solid;
}

.thumb12:hover {
	outline-width: 2px;
    outline-color: rgb(124,98,28);
    outline-style: solid;
}

/* ================================================================================ */


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3) { 


	#gridHolder {
		width: 100%;
		margin: 0px;
	}

	

	#navbar li {
		display: inline;
		position: relative;
		/*text-decoration: none;*/
		/*position: absolute;*/
  		padding-left: 20px;
  		padding-right: 20px;
  		/*padding-top: -10px;*/
  		font-size: 16px;
  		font-family: orator-std, monospace;
  		font-style: normal;
		font-weight: 100;
		
 		color: white;
	}


}


/* OLD CODE - HOVER OUTLINES WORKING */
/*.bodyimg {
	display:inline-block;
	/*padding: 2px;
	margin: -2px;
	margin: 0px;
	margin-top: 10px;
	margin-left: auto;
    margin-right: auto;
    outline-width: 2px;
    outline-color: rgba(0,0,0,1);
    outline-style: solid;
}*/

/*.bodyimg:hover {
	outline-width: 2px;
    outline-color: rgb(124,98,28);
    outline-style: solid;
}*/

/* NO LONGER NEED THIS SINCE THE RESET COVERS THESE SETTINGS*/
/*div {
	padding: 0px;
	margin: 0px;
}*/