/*-------------------------RESET--------------------*/

* { margin: 0; padding: 0; }

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, code, em, 
img, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, table, caption, tbody, tfoot, thead, 
tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;	/*font-weight: inherit;*/ font-style: inherit; font-size: 100%;	 font-family: inherit; vertical-align: baseline;}

body {  
	font-size: 62.5%;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	background-color: black;
	color: #d8d8d8;
}
p {color: #d8d8d8;}
h1 {color: #d8d8d8;}
h2{margin-bottom: 0.6em; color: #d8d8d8;}
h4 {font-weight: bold; font-size: 1.1em; color: #d8d8d8;}

a {color: #cfbe97;}
a:visited {color: #a88745;}
a:hover {color: #88955a;}
a:active {color: #68440c;}

ul {list-style: none;}

table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: lighter;}

.imp {color: #88955a;}

/*------------------WRAPPER------------------*/

#wrapper {
	background-color: black;
	background: url("/images/bg2011.jpg") no-repeat scroll top center;
	width: 100%;
	height: 1300px;
	position: relative;
	margin: 0 auto 0 auto;
	font-size: 1.2em;
	line-height: 2.0em;
}

/*------------------MAIN------------------*/

#main {
/*	background-color:  blue; */
	width: 1024px;
	height: auto;
	margin: auto;
}

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

#header {
	width: 960px;
	height: 135px;
	margin: auto;
	padding: 0 32px 15px 32px;
}

#logo {
	width: 379px;
	height: 50px;
	position: absolute;
	margin-top: 85px;
	float: left;
	}
	
#logo h1 a {
	width: 379px;
	height: 50px;
	display: block;
	text-indent: -9999px;
	background-image: url("/images/dhh_logo.jpg");
}
	
.nav {
	width: 481px;
	height: 30px;
	position: absolute;
	margin: 105px 0 0 406px;
	float: left;
	list-style: none;
}

.nav li {
	display: inline;
	margin-right: 15px;
	height: 30px;
}

.nav a {
	display: inline-block;
	height: 30px;
	overflow: hidden;
	text-indent: -9999px;
	background-image:url("/images/nav.jpg");
}

.nav_home a {
	width: 47px;
	background-position: 0 0;
}
.nav_home a:hover {background-position:0 -30px;}
.nav_home a:active {background-position:0 -60px;}
#index .nav_home a {background-position:0 -90px}
#index .nav_home a:hover {background-position:0 -30px;}
#index .nav_home a:active {background-position:0 -60px;}

.nav_about a {
	width: 57px;
	background-position: -60px 0;
}
.nav_about a:hover {background-position: -60px -30px;}
.nav_about a:active {background-position: -60px -60px;}
#about_pg .nav_about a {background-position:-60px -90px}
#about_pg .nav_about a:hover {background-position:-60px -30px;}
#about_pg .nav_about a:active {background-position:-60px -60px;}

.nav_photos a {
	width: 67px;
	background-position: -128px 0;
}
.nav_photos a:hover {background-position: -128px -30px;}
.nav_photos a:active {background-position: -128px -60px;}
#photos_pg .nav_photos a {background-position:-128px -90px}
#photos_pg .nav_photos a:hover {background-position:-128px -30px;}
#photos_pg .nav_photos a:active {background-position:-128px -60px;}

.nav_video a {
	width: 51px;
	background-position: -208px 0;
}
.nav_video a:hover {background-position: -208px -30px;}
.nav_video a:active {background-position: -208px -60px;}
#video_pg .nav_video a {background-position:-208px -90px}
#video_pg .nav_video a:hover {background-position:-208px -30px;}
#video_pg .nav_video a:active {background-position:-208px -60px;}

/*
.nav_stories a {
	width: 70px;
	background-position: -272px 0;
}
.nav_stories a:hover {background-position: -272px -30px;}
.nav_stories a:active {background-position: -272px -60px;}
*/
.nav_contact a {
	width: 74px;
	background-position: -355px 0;
}
.nav_contact a:hover {background-position: -355px -30px;}
.nav_contact a:active {background-position: -355px -60px;}
#contact_pg .nav_contact a {background-position:-355px -90px}
#contact_pg .nav_contact a:hover {background-position:-355px -30px;}
#contact_pg .nav_contact a:active {background-position:-355px -60px;}

.relocate {
	width: 209px;
	height: 89px;
	float: right;
	margin: 10px 30px 0 0;
	background-image:url("/images/address.jpg");
	text-indent: -9999px;
}

/*------------------CONTENT------------------*/

#content {
	/*background-color: green;*/
	width: 1024px;
	height: auto;
	padding-top: 15px;
	margin: auto;
}


/*----------------------INDEX CONTENT------------------------*/
/*------------------LEFT COL------------------*/

#left_col {
	/*background-color: orange;*/
	width: 512px;
	height: auto;
	float: left;
}

#weve_moved {
	width: 437px;
	height: 300px;
	padding: 50px 40px 0 32px;
	background: url("/images/metalbg1.png")
}

#weve_moved h2 {
	width: 222px;
	height: 36px;
	background: url("/images/wevemoved.png");
	text-indent: -9999px;
}

#map {
	border:1px solid black;
	width: 89px;
	height: 89px;
	float: left;
	margin-top: 0.6em;
	margin-right: 1.2em;
}

#theme {
	padding:0 40px 0 32px;
}

#theme h2 {
	text-indent: -9999px;
	width: 92px;
	height: 20px;
	background: url("/images/theme.png");
}

#stats {
	width: 440px;
	height: 266px;
	padding: 43px 40px 0 32px;
	background: url("/images/metalbg2.png");
}

#stats h2 {
	width: 90px;
	height: 20px;
	text-indent: -9999px;
	background: url("/images/stats.png");
}

/*------------------RIGHT COL------------------*/

#right_col {
	/*background-color: purple;*/
	width: 470px;
	height: auto;
	float: right;
	padding: 0 32px 0 10px;
}

#admission {
	width: 440px;
	height: 265px;
	padding: 48px 40px 0 32px;
	margin-top: 16px;
	background: url("/images/metalbg3.png");
}

#hours {
	width: 200px;
	margin-left: 1.5em;
	float: left;
}
#hours h2 {
	text-indent: -9999px;
	width: 127px;
	height: 20px;
	background: url("/images/hours.png");
}
#admiss {
	width:200px;
	float: right;
}
#admiss h2 {
	text-indent: -9999px;
	width: 85px;
	height: 20px;
	background: url("/images/admission.png");
}

#admiss h3 {font-size: 1.5em; margin-top: 1.2em;}

#twitter_feed {
	width: 405px;
	height: 557px;
	padding: 18px 60px 0 47px;
	background: url("/images/metalbg4.png");
}
#twitter_feed h2 {
	text-indent: -9999px;
	width: 158px;
	height: 20px;
	background: url("/images/twitter.png");
}

#twitter {width: 410px; height: 400px;}


/*----------------------ABOUT CONTENT------------------------*/
/*------------------LEFT COL------------------*/

#about_left_col {
	float: left;
	width: 610px;
	padding: 50px 30px 0 32px;
}

#about_left_col h2 {
	text-indent: -9999px;
	background-image:url("/images/whoweare.png");
	width: 608px;
	height: 34px;
	}
#about_left_col h3 {
	text-indent: -9999px;
	width: 274px;
	height: 20px;
	background-image:url("/images/beginning.png");
}

#about_left_col img {float: right;}


#about_left_col p {margin-bottom: 1.2em; color: #d8d8d8;}

/*------------------RIGHT COL------------------*/
#about_right_col {
	width: 290px;
	float: right;
	padding: 50px 32px 0 30px;
	}
#about_right_col h2 {
	text-indent: -9999px;
	width: 61px;
	height: 34px;
	background-image:url("/images/faq.png");
}

#about_right_col p {margin-bottom: 1.2em}

/*----------------------PHOTOS CONTENT------------------------*/
/*------------------LEFT COL------------------*/
#photos_col {
	width: 960px;
	padding: 50px 32px 0 32px;
}

#photo_text {
	float: right;
	width: 285px;
	padding:0 0 0 15px;
}

#photo_text p {margin-bottom: 1.2em;}
#photo_text h5 {margin-top: 1.2em;}

/*----------------------VIDEO CONTENT------------------------*/
/*------------------VID BOX------------------*/
.vid_box {
	padding: 50px 32px 0 32px;
	height: 460px;
}
.tube_box {
	padding: 50px 32px 0 32px;
	height: 570px;
}
.vid_box h1 {margin-bottom: 15px; text-indent: -9999px; color: #d8d8d8;}
.vid_box p {width: 300px; float: right; margin-top: 40px; color: #d8d8d8;}
.tube_box h1 {margin-bottom: 15px; text-indent: -9999px; color: #d8d8d8;}
.tube_box p {width: 300px; float: right; margin-top: 40px; color: #d8d8d8;}

#vid_question {margin-top: -50px; font-weight: bold;}

.vimeo_player {margin-bottom: 25px; float: left;}
#weare {width: 614px; height: 39px; background-image:url("/images/weare.png")}
#dance {width:173px; height:40px; background-image:url("/images/danceout.png")}
#orientation {width:287px; height:40px; background-image:url("/images/orientationday.png")}
#kitchen {width:238px; height:40px; background-image:url("/images/kitchencrew.png")}
#film {width:174px; height:40px; background-image:url("/images/filmcrew.png")}
#behind_scenes {width:311px; height:40px; background-image:url("/images/behindscenes.png")}
#behind_faces {width:293px; height:40px; background-image:url("/images/behindfaces.png")}
#running {width:233px; height:40px; background-image:url("/images/runningaway.png")}
#interviews {width:197px; height:40px; background-image:url("/images/interviews.png")}
#funny {width:272px; height:40px; background-image:url("/images/funnymoments.png")}
#inside {width:298px; height:40px; background-image:url("/images/insidehaunt.png")}

/*----------------------CONTACT CONTENT------------------------*/
/*------------------LEFT COL------------------*/
#cont_left_col {
	width: 290px;
	float: left;
	padding: 50px 32px 0 30px;
}

#cont_left_col h2 {
	width: 167px;
	height: 30px;
	background-image:url("/images/wherewereat.png");
	text-indent: -9999px;
}

#cont_left_col img {margin-left: -30px}
#cont_left_col h4 {margin-top: 1.2em; color: #d8d8d8;}
/*------------------MID COL------------------*/
#cont_mid_col {
	width: 290px;
	float: left;
	padding: 50px 10px 0 10px;
}
#cont_mid_col h2 {
	width: 247px;
	height: 30px;
	background-image:url("/images/getinvolved.png");
	text-indent: -9999px;
}

/*------------------RIGHT COL------------------*/
#cont_right_col {
	width: 362px;
	float: right;
}

#metalbg5 {
	width: 300px;
	height: 356px;
	background-image:url("/images/metalbg5.png");
	float: right;
	padding: 50px 30px 0 32px;
}
#cont_right_col h2 {
	width: 159px;
	height: 30px;
	background-image:url("/images/connected.png");
	text-indent: -9999px;
}

#cont_right_col p{margin-bottom: 1.2em; color: #d8d8d8;}

#cont_right_col img {
	width:32px;
	height:33px;
	float: left;
	margin: 0 10px 5px 0;
}

#cont_right_col h3 {line-height: 38px; color: #d8d8d8;}


/*------------------FOOTER------------------*/

#footer {
	clear: both;
	width: 960px;
	height: 20px;
	margin: 15px auto 10px auto;
	padding: 4px 32px 5px 32px;
	background-image:url("/images/footer_bg.png");
	}

#footer p {
	color: #d8d8d8;
}

.foot_copyright {
	float: left;
}

.foot_address {
	float: right;
}