@media (max-width: 900px) {
	}
	
@media (min-width: 900px) {
}



/* CSS Document */





html, body {margin:0px;pading:0px;height:100%;width:100%}
body { background-color:#ffff00;}
a {text-decoration:none;}

@font-face {
	font-family: rock;
	src: url('../fonts/ROCKEB.TTF');
}

@font-face {
	font-family: rock2;
	src: url('../fonts/ROCK.TTF');
}


h1 {
	font-family: rock;
	font-size:4em;
}

h2 {
	font-family: rock;
	font-size:3em;
}

h3 {
	font-family: 'Roboto', sans-serif;
	font-size:1.0em;
}

h4 {
	font-family: rock2;
	font-size:1.5em;
}

h5 {
	font-family: rock2;
	font-size:1.0em;
}


.biscuitOrange {color:#ea6205;}
.yellow {color:#eeee00;}
.brown{color:#796006;}


#navbar {
	
	height:50px;
	width:100%;
	position:fixed;
	top:20px;
	background-color: #f1c803;
	border-top:solid 5px #ea6205;
	border-bottom:solid 5px #ea6205;
	
}

#homepage {
	height:100%;
	width:100%;
	background-image:url(../images/IMG_0373.JPG);
	background-size:cover;
	background-repeat:no-repeat;
}
	
#frontCenter {
	margin-top:150px;
	height:300px;
}

#logo {
	position:absolute;
	left:50px;
	top:-15px;
}

#menu {
	padding-bottom:80px;
	padding-top:80px;
	width:70%;
	height:auto;
	padding-left:15%;
	padding-right:15%;
	background-image:url(../images/border.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-size:contain;
}

#gallery {
	width:100%;
	min-height:100%;
	height:auto;
	background-color:#eeee00;
	background-image:url(../images/border.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-size:contain;
	padding-top:50px;
	padding-bottom:50px;
}

.regpage {
	padding-left:3%;
	padding-right:3%;
	padding-top:20px;
	width:74%;
	margin-left:10%;
	margin-right:10%;
	border-radius:15px;
	
	background-color: transparent;
}


.antispam { display:none;}


#merch {
	width:100%;
	min-height:100%;
	height:auto;
	background-color:#eeee00;
	background-image:url(../images/border.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-size:contain;
	padding-top:40px;
	padding-top:50px;
	padding-bottom:50px;
}

.galleryImage {
	border-radius:15px;
	width:28%;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:2%;
}

.merchImage {
	border:solid 0px #fff;
	height:275px;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:2%;
}

.pressImage {
	width:180px;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:2%;
}


#press {
	width:100%;
	min-height:100%;
	height:auto;
	background-color:#eeee00;
	background-image:url(../images/border.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-size:contain;
	padding-top:40px;
	padding-top:50px;
	padding-bottom:50px;
}


#navbarList {
	list-style-type:none;
	margin-top:0px;
	padding-top:0px;
	margin-right:30px;
}

#navbarList li {
	text-decoration:none;
	float:left;
	height:36px;
	width:160px;
	text-align:center;
	font-family: rock2;
	font-size:1.2em;
	color:#796006;
	padding-top:14px;
	
}

#navbarList li a {
	color:#796006;
	width:100%;
}

#navbarList li a:hover {
	color:#fff;
}

#navbarList li:hover a{
	color:#fff;
}
#navbarList li:hover {
	background-color:#796006;
	color:#fff;
	border-radius:10px;
}
#navbarListContainer {
	float:right;
}


#location {
	width:100%;
	min-height:100%;
	height:auto;
	background-color:#eeee00;
	background-image:url(../images/border.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-size:contain;
	padding-top:40px;
	padding-top:50px;
	padding-bottom:50px;
}



.centerImage {
	-webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
     
    overflow:hidden;

}

.centerImage:hover {
	-webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
- See more at: http://blog.vivekv.com/rotate-image-360deg-when-mouse-hover-using-css-3.html#sthash.N8ouvcjp.dpuf

}



#notification {
	position:absolute;
	height:auto;
	width:250px;
	left:10px;
	top:200px;
	background-color:#eeee00;
	color:#000;	
	padding:15px;
	border:8px solid #ea6205;
}

.spacer {
	width:100%;
	height:150px;
	border-top:5px solid #796006;
	border-bottom:5px solid #796006;
	background-color:#fff;
}


#firstPage {
}

#footer {
	float:left;
	width:100%;
	background-color:#eeee00;
	text-align:right;
}

ul.products li {
    width: 225px;
    display: inline-block;
	}


<style type="text/css">

#contactform{
width: 100%;
font-size: 16px; /* Primary font size of form. Contained elements' font size are all relative to this setting */
}


#contactform input, #contactform textarea{
width: 98%;
border-radius: 5px;
border: 1px solid gray;
font: normal 1.5em auto; /* 24px, or 16px x 1.5 */
padding: 0.4166666666666667em; /* 10px, or 24px x 0.4166666666666667 */
box-shadow: 0 0 10px gray inset;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#contactform textarea{
resize:vertical; /* allow vertical resize of textarea */
height: 200px;
}


#contactform input:focus, #contactform textarea:focus{
box-shadow: 0 0 10px green inset;
}


#contactform input[type="radio"], #contactform input[type="checkbox"]{
padding: 0;
width: auto;
height: auto;
border-radius: 0;
}

#contactform select{
width: 80%;
font-size: 1.5em;
border: 2px solid #eee;
}

#contactform .formcolumn{ /* column div inside form */
width: 49%;
float: left;
}

#contactform .formcolumn:first-of-type{
margin-right: 2%; /* 2% margin after first column */
}

#contactform .formcolumn label, #contactform .formcolumn fieldset{
font: bold 0.8em Verdana; /* font size is 12.8px, or 16 x 0.8 */
text-transform: uppercase;
display: block;
margin-top: 2em;
margin-bottom: 3px;
}

#contactform fieldset{
width: 98%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#contactform .formcolumn label:first-child, #contactform .formcolumn fieldset:first-child{
margin-top: 0; /* first label or fieldset within each column should not no top margin */
}

#contactform fieldset ul{
list-type: none;
margin: 0;
padding: 0;
}

#contactform fieldset ul li{
display: inline-block;
margin-bottom: 5px;
margin-right: 1em;
}

#contactform div.buttons{
clear: both;
text-align: center;
}

#contactform input.button{
margin-top: 1.5EM;
width: 50%;
box-shadow: 0 0 10px gray;
text-transform: uppercase;
cursor: pointer;
min-width: 100px;
max-width: 600px;
color: white;
font-weight: bold;
letter-spacing: 7px;
text-shadow: 0 -2px 1px #8a8a8a;
background: rgb(104,85,40);

}

#contactform input.button:active{
text-shadow: 0 0 1px #8a8a8a;
background: rgb(104,85,40);
}

@media screen and (max-width: 480px){ /* responsive form settings, when window width is 480px or less */

	#contactform{
	font-size: 14px; /* decrease form font size */
	}

	#contactform .formcolumn{
	width: 100%;
	float: none;
	}
	
	#contactform .formcolumn:first-of-type{
	margin-right: 0; /* remove right margin from first form column */
	}

	#contactform .formcolumn:nth-of-type(2){
	padding-top: 2em; /* add padding to top of 2nd form column, so there is a gap between the 1st and 2nd column */
	}

	#contactform select{
	width: 98%;
	}

}

</style>