@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	background-image:url(images/bg_1500_july_2013.png);
	background-repeat: no-repeat;
}
.main {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 65px;
	text-align: center;
	padding: 20px 20px 20px 20px;
	border: 3px solid #000000;
	-moz-border-radius: 40px;
	border-radius: 40px;
	background-color:#EEE;
}

.main h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
}
.main h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
}
.frontyes {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff;
	font-family:Arial Black;
	font-size:14px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #b23e35;
}
.frontyes:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;
}
.frontyes:active {
	position:relative;
	top:1px;
}
.header {
	width: 100%;
	background-color:#ffffff;
}
.header2 {
	margin-left: auto;
	margin-right: auto;
	width: 860px;
	height: 140px;
	background-color:#ffffff;
	padding: 20px 20px 20px 20px;
}
.logo {
	width: 300px;
	float: left;
}
.social {
	width: 550px;
	float: right;
	text-align: right;
	margin-bottom: 10px;
}
p#socialicons img { /* 1st set of icons. Rotate them 360deg onmouseover and out */
	-moz-transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
p#socialicons img:hover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}
p#socialicons2 img { /* 2nd set of icons. Rotate them 60deg onmouseover and out */
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
p#socialicons2 img:hover {
	-moz-transform: rotate(70deg);
	-webkit-transform: rotate(70deg);
	-o-transform: rotate(70deg);
	-ms-transform: rotate(70deg);
	transform: rotate(70deg);
}
p#socialicons3 img { /* 3rd set of icons. Rotate them -360deg onmouseover ONLY. Note where the "transition prop is added */
}
p#socialicons3 img:hover {
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-moz-transform: rotate(-360deg);
	-webkit-transform: rotate(-360deg);
	-o-transform: rotate(-360deg);
	-ms-transform: rotate(-360deg);
	transform: rotate(-360deg);
}
.player {
	width: 550px;
	float: right;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.navigation {
	width: 100%;
	background-color: #ffffff;
}
ul.semiopaquemenu { /* main menu UL */
	font: bold 16px Myriad Pro;
	width: 100%;
	background: #0081c6;
	padding: 18px 0 14px 0; /* padding of the 4 sides of the menu */
	margin: 0;
	text-align: center; /* set value to "left", "center", or "right" to align menu accordingly */
}
ul.semiopaquemenu li {
	display: inline;
}
ul.semiopaquemenu li a {
	color:white;
	padding: 4px 6px 4px 6px; /* padding of the 4 sides of each menu link */
	margin-right: 30px; /* spacing between each menu link */
	text-decoration: none;
}
ul.semiopaquemenu li a:hover, ul.semiopaquemenu li a.selected {
	color: black;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xNiIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* IE9+ SVG equivalent  of linear gradients */
	background: -moz-linear-gradient(top, rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.16) 100%); /* fade from white (0.82 opacty) to 0.16 opacity */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.82)), color-stop(100%, rgba(255,255,255,0.16)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.16) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.16) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.16) 100%);
	background: linear-gradient(top, rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.16) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1ffffff', endColorstr='#29ffffff', GradientType=0 );
	-moz-box-shadow: 0 0 5px #595959; /* CSS3 box shadows */
	-webkit-box-shadow: 0 0 5px #595959;
	box-shadow: 0 0 5px #595959;
	padding-top: 12px; /* large padding to get menu item to protrude upwards */
	padding-bottom: 20px; /* large padding to get menu item to protrude downwards */
}
div.bottombar { /* bar that runs across the bottom of the menu */
	height: 10px;
	background: #fff204;
}
div.bottombar2 { /* bar that runs across the bottom of the menu */
	height: 10px;
	background: #fff204;
}
.indexhome {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 65px;
	margin-bottom: 30px;
	width: 700px;
	padding: 20px 20px 20px 20px;
	border: 3px solid #000000;
	-moz-border-radius: 40px;
	border-radius: 40px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	background-color: #EEE;
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}

.indexhome h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 28px;
}
.indexhome h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
}


.contenthome {
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 850px;
	padding: 20px 20px 40px 20px;
	border: 3px solid #000000;
	-moz-border-radius: 40px;
	border-radius: 40px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px;
	background-color: #EEE;
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}
.contenthome h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 22px;
}
.the {
	font-size:28px;
	font-weight:bold;
}
.contenthomeheader {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight:bold;
}
.alignLeft {
	float: left;
	margin-right: 2em;
}
.alignRight {
	float: right;
	margin-left: 2em;
}
.recipe {
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 850px;
	height: 630px;
	padding: 20px 20px 40px 20px;
	border: 3px solid #000000;
	-moz-border-radius: 40px;
	border-radius: 40px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	background-color: #EEE;
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}
.recipebig {
	font-size:23px;
}
.recipenotasbig {
	font-size:20px;
}
.recipequality {
	font-weight: bold:
}
.recipe h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 22px;
}
.recipe1 {
	width: 540px;
	float: left;
}
#recipe2 {
	width: 270px;
	float: right;
}
#recipe2 ul {
	list-style-image: url("images/hand-point-icon.png");
	color:#000000;
	font-size:14px;
}
#recipe2 ul li {
	line-height:21px;
}
.recipes3 {
	font-size: 10px;
}
.history {
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 850px;
	padding: 20px 20px 30px 20px;
	border: 3px solid #000000;
	-moz-border-radius: 40px;
	border-radius: 40px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	background-color: #EEE;
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}
.history h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 22px;
}
.history1 {
	width: 850px;
	float: left;
}
#history2 {
	width: 270px;
	float: right;
}
#history2 ul {
	list-style-image: url("images/hand-point-icon.png");
	color:#000000;
	font-size:14px;
}
#history2 ul li {
	line-height:30px;
}
.history3 {
	font-size: 10px;
}
.historybig {
	font-size:23px;
}
.historynotasbig {
	font-size:20px;
}
.products {
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 850px;
	padding: 20px 20px 20px 20px;
	border: 3px solid #000000;
	-moz-border-radius: 40px;
	border-radius: 40px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	background-color: #EEE;
	/*opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}
.products h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
}

.productscenter {
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align:center;
	width: 850px;
	padding: 20px 20px 20px 20px;
	border: 3px solid #000000;
	-moz-border-radius: 40px;
	border-radius: 40px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	background-color: #EEE;
	/*opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}
.productscenter h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
}


.products1 {
	width: 210px;
	float: left;
	margin-right: 20px;
}
.products1 a {
	color: #0375b2;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
.products1 a:hover {
	color: #000;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 10px;
	text-decoration: underline;
}
.products2 {
	width: 210px;
	float:left;
	margin-right: 20px;
}
.products2 a {
	color: #0375b2;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
.products2 a:hover {
	color: #000;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 10px;
	text-decoration: underline;
}
.products3 {
	width: 380px;
	float: right;
	text-align: center;
}
.underline {
	border-bottom: 1px dotted black;
	padding-bottom: 6px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
.underline2 {
	border-bottom: 1px dotted black;
	padding-bottom: 4px;
	
}
#map {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 10px;
	font-color: #ffffff;
}
#map a {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 10px;
	font-color: #ffffff;
}

#maps {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 10px;
	font-color: #2d92c8;
}
#maps a {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 10px;
	font-color: #2d92c8;
}
#maps a:hover {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 10px;
	font-color: #000000;
}

.events {
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 850px;
	padding: 20px 20px 40px 20px;
	border: 3px solid #000000;
	-moz-border-radius: 40px;
	border-radius: 40px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	background-color: #EEE;
	/*opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}
.events a {
	color: #000000;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
.events a:hover {
	color: #000000;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 10px;
	text-decoration: underline;
}
.events h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 22px;
}
.events1 {
	width: 850px;
	float: left;
	font-family: Helvetica, Arial, sans-serif;
}
.events2 {
	width: 270px;
	float: right;
}
.events2 ul {
	list-style-image: url("images/hand-point-icon.png");
	color:#000000;
	font-size:14px;
}
.events2 ul li {
	line-height:30px;
}
.events3 {
	font-size: 10px;
}
#event {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 11px;
	font-color: #000000;
}

#event a {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 11px;
	font-color: #000000;
	text-decoration: underline;
}
#event a:hover {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 11px;
	font-color: #fff204;
	text-decoration: none;
}
#fixedtipdiv {
	position: absolute;
	padding: 2px;
	border: 3px solid #0081c6;
	font: normal 12px Arial;
	line-height:18px;
	z-index:100;
}
.apparel {
	width: 186px;
	height: 284px;
	float: left;
	margin-right: 30px;
}
.apparel1 {
	width: 804px;
	margin-top: 20px;
}


.gallery {
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 850px;
	padding: 20px 20px 30px 20px;
	border: 3px solid #000000;
	-moz-border-radius: 40px;
	border-radius: 40px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	background-color: #EEE;
	/*opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}

.gallery h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 22px;
}
.gallery h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
}
.underlinegallery {
	border-bottom: 2px dotted black;
	padding-bottom: 6px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	width: 88px;
}
.gallerysmall {
	font-size: 11px;
	font-weight: bold;
}
.gallery1 {
	width: 850px;
	border: thick;
}
.gallery1 a {
	color: #0081c6;
	font-weight: bold;
	border: thick;
}


.lefttop {
	width: 410px;
	float: left;
	margin-right: 10px;
}

.righttop {
	width: 400px;
	float: left;
	text-align: right;
}



.contentapparel {
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 850px;
	height: 780px;
	padding: 20px 20px 20px 20px;
	border: 3px solid #000000;
	-moz-border-radius: 40px;
	border-radius: 40px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	background-color: #EEE;
	/*opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}
.contentapparel h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 22px;
}
.contentapparel h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
}
.contact {
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 850px;
	padding: 20px 20px 20px 20px;
	border: 3px solid #000000;
	-moz-border-radius: 40px;
	border-radius: 40px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-color: #000000;
	background-color: #EEE;
	/*opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}
.contact h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-color: #000000;
}
.contact a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	text-decoration: underline;
	font-color: #000000;
}
.contact a:hover {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-color: #dddddd;
	text-decoration: none;
}
.contact1 {
	width: 850px;
	float: left;
	font-color: #000000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-color: #000000;
}

.contact1 a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	text-decoration: underline;
	font-color: #000000;
}
.contact1 a:hover {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-color: #dddddd;
	text-decoration: none;
}


.footer {
	position: fixed;
	bottom: 0;
	background: #000000;
	width: 100%;
	height: 200px;
	color: #ffffff;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 20px 20px 20px 20px;
	text-align: center;
}
.footer a {
	color: #ffffff;
	font-family: Helvetica, Arial, sans-serif;
	height: 60px;
	text-decoration: none;
}
.footer a:hover {
	color: #fff204;
	font-family: Helvetica, Arial, sans-serif;
	height: 60px;
	text-decoration: underline;
}
.footer2 {
	background: #000000;
	width: 100%;
	color: #ffffff;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}
.footer2 a {
	color: #ffffff;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}
.footer2 a:hover {
	color: #fff204;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: underline;
}
.copy {
	font-size: 13px;
	font-family: Helvetica, Arial, sans-serif;
}
.credit {
	font-size: 10px;
	font-family: Helvetica, Arial, sans-serif;
}
.credit a {
	font-size: 10px;
	font-family: Helvetica, Arial, sans-serif;
	color: #0F0;
}

.indEvent {
	background-color:#fdf9ac;
	padding: 10px;
	border-style:solid;
    border-width:1px;
	border-color:#000;
	height: 106px;
	margin-top: 3px;
}
.indEvent:hover {
	background-color:#fff204;
}
.indEvent2 {
	background-color:#fdf9ac;
	padding: 10px;
	border-style:solid;
    border-width:1px;
	border-color:#000;
	height: 100px;
	margin-top: 3px;
}
.indEvent2:hover {
	background-color:#fbf57d;
}
	
.indEvent3 {
	background-color:#f2afb0;
	padding: 10px;
	border-style:solid;
    border-width:1px;
	border-color:#000;
	height: 100px;
	margin-top: 3px;
}
.indEvent3:hover {
	background-color:#ed8284;
}
.indEvent4 {
	background-color:#c2cdd3;
	padding: 10px;
	border-style:solid;
    border-width:1px;
	border-color:#000;
	height: 120px;
	margin-top: 3px;
}
.indEvent4:hover {
	background-color:#2d92c8;
}