/*

- tatanka ranch
- thetatankaranch.com/

- designed by
- switch creative group
- groupswitch.com

*/

/*

Table of Contents

	* Structure
	* Header
		¥ Navigation 
	* Main Content
	* Footer
	
*/



/* ! ---- STRUCTURE ---- */
/* ----------------------------------------------------------------------------- */

	body {
		background: #FFFFFF url(images/00-base/background.gif) repeat;
		margin: 0;
		text-align: center;
		}
	
	#container {
		background: #FFF url(images/00-base/background-container.jpg) repeat top;
		margin: 0 auto;
		width: 525px;
		}
	
	#dropShadow {
		background: url(images/00-base/backgroundShadow-3.png);
		margin: 0 auto;
		width: 550px;
		}
		



/* ! ---- HEADER ---- */
/* ----------------------------------------------------------------------------- */

	#header {
		background-color: #FFFFFF;
		height: 120px;
		margin-top: 0;
		width: 525px;
		}
	
	#header h1 {
		background: transparent url(images/00-base/header.png) no-repeat center top;
		height: 121px;
		margin: 0;
		width: 525px;
		}
	
	#header span {
		display: none;
		}




	/* ! ---- NAVIGATION ---- */
	/* ----------------------------------------------------------------------------- */
	
		#navcontainer {
			border-bottom: 1px solid #999;
			border-top: 1px solid #999;
			float: left;
			margin: .1em 0 1.7em;
			padding: .4em 0;
			text-align: center;
			width: 100%;
			}
		
		#navcontainer ul {
			color: #6F7071;
			font: 10px Trebuchet, Arial, Helvetica, sans-serif;
			margin: 0;
			padding: 0;
			text-transform: uppercase;
			}
		
		#navcontainer ul li {
			list-style: none;
			float: left;
			}
		
		#navcontainer ul li a {
			border-left: 1px solid #999;
			color: #6F7071;
			display: block;
			padding: 0.2em 0;
			text-decoration: none;
			}
		
		#navcontainer ul li a.noborder {
			border-left: none;
			}
		
		#navcontainer ul li a:hover {
			background-color: #e4e5e4;
			}
		
		#active a {
			background-color: #e4e5e4;
			}
		
		.home {
			width: 68px;
			}
		
		.lodging {
			width: 75px;
			}
		
		.activities {
			width: 83px;
			}
		
		.events {
			width: 70px;
			}
			
		.festival {
			width: 102px;
			}
		
		.wedding {
			width: 88px;
			}
		
		.rates {
			width: 60px;
			}
		
		.contact {
			width: 75px;
			}




/* ! ---- MAIN CONTENT ---- */
/* ----------------------------------------------------------------------------- */

	#mainContent {
		color: #818282;
		font: italic normal 12px/18px Georgia, "Times New Roman", Times, serif;
		margin: 0 auto;
		text-align: left;
		width: 480px;
		}
		
	#mainContent h6 {
		font: normal 9px Trebuchet, Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		text-align: right;
		}
		
	#mainContent h3 {
		color: #333333;
		font: lighter normal 18px Georgia, "Times New Roman", Times, serif;
		letter-spacing: 2px;
		}
		
	#mainContent img {
		float: left;
		margin: 2px 15px 10px 0;
		}
		
	#mainContent a:link {
		color: #333333;
		font-weight: normal;
		text-decoration: underline;
		}
		
	#mainContent a:visited { 
		color: #333333;
		font-weight: normal; 
		text-decoration: underline;
		}
		
	#mainContent a:hover, a:active {
		color: #818282;
		text-decoration: underline;
		}
		
	#mainContent h4 {
		color: #c88b6a;
		font-size: 14px;
		margin: 0;
		padding: 0;
		}
		
	#mainContent p {
		padding: 0;
		margin: 0 0 15px;
		}
	
	#mainContent span {
		display: none;
		}
		
	#mainContent #smallImages {
		background-color: #E9EAEB;
		border: 10px solid #E9EAEB;
		float: left;
		height: 83px;
		margin: 0 15px 0 0;
		width: 125px;
		}
		
	#mainContent #smallImages img {
		margin: 0;
		padding: 0;
		}
	
	#mainContent #column {
		float: none;
		margin-bottom: 10px;
		position: static;
		width: 480px;
		}
	
	#mainContent #lodgingHolder {
		float: none;
		margin: 0 0 0 170px;
		width: 300px;
		}
	
	#mainContent ul {
		font-size: 11px;
		font-style: normal;
		line-height: 20px;
		list-style: circle outside;
		margin: 0 0 20px;
		padding: 0 0 0 15px;
		text-indent: 0px;
		width: auto;
		}
	
	#mainContent #group p {
		margin: 0;
		padding: 0;
		}
	
	#mainContent #group {
		margin: 0 0 20px;
		padding: 0;
		}
	
	#details {
		margin: 15px;
		padding: 0;
		text-align: left;
		}
	
	ul.no-style {
		margin: 0;
		padding: 0;
		}
		
	ul.no-style li {
		list-style: none;
		list-style-position: inside;
		margin: 0 0 0 -15px;
		padding: 0;
		}
	
	img {
		border: none;
		}
	
	table {
		border: 1px solid #999;
		margin: 1.0em 0 2.0em;
		width: 480px;
		}
		
	th {
		background-color: #CFD0D0;
		border: 1px dotted #999;
		color: #000;
		font-style: italic;
		font-weight: normal;
		text-align: left;
		}
	
	th, td {
		padding: .5em;
		width: 10em;
		}
	
	.odd {
		background-color: #EFEFEF;
		}
		
		
		
/* ! ---- FOOTER ---- */
/* ----------------------------------------------------------------------------- */
	
	#footer_info {
		border-top: 1px solid #aaa;
		padding-top: 10px;
		}
	
	#footer {
		background: url(images/00-base/footer.png) no-repeat;
		height: 20px;
		margin: 0;
		padding: 0;
		width: 525px;
		}