* {	margin: 0px; padding: 0px;}
html { overflow-y: scroll; }
body {font: 1em Arial, Helvetica, sans-serif; color: #003399;}
#copyright {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#copyright p {
	font-size: .8em;
	padding-top: 5px;
	padding-bottom: 5px;
}


#hidden-headings {
	position: absolute;
	left: -205px;
	width: 200px;
}
#experience, #about, #action, #events {
	background: #FFFFFF url(../images/main-bkgd.gif) repeat-x left 1px;
	}

#experience #page-wrap {
	width: 960px;
	background: url(../images/background_art_3.jpg) no-repeat center top;
	height: 720px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 100;
}

#experience #page-wrap #header {
	background: #FFFFFF url(../images/Klint_logo_wh.gif) no-repeat 20px center;
	width: 960px;
	height: 58px;
	text-indent: -9999px;
}

#about #page-wrap, #action #page-wrap, #events #page-wrap {
	width: 960px;
	background: url(../images/background_art_3_light.jpg) no-repeat center top;
	height: 720px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 100;
	}
	#about #page-wrap #header a img, #action #page-wrap #header a img, #events #page-wrap #header a img {
		padding-top: 10px;
		padding-left: 20px;
		}
		
/*#workPageWrap {
	width: 960px;
	height: 720px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	}*/
#page-wrap {
	width: 960px;
	background: url(../images/background_art_3_light.jpg) no-repeat center -58px;
	height: 662px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	}	
	#page-wrap #header {
		height: 59px;
		background: #FFFFFF;
		}
		#page-wrap #header a img {
			padding-top: 10px;
			padding-left: 20px;
			}

#page-wrap #nav {
	z-index: 50;
	padding-top: 50px;
}
#page-wrap #nav li {
	list-style: none;
}
#page-wrap #nav li a {
	display: block;
	text-indent: -9999px;
	height: 40px;
	margin-bottom: 8px;
	}
	#page-wrap #nav a.about {
		background: url(../images/wh_about_roll_sm.gif) no-repeat left bottom;
		width: 204px;
		}
		#page-wrap #nav a.about:hover {
			background: url(../images/wh_about_roll_sm.gif) no-repeat left top;
		}
	#page-wrap #nav a.work {
		background: url(../images/wh_work_roll_sm.gif) no-repeat left bottom;
		width: 181px;
		}
		#page-wrap #nav a.work:hover {
			background: url(../images/wh_work_roll_sm.gif) no-repeat left top;
		}
	#page-wrap #nav a.action {
		background: url(../images/wh_action_roll_sm.gif) no-repeat left bottom;
		width: 227px;
		}
		#page-wrap #nav a.action:hover {
			background: url(../images/wh_action_roll_sm.gif) no-repeat left top;
		}
	#page-wrap #nav a.events {
		background: url(../images/wh_events_roll_sm.gif) no-repeat left bottom;
		width: 227px;
		}
		#page-wrap #nav a.events:hover {
			background: url(../images/wh_events_roll_sm.gif) no-repeat left top;
		}
#about #page-wrap #nav a.about {

		background: url(../images/wh_about_roll_sm.gif) no-repeat left bottom;
		width: 204px;
}
#about #page-wrap .aboutNotes {
	font-size: 1.1em;
	width: 65%;
	margin-left: 50px;
	font-weight: normal;
	line-height: 1.2em;
	margin-top: 25px;
}
#about #page-wrap .aboutNotes .accent {
	text-decoration: underline;
}

#about #page-wrap #subNav {
	margin-top: 160px;
	}
	#about #page-wrap #subNav li {
		list-style: none
		}
		#about #page-wrap #subNav li a {
			display: block;
			text-indent: -9999px;
			height: 30px;
			margin-bottom: 8px;
			}
			#about #page-wrap #subNav a.cv {
				background: url(../images/wh_CV_roll_sm.gif) no-repeat left bottom;
				width: 105px;
				}
				#about #page-wrap #subNav a.cv:hover {
					background: url(../images/wh_CV_roll_sm.gif) no-repeat left top;
					}
			#about #page-wrap #subNav a.statement {
				background: url(../images/wh_statement_roll_sm.gif) no-repeat left bottom;
				width: 228px;
				}
				#about #page-wrap #subNav a.statement:hover {
					background: url(../images/wh_statement_roll_sm.gif) no-repeat left top;
					}
			#about #page-wrap #subNav a.links {
				background: url(../images/wh_links_roll_sm.gif) no-repeat left bottom;
				width: 158px;
				}
				#about #page-wrap #subNav a.links:hover {
					background: url(../images/wh_links_roll_sm.gif) no-repeat left top;
					}
			#about #page-wrap #subNav a.catalog {
				background: url(../images/wh_catalog_roll_sm.gif) no-repeat left bottom;
				width: 196px;
				}
				#about #page-wrap #subNav a.catalog:hover {
					background: url(../images/wh_catalog_roll_sm.gif) no-repeat left top;
					}

#action #page-wrap #subNav, #events #page-wrap #subNav {
	margin-top: 250px;
	}
	#action #page-wrap #subNav li, #events #page-wrap #subNav li {
		list-style: none
		}
		#action #page-wrap #subNav li a {
			display: block;
			text-indent: -9999px;
			height: 30px;
			margin-bottom: 8px;
			}	
			#action #page-wrap #subNav a.oceans {
	width: 209px;
	background-image: url(../images/wh_oceans_roll_sm.jpg);
	background-repeat: no-repeat;
	background-position: -30px bottom;
				}
				#action #page-wrap #subNav a.oceans:hover {
	background-image: url(../images/wh_oceans_roll_sm.jpg);
	background-repeat: no-repeat;
	background-position: -30px top;
	width: 290px;
					}				
			#action #page-wrap #subNav a.unVerschwinden {
				background: url(../images/wh_un_verschwinden_roll_sm.gif) no-repeat left bottom;
				width: 300px;
				}
				#action #page-wrap #subNav a.unVerschwinden:hover {
					background: url(../images/wh_un_verschwinden_roll_sm.gif) no-repeat left top;
					}
			#action #page-wrap #subNav a.tvReal {
	width: 225px;
	background-image: url(../images/wh_TV_Real_02_roll_sm.jpg);
	background-repeat: no-repeat;
	background-position: -30px bottom;
				}
				#action #page-wrap #subNav a.tvReal:hover {
	background-image: url(../images/wh_TV_Real_02_roll_sm.jpg);
	background-repeat: no-repeat;
	background-position: -30px top;
					}
			#action #page-wrap #subNav a.thirteen {
	width: 225px;
	background-image: url(../images/wh_TV_Real_01_roll_sm.jpg);
	background-repeat: no-repeat;
	background-position: -30px bottom;
				}
				#action #page-wrap #subNav a.thirteen:hover {
	background-image: url(../images/wh_TV_Real_01_roll_sm.jpg);
	background-repeat: no-repeat;
	background-position: -30px top;
					}
			#action #page-wrap #subNav a.taste {
				background: url(../images/wh_taste_your_way_roll_sm.gif) no-repeat left bottom;
				width: 437px;
				}
				#action #page-wrap #subNav a.taste:hover {
					background: url(../images/wh_taste_your_way_roll_sm.gif) no-repeat left top;
					}
			#action #page-wrap #subNav a.coyote {
				background: url(../images/wh_coyote_roll.gif) no-repeat -15px bottom;
				width: 352px;
				}
				#action #page-wrap #subNav a.coyote:hover {
					background: url(../images/wh_coyote_roll.gif) no-repeat -15px top;
					}
			#action #page-wrap #subNav a.toby {
				background: url(../images/wh_tobys_last_day_roll_sm.gif) no-repeat left bottom;
				width: 316px;
				}
				#action #page-wrap #subNav a.toby:hover {
					background: url(../images/wh_tobys_last_day_roll_sm.gif) no-repeat left top;
					}
			#action #page-wrap #subNav a.roden {
				background: url(../images/wh_roden_blur_roll.gif) no-repeat -15px bottom;
				width: 416px;
				}
				#action #page-wrap #subNav a.roden:hover {
					background: url(../images/wh_roden_blur_roll.gif) no-repeat -15px top;
					}

#events #page-wrap #subNav p {
	padding-top: 10px;
	padding-bottom: 30px;
	padding-left: 30px;
	font-weight: bold;
	}
	#events #page-wrap #subNav li a {
	text-decoration: none;
	color: #003399;
		}
		#events #page-wrap #subNav li a:hover {
			text-decoration: underline;
			}
.clear {
	clear: both;
}