/*
Theme Name: Beaverkill Valley
Theme URI: http://www.davemorreale.com/themes/clean
Author: the DeSantis Breindel team
Author URI: http://www.davemorreale.com
Description: Clean starter theme...
Version: 1.0
Text Domain: beaverkill
 
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  
}

/* `Container
----------------------------------------------------------------------------------------------------*/

.container_12 {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  background:#FFF;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12 {
  zoom: 1;
}

/* apply a natural box layout model to all elements */
*, *:before, *:after {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

HTML{
	height:100%;

}

BODY{
}

HEADER{
	padding:30px 40px 50px;
	background:#FFF;
	position:relative;
}

A {
	text-decoration:none;
}

.logo{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:124px;
	width:200px;
	background:url(assets/graphics/beaverkill-logo.png) center center no-repeat #FFF;
}

NAV{
	display:block;
}

NAV.main-nav{
	position:absolute;
	right:40px; 
	bottom:6px;
}

NAV #menu-main-nav>LI{
	display:block;
	float:left;
	margin-left:40px;
	position:relative;
}

NAV .sub-menu{
	position:absolute;
	z-index:10000;
	background:rgba(0,0,0,.6);
	left:0;
	top:40px;
	padding:4px 0;
	display:none;
}

NAV #menu-main-nav>LI:hover .sub-menu{
	display:block;
}

NAV .sub-menu LI{
	display:block;
	border-bottom:1px solid #FFF;
}

NAV .sub-menu LI:last-child{
	border-bottom:0 none;
}

NAV A{
	text-transform:uppercase;
	font-size:18px;
	line-height:32px;
	padding-bottom:13px;
}

NAV A:link, NAV A:visited{
	color:#0b8100;
}
NAV A:hover, NAV A:active, NAV LI.current-menu-item A:link, NAV LI.current-menu-item A:visited, NAV LI.current-menu-ancestor A:link, NAV LI.current-menu-ancestor A:visited{
	color:#a7a9ac;
}

NAV .sub-menu LI A{
	font-size:14px;
	line-height:1.2;
	padding:10px 20px;
	width:240px;
}

NAV .sub-menu LI A:link, NAV .sub-menu LI A:visited{
	display:block;
	color:#FFF;
}

NAV .sub-menu LI A:hover, NAV .sub-menu LI A:active, NAV .sub-menu LI.current-menu-item A:link, NAV .sub-menu LI.current-menu-item A:visited{
	color:#ffe000;
}

NAV #menu-main-nav>LI:hover>A:after{
	border-left: solid transparent 6px;
    border-right: solid transparent 6px;
    border-bottom: 6px solid #0b8100;
    bottom:-6px;
    content: " ";
    height:0;
    left: 50%;
    margin-left: -6px;
    position: absolute;
    width: 0;
}

NAV.utility-nav{
	position:absolute;
	right:40px;
	top:30px;
}

IMG{
	display:block;
}

FOOTER{
	padding:30px 0;
	background:#32612f;
}

.content-center{
	margin:0 auto;
	width:60%;
}

.address, .thanks{
	color:#b2bca7;
	font-size:14px;
	line-height:20px;
}

@media (min-width: 480px) {
	.address{
		width:33.3%;
		float:left;
	}
	.thanks{
		width:66.7%;
		float:left;
	}
}

.gallery{
	padding:15px 25px;
}

.gallery IMG{
	float:left;
	margin-left:10px;
	cursor:pointer;
	border-radius:2px;
	width:140px;
	height:90px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.gallery IMG:hover, .gallery IMG.current{
	border:3px solid #0b8100;
}

.gallery IMG:first-child{
	margin-left:0;
}

.img-details{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:20px 80px 40px;
	background:rgba(0, 0 , 0, .6);
}

.img-details IMG{
	margin-bottom:10px;
}

.img-details H3{
	font-size:18px;
	margin-bottom:10px;
}

.main-image{
	position:relative;
	color:#FFF;
	overflow:hidden;
}

.main-image SECTION{
	overflow:hidden;
}

.main-image SECTION.active{
	position:relative;
	max-height:570px;

}

.main-image SECTION.prev, .main-image SECTION.next{
	position:absolute;
	top:0;
	z-index:10;
}

DIV.loader{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background:url(assets/graphics/ajax-loader.gif) center center no-repeat rgba(0, 0 , 0, .4);
	visibility:hidden;
	z-index:2000;
}

.main-image IMG{
	width:100%;
	height:auto;}

.marg-btm{
	margin-bottom:10px;
}

.shadow{
	box-shadow:0 0 8px 0 #000;
}

.space{
	letter-spacing:.8px;
}

.bottom{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:30px 0;
}

.top-border{
	border-top:2px solid #FFF;
}

.right-border{
	border-right:2px solid #FFF;
}

.left-border{
	border-left:2px solid #FFF;
}

.bottom-border{
	border-bottom:2px solid #FFF;
}

.opacity{
	background-color:rgba(0, 0, 0, 0.4)
}

.closer{
	display:block;
	position:absolute;
	right:80px;
	bottom:20px;
	color:#FFF;
}

DIV.gallery, DIV.caption{
	display:none;
}