@charset "utf-8";

html, body {
	height: 100%;
	background-color:#423D20;
}



/***************************/
/*       Main Styles       */
/***************************/

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-style:normal;
	font-weight:100;
	line-height:18px;
	margin: 0px 0px 28px 0px;
	color:#4a400f;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style:normal;
	font-weight:100;
	line-height:18px;
	font-weight:bold;
	margin: 0px 0px 18px 0px;
	color:#4a400f;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	font-weight:100;
	line-height:18px;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	color:#4a400f;
}

p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	line-height:18px;
	margin: 0px 0px 18px 0px;
	color:#4a400f;
}

a {
	color:#cc3300;
	text-decoration: none;
}

a:hover {
	color:#cc3300;
	text-decoration: underline;
}

.motto {
	font-size:14px;
	font-style:italic;
	text-align:center;
}

.clear {
	content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}



/***************************/
/*      Main Wrapper       */
/***************************/

#wrapper {
	background-image:url(../images/moose.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-color:#FFF;
	margin: 0 auto;
}



/***************************/
/*     Main Container      */
/***************************/

#container {
	margin: 0 auto;
}



/***************************/
/*      Header Style       */
/***************************/

#headerwrapper {
	width: 1035px;
	height: 174px;
	background-color:#423D20;
	margin: 0 auto;
}

#header {
	width:1035px;
	height: 174px;	
	background-image:url(../images/post_top.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	clear:both;
	margin: 0 auto;
}

#header #logo {
	margin: 34px 0px 31px 98px;
	width: 308px;
	float: left;
}



/***************************/
/*     Twitter Styles      */
/***************************/

#header #twitterfeed {
	margin: 38px 59px 21px 80px;
	float: right;
	width: 472px;
	height: 128px;
	background-image:url(../images/twitter_bkg.gif);
	background-repeat:no-repeat;
	background-position:left -18px;
	background-color: #423D20;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height:14px;
}

#header #twitterfeed #tweet{
	margin: 10px 120px 0px 35px;
	width:315px;
	height:55px;
	
}

#header #twitterfeed #tweetfollow{
	margin: 0px 0px 0px 0px;
	width:472px;
	height:28px;
	text-align:right;
}



/***************************/
/*      Main Content       */
/***************************/

#maincontentwrapper {
	
	/*height:100%;*/
	background-image:url(../images/green_grad.gif);
	background-repeat:repeat-x;
	background-position:top left;
	margin: 0 auto;
	width: 1035px;

}

#maincontent {
	width: 1035px;
	height:100%;
	text-align:left;
	position:relative;
	margin: 0 auto;
}



/***************************/
/*     Main Navigation     */
/***************************/

#maincontent #navcol {
	float:left;
	width: 279px;
	padding:0px 0px 117px 0px;
	background-image:url(../images/post.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#maincontent #navcol #mainnavigation {
	font-size: 0;
	padding: 0;
	margin: 0;
}

#maincontent #navcol #mainnavigation #home {
	display: block;
	width: 279px;
	height: 49px;
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#maincontent #navcol #mainnavigation #home:hover, .homeselect {
	display: block;
	width: 279px;
	height: 49px;
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: -279px 0px;
}

#maincontent #navcol #mainnavigation #thismoosh {
	display: block;
	width: 279px;
	height: 65px;
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: 0px -49px;
}

#maincontent #navcol #mainnavigation #thismoosh:hover, .thismooshselect {
	display: block;
	width: 279px;
	height: 65px;
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: -279px -49px;
}

#maincontent #navcol #mainnavigation #smoothies {
	display: block;
	width: 279px;
	height: 66px;
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: 0px -114px;
}

#maincontent #navcol #mainnavigation #smoothies:hover, .smoothiesselect {
	display: block;
	width: 279px;
	height: 66px;
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: -279px -114px;
}

#maincontent #navcol #mainnavigation #juices {
	display: block;
	width: 279px;
	height: 65px;
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: 0px -180px;
}

#maincontent #navcol #mainnavigation #juices:hover, .juicesselect {
	display: block;
	width: 279px;
	height: 65px;
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: -279px -180px;
}

#maincontent #navcol #mainnavigation #frozenyoghurt {
	display: block;
	width: 279px;
	height: 64px;
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: 0px -245px;
}

#maincontent #navcol #mainnavigation #frozenyoghurt:hover, .frozenyoghurtselect {
	display: block;
	width: 279px;
	height: 64px;
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: -279px -245px;
}

#maincontent #navcol #mainnavigation #hello {
	display: block;
	width: 279px;
	height: 68px;
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: 0px -309px;
}

#maincontent #navcol #mainnavigation #hello:hover, .helloselect {
	display: block;
	width: 279px;
	height: 68px;
	background-image: url(../images/btn_nav.png);
	background-repeat: no-repeat;
	background-position: -279px -309px;
}

#maincontent #navcol #mainnavigation span {
	display: none;

}



/***************************/
/*     Content Column      */
/***************************/

#maincontent #content {
	width: 385px;
	height: 680px;
	position:relative;
	margin:0px 0px 0px 304px;
	padding:46px 0px 0px 0px;
}

#maincontent #contentmap {
	width: 700px;
	height: 600px;
	position:relative;
	margin:0px 0px 0px 304px;
	padding:46px 0px 0px 0px;
	background-image:url(../images/jerdan_place.png);
	background-repeat:no-repeat;
	background-position:right 69px;
}

#maincontent #contentmap .googlemap {
	border: solid 3px #423d20;
}



/***************************/
/*    Polaroid Pictures    */
/***************************/

#maincontent #picturecol {
	float: right;
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
}

#maincontent #picturecol img{
	clear:both;
	margin:0px 0px 0px 0px
}



/***************************/
/*    Polaroid Pictures    */
/***************************/

#maincontent #bottomsign{
	position:absolute;
	bottom: 0;
	padding: 0;
	margin: 0;
    font-size: 0;
}



/***************************/
/*      Footer Style       */
/***************************/

#footer, .push {

}



/***************************/
/*    Bottom Navigation    */
/***************************/

#footer #bottomnav {
	/*width: 100%;*/
	width: 1035px;
	height: 150px;
	background-image:url(../images/green_grass.png);
	background-repeat:repeat-x;;
	background-position:bottom left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-color:#423D20;
	margin: 0 auto;
}


#footer #bottomnav #menubutton{
	float:left;
	margin: 0;
	padiing: 0;
	height: 150px;
	width: 219px;
}

#footer #bottomnav #bottomlist{
	float:left;
	margin: 10px 0px 0px 72px;
	padding:0px;
	text-align:center;
	width: 500px;
}

#footer #bottomnav #bottomlist #bottomlinks {
	list-style: none;
	padding: 0;
	margin: 0;
} 

#footer #bottomnav #bottomlist #bottomlinks li{
	float: left;
	margin: 0px 8px 0px 0px;
} 

#footer #bottomnav #bottomlist #bottomlinks li a{
	padding: 0px 5px 0px 0px;
	text-decoration: none;
	color: #423D20;
} 

#footer #bottomnav #bottomlist #bottomlinks li a:hover{
	padding: 0px 5px 0px 0px;
	text-decoration: underline;
	color: #423D20;
} 

#footer #bottomnav #bottomlist p{
	padding: 7px 45px 0px 0px;
	font-size: 9px;
	color: #423D20;
} 



/***************************/
/*       Fact Styles       */
/***************************/

#footer #factfooter {
	width: 1035px;
	/*width:100%;*/
	height: 103px;
	background-color:#423D20;
	margin: 0 auto;
}

#footer #factfooter #mooshfactlogo {
	margin: 25px 0px 0px 46px;	
	width:251px;
	height: 50px;
	float:left;
}

#footer #factfooter #mooshfact {
	margin: 27px 0px 0px 37px;	
	width:670px;
	float:left;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height:16px;
}