/* @override http://atastypixel.com/forum/custom/style.css */

body {
   padding: 0;
   margin: 0;
   width: 100%;
   background: white url(/media/images/background.png) repeat-x 0 130px;
}

/* @group Header */

#custom-header {
   width: 100%;
   height: 277px;
   min-width: 935px;
   text-align: center;
}

#custom-header h1 {
   background: url(/media/images/header-small.jpg) no-repeat center center;
   position: absolute;
   width: 344px;
   height: 106px;
   text-indent: -9999px;
   top: 17px;
   left: 24px;
}

.index #custom-header h1 {
   background: none;
   left: 50%;
   top: 62px;
   margin: 0 0 0 -299px;
   width: 576px;
   height: 206px;
   border-color: red;
   border-width: 1px;
}

#custom-header h1 a {
   display: block;
   width: 100%;
   height: 100%;
}

#custom-header ul {
   background: url(/media/images/menu-small.png) no-repeat center center;
   list-style-type: none;
   float: right;
   position: relative;
   margin-top: 71px;
   width: 440px;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}

.index #custom-header ul {
   float: none;
   left: 0;
   background: none;
   top: 333px;
   width: 650px;
   margin: 0 auto;
}

#custom-header li {
   padding: 0;
   float: left;
   display: block;
   width: 25%;
   margin: 0;
}

#custom-header li a {
   display: block;
   height: 50px;
   width:  100%;
   text-indent: -9999px;
}

h1.title {
   display: block;
   position: absolute;
   top: 71px;
   margin: 0;
   padding: 0;
   border: 0;
   text-indent: -9999px;
   overflow: hidden;
   width: 106px;
   height: 50px;
   background: #fffeff url(/media/images/menu-small-selected.png) no-repeat -184px;
   right: 106px;
}



/* @end */

/* @group Content */

#container {
   position: inline;
   margin: 0 auto;
   width: 757px;
}

/* @end */

/* @group Footer */

#footerarea {
   background: url(/media/images/footer.jpg) repeat-x 0 top;
   position: absolute;
   left: 0;
   margin: 0;
   padding: 0;
   margin-top: 40px;
   padding-top: 80px;
   width: 100%;
   height: 78px;
   vertical-align: bottom;
   color: #888;
   font-size: 13px;
   line-height: 22px;
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
             "Helvetica Neue", sans-serif;
   font-weight: 300;
}

#copyright {
   position: absolute;
   margin-top: 81px;
   text-align: center;
   width: 100%;
}

#footerarea a, #footerarea a:link, #footerarea a:visited {
   text-decoration: none;
   color: #fff;
      line-height: 22px;
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
             "Helvetica Neue", sans-serif;
   font-weight: 300;
}



/* @end */

/*
#badge {
   position: absolute;
   top: 20px;
   right: 20px;
}
*/