/* Page Structure*/

@import url("content.css");

/* TOC

1: - Global Styles

2: - Header

3: - Main Nav

4: - Content

5: - Footer

*/


/* 1 :-------- Global Styles ------------ */


	body {
		margin:0;
		padding:0;
		background-color:#fff;
		font-family: tahoma, arial, helvetica, verdana, sans-serif;
		font-size: 0.75em;
		line-height: 140%;
		color: #312e07;
		}
		
	html, form {
		margin:0;
		padding:0;
	}
	

	
	span, p{
		line-height: 140%;
	}
		
	.skipLink {
		position: absolute;
		margin-top: -999px;
		}
	
	#wrapper {
		width: 1000px;
		margin: 0px auto;
		padding: 0;
	}
		
	#container {
		width: 1000px;
		margin: 0;
		padding: 0;
		float:left;
		background: #fff url(../Images/generic/container-bg-leftcol.gif) 0 0 repeat-y; /* background for leftCol */
		}

	.clear {
		clear: both;
		}
		
	.searchFormSpliter {
		display: none;
		}

/* 2 :-------- Header ------------ */

	.header {
		height: 100px;
		width: 1000px;
		background: #fff url(/Images/Generic/supernav_bg.gif) right top no-repeat;
		margin:0;
		padding:0;
		}
		
	.mainLogo {
		float:left;
		width: 280px;
		height: 100px;
		margin: 0;
		}
		
	.searchBar {
		float: left;
		height: 35px;
		width: 320px;
		margin: 0;
		padding: 3px 0 0 370px;
		}


/* 3 :-------- Main Nav ------------ */

	#mainNav {
		width: 717px;
		height: 62px;
		float: left;
		margin: 0;
		padding: 0;
		}
	
	#mainNav ul {
		width:717px;
		height: 62px;
		margin: 0;
		padding: 0;
		background: #fff url(/Images/Nav/mainnav.gif) no-repeat left top;
		}
		
	#mainNav li {
		float: left;
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
			
	#mainNav a {
		height: 62px;
		margin: 0;
		padding: 0;
		text-decoration: none;
		text-indent: -10000em;
		font-size: 0.1em;
		float: left;
		cursor: pointer;
		}
		
	/* off states */
	#mainNav #navTripDestination a { width: 132px; }
	#mainNav #navAbout a { width: 88px; }
	#mainNav #navBlog a { width: 81px; }
	#mainNav #navPhotos a { width: 109px; }
	#mainNav #navFaq a { width: 79px; }
	#mainNav #navContact a { width: 106px; }
	#mainNav #navTrip a { width: 122px; }

	
/* over + active states */
	#mainNav #navTripDestination a:hover, #tripDestination #mainNav #navTripDestination a { background: url(/Images/Nav/mainnav.gif) no-repeat 0px -63px; }
	#mainNav #navAbout a:hover, #about #mainNav #navAbout a { background: url(/Images/Nav/mainnav.gif) no-repeat -132px -63px; }
	#mainNav #navBlog a:hover, #blog #mainNav #navBlog a { background: url(/Images/Nav/mainnav.gif) no-repeat -220px -63px; }
	#mainNav #navPhotos a:hover, #photos #mainNav #navPhotos a { background: url(/Images/Nav/mainnav.gif) no-repeat -301px -63px; }
	#mainNav #navFaq a:hover, #faq #mainNav #navFaq a { background: url(/Images/Nav/mainnav.gif) no-repeat -410px -63px; }
	#mainNav #navContact a:hover, #contact #mainNav #navContact a { background: url(/Images/Nav/mainnav.gif) no-repeat -489px -63px; }
	#mainNav #navTrip a:hover, #trip #mainNav #navTrip a { background: url(/Images/Nav/mainnav.gif) no-repeat -595px -63px; }
	
	
/* 4 :-------- Content ------------ */

	.banner{
		position:relative;
		height: 360px;
		width: 1000px;
		margin: 0;
		padding: 0;	
	}
	
	#flashcontent{
		height: 360px;
		width: 1000px;
		margin: 0;
		padding: 0;	
		z-index:8;
	}
	
	.content {		
		width:963px;
		margin:0 0 0 12px;
		float:left;
		}
	
	.leftCol{
		width: 163px;
		margin: 0 20px 0 0;
		float:left;
	}
	
	.rightCol{
		width: 275px;
		float:left;
		margin:0;
	}
	
	.mainCol{
		width:475px;
		margin-right:20px;
		margin-top:10px;
		float:left;
	}
	
	#photos .mainCol{
		width:660px;
	}
	
	.dirtBackground{
		background: url(/Images/Generic/dirt_bg.gif) no-repeat -10px bottom;
	}
	
	.dirtBackgroundDarker{
		background: url(/Images/Generic/dirt_bg2.gif) no-repeat left bottom;
	}
	
	.colSpan2{
		width:770px;
		margin-right:0px;
	}


/* See content.css */

/* 5 :-------- Footer ------------ */

	.footer {
		position:relative;
		width: 1000px;
		height: 40px;
		margin: 0;
		padding:0px;
		clear: both;
		background-image: url(/Images/Generic/footer_bg.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		z-index:23;
		}
	
	.footer ul {
		margin: 0;
		padding: 17px 0px 0px 30px;
		}
	
	.footer li {
		display: inline;
		margin: 0;
		padding: 0;
		list-style: none;
		}
	
	.footer li.copyright {
		padding-left:460px;
	}
		
	.footer a {
		padding: 0px 8px;
		color:#4c4a28;
		text-decoration:none;
		font-weight:normal;
		}
		
	.footer a:hover{
		text-decoration: underline;
		color:#4c4a28;
	}