@charset "utf-8";

html {
	background: url(../images/demo_reel_bkg.png) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body {
	background-size: auto auto;
	margin: 0;
	padding: 0;
}

.container {
	position: absolute;
	width: 100%;
	height:	800px;
	margin: 0 auto;
	z-index: -100;
}

.header { /*all liinks items are for the pdf & resume */
	background-color: rgb(0,0,0);
	width: 100%;
	position: fixed;
	margin: 0 auto;
	height: 100px;
	height-max: 200px;
	z-index: 5000;
}

.nav_div {
	margin-right: 100px;
	margin-top: 40px;
}

.nav_items li {
	display: inline-block;
	padding-left: 25px;
	float: right;
}

.nav_items li a {
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif; 
	letter-spacing: 1px;
	color: #606060;
	transition: all 0.4s ease 0s;
}

.nav_items li:hover, .nav_items li a:hover {
	color: #8CC63F;
}

.nav_items li a:active { /* */
	color: #CCC;
}

.logo_div {
	margin-left: 100px;
	margin-top: -20px;
}

/* Mobile Header */

#mobile-header, .mobile-menu {
    display: none;
}

.title {
	position: absolute;
	width: 400px;
	margin-top: -4px;
	margin-left: 180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: 1px;
	color: #606060;
	z-index: 100;
}

.banner {
	position: absolute;
	width: 1000px;
	height:	800px;
	top: 300px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background_color: #F00;
	z-index: -40;
}

/*.content {
	width: 100%;
	height: auto;
	position: fixed;
	top: 108px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-color: #F00;
}
*/
.footer { /* bottom bar all pages*/
	position: fixed;
  	bottom: 0;
  	padding: 1rem;
	height: 25px;
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(0,0,0,.9);
	z-index: 5000;
}

.footer_text_div {
	margin-left: -100px;
	margin-top: -13px;
}

.footer li { /*bottom bar text*/
	border-right: #606060 solid 2px;
	display: inline-block;
}

.footer li a { /*bottom bar text styles*/
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	padding-right: 15px;
	font-family:Arial, Helvetica, sans-serif; 
	letter-spacing: 1px;
	color: #606060;
	transition: all 0.4s ease 0s;
}

.footer ul li:last-child { /*bottom bar border control*/
	border-right: none;	
}

.footer li:hover, .contact li a:hover { /*bottom bar border control*/
	color: #8CC63F;
}

.footer li a:active { /*bottom bar on click*/
	color: #CCC;
}

.butcher {
	padding: 10px;
	border: solid 2px #b5c042;
}

.deer {
	padding: 10px;
	border: solid 2px #b5c042;
}

.ibex {
	padding: 10px;
	border: solid 2px #b5c042;
}

.kangaroo {
	padding: 10px;
	border: solid 2px #b5c042;
}

.lioness {
	padding: 10px;
	border: solid 2px #b5c042;
}

.rhino {
	padding: 10px;
	border: solid 2px #b5c042;
}

.shark {
	padding: 10px;
	border: solid 2px #b5c042;
}

.warthog {
	padding: 10px;
	border: solid 2px #b5c042;
}

.zebra {
	padding: 10px;
	border: solid 2px #b5c042;
}

.sealion {
	padding: 10px;
	border: solid 2px #b5c042;
}

.rabbit {
	padding: 10px;
	border: solid 2px #b5c042;
}

.pig {
	padding: 10px;
	border: solid 2px #b5c042;
}

.lion {
	padding: 10px;
	border: solid 2px #b5c042;
}

.dog {
	padding: 10px;
	border: solid 2px #b5c042;
}

.chicken {
	padding: 10px;
	border: solid 2px #b5c042;
}

.lb-loader,.lightbox {
	text-align:center;
	line-height:0
}

body:after {
	content:url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
	display:none;
}

.lb-dataContainer:after,.lb-outerContainer:after {
	content:"";
	clear:both;
}

body.lb-disable-scrolling {
	overflow:hidden;

}.lightboxOverlay {
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	background-color:#000;
	filter:alpha(Opacity=80);
	opacity:.8;
	display:none;
}

.lightbox {
	position:absolute;
	left:0;
	width:100%;
	z-index:10000;
	font-weight:400
}

.lightbox .lb-image {
	display:block;
	height:auto;
	max-width:inherit;
	border-radius:3px
}

.lightbox a img{
	border:none
}

.lb-outerContainer {
	position:relative;
	background-color:#000;
	width:250px;
	height:250px;
	margin:0 auto;
	border-radius:4px;
}

.lb-loader,.lb-nav {
	position:absolute;
	left:0
}

.lb-outerContainer:after {
	display:table
}

.lb-container {
	padding:3px;
	border-color: #000;
}

.lb-loader {
	top:43%;
	height:25%;
	width:100%
}

.lb-cancel {
	display:block;
	width:32px;
	height:32px;
	margin:0 auto;
	background:url(../images/loading.gif) no-repeat

}.lb-nav {
	top:0;
	height:100%;
	width:100%;
	z-index:10
}

.lb-container>.nav {
	left:0
}

.lb-nav a {
	outline:0;
	background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
}

.lb-next,.lb-prev {
	height:100%;
	cursor:pointer;
	display:block;
}

.lb-nav a.lb-prev {
	width:34%;
	left:0;
	float:left;
	background:url(../images/prev.png) left 48% no-repeat;
	filter:alpha(Opacity=0);
	opacity:0;
	-webkit-transition:opacity .6s;
	-moz-transition:opacity .6s;
	-o-transition:opacity .6s;transition:opacity .6s
}

.lb-nav a.lb-prev:hover {
	filter:alpha(Opacity=100);
	opacity:1
}

.lb-nav a.lb-next {
	width:64%;
	right:0;
	float:right;
	background:url(../images/next.png) right 48% no-repeat;
	filter:alpha(Opacity=0);
	opacity:0;
	-webkit-transition:opacity .6s;
	-moz-transition:opacity .6s;
	-o-transition:opacity .6s;
	transition:opacity .6s
}

.lb-nav a.lb-next:hover {
	filter:alpha(Opacity=100);
	opacity:1
}

.lb-dataContainer {
	margin:0 auto;
	padding-top:5px;
	width:100%;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px
}

.lb-dataContainer:after {
	display:table
}

.lb-data {
	padding:0 4px;
	color:#ccc
}

.lb-data .lb-details {
	width:85%;
	float:left;
	text-align:left;
	line-height:1.1em
}

.lb-data .lb-caption { /*image title text properties*/
	font-size:13px;
	font-weight:700;
	line-height:1em;
	font-family:Arial, Helvetica, sans-serif; 
	letter-spacing: 1px;
	color: #606060;
	padding-top: -5px;
}

.lb-data .lb-number { /*image x of x*/
	display:block;
	padding-top: 5px;
	clear:left;
	padding-bottom:1em;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif; 
	letter-spacing: 1px;
	color: #999;
}

.lb-data .lb-close {
	display:block;
	float:right;
	width:30px;
	height:30px;
	background:url(../images/close.png) top right no-repeat;
	text-align:right;
	outline:0;
	filter:alpha(Opacity=70);
	opacity:.7;
	-webkit-transition:opacity .2s;
	-moz-transition:opacity .2s;
	-o-transition:opacity .2s;
	transition:opacity .2s
}

.lb-data .lb-close:hover {
	cursor:pointer;
	filter:alpha(Opacity=100);
	opacity:1;
}