@charset "utf-8";
/* CSS Document */
body {
	text-align:center;
	background-color: #FC3;
	font-family:QuickSandRegular,Verdana, Geneva, sans-serif;
	font-size: 1em;
	padding:0px;
	margin:5px 0px;
}
@font-face{font-family:Riesling; src:url(../fonts/riesling.ttf);}
@font-face{font-family:QuickSandRegular; src: url(../fonts/Quicksand-Regular.otf);}
@font-face{font-family:QuickSandBold; src: url(../fonts/Quicksand-Bold.otf);}
@font-face{font-family:QuickSandItalic; src: url(../fonts/Quicksand-Italic.otf);}
@font-face{font-family:QuickSandLight; src: url(../fonts/Quicksand-Light.otf);}
@font-face{font-family:UbuntuTitle; src: url(../fonts/Ubuntu-Title.ttf);}
@font-face{font-family:CacChampagne; src: url(../fonts/cac_champagne.ttf);}
@font-face{font-family:CaviarDreams; src: url(../fonts/CaviarDreams.ttf);}
@font-face{font-family:GreatVibesRegular; src: url(../fonts/GreatVibes-Regular.otf);}
@font-face{font-family:OstrichBlack; src: url(../fonts/ostrich-black.ttf);}

img,object,video,embed { max-width: 100%;}

h1{font-size:200%;}
h2{font-size:150%;}
table{border:3px solid #fff; width:90%;}
th{color:#fff; background-color:#cc0014; padding:2px;}
td{background-color:#fff; padding:3px; border:1px solid #e7e7e7;}
.clear{clear:both;}
#wrapper{max-width:1000px; width:100%; margin:0px auto; text-align:left; background-color:#f5f5f5; 
		border:1px solid #333;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius:8px; 	
		}
#header{padding:10px; /*border-bottom:1px solid #f5f5f5;*/}
#header h1{ font-family:Riesling, Verdana, Geneva, sans-serif; font-size:400%; padding:0px; margin:0px;text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);}
#header h1 a:link, #header h1 a:visited{color: #F60; text-decoration:none;}
#header h1 a:hover{}
#header h1 a:link span, #header h1 a:visited span{color:#000; text-decoration:none;}
#header h1 a:hover span{}
#nav{ padding:2px;
	border:1px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
	background-color:#e5e5e5;
}
#nav ul{list-style:none; margin:0px; padding:0px;}
#nav ul li span{display:none;}
#nav ul li span.dynamic-month-year{display:inline;}
#nav ul li a:link,#nav ul li a:visited{list-style:none; display:inline-block; float:left; padding:2px 5px; font-size:1em; text-decoration:none; color: #F30; text-shadow:1px 1px 1px #fff; font-weight:bold; font-family:QuickSandRegular; border-right:1px solid #f5f5f5;}
#nav ul li a:hover{color:#000; background-color:#fff;
	-webkit-border-radius: 2px 2px 0px 0px;
	-moz-border-radius: 2px 2px 0px 0px;
	border-radius:2px 2px 0px 0px;
}


.bg_nav{
	background: #e2e2e2; /* Old browsers */
	background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

#content{padding:5px; margin:0px;}
#content img{border:1px solid #666; background-color:#666;box-shadow: 5px 5px 5px rgba(150, 150, 150, 1); margin:5px; 
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius:8px; 
		}
/* CONTACT FORM */
#contact div {
	width: 100%;
	margin-bottom: 15px;
	float: left;
}
#contact legend {
	font-style: italic;
	color: #434242;
	font-size: 0.8em;
	margin-bottom: 20px;
	float: left;
	width: 100%;
}
#contact fieldset {
	border: 1px dotted #cccccc;
	padding: 2%;
	margin-bottom: 20px;
}
#contact label {
	width: 40%;
	float: left;
}
#contact input {
	height: 20px;
	font-size: 1em;
	width: 40%;
	float: right;
}
#contact select {
	/*height: 30px;*/
	font-size: 1em;
	width: 40%;
	float: right;
}
#contact textarea {
	height: 60px;
	font-size: 1em;
	width: 40%;
	float: right;
}
#contact input#send {
	text-decoration: none;
	height: 34px;
	font: 1.25em /* 36px ÷ 16 */ 'OstrichBlack';
	background-color: #b01c20;
	border-radius: 8px;
	color: white;
	float: right;
	margin-bottom: 10px;
	background: linear-gradient(top, rgb(241,92,96) 0%, rgb(176,28,32)	100%);
	margin-top: 10px;
	box-shadow: 5px 5px 5px hsla(0, 0%, 26.6667%, 0.8);
	text-shadow: 0px 1px black;
	border: 1px solid #bfbfbf;
	width:20%;
}
#contact input:focus, #contact textarea:focus, #contact select:focus{
		-webkit-box-shadow:0 0 25px #ccc;
		-moz-box-shadow:0 0 25px #ccc;
		box-shadow:0 0 25px #ccc;
		
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		transform: scale(1.05);
	}
#contact input:not(:focus), #contact textarea:not(:focus), #contact select:not(:focus) {opacity:0.8;}

.polyfill-important .input-range,.polyfill-important .step-controls {
float: right;
}
.polyfill-important .step-controls {
margin-right: -20px!important;
}
input, textarea, select {
	border: 1px solid #bfbfbf;
	padding: 0.2em;
	font-size: 1.1em;
	line-height: 1.2em;
	background: #ffffff;
	background: linear-gradient(top, #ffffff 0%,#ededed 8%,#ffffff	100%);
	border-radius: 4px;
	box-shadow: 2px 2px 5px hsla(0, 0%, 16.6667%, 0.1);
}
#footer{font-size:.7em; padding:7px 5px; border-top:1px solid #e5e5e5;}
#footer a:link, #footer a:visited{color:#cc0014; padding:2px;}
#footer a:hover{color:#000;}
#footer .design{float:right; padding:2px;}
#mobile-header {
    display: none;
}
#responsive-menu-button{
	border: 0px solid #bfbfbf;
	color:#fff;
	padding: 0.8em;
	font-size: 1.1em;
	line-height: 1.2em;
	background: #333;
	background: linear-gradient(top, #333 0%,#ededed 8%,#333	100%);
	border-radius: 0 8px 8px 0;
	box-shadow: 2px 2px 5px hsla(0, 0%, 16.6667%, 0.1);
	text-decoration:none;
	font-weight:bold;
}

@media screen and (max-width: 1000px) {
	/*body {background-color: red;}*/
}
@media screen and (max-width: 768px) {
	/*body {background-color: orange;}*/
	#header{text-align:center;}
	#content h1, #header h1{font-size:300%;}
	#nav ul li span{display: inline-block;}
	#footer{font-size:.5em;}
	#content img{width:95%; height:95%}
	#contact input#send { width:40%}
	#mobile-header { display: block;}
	#nav{display:none;}
}
@media screen and (max-width: 550px) {
	/*body {background-color: yellow;}*/
	#header{text-align:center;}
	#header h1{font-size:300%;}
	#content h1{font-size:200%;}
	#nav ul li span{display: inline-block;}
	#footer{font-size:.5em;}
	#content img{width:95%; height:95%}
	#contact input#send { width:40%}
}
@media screen and (max-width: 320px) {
	/*body {background-color: green;}*/
	#header{text-align:center;}
	#header h1{font-size:300%;}
	#content h1{font-size:150%;}
	#nav ul li span{display: inline-block;}
	#footer{font-size:.5em;}
	#content img{width:95%; height:95%}
	#contact input#send { width:40%}
}

@media only screen and (max-width: 767px){
    #mobile-header { display: block; }
}