/* Import shared styles 
-------------------------------------------------- */

@import "common.css";
@import "template_base.css";
@import "navigation.css";
@import "jquery.fancybox.css";

/* Structure
-------------------------------------------------- */

#wrapper {
  width: 902px;
  margin: 60px auto;
}

#header {
  display: none;
}

#content,
#main {
  padding: 0; 
  background: none;
  border: 0;
  width: 691px;
  margin: 0 auto;
}

h2 {
  border: 0;
  margin: 0 0 3px;
  padding: 0;
}

h2 a:link,
h2 a:visited {
  background: url("/images/bg_arrow.gif") right no-repeat;
  display: block;
  padding-right: 35px;
  text-transform: uppercase;
  color: #f6fbfc;
  font-size: .7em;
  line-height: 2.7em;
  margin: 0;
  padding: 0;
  text-decoration: none;
  height: 49px;
  width: 380px;
  letter-spacing: .07em;
  font-weight: normal;
}

h2 a:hover {
  color: #ccc;
}

#hero a:link,
#hero a:visited {
  background: url("/images/splash.jpg") no-repeat;
  display: block;
  width: 691px;
  height: 325px;
  text-indent: -9999px;
  border: 1px solid #fff;
  margin-bottom: 4px;
}