@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		6;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 96.6666%;
	padding-left: 1.6666%;
	padding-right: 1.6666%;
}
body{
	background-image: url(../Images/pineForestmodofoed.png);
	background-repeat: no-repeat;
	width: 100%;
}
#Wrapper {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	border: thin outset #5C1D1D;
}
#pageHeader {
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	display: block;
	background-color: #F9EDDF;
	height: auto;
	padding-bottom: 1em;
	opacity: 0.8;
	filter: alpha(opacity=0.8); /* For IE8 and earlier */
}
#pageInfo{
	Position: relative;
	width: 50%;
	/*min-height: 120px;*/
	height: auto;
	color: #643F37;
	text-shadow: 1.5px 1px 3px #BCA992;
	font-size: 1.1em;
	text-align: center;
	font-weight: bold;
	font-family: "Hobo Std", Cambria, "Comic Sans MS";
	line-height: 1.3em;
	background-image: url(../Images/logoRedMooseP.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 1em;
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
}
.clr {
	clear: both;
}

#pageNav {
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	color: #8B2C2C;
	text-decoration: none;
	list-style-type: none;
	font-size: 1.5em;
	line-height: 1.6em;
	font-weight: bold;
	text-align: left;
	width:40%;
	height: auto;
	margin-top: 1em;
	margin-left: 10%;
}
#pageNav a{
	color: #8B2C2C;
	text-decoration: none;
}

#pageNav a:link{
	color: #8B2C2C;
}
#pageNav a:visited{
	color:  #8B2C2C;
}
#pageNav a.moose:focus{
	color: #E07C8D;
	font-size: 110%;
	text-shadow: 1px 1px 3px #000;
	background-image: url(../Images/MooseNavAvatar.png);
	background-repeat: no-repeat;
	padding-left: 1em;
	background-position: left center;
}
#pageNav a.moose:hover{
	color: #E07C8D;
	font-size: 110%;
	text-shadow: 1px 1px 3px #000;
	background-image: url(../Images/MooseNavAvatar.png);
	background-repeat: no-repeat;
	padding-left: 1em;
	background-position: left center;
}
#pageNav a.moose:active{
	color: #E07C8D;
	font-size: 110%;
	text-shadow: 1px 1px 3px #000;
	background-image: url(../Images/MooseNavAvatar.png);
	background-repeat: no-repeat;
	padding-left: 1em;
	background-position: left center;
}
#pageTitle{
	clear: both;
	float: left;
	width: 100%;
	display: block;
	height: auto;
	text-align: center;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: inset;
	border-bottom-style: inset;
	border-top-color: #D88181;
	border-bottom-color: #C64848;
	background-color: #96332E;
	color: #FFF;
	margin-bottom: 2em;
}
#pageTitle h1{
	line-height: 1.2em;	
}
#contentMain{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	color: #57261E;
	border-top-width: thin;
	border-top-style: ridge;
	border-top-color: #5C1D1D;
	background-color: #240C0B;
	margin-top: 0px;
}
.mainContent, .mainContentTreats {
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	color: #fff;
	width: 100%;
}
.mainContent h1, .mainContentTreats h1 {
	/*text-shadow: 2px 2px 6px #FF0000; use with low opacity in main content*/
	text-shadow: 2px 2px 6px #462F1E;
	line-height: 1.1em;
}
.mainContent h2, .mainContentTreats h2{
	/*text-shadow: 2px 2px 6px #FF0000; use with low opacity in main content*/
	text-shadow: 2px 2px 6px #5A3D27;
	line-height: 1.2em;
	margin-left: 1em;
}
.mainContent h3, .mainContentTreats h3{
	/*text-shadow: 2px 2px 6px #FF0000; use with low opacity in main content*/
	text-shadow: 2px 2px 6px #5A3D27;
	line-height: 1.2em;
	margin-left: 1em;
}
.mainContent h4, .mainContentTreats h4{
	/*text-shadow: 2px 2px 6px #FF0000; use with low opacity in main content*/
	text-shadow: 2px 2px 6px #5A3D27;
}
.mainContent p, .mainContentTreats p {
	font-size: 1.2em;
	line-height: 1.3em;
	color: #fff;
    text-shadow: 1px 1px 3px #000000;
	margin-left: 2em;
	margin-right: 1em;		
}

/*#pageNav {
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	color: #8B2C2C;
	text-decoration: none;
	list-style-type: none;
	font-size: 1.5em;
	line-height: 1.6em;
	font-weight: bold;
	text-align: left;
	width:40%;
	height: auto;
	margin-top: -4em;
	margin-left: 60%;
}*/
.mainContent ul, .mainContentTreats ul {
	text-decoration: none;
	list-style-type: none;
}
.mainContent a, .mainContentTreats a {
	color: #FBF4D9;
	text-decoration: none;
	line-height: 1.6em;
	font-weight: bold;
	font-size: 1.2em;
	text-shadow: 1px 1px 1px #4A2627;
}
.mainContent a:link, .mainContentTreats a:link {
	color: #FAF0C9;
}
.mainContent a:visited, .mainContentTreats a:visited {
	color: #FBF4D9;
}
.mainContent a.moose:focus, .mainContentTreats a.moose:focus{
	color: #FBF4D9;
	font-size: 130%;
	text-shadow: 1px 1px 3px #000;
	background-image: url(../Images/MooseNavAvatar.png);
	background-repeat: no-repeat;
	padding-left: 2em;
	background-position: left center;
}
.mainContent a.moose:hover, .mainContentTreats a.moose:hover {
	color: #F0F58B;
	font-size: 130%;
	text-shadow: 1px 1px 3px #000;
	background-image: url(../Images/MooseNavAvatar.png);
	background-repeat: no-repeat;
	padding-left: 2em;
	background-position: left center;
}
.mainContent a.moose:active, .mainContentTreats a.moose:active{
	color: #F0F58B;
	font-size: 130%;
	text-shadow: 1px 1px 3px #000;
	background-image: url(../Images/MooseNavAvatar.png);
	background-repeat: no-repeat;
	padding-left: 2em;
	background-position: left center;
}
.mainContentTabs{
	display: none;
}
.hostsPic {
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: 325px;
	box-shadow: 2px 2px 3px 4px #A26D46;
	margin-bottom: 2em;
	border-radius: 2px;
}
.hosts{
	position: relative;
	float: left;
	margin-left: 5%;
	margin-bottom: 3em;
	width: 90%;
	min-height: 24em;
	background-color: #36281D;
	border: thin outset #fff;
	border-radius: 1em;
	box-shadow: 3px 3px 2px 2px #A26D46;
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: center 2em;
	text-align: center;
}
.hosts p {
	margin: .5em;
	line-height: 1.3em;
	text-align: justify;
}
#pageFooter{
	clear: both;
	float: left;
	width: 100%;
	min-height: 5em;
	display: block;
	color: #FFF;
	border-top-width: medium;
	border-top-style: ridge;
	border-top-color: #3C1313;
	background-color: #8B2C2C;
	text-align: center;
	height: auto;
	position: relative;
	margin: 0;
}
#footerLinksWrapper {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: center;
}
#footerLinksWrapper h3{
	margin: 0 auto;
}
.footerLinksL {
	font-size: small;
	font-style: normal;
	color: #FFF;
	float: left;
	height: auto;
	width: 45%;
	list-style-type: none;
	position: relative;
	
}
.footrLinksR {
	font-size: small;
	font-style: normal;
	color: #FFF;
	float: right;
	height: auto;
	width: 45%;
	list-style-type: none;
	position: relative;
}
.footerLinksL ul, .footerLinksR ul{
	list-style-type: none;
	text-align: center;
	padding-left: .5em;
	line-height: 1.4em;
}
.footerLinksL a, .footerLinksR a{
	color: #FFF;
	text-decoration: none;
}
footerLinksL a:hover, .footerLinksR a: hover{
	color: #D6E32D;
}
	
#copyright{
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	color: #FFF;
	text-align: center;
	position: relative;
	padding-top: 1em;
}
#author{
	float: left;
	width: 50%;
	display: block;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	color: #CCC;
	text-align: left;
	padding-left: 1em;
	position: relative;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.treatPicsPH{
	float: left;
	width: 160px;
	height: 187px;
	box-shadow: 2px 2px 6px 2px #DB8C8A;
	margin-right: 2em;
	margin-bottom: 1em;
	position: relative;
	margin-left: 1em;
}
.treatPics{
	display: none;
}
#rotating-item-wrapper {
	position: relative;
	width: 160px;
	height: 187px;
}
.rotating-item {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}
.franchiseContact{
	margin-left: 3em;
}
.franchiseBooklet {
	float: right;
	display: none;
}
.contentImgLeft {
	float: left;
	display: none;
}
.contentImgRight {
	float: right;
	display: none;
}


/*.mainContentTreats {
	font-family: Tahoma, Geneva, sans-serif;
	color: #fff;
	padding-right: .5em;
	padding-left: 1em;
}*/

/*---------------------------------------------------------------------*/
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {


.gridContainer {
	width: 87.75%;
	padding-left: 1.125%;
	padding-right: 1.125%;
}

#Wrapper {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#pageHeader {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: relative;	
}
#pageInfo{
	background-image: url(../Images/logoRedMooseT.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	float: left;
	width: 50%;
	height: auto;
	padding-top: 80px;
}
#pageNav{
	font-size: 1.5em;
	line-height: 2em;
	margin-left: 10%;
	float: left;
	width: 40%;
	position: relative;
}
#pageNav a:hover{
	font-size: 150%
}

#contentMain{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	color: #fff;
}
.mainContentTreats {
	display: none;
}
.mainContentTabs {
	display: block;
	font-family: Tahoma, Geneva, sans-serif;
	color: #fff;
	padding-right: 0.5em;
	padding-left: 1em;
	margin-bottom: 1em;
}
.mainContentTabs h1{
	/*text-shadow: 2px 2px 6px #FF0000; use with low opacity in main content*/
	text-shadow: .5px .5px .5px .51px #FBF9F7;
}
.mainContentTabs h2{
	/*text-shadow: 2px 2px 6px #FF0000; use with low opacity in main content*/
	text-shadow: 2px 2px 6px #5A3D27;
}
.mainContentTabs h3{
	/*text-shadow: 2px 2px 6px #FF0000; use with low opacity in main content*/
	text-shadow: 2px 2px 6px #5A3D27;
}
.mainContentTabs h4{
	/*text-shadow: 2px 2px 6px #FF0000; use with low opacity in main content*/
	text-shadow: 2px 2px 6px #5A3D27;
}
.mainContentTabs p{
	font-size: 1.2em;
	line-height: 1.3em;
	color: #FFFFFF;
	text-shadow: .5px .5px .5px #960;
}

#pageFooter{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	height: 8em;
	position: relative;
}
#footerLinksWrapper {
	width: 75%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
}
#pageHours{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.treatPicsPH {
	display: none;
}
.treatPics {
	display: inline;
	float: left;
	width: 200px;
	height: 233px;
	box-shadow: 1px 1px 1px 1px #5A1D1D, 2px 2 px 6px 2px #8B2C2C;
	margin-right: 2em;
	margin-bottom: 2em;
	position: relative;
	/*background-image: url(../Images/cinnful150x175.png);*/
	/*background-repeat: no-repeat;
	background-position: center center;*/
}
#rotating-item-wrapper, #rotating-itemB-wrapper, #rotating-itemB1-wrapper, #rotating-itemB2-wrapper, #rotating-itemB3-wrapper, #rotating-itemB4-wrapper, #rotating-itemC1-wrapper, #rotating-itemC2-wrapper, #rotating-itemC3-wrapper, #rotating-itemC4-wrapper, #rotating-itemC5-wrapper, #rotating-itemC6-wrapper, #rotating-itemC7-wrapper, #rotating-itemC7-wrapper, #rotating-itemC8-wrapper, #rotating-itemC9-wrapper, #rotating-itemC10-wrapper {
    position: relative;
    width: 200px;
    height: 233px;
}
.rotating-item, .rotating-itemB, .rotating-itemB1, .rotating-itemB2, .rotating-itemB3, .rotating-itemB4, .rotating-itemC1, .rotating-itemC2, .rotating-itemC3, .rotating-itemC4, .rotating-itemC5, .rotating-itemC6, .rotating-itemC7, .rotating-itemC8, .rotating-itemC9, .rotating-itemC10 {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}
.hosts{
	position: relative;
	float: left;
	margin-left: 12%;
	margin-bottom: 3em;
	width: 32%;
	min-height: 24em;
	background-color: #36281D;
	border: thin outset #fff;
	border-radius: 1em;
	box-shadow: 3px 3px 2px 2px #A26D46;
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: center 2em;
	text-align: center;
}
#copyright{
	clear: both;
	float: left;
	margin-left: 0px;
	width: 100%;
	display: block;
	position: relative;
}
#author{
	float: left;
	margin-left: 0px;
	width: 40%;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: x-small;
	font-style: italic;
	color: #CCC;
	text-align: left;
	vertical-align: middle;
	position: relative;
}
.franchiseBooklet {
	float: right;
	display: block;
	margin-right: 2em;
	margin-bottom: 1em;
	margin-left: 1em;
	box-shadow: 1px 1px 1px 1px #5A1D1D,2px 2px 6px 2px #8B2C2C;
}
.contentImgLeft {
	float: left;
	display: block;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 0;
	box-shadow: 1px 1px 1px 1px #5A1D1D,2px 2px 6px 2px #8B2C2C;
}
.contentImgRight {
	float: right;
	display: block;
	margin-right: 2em;
	margin-bottom: 1em;
	margin-left: 1em;
	box-shadow: 1px 1px 1px 1px #5A1D1D,2px 2px 6px 2px #8B2C2C;
}

/*---------------------------------------------------------------------------------------------------*/
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}

#Wrapper {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#pageHeader {
	clear: both;
	float: left;
	height: auto;
	margin-left: 0;
	width: 100%;
	display: block;
	
}
.tabContent{
	color: #96332E;
	text-decoration: none;
	line-height: 1.2em;
	/*font-weight: bold;*/
	font-size: 1.1em;
	text-shadow: 1px 1px 1px #fff;
}
#pageInfo{
	background-image: url(../Images/logoRedMooseD.png);
	background-position: center top;
	position: relative;
	background-repeat: no-repeat;
	padding-top: 110px;
}
#pageNav{
	font-size: 1.5em;
	line-height: 1.8em;
	margin-left: 15%;
	float: left;
	width: 35%;
	margin-top: 1em;
}
#pageTitle{	
	clear: both;	
	float: left;	
	margin-left: 0;	
	width: 100%;	
	display: block;	
}
#contentMain{	
	clear: both;	
	float: left;	
	margin-left: 0;	
	width: 100%;	
	display: block;	
}
.mainContentTreats {
	display: none;
}
/*.treatPicsPH {
	display: none;*/
}
.treatPics {
	float: left;
	width: 200px;
	height: 233px;
	box-shadow: 1px 1px 1px 1px #5A1D1D,2px 2px 6px 2px #8B2C2C;
	margin-right: 2em;
	margin-bottom: 2em;
	position: relative;	/*background-image: url(../Images/cinnful150x175.png);*/	/*background-repeat: no-repeat;
	background-position: center center;*/
}

#pageFooter{
	clear: both;
	float: left;
	width: 100%;
	height: auto;	
	display: block;
}
#copyright{
	clear: none;
	float: left;
	margin-top: 1em;
	width: 100%;
	display: block;
}
#author{	
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 100%;
	display: block;
}