/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	cursor: pointer;
	color: #0c399e;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	margin-bottom: 10px;
}

strong {
	font-weight: bold;
}

/* General styles */

body {
	background: #1c63b1;
	color: #000;
	font-family: Helvetica, Verdana, Arial, Sans-serif;
	font-size: 12px;
	line-height: 18px;
	-webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.container {
	background: url("../images/bg-home.jpg");
	height: 720px;
	margin: 100px auto;
	position: relative;
	width: 1200px;
}

.subpagephoto {
	background: url("../images/bg-subpagephotos.jpg");
}

.subpagefaq {
	background: url("../images/bg-subpagefaq.jpg");
}

.bottombarinfo {
    bottom: 40px;
	  position: absolute;
    right: -1px;
}

.eventinfo {    
	background: url("../images/banner-railroad.png");
	display: inline-block;
  width: 527px;
  height: 115px;
  padding: 18px 5px 12px 25px;
  text-align: center;
  vertical-align: top;
}

.eventinfo-small { 
	position: absolute;
	bottom: 75px;
}

.buyinfo {    
	background: url("../images/banner-buytickets.png");
	display: inline-block;
  width: 349px;
  height: 115px;
  padding: 25px 5px 5px 25px;
  text-align: center;
  vertical-align: top;
}

.buyinfo p {
	color: #fff;
  line-height: 15px;
  margin-top: 5px;
}

header {
	display: inline-block;
	padding: 15px 25px;
	width: 300px;
}

header.subpage {
	background: none;
	width: 255px;
}

menu {
	display: inline-block;
	width: 410px;
	vertical-align: top;
	position: absolute;
	right: 110px;
}

.subpagephoto menu, .subpagefaq menu {
	width: 800px;
	right: 80px;
}

.subpagephoto menu li , .subpagefaq menu li {
	display: inline-block;
	vertical-align: top;
}

.menucopy {
	color: #123983;
  font-size: 9px;
  line-height: 11px;
  margin: 12px 10px 0;
}

.button {
	display: inline-block;
	text-indent: -9999px;
}

.button a, .button-small a {
	cursor: pointer;
	display: block;
}

.button-small {
	text-indent: -9999px;
}

.photoalbum {
	bottom: 160px;
}

.photoalbum a {
	background: transparent url("../images/nav-photogallery.png") center bottom;
	height: 63px;
	width: 202px;
}

.photoalbum-on {
	background: transparent url("../images/nav-photogallery.png") center top;
	height: 63px;
	width: 202px;
}

a.ticketbuy {
	background: transparent url("../images/button-buyticket.png") center bottom;
	height: 48px;
	width: 258px;
}

a.ticketbuy-small {
	background: transparent url("../images/button-buyticket-small.png") center bottom;
	height: 39px;
	margin-top: 10px;
	width: 198px;
}

.faq a {
	background: transparent url("../images/nav-faq.png") center bottom;
	height: 63px;
	width: 202px;
}

.faq-on {
	background: transparent url("../images/nav-faq.png") center top;
	height: 63px;
	width: 202px;
}

.photoalbum a:hover, .faq a:hover, .ticketbuy:hover, .ticketbuy-small:hover {
	background-position: center top;
}

.faq {
  bottom: 160px;
  right: 6px;
}

.dates-small {
	position: absolute;
  top: 230px;
  text-transform: uppercase;
  width: 330px;
  text-align: center;
} 

.subpage menu ul li {
	margin-bottom: 8px;
}

.content {
	display: inline-block;
	width: 725px;
	vertical-align: top;
  position: absolute;
	top: 85px;
  left: 285px;
}

.contentbox {
	display: inline-block;
	font-size: 13px;
  width: 605px;
  height: 420px;
  background: #fff;
  border-radius: 20px;
  padding: 30px 60px;
  overflow-y: scroll;
  vertical-align: top;
  text-align: center;
}

.photobox {
  height: 460px;
}

.subpage-title {
	display: block;
	margin: 0 0 8px 30px
}

.faqanchors {
  text-align: right;
  text-transform: uppercase;
  position: absolute;
  background-color: #fff;
  width: 600px;
  padding: 20px 0;
}

.faqsection {
  height: 490px;
  padding: 0 60px 30px 60px;
	text-align: left;
}

.faqanchors a {
	margin: 0 10px;
}

.photos {
	margin-top: 25px; 
	text-align: center;
}

.photos li {
	display: inline-block;
	width: 185px;
	margin: 0 10px 0 0;
}

a.anchor {
    display: block;
    position: relative;
    top: -20px;
    visibility: hidden;
}

footer {
	position: absolute;
	bottom: 0;
	width: 1200px;
	height: 44px;
}

.fisherprice, .railroad {
	display: inline-block;
	padding: 8px 0;
	width: 120px;
	text-align: center;
  vertical-align: top;
}

.copyright {
	display: inline-block;
  font-size: 10px;
  line-height: 12px;
  padding: 10px 0;
  vertical-align: top;
  width: 950px;
}

.photos li.clear, .clear {
	margin: 0;
	padding: 0;
}


/* Text styles */


h1 {
	background: url("../images/title-teamup.png");
	height: 65px;
	text-indent: -9999px;
	position: absolute;
  top: 19px;
  left: 340px;
}

h2 {
	color: #fff;
  font-size: 34px;
  font-weight: bold;
  line-height: 40px;
  text-transform: uppercase;
  margin: 0 auto 2px;
}

.subpage h2 {
	color: #123983;
  font-size: 22px;
  line-height: 24px;
}

h3 {
	color: #fff;
  font-size: 24px;
  font-weight: bold;
  line-height: 29px;
  text-transform: uppercase;
  margin: 0 auto;
  overflow: hidden;
}

.subpage h3 {
	color: #123983;
  font-size: 16px;
  line-height: 18px;
}

h4 {
	color: #fff;
  font-size: 19px;
  font-weight: bold;
  line-height: 24px;
  margin: 0 auto;
}

.subpage h4 {
	color: #123983;
  font-size: 13px;
  line-height: 18px;
}

h4.date {
	width: 344px;
}

h5 {
	color: #214096;
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 50px 0 0 0;
}

h5::before {
	content: "• ";
}

h5.faqtop {
	margin-top: 60px;
}

.faqsection strong {
  color: #00aeef;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 23px;
  margin-top: 10px;
  display: block;
}