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:700px; 



	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;}