body {
font-family:arial;
color:#666666;
margin:66px;

background-repeat: no-repeat; 
}

@font-face {
font-family: 'Trade Gothic W01 Cn 18';
src: url('Trade_Gothic_LT_Std_Condensed_18.ttf');
}

@font-face {
font-family: 'Clarendon W01 Medium 692107';
src: url('ClarendonTMed.ttf');
}

@font-face {
font-family: 'Trade Gothic Oblique';
src: url('Trade_Gothic__Condensed_Oblique.ttf');
}


#logo {
font-family:'Trade Gothic W01 Cn 18';
font-size:32px; 
margin-top: 34px;
}

#logo span {
font-size:18px;
position:relative;
color:#999;
}


#top_nav ul {
list-style:none;
margin-left:-40px;
}

#top_nav li {
float:left;
padding-right:40px;
}

#top_nav {
font-family:'Clarendon W01 Medium 692107';
color:#AD8800;
cursor:pointer;
font-size:14px;
margin-top:34px;
}


.open {
color:#61A4D9;
cursor:default;
}

.hover {
color:#61A4D9;
}

#top_nav li a:hover {
color:#61A4D9;
}


#dotted_line {
clear:left;
position:relative;
top:-8px;
}

#content {
width:800px;
}

.main {
font-size:14px;
line-height:20px;
position:relative;
top:14px;
}


#bio {
/*padding-top:25px; */
}

.bio_text {
width: 422px;
/*float:left;*/
position:relative;
top:2px;
}

.bio_text span {
font-style:italic;
}

#bio .sub {
//clear:left;
}


#banner{
	width: 810px;	
	margin-top:24px;

	/*display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;*/
}

#top_nav{
	/* margin-top: 0px;*/
}
	
#banner .banner-img{
	flex: 1;
	display: flex;
  	flex-direction: column;
  	flex-basis: 100%;
  	height: 140px;
  	width: 33.33%;
  	display: inline-block;
  	background-color: #000;
}


#banner .banner-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	overflow: hidden;
}



//slideshow styles

#slideshow {
text-align:right !important;
position:absolute !important; 
}

#slideshow{
	text-align:right;
	position:relative;
	width:320px;
	top:-500px;
	height:364px;
	float:right;
}


#slideshow img { display: none }
#slideshow img.first { display: block }

#slideshow img {
position:absolute; 
background-image: url('images/dotted_line_vertical.png');
background-repeat: no-repeat;
padding-left:65px;
width:255px;
left: 0;
}


.title{
font-family:'Clarendon W01 Medium 692107';
color:#AD8800;
clear:both;
line-height:3px;
font-size:13px;
text-transform:uppercase;
}

#contact .title {
line-height:21px;
}

#contact .title span {
color:#666;
}

#andy_contact {
/*position:relative;*/
/*top:20px;*/
}

.watch a, .watch a:visited, .watch a:hover, .media a {
color:#61A4D9;
text-decoration:none;
position:relative;
z-index:1000;
}

.sub {
float:left;
margin-top:-10px;
color:#999999;
line-height:28px;
}

.media .title{
	line-height: 20px;
	margin-bottom: 0;
}

.media-sub{
	margin:0;
	color:#999999;
	line-height:22px;
}

.media{
	padding-bottom: 1em;
}

span.sub {
text-transform:lowercase;
float:none;
color:#777777;
line-height:10px;
font-size:14px;
position:relative;
bottom:1px;
}

.divider {
color:#AD8800;
position:relative;
bottom:1px;
font-size:13px;
}

.net_logo {
float:left;
margin-right:8px;
}


.net_btns {
/*
width:40px;
*/
margin-top:-8px;
position:relative;
z-index:10;
}

body {
//width:100%;
height:100%;
}



#contact .sub {
clear:both;
line-height:12px;
}

.sub a {
color:#61A4D9;
text-decoration:none;
}


/* VIDEO STUFF */
/* This adds padding from top and bottom */
.custom-popup-class .mfp-container {
  padding-top: 40px;
  padding-bottom: 40px;
}
/* This adds max-width to popup content */
.custom-popup-class .mfp-content {
  width: 100%;
  max-width: 700px;
}

/* This makes "#popup-with-something" scale down proportionally */
#popup-with-something {
  width: 100%;
  height: 0;
  overflow: hidden;
  /* This is scale ratio */
  padding-top: 56.25%;
}
/* This shifts close button outside of the container */
#popup-with-something .mfp-close {
  top: -44px;
  color: #FFF;
  text-align: right;
  right: 1px;
}
/* This is an element itself */
.video-js {
  background: #EBE8E8;
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}