/* RESET
------------------------------------------------------------ */
* { margin:0; padding:0; -webkit-font-smoothing: antialiased; }
html { overflow-y:scroll; font-size:14px;}
body { background:#58595A; color:#58595A; font-family:Georgia, serif; line-height:1.4em; position:relative;}
ol, ul { list-style:none; margin:0;}
ul li { margin:0; padding:0;}	
a, img { outline:none; border:none; text-decoration:none;}
a:active, a:visited {color:white}

hr {height:1px; width:90%; background:#DDD; border:none; margin:8px auto;}
img { display:block;}
aside { font-style:italic;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
	}
.button {padding:2px 7px; background:#DED3A4; color:#58595A; border-radius:10px;}
.clearfix:after {content:"";visibility:hidden;display:block;height:0;clear:both;}

.roundcorner {border-radius:0 0 10px 10px;}
.dropcap:first-letter { float: left; color: #B8AE70; font-size: 48px; line-height: 38px; padding-bottom:0px; padding-right: 4px; padding-left: 2px; font-family: Georgia; }


/* STRUCTURE */
#wrapper {width:100%; max-width:1280px; margin:auto; position:relative;}

	aside {
		width:35%;
		float:right;
		}

/* HEADER AREA */
header { background:#58595A; width:100%; height:70px; position:relative; display:table;}

	header nav { float:right; position:relative; margin-top:40px;}
	header nav li { display:inline; margin-right:20px;}
	header nav li a:link,
	header nav li a:visited { color:#FFFFFF;}
	header nav li a:active { color:#DED3A4;}
	header nav li a:hover { text-decoration:underline; color:#DED3A4;}
	
	header .logo {
		height:105px; width:150px; border:white solid 10px; z-index:1;
		position:absolute; margin-left:20px; padding: 0px;
		border-radius:0 0 10px 10px;
		background-image:url(../images/logo.png);
		background-size:contain;
		background-color:white;
		-webkit-filter:drop-shadow(0px 0px 4px rgba(0,0,0,0.5)); 
		filter:url("data:image/svg+xml; utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='drop-shadow'><feGaussianBlur in='SourceAlpha' stdDeviation='4'/><feOffset dx='0' dy='10' result='offsetblur'/><feFlood flood-color='rgba(0,0,0,0.5)'/><feComposite in2='offsetblur' operator='in'/><feMerge><feMergeNode/><feMergeNode in='SourceGraphic'/></feMerge></filter></svg>#drop-shadow"); 
		-ms-filter:"progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#444')"; 
		filter:"progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#444')"; }
		}
		

/* BANNER AREA */
.bigpic {
	float:left;
	margin-bottom:15px;
	width:100%;
	position:relative;
	display:table;
	}

	.bigpic img {
		width:100%;
		 border-radius:10px 10px 0 0;
		}

	.bigpic .textbox {
		position: absolute;
		text-align:right;
		width:60%;
		right:10%;
		top:25%;
		}
	.bigpic .textbox h1 {
		color:#FFFFFF; font-style:italic; font-size: 2.5em; line-height:1em; font-weight:normal; margin-bottom:15px;
		}
	.bigpic .textbox p {
		color:#FFFFFF; font-size: 1.2em; line-height:1.5em; margin-bottom:10px;
		}
	.bigpic .textbox a:link,
			.bigpic .textbox a:visited,
			.bigpic .textbox a:active { color:#58595A;}
			.bigpic .textbox a:hover { text-decoration:underline; background:#DED3A4; color:#58595A;}	


/* BANNER AREA */
.banner-title {position:relative; display:table; width:100%;}
.banner-title h1 {position:absolute; display:table; color:white; font-size:3em; font-weight:normal; top: 80px; left:25px; z-index:1;}


/* QUOTE AREA */
.quote {background:#DADBDC; width:100%; display:table;}
	.quote article {width:60%; margin:20px auto; text-align:center; display:table;}
	.quote article h1 {margin:0 auto 20px auto; font-weight:normal;}
	.quote img {display:inline; height:20px; vertical-align:baseline;}


/* MODULE AREA */
.module {background:#FFFFFF; width:100%; display:table; position:relative; margin:0px auto;}
	.module h1 {margin-bottom:20px; font-weight:normal;}
	.module p {margin:0; font-size:1em;}
	.module article {width:90%; margin:0 5%; padding: 20px 0; float:left;}
	.module article img {margin-left:20px; float:right; border-radius:10px;}
	
	.module div.container {width:960px; margin:15px auto; display:table;}
	.module .container div.left {width:500px; display:inline-block; vertical-align:top;}
	.module .container div.right {width:420px; display:inline-block; vertical-align:top; margin-left:20px;}
	
	.module .container div.right .content {background:#CCC; padding:5%; width:90%; margin-bottom: 10px;}
	.module .container div.right ul {padding:0 20px; width:90%; -webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
	.module .container div.right ul.disc li::before {content: "•"; display:inline-table; margin-left:-17px;margin-right:10px;}
	.module .container div.right ul.disc li {list-style:none; padding-left:20px;}
	.module .container .content hr {width:100%;}
	
	.module:last-of-type {border-radius:0 0 10px 10px;}

	.contact .left {width: 40%; float:left;}
	.contact .left dt {width: 75px; margin-right:10px; float:left;}
	.contact .left dd {width: 400px; clear:right; float:left;}
	.contact .left img {margin-left:0; float:left; border-radius:0;}


/* GALLERY AREA */
.module .photos {display: block; margin:20px auto;}
	.photos ul {list-style: none; text-align:center;}
	.photos ul li {display: inline-block;}
	.photos ul li a {
		display: block;
		float: left;
		padding: 4px;
		margin-right: 10px;
		margin-bottom: 7px;
	}
	.photos ul li a img {border: 5px solid #CCC; width:260px;}
	.photos ul li a img:hover {
		border-color:#B8AE70;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		transition: all 0.2s linear;}

/* lightbox hacks */
#lightbox-container-image-data-box {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}


/* FOOTER AREA */
footer {background:#58595A; color:#FFFFFF; width:100%; height:30px; position:relative; text-align:center; padding:10px 0 20px;}
footer a:link{color:#FFFFFF;}
footer a:visited{color:#FFFFFF;}
footer a:hover{color:#B8AE70;}
footer a:active{color:#FFFFFF;}



/* Media Queries */
@media screen and (max-width:1280px) {
	.bigpic img {border-radius:0;}
	.bigpic .textbox {top:25%;}
	.module:last-of-type {border-radius:0;}
	.roundcorner {border-radius:0;}
}

@media screen and (max-width:1024px) {
	.bigpic img {border-radius:0;}
	.bigpic .textbox {top:20%;}
	.module article { width:90%; margin:0 5%; float:left;}
	.module article img {width:50%;}
	.module div.container { width:800px;}
	.module .container div.left { width:400px;}
	.module .container  div.right { width:380px;}
	.contact .left img {height:16px; width:16px; margin-left:0; float:left; border-radius:0;}
}

@media screen and (max-width:800px) {
	font-size: 16px;
	p {font-size:.8em;}	
	h1 {font-size:1em;}
	li {font-size:.8em;}
	
	header .logo { height:85px; width:120px; background-size:120px 85px;}
	
	.bigpic .textbox {width:100%;top:20%;}
	.bigpic .textbox h1 {font-size: 2em; line-height:1em;}
	.bigpic .textbox p {font-size: 1em; line-height:1.5em;}
	.banner-title h1 {top: 60px;}
	.quote article { width:70%;}
	
	.module article { width:90%; margin:0 5%; float:left;}
	
	.module div.container { width:640px;}
	.module .container div.left { width:320px;}
	.module .container  div.right { width:300px;}
	
	footer {font-size:10px;}
}

@media screen and (max-width:640px) {	
	header .logo {
		width:100%; height:90px; margin-left:0px; position:relative;
		border-radius:0;
		background-repeat: no-repeat;
		background-position:top center;
	}
	
	header nav {
			width:100%;
			margin-top:0;
			}
	header nav li {
			background: #666;
			width: 49.8%; 
			display: block;
			border:black solid .1%;
			margin-bottom: 2px;
			margin-right:0px;}
			header nav li:nth-child(even) {float: right; }
			header nav li:nth-child(odd) {float: left;}
			header nav a {display: block; padding: 5px; text-align: center;}
			header nav li a:link,
			header nav li a:visited,
			header nav li a:active { color:#FFFFFF;}
			header nav li a:hover { text-decoration:underline; background:#DED3A4; color:#58595A;}	
				
	.banner-title h1 {top: 20px; font-size:2.5em;}
	.bigpic {position:relative;}
	.bigpic .textbox {position:absolute; top:15%;}
	.bigpic .textbox h1 {font-size: 1.6em; line-height:1.2em;}
	.bigpic .textbox p {font-size: .8em; line-height:1.3em;}
		
	.quote article { width:90%;}
	.module article { width:90%; margin:0 5%; float:left;}
	.module article img {width:100%; margin:0 0 20px 0; float:left;}
	
	.module div.container { width:520px;}
	.module .container div.left { width:520px;}
	.module .container  div.right { width:520px; margin-left:0px;}
	
	.photos ul li a img {border: 5px solid #666; width:165px;}


}