* {
  margin: 0px;
  padding: 0px;
}

html, body {
  color: #333;
}

body {
  background: #fff url(/images/shared/bg_repeater_x.gif) repeat-x top left;
}

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
  font:13px arial,helvetica,sans-serif;
  *font-size:small;
  *font:x-small;
}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {
  font:99% arial,helvetica,sans-serif;
}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {
  font:115% monospace;
  *font-size:100%;
}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {
  line-height:1.22em;
}

img {
  border: 0px;
}

a, a:visited, a:hover, a:active {
  color: #666;
}

td {
  vertical-align: top;
}

h1, h2 {
  color: #666;
}

/* Content CSS Declarations */

#container {
  width: 910px;
  height: auto;
  margin: 0px auto;
  position: relative;
}

#header {
  height: 75px;
  margin-bottom: 2px;
  background: transparent url(/images/shared/bg_header.jpg) no-repeat top left;
}

#body-text {
  width: 900px;
  margin: 0px auto 30px auto;
}

#footer {
  font-size: 80%;
  text-align: center;
  min-height: 100px;
  margin-bottom: 25px;
}

#footer * {
  color: #999;
}

/* Content Sections Declarations */

#header #home-link {
  width: 245px;
  height: 65px;
  top: 10px;
  left: 12px;
  position: absolute;
}

#header #navigation {
  width: 581px;
  height: 21px;
  top: 47px;
  left: 295px;
  position: absolute;
}

#header #navigation ul {
  position: relative;
  list-style: none;
}

#header #navigation li {
  float: left;
  padding-left: 2px;
}

#header #navigation li#blog {
  background: transparent url(/images/navigation/btn_blog_roll.gif) no-repeat 2px 0px;
}

#header #navigation li#gallery {
  background: transparent url(/images/navigation/btn_gallery_roll.gif) no-repeat 2px 0px;
}

#header #navigation li#catalog {
  background: transparent url(/images/navigation/btn_catalog_roll.gif) no-repeat 2px 0px;
}

#header #navigation li#resources {
  background: transparent url(/images/navigation/btn_resources_roll.gif) no-repeat 2px 0px;
}

#header #navigation li#about {
  background: transparent url(/images/navigation/btn_about_roll.gif) no-repeat 2px 0px;
}

#header #navigation li#theater {
  background: transparent url(/images/navigation/btn_theater_roll.gif) no-repeat 2px 0px;
}

#header #navigation li#contact {
  background: transparent url(/images/navigation/btn_contact_roll.gif) no-repeat 2px 0px;
}

#header #navigation a {
  float: left;
  display: block;
  cursor: pointer;
}

#header #navigation a:hover img, #header #navigation a.active img {
  visibility: hidden;
}

/* Standard Class Defs */
.left {
  float: left;
}

.right {
  float: right;
}

.center {
  text-align: center;
}

.highlight {
  color: #ff0000;
  font-weight: bold;
}

.bold {
  font-weight: 600;
}

.loading {
  background: url(/images/shared/icn_loading.gif) center no-repeat;
}

.box {
  min-width: 12px;
  min-height: 12px;
  padding: 3px;
  position: relative;
  border: 1px solid #ccc;
}

.box .content {
  padding: 8px 15px;
}

.box .content.dark {
  color: #fff;
  background-color: #2c2c2c;
}

.box .content.light {
  color: #ccc;
  background-color: #666;
}

.box .corner {
  width: 6px;
  height: 6px;
  position: absolute;
}

.box .corner.top-left {
  top: -1px;
  left: -1px;
  background: url(/images/shared/bg_top_left_bracket.gif) no-repeat top left;
}

.box .corner.bottom-left {
  bottom: -1px;
  left: -1px;
  background: url(/images/shared/bg_bottom_left_bracket.gif) no-repeat top left;
}

.box .corner.top-right {
  top: -1px;
  right: -1px;
  background: url(/images/shared/bg_top_right_bracket.gif) no-repeat top left;
}

.box .corner.bottom-right {
  bottom: -1px;
  right: -1px;
  background: url(/images/shared/bg_bottom_right_bracket.gif) no-repeat top left;
}

div.links {
  position: relative;
}

#side-link-1 {
  height: 95px;
  width: 90%;
  left: 10px;
  top: 10px;
  position: absolute;
}

#side-link-2 {
  height: 79px;
  width: 90%;
  left: 10px;
  top: 105px;
  position: absolute;
}

#side-link-3 {
  height: 79px;
  width: 90%;
  left: 10px;
  top: 180px;
  position: absolute;
}