* { outline: none; }
html, body, div, table, tr, td, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, a, img, form, fieldset, span {
  padding: 0;
  margin: 0;
  border: 0;
}
.clear {
  clear: both !important;
  height: 0 !important;
  min-height: 0 !important;
  line-height: 0 !important;
  border: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  display: block;
  overflow: hidden;
  visibility: hidden;
}
@font-face {
  font-family: 'InkburrowRegular';
  src: url('/site_media/images/inkburro-webfont.eot');
  src: local('Inkburrow'), local('Inkburrow'), url('/site_media/images/inkburro-webfont.woff') format('woff'), url('/site_media/images/inkburro-webfont.ttf') format('truetype'), url('/site_media/images/inkburro-webfont.svg#webfontskric3hn') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "Trebuchet MS", Verdana, Tahoma, Helvetica, sans-serif;
  font-size: 62.5% !important;
  color: #d8d8d8;
  line-height: 1.5em;
  background: #000000;
}
.preload {
  position: absolute;
  bottom: 0;
  right: 0;
  visibility: hidden;
  font-family: 'InkburrowRegular';
}
.preload p {
  font-size: 5em;
  color: #ffffff;
}
h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6, p, span.text { font-size: 1.1em; }
strong { font-weight: bold; }
ul li {
  list-style: disc;
  font-size: 1.1em;
}
a { text-decoration: underline; }
a:hover { text-decoration: none; }
a:link { text-decoration: underline; }
a:link:hover { text-decoration: none; }
.textInput { font-size: 1.1em; }
.textarea {
  font-size: 1.1em;
  font-family: Tahoma;
}
.select { font-size: 1.1em; }
* {
  margin: 0;
  padding: 0;
}
html, body, #bg {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
#bg table {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
#bg td {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
#bg { position: fixed; }
#bg div {
  height: 200%;
  left: -50%;
  position: absolute;
  top: -50%;
  width: 200%;
}
#bg td {
  text-align: center;
  vertical-align: middle;
}
#bg img {
  margin: 0 auto;
  min-height: 50%;
  min-width: 50%;
}
#cont {
  position: absolute;
  visibility: visible;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 70;
  overflow: auto;
}
.box {
  margin: 0 auto;
  width: 980px;
  min-height: 92%;
  height: auto !important;
  height: 92%;
  margin: 0 auto -20px;
}
#main_content {
  display: table;
  width: 980px;
  text-align: center;
}
#main_content .main_content {
  display: table-cell;
  vertical-align: middle;
}
#main_content .main_content #hack {
  position: relative;
  padding-top: 15px;
}
.logo {
  float: left;
  font-family: 'InkburrowRegular';
  line-height: 3em;
  margin: 13px 15px 0;
  width: 340px;
  text-align: center;
}
.logo a {
  color: #ffffff;
  text-decoration: none;
}
.logo a p {
  font-size: 5em;
  line-height: 49px;
}
.logo a span { font-size: 3.1em; }
.main_menu {
  float: right;
  margin-top: 40px;
}
.main_menu li {
  float: right;
  list-style: none;
  margin: 0 5px;
  font-family: 'InkburrowRegular';
  font-size: 2.7em;
}
.main_menu li a {
  color: #ffffff;
  text-decoration: none;
  padding: 0 10px 10px;
  line-height: 1.5em;
}
.main_menu li .selected { background: url(/site_media/images/menu_hover.png) 0 100% no-repeat; }
.main_menu li .blog:hover {
  background-image: url(/site_media/images/menu_hover.png);
  background-repeat: no-repeat;
}
.main_menu li .other:hover {
  background-image: url(/site_media/images/menu_hover.png);
  background-repeat: no-repeat;
}
.main_menu li .about:hover {
  background-image: url(/site_media/images/menu_hover.png);
  background-repeat: no-repeat;
}
.main_menu li .gallery:hover {
  background-image: url(/site_media/images/menu_hover.png);
  background-repeat: no-repeat;
}
.main_menu li .contact:hover {
  background-image: url(/site_media/images/menu_hover.png);
  background-repeat: no-repeat;
}
.main_menu li .contact { background-position: -406px 19px !important; }
.main_menu li .blog { background-position: -352px 100% !important; }
.main_menu li .other { background-position: -207px 100% !important; }
.main_menu li .about { background-position: 6px 100% !important; }
.main_menu li .gallery { background-position: -92px 100% !important; }
#footer, #push { height: 20px; }
#footer { margin-top: 10px; }
#footer p { text-align: center; }
#footer p span { margin: 0 10px; }
#footer p a {
  color: #777777;
  text-decoration: none;
}
#footer p a:hover { color: #cccccc; }
#intro {
  position: relative;
  height: 410px;
  width: 614px;
  margin: 40px auto 0;
  border: 1px solid #ffffff;
}
#intro .pics img { display: none; }
#intro #enter {
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  z-index: 100;
  background: #000000;
  display: none;
  opacity: 0.7;
}
#intro #enter a {
  display: block;
  height: 100%;
  width: 100%;
}
#intro #enter a img {
  margin-top: 310px;
  border: 0;
  width: 362px;
  height: 62px;
  z-index: 100;
  opacity: 1;
  position: relative;
}
.intro_text {
  width: 620px;
  text-align: center;
  margin: 20px auto 0;
}
#main .pics ul li {
  list-style: none;
  display: none;
}
#main .pics ul li img { border: 1px solid #ffffff; }
#about { margin-top: 25px; }
#about img {
  border: 1px solid #ffffff;
  float: left;
  margin-left: 125px;
  margin-right: 78px;
}
#about p {
  padding-right: 100px;
  padding-top: 53px;
  font-size: 1.3em;
  line-height: 1.6em;
  text-align: justify;
}
#categories span {
  position: relative;
  margin: 0 10px;
  display: inline-block;
  border: 1px solid #ffffff;
  height: 428px;
}
#categories span a {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 20;
}
#categories span a img {
  border: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}
#categories span span {
  background: #000000;
  display: none;
  border: 0;
  position: absolute;
  opacity: 0.5;
  margin: 0;
  width: 100%;
  height: 100%;
}
#categories span span img { border: 0; }
#gallery {
  width: 900px;
  margin: 0 auto;
  position: relative;
}
#contact {
  text-align: left;
  width: 750px;
  margin: 0 auto;
}
#contact .left_col {
  float: left;
  width: 300px;
  margin-top: 80px;
}
#contact .left_col img {
  border: 1px solid #ffffff;
  margin: 10px;
}
#contact .right_col {
  float: right;
  width: 380px;
  margin-top: 10px;
}
#contact .right_col h4 { margin-bottom: 10px; }
#contact .right_col dl {
  margin: 5px 0;
  font-size: 1.2em;
}
#contact .right_col dl dt {
  float: left;
  text-align: right;
  margin-right: 5px;
  width: 60px;
}
#contact .right_col p {
  font-size: 1.2em;
  margin: 24px 0;
}
#contact .right_col .contact_form { margin-top: 30px; }
#contact .right_col .contact_form dl { margin: 4px 0; }
#contact .right_col .contact_form dl dt {
  width: 110px;
  float: left;
  text-align: right;
  padding-right: 5px;
  font-size: 1.1em;
}
#contact .right_col .contact_form dl dd .textInput {
  font-size: 1.1em;
  width: 200px;
  font-family: "Trebuchet MS";
  border: 0;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  background: #ffffff;
  padding: 4px;
  font-weight: bold;
}
#contact .right_col .contact_form dl dd .textArea {
  font-size: 1.1em;
  width: 200px;
  font-family: "Trebuchet MS";
  border: 0;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  background: #ffffff;
  padding: 4px;
  font-weight: bold;
}
#contact .right_col .contact_form dl dd .selected {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
#contact .right_col .contact_form .require {
  margin-left: 118px;
  font-size: 1.1em;
}
#contact .right_col .contact_form .submit {
  float: right;
  border: 0;
  background: #000000;
  color: #ffffff;
  padding: 2px 10px;
  margin-right: 57px;
  cursor: pointer;
}
#contact .right_col .contact_form .submit.hovered { background: #333333; }
#contact .right_col .contact_form #msg {
  text-align: center;
  font-size: 1.2em;
  margin-top: 70px;
}
#contact .right_col .contact_form #msg .back {
  border: 0;
  background: #000000;
  margin-top: 20px;
  color: #ffffff;
  padding: 2px 10px;
  cursor: pointer;
}
#contact .right_col .contact_form #msg .back.hovered { background: #333333; }
.ie #main_content { position: relative; }
.ie #main_content .main_content {
  position: relative;
  width: 980px;
  text-align: center;
  top: 50%;
}
.ie #main_content .main_content #hack {
  position: relative;
  top: -50%;
}
.ie #intro #enter {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.ie #categories span span {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.ie #about { width: 900px; }