body{ 

	background-image:url(../images/themammothcreekinn_bg.jpg); 

	background-repeat:repeat-x; 

	background-color:#e6e3d6; 

	font-size:12px; 

	font-family:Arial, Helvetica, sans-serif; 

	color:#444442; 

} 

.clear{ 

	clear:both; 

} 

.row{ 

	float:left; 

	width:100%; 

} 

.padding10{ 

	padding:10px 

} 

#WRAPPER{ 

	margin:0 auto; 

	width:960px; 

} 

#HEAD{ 

	float:left; 

	width:960px; 

	height:100px; 

} 

#HEAD .logo{ 

	float:left; 

	width:240px; 

	height:100px; 

} 

#HEAD .logo h1{ 

	background-image:url(../images/mammothlogo.jpg); 

	width:240px; 

	height:100px; 

	text-indent:-9999px; 

} 

	 

#HEAD .logo a{ 

	display:block; 

	width:240px; 

	height:100px; 

} 

#HEAD .contactNav{ 

	float:left; 

	width:720px; 

	height:50px; 

} 

#HEAD .mainNav{ 

	float:left; 

	width:720px; 

	height:50px; 

} 

#BODY{ 

	float:left; 

	width:960px; 

	background-image:url(../images/bgbody.gif); 

} 

#BODY .flash{ 

	float:left; 

	width:960px; 

	height:400px; 

	background-color:#ddd3b5; 

} 

#BODY .pageImage{ 

	float:left; 

	width:960px; 

	height:200px; 

} 

#BODY .leftColumn h2{ 

	background-image:url(../images/signuptitle.jpg); 

	height:73px; 

	width:182px; 

	text-indent:-9999px; 

} 

#BODY .subnavigation{ 

	float:left; 

	height:35px; 

	width:960px; 

	background-image:url(../images/bgsubnav.jpg); 

	background-color:#000; 

} 

#CONTENT{ 

	float:left; 

	width:960px; 

	 

	padding-bottom:20px; 

} 

#CONTENT .leftColumn{ 

	float:left; 

	width:182px; 

} 

.signupform{ 

	background-image:url(../images/bgsignform.jpg); 

	width:182px; 

	height:176px; 

	background-repeat:no-repeat; 

} 

.signform{ 

	padding-top:19px; 

	width:126px; 

	margin:0 auto; 

	font-family:Georgia, "Times New Roman", Times, serif; 

	font-size:14px; 

	color:#081625; 

	font-weight:bold; 

} 

.signform .textInput, .signform .textInput2{ 

	width:126px; 

	border:1px solid #999; 

	margin-top:7px; 

	margin-bottom:7px; 

} 

#CONTENT .rightColumn{ 

	float:left; 

	width:778px; 

	background-image:url(../images/bgright.jpg); 

	background-repeat:no-repeat; 

	min-height:249px; 

} 

#CONTENT .textContent{ 

	float:left; 

	width:680px; 

	padding-left:37px; 

	padding-top:26px; 

} 

h3{ 

	font-size:20px; 

	margin-top:15px; 

	margin-bottom:10px; 

} 

h4{ 

	color:#000; 

	font-size:13px; 

} 

h5{ 

	color:#000; 

	margin-top:8px; 

	margin-bottom:8px; 

	font-size:12px; 

	font-weight:bold; 

} 

h1.tourattractions{ 

	background-image:url(../images/tourattractions.jpg); 

	width:221px; 

	height:31px; 

	text-indent:-9999px; 

} 


h1.placestosee{ 

	background-image:url(../images/placestosee.jpg); 

	width:221px; 

	height:31px; 

	text-indent:-9999px; 

} 


h1.specials{ 

	background-image:url(../images/specialspackages.jpg); 

	width:267px; 

	height:31px; 

	text-indent:-9999px; 

} 

h1.contact{ 

	background-image:url(../images/contact.jpg); 

	width:110px; 

	height:31px; 

	text-indent:-9999px; 

	background-repeat:no-repeat; 

} 

h1.gethere{ 

	background-image:url(../images/gethere.jpg); 

	width:500px; 

	height:31px; 

	text-indent:-9999px; 

	background-repeat:no-repeat; 

} 

h1.photogallery{ 

	background-image:url(../images/photogallery.jpg); 

	width:500px; 

	height:31px; 

	text-indent:-9999px; 

	background-repeat:no-repeat; 

} 

h1.blog{ 

	background-image:url(../images/blog.jpg); 

	width:500px; 

	height:31px; 

	text-indent:-9999px; 

	background-repeat:no-repeat; 

} 

h1.social2{ 

	background-image:url(../images/social.jpg); 

	width:500px; 

	height:31px; 

	text-indent:-9999px; 

	background-repeat:no-repeat; 

} 

.categories li{ 

	text-align:center; 

	 

} 

.categories li a{ 

	padding:5px; 

	width:169px; 

	height:15px; 

	display:block; 

	color:#000; 

	text-decoration:none; 

	padding:5px;	 

	border-bottom:1px solid #f0ecdf; 

} 

.categories li a:hover{ 

	color:#FFF; 

	background-color:#706750; 

} 

.articleImage{ 

	padding:10px; 

} 

li{ 

	line-height:1.4; 

} 

hr{ 

	padding-top:8px; 

	padding-bottom:8px; 

} 

h1.busitenerary{ 

	background-image:url(../images/busitenerary.jpg); 

	background-repeat:no-repeat; 

	width:272px; 

	height:31px; 

	text-indent:-9999px; 

} 

h1.bustour{ 

	background-image:url(../images/bustour.jpg); 

	background-repeat:no-repeat; 

	width:292px; 

	height:31px; 

	text-indent:-9999px; 

} 

h1.theinn{ 

	 

	background-image:url(../images/theinn.jpg); 

	background-repeat:no-repeat; 

	width:502px; 

	height:31px; 

	text-indent:-9999px; 

} 

h1.faq{ 

	 

	background-image:url(../images/faq.jpg); 

	background-repeat:no-repeat; 

	width:502px; 

	height:31px; 

	text-indent:-9999px; 

} 

h1.overview{ 

	background-image:url(../images/overview.jpg); 

	background-repeat:no-repeat; 

	width:127px; 

	height:31px; 

	text-indent:-9999px; 

} 

h1.welcome{ 

	background-image:url(../images/welcometomammoth.jpg); 

	width:502px; 

	height:47px; 

	text-indent:-9999px; 

} 

h2.thenow{ 

	background-image:url(../images/thenow.jpg); 

	background-repeat:no-repeat; 

	width:398px; 

	height:31px; 

	text-indent:-9999px; 

} 

h1.history{ 

	background-image:url(../images/history.jpg); 

	background-repeat:no-repeat; 

	width:104px; 

	height:31px; 

	text-indent:-9999px; 

} 

h1.thingstodo{ 

	background-image:url(../images/thingstodo.jpg); 

	background-repeat:no-repeat; 

	width:383px; 

	height:31px; 

	text-indent:-9999px; 

} 

h1.calendar{ 

	background-image:url(../images/calendar.jpg); 

	background-repeat:no-repeat; 

	width:220px; 

	height:31px; 

	text-indent:-9999px; 

} 

h1.guestrooms{ 

	background-image:url(../images/guestrooms.jpg); 

	background-repeat:no-repeat; 

	width:294px; 

	height:31px; 

	text-indent:-9999px; 

} 

#FOOTER 

{ 

	float:left; 

	width:960px; 

	height:30px; 

	background-image:url(../images/footbg.jpg); 

} 

#COPYRIGHT{ 

	float:left; 

	width:930px; 

	padding-left:30px; 

	font-size:10px; 

	color:#98907d; 

	padding-top:20px; 

} 

#COPYRIGHT a{ 

	text-decoration:none; 

	color:#98907d; 

} 

.bulleted{ 

	padding-left:10px; 

} 

.bulleted li{ 

	list-style:circle; 

	padding-top:5px; 

	 

} 

.previewBox{ 

	float:left; 

	width:410px; 

	padding-top:20px; 

} 

.previewBox .thumb{ 

	float:left; 

	width:100px; 

	padding:1px; 

} 

.previewBox img{ 

	border:1px solid #000; 

} 

.previewText{ 

	float:left; 

	width:259px; 

	padding:5px;	 

	padding-top:20px; 

} 

.previewText h3{ 

	font-size:14px; 

} 

.imageColumn{ 

	float:left; 

	width:33%; 

	color:#000; 

	text-align:center; 

	padding-top:10px; 

	 

	 

} 

.imageColumn img{ 

	border:1px solid #000; 

} 

.imageColumn a{ 

	color:#000; 

	text-decoration:none; 

} 

p{ 

	line-height:1.4; 

	padding-top:8px; 

	padding-bottom:8px; 

} 

.seotext ul, li { list-style-type:disc; margin:0 0 0 15px; } 

.seotext h2 { padding:4px 0 7px 0; font-size:15px; font-weight:bold; } 

.seotext a:link, .seotext a:visited, .seotext a:active { color:#444442; text-decoration:underline; } 

.seotext a:hover { text-decoration:none; } 

.seo-footer { text-align:center; margin:10px 0; color:#444442; } 

.seo-footer span { text-decoration:underline; font-weight:bold; color:#444442; } 

.seo-footer a:link, .seo-footer a:visited, .seo-footer a:active { font-weight:normal; text-decoration:none; color:#444442; } 

.seo-footer a:hover { text-decoration:underline; } 

.normaltext a:link, .normaltext a:visited, .normaltext a:active { color:#444442; text-decoration:underline; } 

.normaltext a:hover { text-decoration:none; } 

/*------ SEO PAGE HEADERS -----*/ 

.seotext h1.MammothCL {	background:url(../images/mammothcl.jpg) 0 0 no-repeat; height:31px;	text-indent:-9999px; } 

.seotext h1.MammothLH {	background:url(../images/mammothlh.jpg) 0 0 no-repeat; height:31px;	text-indent:-9999px; } 

.seotext h1.MammothLI {	background:url(../images/mammothli.jpg) 0 0 no-repeat; height:31px;	text-indent:-9999px; } 

.seotext h1.MammothMI {	background:url(../images/mammothmi.jpg) 0 0 no-repeat; height:31px;	text-indent:-9999px; }

.seotext h1.tmci {	background:url(../images/tmci.jpg) 0 0 no-repeat; height:31px;	text-indent:-9999px; } 

.seotext h1.MCIAAI {	background:url(../images/MCIAAI.jpg) 0 0 no-repeat; height:31px;	text-indent:-9999px; } 

.seotext h1.sitemap {	background:url(../images/sitemap.jpg) 0 0 no-repeat; height:31px;	text-indent:-9999px; } 


/* Social Connect */
.social{ width:800px;margin-left:25px; margin-top:26px;}
#screenshots ul li {float:left; list-style:none;}
#social-content {width:370px;float:left;margin-top:75px;}
#twitter-feed{ background-image:url(../social-images/twitterfeed.png); display:block; width:328px;height: 386px;float:left;margin-top:25px;margin-left:20px; }
#social-buttons ul li {float:left;list-style:none;}