html, body {
  margin: 0;
  padding: 0;
}

body {
  background-color: #1b1b1b;
  font-family: 'Trebuchet MS', 'Trebuchet', 'Lucida Grande', Arial, Helvetica, sans-serif;
  font-size: 77%;
}

body#large-image {
  background-color: #464f54;
}

a {
  text-decoration: none;
  color: #dedfdf;
}

a:hover {
  text-decoration: underline;
}

a img {
  border: none;
}

h1 {
  color: #dedfdf;
  font-size: 130%;
}

h2 {
  color: #1b1b1b;
  font-size: 105%;
  margin: 0;
  text-transform: uppercase;
}

h3 {
  color: #1b1b1b;
  font-size: 115%;
  margin: 15px 0 0;
}

p {
  color: #dedfdf;
  font-size: 100%;
  margin: 0;
  padding: 14px 0 0;
}

p.footnote {
  font-size: 95%;
}

.no-padding {
  padding: 0;
}

.left {
  float: left;
}

.right {
  float: right;
}

img.centered {
  display: block;
  margin: 15px auto 0;
}

.text-centered {
  text-align: center;
}

.text-right {
  text-align: right;
}

/* header */

div#header {
  background: #57646b url(../images/header-bg.jpg) repeat-x 0 0;
}

div#header ul#nav {
  font-size: 100%;
  margin: 0 auto;
  padding: 32px 24px 0 0;
  list-style-position: outside;
  list-style-type: none;
  position: relative;
  text-align: right;
  text-transform: uppercase;
  width: 960px;
  z-index: 1;
}

div#header ul#nav li {
  float: right;
  margin-right: 22px;
  padding-bottom: 9px;
  *padding-bottom: 0;
  position: relative;
}

div#header ul#nav li.last {
  margin-right: 10px;
}

div#header ul#nav li a {
  color: #dedfdf;
  display: block;
  *padding-bottom: 9px;
}

div#header ul#nav li ul.flyout {
  background: transparent url(../images/flyout-bg.png) repeat 0 0;
  _background-color: #e1e4dd;
  _background-image: none;
  border: 1px solid #464f54;
  left: -999em;
  list-style-type: none;
  margin-top: 3px;
  *margin-top: -5px;
  padding: 5px 0;
  position: absolute;
  width: 125px;
  z-index: 3;
}

div#header ul#nav li:hover ul.flyout, div#header ul#nav li.sfhover ul.flyout {
  left: auto;
  *left: -40px;
}

div#header ul#nav li ul.flyout li {
  float: none;
  margin-right: 0;
  padding: 5px 10px;
  text-align: left;
}

div#header ul#nav li ul.flyout li a {
  color: #1b1b1b;
  padding: 0;
}

/* content */

div#content {
  background-color: #464f54;
  border-bottom: 1px solid #e3e4d7;
  border-top: 1px solid #e3e4d7;
}

/* splash content area */

div#splash {
  background: transparent url(../images/splash.jpg) no-repeat 0 0;
  margin: 0 auto;
  padding: 80px 0;
  width: 1000px;
}

div#splash p {
  font-size:175%;
  padding: 15px 0;
}

/* interior content area */

div#interior {
  background: transparent url(../images/interior-bg.jpg) repeat-y 10% 0;
  margin: 0 auto;
  padding: 0 0 0 215px;
  position: relative;
  width: 785px;
}

div#interior img#logo {
  left: -75px;
  position: absolute;
  top: 90px;
}

div#interior h1 {
  margin: 0;
}

div#interior h1.middle {
  padding-top: 15px;
}

div#interior p {
  line-height: 18px;
}

div#about, div#products, div#key-tag, div#victory-pack, div#cookie-dough, div#testimonials, div#discounts {
  padding: 20px 0;
}

/* products main page */

div#products {
  width: 750px;
}

div#products div {
  padding: 20px 0;
}

div#products div#product-links {
  
}

div#products div#product-links div {
  float: left;
  margin-right: 10px;
  text-align: center;
  width: 240px;
}

div#products div#product-links div p {
  padding: 0;
}

/* about, keytags, tickets, cookie dough */

div#about {
  float: left;
  text-align: justify;
  width: 450px;
}

div#key-tag, div#ticket, div#cookie-dough{
  float: left;
  text-align: justify;
  width: 359px;
}

div#key-tag-images, div#ticket-images, div#cookie-images {
  background: transparent url(../images/key-tag-bg.jpg) repeat-y 0 0;
  float: right;
  padding: 20px 0;
  width: 402px;
}

div#ticket-images {
  float: none;
  height: 100%;
  padding: 0;
  *padding-bottom: 0 !important;
  _padding-bottom: 168px;
  position: absolute;
  right: 0;
  top: 0;
}

div#ticket-images img {
  margin-top: 20px;
}

div#about-images {
  background: transparent url(../images/about-images-bg.jpg) repeat-y 0 0;
  float: right;
  padding: 20px 0;
  width: 300px;
}

div#about-images img {
  margin-bottom: 10px;
}

div#cookie-images img {
  margin-left: 60px;
  margin-top: 15px;
  padding-bottom: 30px;
}

div#key-tag p.links {
  margin-top: 50px;
}

div#ticket p.links, div#cookie-dough p.links, div#about p.links {
  margin-top: 30px;
}

p#ticket-link {
  _margin-bottom: 20px;
}

img.image-large {
  margin-bottom: 20px;
}

p.close-window {
  margin-bottom: 20px;
}

div#discounts {
  _height: 310px;
  min-height: 310px;
}

/* contact form */

form {
  color: #dedfdf;
  font-size: 110%;
  margin: 20px 0;
}

form div {
  padding: 5px !important;
}

form div label {
  display: block;
  float: left;
  padding: 4px 0 0;
  width: 200px;
}

div#submit {
  margin-top: 20px;
  padding: 0 !important;
  text-align: right;
  width: 460px;
  [;
    width: 425px;
  ;]
  *width: 425px;
}

/* testimonials */

div#testimonials {
  width: 700px;
}

p.testimonial {
  background-color: #535c61;
  border: 1px solid #313639;
  margin: 15px 0;
  padding: 20px;
}

p.testimonial span {
  display: block;
  font-size: 105%;
  margin: 8px 0 0 0;
  float: right;
}

/* splash callouts */

div#callouts {
  width: 1000px;
  margin: 0 auto 21px;
}

div#callouts div {
  float: right;
  margin-right: 44px;
  width: 245px;
}

div#callouts div#contact {
  position: relative;
  padding-left: 76px;
  width: 179px;
}

div#callouts div p {
  line-height: 16px;
}

img#contact {
  position: absolute;
  top: -4px;
  left: 0;
}

p.learn-more {
  text-align: right;
}

a.learn-more {
  background: transparent url(../images/learn-more.gif) no-repeat 100% 50%;
  padding-right: 15px;
}

/* multimedia */

div.video div {
  padding: 0 !important;
}

/* footer */

div#footer {
  background: transparent url(../images/footer-bg.jpg) repeat-x 0 0;
  _height: 300px;
  min-height: 300px;
  padding: 20px 0 0;
}

img#large-logo {
  display: block;
  margin: 0 auto 0;
}

p#phone, p#copyright {
  color: #55646c;
  font-size: 95%;
  text-align: center;
}

p#phone {
  border-bottom: 1px solid #55646c;
  margin: 5px auto;
  padding-bottom: 7px;
  width: 235px;
}

p#copyright {
  padding: 6px 0 20px;
}

#savings {
  margin: 40px 0 0;
}

#savings #abenity_fundraiser_heading, #savings #abenity_registration_code {
  color: #DEDFDF !important;
}

#savings-internal {
  margin-top: 25px;
}

#abenity_fundraiser_login {
  background-color: transparent !important;
  margin: 0 auto;
  width: 750px !important;
}

form#abenity_fundraiser_login_form {
  margin: 4px 0 !important;
}


/*clearfix */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}


.clearfix {
  display: inline-block;
} 


html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}


