/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Typography (baseline corrections)
================================================== */

	h1 { line-height: 49px; margin-bottom: 14px;}
	h2 { line-height: 42px; margin-bottom: 7px; }
	h3 { line-height: 35px; margin-bottom: 7px; }
	h4 { line-height: 28px; margin-bottom: 7px; }
	h5 { line-height: 21px; }

	p { margin: 0 0 21px 0; }
	p.lead { line-height: 28px; }


/*	Blockquotes  */
	blockquote, blockquote p { line-height: 21px;}
	blockquote { margin: 0 0 21px; padding: 7px 20px 0 19px; }

	hr { margin: 14px 0 28px;}
	
/* #Lists (baseline corrections)
================================================== */
	ul, ol { margin-bottom: 21px; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 7px 0 7px 30px; }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 7px; }
	li { line-height: 21px; margin-bottom: 14px; }
	
	
	
/* #Site Styles
================================================== */

* { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
	}

body {
	background: #dddddd;
}

img {
	max-width: 100%;
}


.band {
	background: #ffffff;
	padding: 0 0 14px 0;	
}


.band.header  {
	background: #000000;
	padding: 14px 0 14px 0;	
}
.band.content  {
	background: #eeeeee;
	height: 100%;
	padding: 70x 0 28px 0;	
}
.band.footer  {
	background: #dddddd;
	padding: 14px 0 14px 0;	
	border-top: 10px solid #aaaaaa;
}

.footer {
	text-align: center;
	font-size: 12px;
	color: #555555;
}

.content ul{
	padding: 10px 10px 10px 16px;
}
.content li{
	list-style-type: circle;
	padding: 0 5px;
	line-height: 14px;
	margin-bottom: 7px;
}



form header {
  margin: 0 0 20px 0; 
}
form header div {
  font-size: 90%;
  color: #999;
}
form header h2 {
  margin: 0 0 5px 0;
}
form > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
  text-align: left;
}
form > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form > div > label,
legend {
  width: 45%;
  float: left;
  padding-right: 10px;
}
form > div > div,
form > div > fieldset > div {
  width: 75%;
  float: right;
}
form > div > fieldset label {
	font-size: 90%;
}
fieldset {
	border: 0;
  padding: 0;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
	width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password] {
  width: 50%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color: #4697e4;
}


.subscribe_optin {
	width: 100%;
}
.subscribe_optin input{
	width: auto;
	float: left;
}
.subscribe_optin label{
	float: left;
    width: 80%;
	margin: 0 0 0 10px;
}

.submit_layer{
	width: 100%;
	text-align: center;
}

/* #Page Styles
================================================== */

.lightbox-image-link{
	display:inline-block;
	padding:2px;
	margin:0 5px 10px 0px;
	background-color:#fff;
	line-height:0;
}

.lightbox-image-link:hover{
	background-color:#b38807;
}

.lightbox-image{
	height:210px;
}

.image-set-desc{
	width:248px;
}

.image-set-box{
	padding: 0 5px ;
	float: left;
}
.lb-caption{
	color: #dddddd;
}
.lb-caption strong{
	color: #dddddd;
	font-weight: bold;
}
.tnc {
	padding: 20px 0;	
}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.lightbox-image{
			height:150px;
		}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.lightbox-image{
			height:200px;
		}
		.image-set-desc{
			width: 300px;
		}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		.lightbox-image{
			height:175px;
		}
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/