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

* {
		margin:0;
		padding:0;
	}

body {
	background-color:#929173;
}

#wrapper {
		position:relative;
		background-image:url(../images/bg-798x1px.png);
		background-color:#FF0;
		width:798px;
		font-size:.9em;
		text-align:left;
		min-height:100%;
		height:auto !important;
		height:100%;
		margin:0 auto 0;
}

.frame {
	position:relative;
	float:left;
	background-image:url(../images/bg-798x1px.png);
	width:798px;
	height:auto !important;
	height:100%;
	background-color:#000;
}

#header {
	float:left;
	margin-left:44px;
	height:100%
	width:710px;
}

@font-face {
  font-family: BorzoiRegular;
  src: url(../fonts/Borzoi_Regular.woff);
}

#nav {
	float:left;
	background-image:url(../images/bg-nav40.png);
	margin-left:44px;
	width:710px;
	height:40px;
}

#nav .current {
	background-color:#304031;
	color:#FFF;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

li {
  float: left;
}

li a {
  font-family: BorzoiRegular;
  display: block;
  color:#304031;
  text-align: center;
  padding: 9px 10px; /* was 9px 10px top btm and left right changed to 6px 10px - then added li a to vidnav directly with new settings */
  text-decoration: none;
  font-size:1.2em; /* was 1.3em */
  margin-left:3px; /* added this with smaller font-size above */
}

/* Change the link color to #111 (black) on hover */
li a:hover {
  background-color: #304031;
  color:#FFF;
  height:23px; /* sets height of hover background > 23px matches size of "current" li selection background */
}

li img {
	padding: 15px 4px; /* was 15px 4px (top bottom / left right) */
}

#homeBG {
	float:left;
	background-image:url(../images/textBG5.jpg);
	margin:30px 0 0 44px;
	width:710px;
	height:100%;
}

#resumeBG {
	float:left;
	width:710px;
	height:100%;
	margin:30px 0 0 44px;
	padding:0 0 0 0;
}

#resume-blurb {
	float:left;
	background-image:url(../images/textBG5.jpg);
	margin:0 0 0 51px;
	padding:0 0 0 0;
	width:608px;
	height:100%;
}

#bioBG {
	float:left;
	width:710px;
	height:100%;
	margin:30px 0 0 44px;
	padding:0 0 0 0;
}

#bio-blurb {
	float:left;
	background-image:url(../images/textBG5.jpg);
	margin:0 0 0 51px;
	padding:0 0 0 0;
	width:608px;
	height:100%;
}

.vidbox {
	float:left;
	margin:10px 0 0 44px;
	padding:0 0 0 0;
	height:100%;
	width:710px;
}

.blurb {
	float:left;
	width:198px;
	margin-top:35px;
}

#vidnav-container {
	width:710px;
	height:162px; /* previously not included - defaulted to 167px - setting this determines total height of bg into video navigation - lowered from 163px to 162px after reducing font size of li a from 1.3em to 1.2em */
	margin: 0 auto;
	background:#929173;
}

#vidnav-container::after {
	content:'';
	display:table;
	clear:both;
}

#vidnav {
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#vidnav li {
	display:inline-block;
	margin-left:60px;
	position:relative;
}

#vidnav li a {
	padding:6px 10px;
}

#vidnav a {
	color:#000;
	margin:5px 20px 0 0;
}

#vidnav a:hover {
	color:#FFF;
}

#vidnav a::before {
	content:'';
	display:block;
	height:5px;
	background-color:#444;
	position:absolute;
	top:0;
	width:0%;
	transition: all ease-in-out 200ms;
}

#vidnav a:hover::before {
	width:50%;
}

.vidnav-stars {
	margin:5px 10px 0 0;
}

#vidnav .current {
	background-color:#304031;
	color:#FFF;
	height:80%;
}


.vid-style1 {
	font-size: small;
	color:#ddd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.video {
	float:left;
	width:512px;
}

.vidbox-old {
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:100%;
	width:710px;
}

.blurb-old {
	float:left;
	margin-left:104px;
	margin-right:20px;
	margin-top:25px;
	width:231px;
}

.video-old {
	float:left;
	width:320px;
	margin-top:25px;
}

#photosBG {
	float:left;
	margin:0 0 0 44px;
	padding:0 0 0 0;
}

#photosFlash {
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:710px;
	height:100%;
}

#mediaBG {
	float:left;
	margin:0 0 0 44px;
	padding:0 0 0 0;
	width:710px;
	height:100%;
}

.media-article {
	float:left;
	margin:10px 20px 0 20px;
	padding:0 0 0 0;
}

h1 {
	color:#ddd;
	font-size:36px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.media-article p {
	color:#ddd;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.media-pic {
	margin:15px 0 15px 0;
	padding:0 0 0 0;
}

.media-item {
	float:left;
	margin:30px 0 0 61px;
	padding:0 0 0 0;
}

#shopBG {
	float:left;
	background-image:url(../images/textBG5.jpg);
	margin:30px 0 0 88px;
	width:622px;
	height:100%;
}

.temp-btm-black {
	float:left;
	background-color:#000;
	height:20px;
}

#btm-blk-spacer {
	float:left;
	background-color:#000;
	margin:10px 0 0 44px;
	padding:0 0 0 0;
	height:20px;
	width:710px;
}

#footer {
	float:left;
	background-image:url(../images/footer710px.jpg);
	width:710px;
	height:50px;
	margin:0 0 0 44px;
}

#lot49 {
	float:left;
	margin-top:10px;
	margin-left:30px;
	background-image:url(../images/lot49-link.png);
	width:70px;
	height:35px;
}

#contact {
	float:left;
	background-image:url(../images/footer-contact-link.png);
	margin-top:-40px;
	margin-left:575px;
	width:75px;
	height:14px;
}

.style1 {
	font-size: small;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.style2 {
font-size: 24px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.style3 {
	font-size: small;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

P {margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px;}

