﻿body {margin: 0; padding: 0; background: #000 url("../img/background-flat.jpg") no-repeat top center;}
img, img a, a img {border: 0; display: block;}
.clearBoth {clear: both;}

/*STRUCTURAL elements*/

#container {width: 1000px; margin: auto; position: relative;}
#header {width: 900px; padding-top: 35px; position: relative; margin: auto; min-height: 90px;}
#mid {width: 1000px; margin: auto; z-index: 2; position: relative; min-height: 425px; }
#flashContainer {width: 1000px; height: 425px; margin: auto; z-index: 2; position: absolute;}
#flashContainerAttractions {width: 900px; height: 406px; margin: auto; z-index: 2; position: absolute; left: 30px; background: #000;}
#footer {width: 870px; z-index: 4; position: relative; margin: auto;}
#buy {width: 252px; height: 269px; position: absolute; z-index: 4; top: -65px; left: 0px;}
#subNavContainer {width: 610px; float: right; bottom: 0; padding-top: 45px; z-index: 3;}
#signUp {width: 610px; float: right; bottom: 0; padding-top: 20px; padding-bottom: 15px;}
#nav {margin: 0; padding: 0px; vertical-align: middle; vertical-align: middle;}
#nav li {list-style: none; margin: 0; padding: 0px 40px 0px 0px; float: left; display: inline; vertical-align: middle;}
#nav img { vertical-align: middle; padding: 0px; border: 0px;}
#subNav {margin: 0; padding: 0px; vertical-align: middle;}
#subNav li {list-style: none; margin: 0; padding: 0px 40px 0px 0px; float: left; display: inline; line-height: 269px; vertical-align: middle;}
#subNav img {vertical-align: middle; padding: 0px; border: 0px;}
#map {width: 350px; position: relative; z-index: 10; padding: 10px 0px 0px 10px;}
#attractionsSub {width: 600px; padding-top: 15px; margin: auto;}

/*ADJUST height per content*/
#contentContainerHome {width: 437px; z-index: 4; position: relative; left: 520px; top: -30px; min-height: 400px;}
#videoContainer {width: 375px; height: 200px; z-index: 5; position: absolute; left: 0px; top: 0px; background: #333333;}
#border {width: 420px; z-index: 6; position: absolute; left: 0px; top: 0px;}

#contentContainerAttractions {width: 900px; z-index: 4; position: relative; margin: auto; min-height: 500px;}
#contentContainerSchedule {width: 350px; z-index: 4; position: relative; left: 525px; top: 0px;}
#contentContainerGroups {width: 450px; z-index: 4; position: relative; float: right; padding-right: 100px; top: -25px;}
#contentContainerDirections {width: 900px; z-index: 4; position: absolute; left: 0px; top: 20px;}
#directionsLeft {width: 425px; float: left; margin-left: 75px;}
#directionsRight {width: 350px; float: right; }
#contentContainerAccommodations {width: 800px; z-index: 4; position: relative; left: 85px; top: 0px;}
#contentContainerContact {width: 600px; z-index: 4; position: relative; left: 100px; top: 70px;}
#contentContainerWork {width: 350px; z-index: 4; position: relative; left: 525px; top: 50px;}

/*TEMPLATE page*/
#contentContainerGeneric {width: 800px; margin: auto; min-height: 400px; background-color: #000; padding: 35px; position: relative; left: -25px; }


/*NAV rollover*/

#haunted {display: block; width:129px; height: 91px; background: url("../img/nav/haunted.png") no-repeat 0 0;}
#haunted:hover {background-position: 0 -91px;}
#haunted span {display: none;}

#schedule {display: block; width: 111px; height: 88px; background: url("../img/nav/schedule.png") no-repeat 0 0;}
#schedule:hover {background-position: 0 -88px;}
#schedule span {display: none;}

#groups {display: block; width: 89px; height: 89px; background: url("../img/nav/groups.png") no-repeat 0 0;}
#groups:hover {background-position: 0 -89px;}
#groups span {display: none;}

#directions {display: block; width: 107px; height: 89px; background: url("../img/nav/directions.png") no-repeat 0 0;}
#directions:hover {background-position: 0 -89px;}
#directions span {display: none;}

#accommodations {display: block; width: 92px; height: 14px; background: url("../img/footer/accomodations.png") no-repeat 0 0;}
#accommodations:hover {background-position: 0 -14px;}
#accommodations span {display: none;}

#contact {display: block; width: 60px; height: 14px; background: url("../img/footer/contact.png") no-repeat 0 0;}
#contact:hover {background-position: 0 -14px;}
#contact span {display: none;}

#silverwood {display: block; width: 154px; height: 14px; background: url("../img/footer/silverwood.png") no-repeat 0 0;}
#silverwood:hover {background-position: 0 -14px;}
#silverwood span {display: none;}

#work {display: block; width: 111px; height: 14px; background: url("../img/footer/work.png") no-repeat 0 0;}
#work:hover {background-position: 0 -14px;}
#work span {display: none;}


/*FORM*/

form {width: 400px; padding-left: 0px;}
input {background-color: #434141; border: 0px; padding: 4px;}
label {display: block; margin-top : 10px; width: 100%; color: #cccccc; background-repeat: no-repeat;}
.formtext {font-family: Arial, Helvetica, Sans Serif; font-size: 10px; color: #ff9504; text-align: right;}
.textarea  {font-family: Arial, Helvetica, Sans Serif; font-size: 10px; color: #999999; text-align: left;}
.go {font-family: Arial, Helvetica, Sans Serif; font-size: 10px; color: #fff;}


/*FONT attributes*/

h3 {font-family: Arial, Helvetica, Sans Serif; font-size: 14px; color: #fff; font-weight: normal;}
h4 {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #fff;}

p {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #fff;}
p a:link {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #FF9900;text-decoration: none;}
p a:visited {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #FF9900; text-decoration: none;}
p a:hover {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #FF9900; text-decoration: underline;}
p a:active {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #FF9900; text-decoration: none;}

.maintext {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #fff;}
.maintext a:link {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #FF9900;text-decoration: none;}
.maintext a:visited {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #FF9900; text-decoration: none;}
.maintext a:hover {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #FF9900; text-decoration: underline;}
.maintext a:active {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #FF9900; text-decoration: none;}

.fullpartner  {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #fff;}
.fullpartner  a:link{font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #FF9900;text-decoration: none;}
.fullpartner  a:visited {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #FF9900;text-decoration: none;}
.fullpartner  a:hover {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #FF9900;text-decoration: underline;}
.fullpartner  a:active {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #FF9900;text-decoration: none;}

.otherpartner  {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #fff;}
.otherpartner  a:link{font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #FF9900;text-decoration: none;}
.otherpartner  a:visited {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #FF9900;text-decoration: none;}
.otherpartner  a:hover {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #FF9900;text-decoration: underline;}
.otherpartner  a:active {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #FF9900;text-decoration: none;}
.contactnum {font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #fff;}


.title {font-family: Arial, Helvetica, Sans Serif; font-size: 16px; color: #FF9900;}
.callout {font-family: Arial, Helvetica, Sans Serif; font-size: 16px; color: #fff;}
.smallType {font-family: Arial, Helvetica, Sans Serif; font-size: 11px; color: #fff;}
.orange {font-family: Arial, Helvetica, Sans Serif; font-size: 11px; color: #FF9900;}

