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

/* #Site Styles
================================================== */
html{
    font-family: sans-serif;	            
}
body{
	background-color: #ECE187;
}
/* #Page Styles
================================================== */
#grid-container {
	font-family: AbrilFatface-Italic;
	color: #AD9D65;
}

.brand {
	margin-top: 2em;
}
.brand p{
	font-size: 120%;
}
.brand h2{
	/*background-color: #;*/
	margin-top: 1em;
	text-shadow:inset 1px 1px 1px #4D4D4D;
}
.brand p{
	text-align: left;
	margin-top: 0.1em;
	padding:0 0.2em 0 0.2em;
}
html.js body div#grid-container div.grid-25 address ul li a{
	font-style: normal;
}
.brand ul{
	list-style: none;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-box-shadow: inset 0px 5px 10px 10px rgba(255, 255, 255, 0.21);
	-moz-box-shadow:    inset 0px 5px 10px 10px rgba(255, 255, 255, 0.21);
	box-shadow:         inset 0px 5px 10px 10px rgba(255, 255, 255, 0.21);
}
.brand ul, .alt-caption{
	margin-top: 1.4em;
	background-color: #FBEEC3;
	border-radius: 7px;
	
}

.alt-caption{
	padding: 0 0 0.6em 0;
	background: none;
	
}
.cycle-slideshow{
	/*border:#FFF7E2 solid 0.1em;*/
	border-radius: 7px;
	margin-top: 2em;
	padding: 0 0 1em 0;
	border-bottom: 0.1em #FBEEC3 solid;
}
.cycle-slideshow h3{
	background-color: none;
	font-size: 250%;
}
.cycle-slideshow h3 a:hover{
	text-decoration: none;
	
}
.brand ul li{
	margin: 0;
	/*border-bottom: #FCF1CB solid 0.2em;*/
	border-bottom: #FFF7E2 solid 0.1em;
	padding: 0.7em 0 0.6em 0;
}
.brand ul li a {
	color: #AD9D65;
}

.gallery a h3, .gallery h3  {
	color: #AD9D65;
	
}
.gallery a:hover h3, .gallery a:hover h3, .gallery  a:visited h3, .gallery a:link h3, .gallery a:active h3{
	color: #AD9D65;
	text-decoration: none;
	
}

.brand ul li:last-child{
	border: none;
}
.brand h1, .brand h2{
	font-size: 250%;
}
.gallery .resume, .gallery .pause, .gallery .resume button p, .gallery .pause button p{
	display: inline;
	font-family: AbrilFatface-Italic;
	background: none;
	border: none;
}
.gallery .pause button, .gallery .resume button{
	background: none;
	padding: 1em;
	border-radius: 7px;
	border: 0.1em solid #fff;
}

.gallery .resume button {
	margin:0 1em 0 0;
}
.galler .footer p {
	padding-top: 0.5em;
}
.galler .pause button{
	color: blue;
}
.footer{
	margin-top: 1.75em;
	/*background-color: #FBEEC3;
	-webkit-box-shadow: inset 0px 5px 10px 10px rgba(255, 255, 255, 0.21);
	-moz-box-shadow:    inset 0px 5px 10px 10px rgba(255, 255, 255, 0.21);
	box-shadow:         inset 0px 5px 10px 10px rgba(255, 255, 255, 0.21);
	border:1px solid #EADEB6;*/
}
.footer p{
	padding-top: 1em;
}
.footer a{
	color: #AD9D65;
}
/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.brand ul{
			border: none;
		}
	}
		
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {	
     .brand ul{
    	 margin: 0 auto;
  		 padding: 0;
    	}  
		.brand p{
			padding-top: 0.31em;
		}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
     .brand ul{
    	 margin: 0 auto;
  		 padding: 0;
    	}
		.brand p{
			padding-top: 0.31em;
		}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
	}
		
	@media all {
		#grid-container{
			padding-left: 3em;
			padding-right: 3em;
		}
	}
	@media screen and (max-width: 400px) {
	  	#grid-container{
		padding: 0;
	  }

	}    
/* #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; }
*/