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

* {padding: 0;margin: 0;}
.cf:before, .cf:after {content:"";display:table;}
.cf:after {clear:both;}
/*For IE 6/7 (trigger hasLayout)*/
.cf{zoom:1;}

a:link, a:visited {color: #534c4a;text-decoration: underline;}

a:active, a:hover {color: #d0c4b9;text-decoration: underline;}

h1, h2, h3, h4, h5, h6 {clear:both;font-weight:200;}
h1 {margin-bottom:1em;}
h2 {margin-bottom:.6em;font-size:1.4em;}
h3 {margin: 0 0 .5em 0;}
p {margin:.3em 0;}

/*html5 display rule*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block;}

.tangerfont {font-family: 'Tangerine';font-size:2.2em;}
.cinzelfont {font-family: 'Cizel';font-size:1.6em;}
.robotofont {font-family: 'Roboto';font-size:1.5em;}

@font-face {
    font-family: 'Tangerine';
    src: url('fonts/tangerine_regular-webfont.eot');
    src: url('fonts/tangerine_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tangerine_regular-webfont.woff2') format('woff2'),
         url('fonts/tangerine_regular-webfont.woff') format('woff'),
         url('fonts/tangerine_regular-webfont.ttf') format('truetype'),
         url('fonts/tangerine_regular-webfont.svg#tangerineregular') format('svg');
    font-weight: normal;
    font-style: normal;}
		/*
@font-face {font-family: FelixTitling; src: url('fonts/FELIXTI.TTF');}
@font-face {font-family: ZapfinoFortel; src: url('fonts/ZapfinoForteLTPro.otf') format('truetype');} 
*/
body {font-size:16px;color: #888476;background-color: #e3e1d7;position:relative;}

#wrapper {margin: 0 auto;width:100%}

#content h1 {font-family: 'Cinzel', cursive;font-size:2.2em;text-transform:uppercase;}
header h1 {
	font-family: 'Tangerine', cursive;
	font-size:920%;
	color:#ffffff;
	position:absolute;
	left:10%;
	top:50px;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #666, -1px 1px 0 #666, 1px 1px 0 #333;
	filter:dropshadow(#898989, offx=1, offy=1);}

header h2 {
	font-family: 'Tangerine', cursive;
	font-size:360%;
	color:#ffffff;
	position:absolute;
	top:3.2em;
	right:20%;
	text-shadow: 0 0 0 #fff, 0 0 0 #999, -1px 1px 0 #664, 1px 1px 0 #999;
	filter:dropshadow(#898989, offx=1, offy=1);}
nav h1 {display:none;}

.photo-about h1 {display:none;}

header {
	height:250px;
	background-image: url("images/header.jpg");
	background-repeat:no-repeat;
	background-size:100% 100%;
}

#shadow {background: url('images/shadow.png');
	background-repeat: no-repeat;
	background-size: 100%;
	height:60px;}

#top-nav {
	background: rgba(0,0,0,.6);
	padding:10px 0;
	width: 100%;
	border-bottom: 5px solid #fff;
	border-top: 5px solid #fff;}
	
#top-nav ul {width:80%;margin:0 auto;}

#top-nav ul li {
	color: #fff;
	font-size: 1.3em;
	font-family: Futura, Arial;
	text-decoration:none;
	text-shadow: 1px 0 #696969, 0 1px #747474, 0.1em 0.1em 0.3em #747474;
	display: inline;
	list-style-type: none;
}

#top-nav li a:link, #top-nav li a:visited {
	text-decoration: none;
	padding: 20px 20px;
	color: #dedede;}

#top-nav ul li a:hover {color: #d6d6d6;}

#content {width: 80%; margin: 0 auto;font-family: 'Roboto', sans-serif;font-weight:300;min-height:500px;}

article {margin-bottom:35px;}
article h3 {background:rgba(0,0,0,0.6);line-height:2em;padding:0 0 0 2%;width:78%; margin:-4px 0 0 0;color:#fff;}

hr {
	float:left;
	width: 100%;
	margin: 5px 0 25px 0;
	color: #939176;
	background-color: #c4c3b3;
	height: 1px;}	

.endofrow {clear:both;}

.photo-box {
	display: block;
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 55px;
}		

.photo-left {float: left;padding: 0px;margin: 0px 30px 0px 0px; width:66%;}

.photo-right {float: right;margin: 0px 0px 0px 15px;width:66%;}

.photo-title-right {float:right;width:28%;color: #888476;font-size: 16px;}

.photo-title-left {
	margin: 0;
	color: #888476;
	font-size: 16px;
	text-align: right;
	float: left;
	width: 28%;	}

.left-col {float: left;width:55%;clear:both;margin: 0;}	
	
.left-col h3 {
	margin: 0 0 8px 0;
	color: #888476;
	font-size: 16px;
	text-align: right;
	float: left;
	}

.photo-about {width:30%;padding: 0px;position:absolute;right:3%;max-width: 300px;}
	
.img-shadow img {
	display: block; 
	position: relative; 
	padding: 10px; 
	background-color: #fff; 
	border: 1px solid #cecece; 
	width:96%;
	float: right;
}

.img-shadow-black img {
	display: block;
	position: relative;
	padding: 16px;
	background-color: #333;
	border: 10px solid #fff;
	width: 86%;
	float: right;}

ul.about {margin:0 0 2em 4em;}
.about li {list-style-type: square;}	

#disclaimer, h1#disclaimer {
	background: #9c9c90;
	color:#fff;
	font-family: 'Cinzel', cursive;
	padding: 12px 22px;
  border-radius: 12px;
	font-size: 1.2em!important;
}

footer {
	background-image: url("images/footer-bg.png");
	background-repeat:no-repeat;
	background-size:100% 100%;
	margin-top: 18px;
	margin-bottom: 25px;
	width: 100%;
	height: 173px;
	clear: both;

}	

footer h1 {font-size: .9em;margin-top: 1px;margin-bottom: 2px;}

#footer-text {
	color: #efefef;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 6px 0;
	background: rgba(0, 0, 0, .2);
	margin: 0 auto;
	width: 100%;
	position: relative;
	top: 67px;
	border-bottom: 2px solid white;
}
/*form styles*/
label {display:block;margin:0 0 .2em;}
input:focus {outline-color:#ccc557;	outline-offset:-1px;}
input[type="number"] {width: 3em;}
input[type="text"], input[type="email"],input[type="url"] {width: 340px;height: 24px;font-size: 90%;font-family: 'Roboto';font-weight:300;padding:0 5px;margin-bottom: 8px;}
textarea {width: 340px;height: 250px;display: block;margin-bottom: 1em;padding: 5px;font-size: 90%;font-family: 'Roboto';font-weight:300;border: 1px solid #c8c8c8;}
textarea:focus {outline-color:#ccc557;	outline-offset:-1px;}
input#submit {
	width: 105px;
	height: 35px;
	border-radius: 38% 4%;
	color: white;
	background: #c6bf4d;
	border: 1px solid #a09b44;
	box-shadow: #000 0px 4px 29px -10px;
	font-size: .9em;
	margin-left: 246px;text-transform:uppercase;}
input#submit:hover {background:#d6ce53;}	

::selection {background: #c6bf4d;color:#fff;}
::-moz-selection {background: #c6bf4d;color:#fff;}/* Firefox */

video {width:80%;height:auto;}
video.stars {background:url('images/timelapse-bg.jpg') no-repeat;background-size:100% 100%;}
iframe {width:80%;height:auto;min-height:450px;}

@media screen and (max-width: 855px) {
	#top-nav ul {width:100%;margin:10px 0 0 0!important;}

}

@media screen and (max-width: 768px) {
	
header {height:190px;}
header h1 {font-size:650%;top:40px;}
header h2 {font-size:310%;top:2.6em;right:10%;}
#content h1 {font-size: 2.2em;}
#shadow {height:3em;}
#content {width: 90%; margin: 0 auto;}
.photo-box {float: none;width: 96%;margin: 2%;}		
.photo-left {width: 100%;margin: 16px 0;}	
.photo-right {width: 100%;margin: 16px 0;}	
.photo-title-right {float: none;width:100%;margin: 0 0 42px 0;}	
.photo-title-left {float: none;width:100%;margin: 0 0 42px 0;}	
.left-col {width:90%;margin:0 5%;}
.photo-about {width:89%;margin:0 8%;position:relative;top:35px;clear:both;}
.photo-about img {width:100%;float:left;clear: both;margin-bottom: 45px;}
input[type="text"], input[type="email"],input[type="url"] {width:100%;}
textarea {width: 100%;}
input#submit {float:right; margin:0;}
video {width:100%;}
iframe {width:100%;}
article h3 {padding:0 0 0 2%;width:98%;}
a#portfolio {border: none;}
hr {margin: 5px 0 0px 0;}
.photo-title-right {margin: 0;}
.photo-title-left {margin: 0;}
}

@media screen and (max-width: 500px) {
#top-nav li a:link, #top-nav li a:visited {padding: 20px 0px;}
#content h1 {font-size: 1.8em;}
header h1 {font-size: 450%;top:30px;left:6%;}
header h2 {font-size: 230%;right: 3%;top:2.4em;}
header {height:130px;}
}