/*********************************************************
 * Reset deault Browser Styles                           *
 *********************************************************/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #000;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strong, b { font-weight: bold; }
em, i { text-decoration: underline; }
		
		
		
		
	  body {
	  	font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #6b5a15;
	  	/*position: relative;*/
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		overflow: hidden;
	  }
	  
	  .clearer { clear: both; }
	  
	  #logo {
	  	position: absolute;
		top: 0px;
		left: 30px;
		z-index: 10;
		width: 195px;
		height: 209px;
		overflow: hidden;
		text-indent: -999em;
		background: url(../img/layout/logo.png) no-repeat top left;
	  }
	  
	  #categorySelection {
	  	position: absolute;
		top: 90px;
		right: 0px;
		z-index: 10;
		width: 240px;
		height: 359px;
		overflow: hidden;
		background: url(../img/layout/bg_categoryBox.png) no-repeat top left;
		padding: 77px 30px 0px 60px;
	  }
	  #categorySelection #toggleShowBtn {
	  	position: absolute;
		top: 16px;
		left: 10px;
	  	width: 30px;
		height: 65px;
		cursor: pointer;
	  }
	  
	  ul#categoryList li a {
	  	display: block;
		height: 18px;
		line-height: 18px;
		margin-bottom: 10px;
		background: url(../img/layout/bullet_categoryList.png) no-repeat bottom left;
		font-weight: bold;
		font-size: 14px;
		color: #a8a288;
		text-decoration: none;
		padding-left: 30px;
	  }
	  
		ul#categoryList li a.active,
		ul#categoryList li a:hover {
			color: #6b5a15;
		}
		ul#categoryList li a.active {
			background-position: top left;
			color: #6b5a15;
		}
	  
	  #mapTooltipWebcam {
	  	display: none;
		position: absolute;
		z-index: 20;
		width: 280px;
		height: 229px;
		overflow: hidden;
	  }
	  
	  #mapTooltip {
	  	display: none;
	  	position: absolute;
		top: 239px;
		left: 842px;
		z-index: 20;
		width: 232px;
		height: 88px;
		padding: 25px 130px 25px 25px;
		overflow: hidden;
		background: url(../img/layout/bg_tooltip.png) no-repeat top left;
	  }
	  	#mapTooltip h2 {
	  		font-size: 14px;
			color: #005380;
			font-weight: bold;
			text-align: center;
			margin-bottom: 10px;
	  	}
		#mapTooltip #tooltipTeaser {
			line-height: 14px;
		}
		#mapTooltip #tooltipImg {
			position: absolute;
			top: 13px;
			right: 0px;
			width: 125px;
			height: 111px;
			overflow: hidden;
		}
	  
	  #mapTourContent {
	  	display: none;
	  	position: absolute;
		top: 60px;
		right: -469px;
		z-index: 30;
		width: 375px;
		height: 535px;
		padding: 42px 30px 0px 64px;
		background: url(../img/layout/bg_contentBox.png) no-repeat top left;
	  }
	  	#tourCloseBtn {
	  		position: absolute;
			top: 16px;
			left: 11px;
		  	width: 30px;
			height: 65px;
			cursor: pointer;
	  	}
		
		#mapTourContent h1 {
			font-size: 18px;
			color: #005380;
			font-weight: bold;
			margin-bottom: 25px;
		}
		
		#mapTourContent #tourElevationProfile {
			height: 145px;
			margin-bottom: 25px;
		}
		
		#tourDescription {
			margin-bottom: 25px;
			line-height: 18px;
			height: 180px;
			overflow: auto;
		}
		#tourDescription p { margin-bottom: 10px; }
		#tourDescription a { color: #6a0000; }
		#tourDescription a:hover { text-decoration: none; }
		
		#tourGallery a {
			display: block;
			width: 86px;
			height: 86px;
			float: left;
			margin-right: 10px;
		}
		
		#tourGallery a.imgLinkLast { margin-right: 0px; }
		
		
		
	  
