
@font-face {
    font-family: 'OswaldLight';
    src: url('../fonts/Oswald-Light-webfont.eot');
    src: url('../fonts/Oswald-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Oswald-Light-webfont.woff') format('woff'),
         url('../fonts/Oswald-Light-webfont.ttf') format('truetype'),
         url('../fonts/Oswald-Light-webfont.svg#OswaldLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OswaldBook';
    src: url('../fonts/Oswald-Regular-webfont.eot');
    src: url('../fonts/Oswald-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Oswald-Regular-webfont.woff') format('woff'),
         url('../fonts/Oswald-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Oswald-Regular-webfont.svg#OswaldBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OswaldBold';
    src: url('../fonts/Oswald-Bold-webfont.eot');
    src: url('../fonts/Oswald-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Oswald-Bold-webfont.woff') format('woff'),
         url('../fonts/Oswald-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Oswald-Bold-webfont.svg#OswaldBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OswaldStencilRegular';
    src: url('../fonts/Oswald-Stencil-webfont.eot');
    src: url('../fonts/Oswald-Stencil-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Oswald-Stencil-webfont.woff') format('woff'),
         url('../fonts/Oswald-Stencil-webfont.ttf') format('truetype'),
         url('../fonts/Oswald-Stencil-webfont.svg#OswaldStencilRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family:Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    background: #70C82F;
    min-width: 1024px;
	width:100%;
	height:100;
	overflow:hidden;
}
   
img, a img{
	border:none;
}

a{
	outline:0;
}

#copy h1, #copy2 h1{
	color:#70c82f;
	font: 23px 'OswaldBold';
	text-transform:uppercase;
	padding:0;
	margin:0;
}
         
#content {

	height:100%;
	position:absolute;
	width:100%;
	opacity:0;
	overflow:hidden;

}




#content-copy{
	width: 620px;
    clear: both;
    margin:  0;
	background-image:url("../images/content_bg.png");
	display:block;
	min-height:100%;
	height:100%;
	position:absolute;
	padding-top:85px;
	z-index:20;
}


#content-copy h2{
	font-size:16px;
	font-family:'OswaldBold';
	color:#5c5145;
	margin:15px 0 10px 0;
}
	
	
#copy, #copy2{
	
	padding:0 85px 0 45px;
	font-size:14px;
	color:#5c5145;
}

#copy.resume{
	font-size:12px;
}

#content-min{
	width: 620px;
    clear: both;
    margin: 85px 0 0 0;
	display:block;
	min-height:100%;
	height:100%;
	position:absolute;

}

#content-min #copy p{
    padding: 0;
	color: #fff;
	font-size: 16px;
	font-family:'OswaldBold';
	
}

#close_btn{
	display:block;
	width:20px;
	height:100px;
	background-image:url("../images/close_btn.png");
	position:absolute;
	text-indent:-9999px;
	left:615px;
	top:50%;
	cursor:pointer;
	z-index:20;
}

#open_btn{
	display:block;
	width:20px;
	height:100px;
	background-image:url("../images/open_btn.png");
	position:absolute;
	text-indent:-9999px;
	left:0;
	top:50%;
	display:none;
	cursor:pointer;
	z-index:20;
}


#content-absolute{
	position:absolute;
	display:block;
}

.content p {
    margin: 0;
    padding: 0 0 1em;
}


ul.navigation{
    width:485px;
    /* width:615px; */
    height:60px;
    background-image: url("../images/bg_nav.png");
    display: block;
    position: fixed;
    z-index: 100;
    padding:18px 0 0 0;
    margin:   0;
	top:0;
	opacity:0;
	z-index:30;

    
}

ul.navigation li{
    float: left;
    list-style-type: none;
    padding:0 9px 0 13px;
	color:#5c5145;
	background-image:url(../images/nav-item_bg.png);
	background-repeat:no-repeat;
	background-position:0 8px;

}

ul.navigation li#blog{
	margin: 0;
	background-image:none;
	padding-left:41px;
}
	
ul.navigation li a:hover, ul.navigation li a:focus, #content-copy a:hover {
  color: #70c82f;
}


ul.navigation li a{
    color:#5c5145;
    text-decoration:none;
	font-family:'OswaldBold';
	font-size:15px;
    text-transform: uppercase;
  -webkit-transition: color .2s ease-out; /* Saf3.2+, Chrome */
  -moz-transition: color .2s ease-out; /* Firefox 4+ */
  -ms-transition: color .2s ease-out; /* IE10+ */
  -o-transition: color .2s ease-out; /* Opera 10.5+ */
  transition: color .2s ease-out;
}


#content-copy a{
    color:#5c5145;
    text-decoration: underline;
  -webkit-transition: color .2s ease-out; /* Saf3.2+, Chrome */
  -moz-transition: color .2s ease-out; /* Firefox 4+ */
  -ms-transition: color .2s ease-out; /* IE10+ */
  -o-transition: color .2s ease-out; /* Opera 10.5+ */
  transition: color .2s ease-out;
}






/* Elastislide Style */

#gallery-01, #gallery-02{
	top:50%;
	margin-top:-100px;
	position: absolute;
	width:100%;
}

#gallery-01 #copy2 p{
	color: #FFFFFF;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    padding: 0;
}

.es-carousel-wrapper{
	padding:10px 100px;
	position:relative;
}

.es-nav-prev{
	display:block !important;
}

.es-carousel{
	overflow:hidden;
}
.es-carousel ul{
	display:none;
	margin:0;
	padding:0;
}
.es-carousel ul li{
	height:100%;
	float:left;
	display:block;
}
.es-carousel ul li a{
	display:block;
	border-style:solid;
	border-color:#222;
}
.es-carousel ul li a img{
	display:block;
	border:none;
	max-height:100%;
	max-width:100%;
}
.es-nav span{
	position:absolute;
	top:50%;
	left:12px;
	background:transparent url(../images/gallery_nav.png) no-repeat;
	width:40px;
	height:80px;
	margin-top:-40px;
	text-indent:-9000px;
	cursor:pointer;
}
.es-nav span.es-nav-next{
	right:0px;
	left:auto;
	background-position:0 0;
}

.es-nav span.es-nav-prev{
	background-position:0 -160px;
	left:0px
}


.es-nav span:hover{
	opacity:1.0;
}

/* Logo */

#card{
	position:fixed;
	right:15px;
	bottom:0px;
	width:205px;
	height:232px;
	display:block;
	overflow:hidden;
	opacity:0;
	margin-bottom:-65px;
}


/* social media - green */

#social{
	position:absolute;
	right:80px;
	top:15px;
	opacity:0;
}

#social.instagram{
	margin-right:10px;
}

#social.twitter{
	margin-right:10px;
}

#social.snapchat{
	margin-right:10px;
}

#social.youtube{
	margin-right:10px;
}

#social.facebook{
	margin-right:10px;
}

#social.tumblr{
	margin-right:10px;
}

#social.google{
	margin-right:10px;
}

/* Links Page */

#content-min #copy a{
	
	font-size:16x;
	text-decoration:none;
	color:#fff;
  -webkit-transition: color .2s ease-out; /* Saf3.2+, Chrome */
  -moz-transition: color .2s ease-out; /* Firefox 4+ */
  -ms-transition: color .2s ease-out; /* IE10+ */
  -o-transition: color .2s ease-out; /* Opera 10.5+ */
  transition: color .2s ease-out;
}


#content-min #copy a:hover{
  color: #70c82f;
}


#content-min #copy.home-quote p{
    padding: 50px 0px 0px 0px;
	color: #ECD36E;
	font-size: 52px;
	font-style: normal;
	text-transform: uppercase;
	font-family:'OswaldBold';
}

#content-min #copy.home-quoted p{
    padding: 0px 0px 0px 188px;
	color: #FFF;
	font-size: 36px;
	font-style: normal;
	text-transform: uppercase;
	font-family:'OswaldBold';
}


#content-min #copy.contact-quote p{
    padding: 0px 0px 0px 0px;
	color: #70C82F;
	font-size: 24px;
	font-style: normal;
	text-transform: uppercase;
	font-family:'OswaldBold';
}

#content-min #copy.contact-quoted p{
    padding: 0px 0px 0px 14px;
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	text-transform: none;
	font-family:'OswaldBold';
}




/* Gallery Page */

#overlay{
	width:100%;
	height:100%;
	position:absolute;
	background-color:#000;
	opacity:0;

	
}

#overlay-close{
	width:40px;
	height:40px;
	background-image:url(../images/gallery_close.png);
	position:absolute;
	display:block;
	right:15px;
	top:15px;
	text-indent:-9999px;
	opacity:0;
	z-index:20;
	cursor:pointer;
	
	
}

#overlay-close:hover{
	background-position:0 -40px;
}

#gallery-01, #gallery-02{
	z-index:-1000000;
	opacity:0;
}


#content-min-model #copy2 p{
    padding: 0;
	color:#fff;
	font-size:16px;
	font-family:'OswaldBold';
	
}


#content-min-model{
	width: 620px;
    clear: both;
    margin: 85px 0 0 0;
	display:block;
	min-height:100%;
	height:100%;
	position:absolute;
	display:none;

}


/* Gallery */

p.gallery-title{
	margin-bottom:25px;
}


/* Videos */

p.video-title{
	margin-bottom:25px;
}


/* Resume */

td{
	display:block;
	float:left;
	font-size:12px;
}

td.row1{
	width:185px;
}

td.row2{
	width:145px;
}

td.row3{
	width:185px;
}

td.row4{
	width:330px;
}

td.row5{
	width:185px;
}




