/* GLOBAL */
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700&subset=latin,latin-ext);

body{
  font-family: arial, serif;
  font-size: 10pt;
  padding: 0px;
  margin: 0px;
  background: #423b28;
  background: -moz-linear-gradient(left,  #221e14 0%, #433b28 50%, #221e14 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#221e14), color-stop(50%,#433b28), color-stop(100%,#221e14));
  background: -webkit-linear-gradient(left,  #221e14 0%,#433b28 50%,#221e14 100%);
  background: -o-linear-gradient(left,  #221e14 0%,#433b28 50%,#221e14 100%);
  background: -ms-linear-gradient(left,  #221e14 0%,#433b28 50%,#221e14 100%);
  background: linear-gradient(to right,  #221e14 0%,#433b28 50%,#221e14 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#221e14', endColorstr='#221e14',GradientType=1 );
}
a,
a:hover{
  text-decoration: none;
}
a img{
  border: none;
}
h3{
  margin: 0 0 5px 0;
  font-size: 10pt;
}

#content,
#header img{
  position: relative;
  z-index: 10;
}
#content .space{
  height: 20px;
}

#header{
  height: 208px;
  padding-top: 25px;
  text-align: center;
  position: relative;
}
#header:after{
  content: '';
  width: 100%;
  height: 1px;
  background: transparent url(../headerline.gif) repeat-x left top;
  opacity: 0.25;
  z-index: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}
#header img{
  vertical-align: middle;
}
#header img.mainlogo{
  margin: 0 20px;
}
#header a{
  opacity: 0.3;
}
#header a:hover{
  opacity: 1;
}

/* MENU */
#menu{
  text-align: center;
  font-weight: bold;
  background: #fff;
}
#menu a{
  display: inline-block;
  padding: 10px 15px;
  border: none;
  font-style: normal;
  text-decoration: none;
  position: relative;
}
#menu a.active{
  cursor: default;
}
#menu a.active:after{
  content: '';
  position: absolute;
  left: 50%;
  bottom: -8px;
  margin-left: -7px;
  z-index: 100;
  width: 13px;
  height: 8px;
  background-repeat: no-repeat;
  background-position: top left;
}

/* CONTENT */
#content{
  min-height: 250px;
  padding: 30px 0 50px 0;
  text-shadow: 1px 1px 1px #fff;
  color: #5b5b5b;
}
#content a{
  color: #008aff;
  display: inline-block;
  background: transparent url(../linkline.gif) repeat-x bottom left;
  text-decoration: none;
  margin-bottom: -1px;
}
#content a:hover{
  background: none;
}
#content h1{
  font-size: 16pt;
  margin: 0;
  text-shadow: 1px 1px 1px #fff;
  padding-left: 10px;
}
#content div[class^="grid_"] h1{
  padding-left: 0px;
  margin-bottom: 10px;
}
#content p{
  margin: 0 0 7px 0;
}
#content .img img{
  max-width: 100%;
  width: 100%;
  vertical-align: bottom;
  background: transparent;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
}
#content .img{
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.1), 0 0 0px 1px rgba(0,0,0,0.05), 0 0 0 10px #fff inset;
  background-color: #fff;
  padding: 10px;
  display: block;
}

/* FOOTER */
#footer{
  box-shadow: 0 -1px 0 1px #423b28;
  text-align: center;
  padding: 25px 10px 35px 10px;
  position: relative;
  clear: both;
}
#footer:before{
  content: '';
  width: 100%;
  height: 1px;
  background: transparent url(../footerline.gif) repeat-x left top;
  z-index: 0;
  position: absolute;
  top: 1px;
  left: 0;
}
#footer .footerlink{
  color: #f3e096;
}
#footer .footerinfo{
  margin-top: 10px;
}
#footer .footerinfo,
#footer .footerinfo a{
  color: #98895b;
  font-style: normal;
  text-decoration: none;
}
#footer a.footerlink{
  background: transparent url(../footerline.gif) repeat-x left bottom;
}
#footer a.footerlink:hover{
  background: none;
}