* { margin: 0;  }


body, html { height: 100%; }

body { 
	font-size: 14px;
	line-height: 22px;
	font-family: arial, sans-serif;
	color: #828282;
	min-width: 100%;
	
}

	
	.wrapper { 
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -172px;
	}
	
	.footer, .push {
		height: 172px;
	}

a { color: #72ae13; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }



/*font-family: 'Coda', cursive;*/
/*font-family: 'Jura', sans-serif;*/

article, aside, details, footer, header, menu, nav, section { display: block; }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right;  display: inline; }

.shell { width: 1024px; margin: 0 auto; }

.header { height: 144px; background: url(../../images/header.png) repeat 0 0; }
.header .shell { padding: 21px 32px 0; width: 960px; background: url(../../images/header-shell.jpg) no-repeat center 0; box-shadow: 0px -10px 9px rgba(0,0,0,0.7); -moz-box-shadow: 0px -10px 9px rgba(0,0,0,0.7); -webkit-box-shadow: 0px -10px 9px rgba(0,0,0,0.7); -o-box-shadow: 0px -3px 10px 9rgba(0,0,0,0.7) }
.header-top { height: 120px; }     
.top { height: 260px; background: url(../../images/header-top.jpg) no-repeat center 0; }    

#logo { width: 300px; font-size: 0; line-height: 0; float: left; }
#logo a { height: 100px; display: block;  background: url(../../images/logo.png) no-repeat 0 0; text-indent: -4000px; }

#navigation {  float: right; padding-top: 25px; }
#navigation ul { list-style: none; list-style-position: outside; font-size: 16px; font-family: 'Coda', cursive; font-weight: 500;  }
#navigation ul li { display: inline; padding-left: 15px; }
#navigation ul li a { color: #d5d4d4; }
#navigation ul li a:hover { color: #fff; text-decoration: none; font-weight:bold; }
#navigation ul li.active a { color: #f4f442; text-decoration: none; }









.main { min-height: calc(100vh - 336px); padding: 0px 0 20px 0; border-top: 0px;  background: url(../../images/main.png) repeat-x 0 0; box-shadow: 0px -4px 10px rgba(0,0,0,0.4); -moz-box-shadow: 0px -4px 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0px -4px 10px rgba(0,0,0,0.4); -o-box-shadow: 0px -4px 10px rgba(0,0,0,0.4);  }
.main h2 { font-size: 22px; color: #000; font-family: 'Jura', sans-serif; font-weight: 700; padding-bottom: 10px; text-transform: uppercase;  }
.main h3 { font-size: 16px; color: #000; font-family: 'Jura', sans-serif; font-weight: 700; padding-bottom: 10px; text-transform: uppercase;  }
.main h4 { font-size: 16px; color: #000; font-family: 'Jura', sans-serif; font-weight: 700; padding-bottom: 10px;  }
.main p a { text-decoration: underline; }
.main p a:hover { text-decoration: none; }
.main section { background: url(../../images/section.png) no-repeat center bottom; padding-bottom: 50px; margin-bottom: 20px;  }

.main .cols { padding-left: 10px; padding-right: 10px;  }
.main .cols h2 { padding-bottom: 4px; }
.main .cols .col { width: 280px; float: left; }
.main .cols .col + .col { padding-left: 10px; }
.main .cols .col img { float: left; margin-right: 100px; width: 100px; }
.main .cols .col .col-cnt { height: 100%; overflow: hidden; }

.main .post { padding-left: 32px; padding-right: 32px; }
.main .post img { float: left; margin-right: 18px; width: 300px; height: 300px; }
.main .post-cnt { padding-top: 5px; }
.main .post-cnt p { padding-bottom: 5px; }
.main .post-cnt ul { list-style: none; list-style-position: outside; height: 100%; overflow: hidden; }
.main .post-cnt ul li { padding-left: 5px; background: url(../../images/green-arr.png) no-repeat 0 9px; padding-bottom: 7px;  }
.main .post-cnt ul li a { text-decoration: underline; }
.main .post-cnt ul li a:hover { text-decoration: none; }

.main .content { padding-left: 32px; padding-right: 32px; }
.main .content span { text-decoration: none; }


.box-shadow-image {
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: #adafb2;
    line-height: 22px;
    border-radius: 4px;
    box-shadow: 1px 9px 22px -8px #050402;
    margin-bottom: 10px;
}

.gallery{
  list-style: none;
   -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
  margin: 0 auto; padding: 20px;
  width: 900px;
  font-size: 0; /* fix inline-block spacing */
}

.gallery li{
    display: inline-block;
    *display: inline;
    zoom: 1;
    
    margin: 2px;
   
    transition: all .5s ease;        
}

.gallery:hover li:not(:hover){       
    -webkit-filter: blur(2px) grayscale(1);
    opacity: .7; /* fallback */        
}


/*************************************
 * generic styling for ALS elements  *
 ************************************/

.als-container {
	position: relative;
	width: 100%;
	margin: 0px auto;
	z-index: 0;
}

.als-viewport {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
}

.als-wrapper {
	position: relative;
	list-style: none;
}

.als-item {
	position: relative;
	display: block;
	text-align: center;
	cursor: pointer;
	float: left;
}

.als-prev, .als-next {
	position: absolute;
	cursor: pointer;
	clear: both;
}
#demo3 {
	margin: 40px auto;
}

#demo3 .als-item {
	margin: 0px 5px;
	padding: 4px 0px;
	min-height: 120px;
	min-width: 100px;
	text-align: center;
}

#demo3 .als-item img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
}

#demo3 .als-prev, #demo3 .als-next {
	top: 40px;
}

#demo3 .als-prev {
	left: 200px;
}

#demo3 .als-next {
	right: 200px;
}

#footer { bottom:0;background: url(../../images/footer.png) repeat 0 0;}
#footer .shell { background: url(../../images/footer-shell.png) repeat 0 0; padding: 26px 0; }
#footer .footer-cols { padding: 0 32px 26px;  }
#footer .col { width: 280px; float: left; }
#footer .col + .col { padding-left: 22px; }
#footer h2 { font-size: 20px; margin-bottom:  10px; color: #fff; background: url(../../images/footer-cols.png) repeat-x 0 bottom;  padding-bottom: 10px; text-shadow: rgba(0,0,0,0.9) 1px 1px 1px; font-family: 'Jura', sans-serif; font-weight: 700; text-transform: uppercase;  }


#footer .col p { font-size: 14px; color: #bebebe; } 
#footer .footer-bottom { background: url(../../images/footer-cols.png) repeat-x 0 0; padding: 15px 32px 0;  }

#footer .footer-bottom p.copy { float: right; line-height: 35px; font-size: 14px; color: #717171; }
#footer .footer-bottom p.copy span { padding: 0 8px; }
#footer .footer-bottom p.copy a { color: #717171; text-decoration: underline; }
#footer .footer-bottom p.copy a:hover { color: #fff; text-decoration: none; }

#footer .footer-nav { float: left; }
#footer .footer-nav ul { list-style: none; list-style-position: outside; line-height: 11px;  }
#footer .footer-nav ul li { float: left; border-right: 1px solid #181818;  padding: 0 8px; text-shadow: rgba(0,0,0,0.7) 0px 1px 1px; }
#footer .footer-nav ul li:first-child { padding-left: 0; }
#footer .footer-nav ul li a { color: #717171; }
#footer .footer-nav ul li a:hover { color: #fff; }