@charset "UTF-8";

* {
   margin:0;
   padding:0;
   border:none;
}

body {
   font-family:arial,helvetica,verdana,sans-serif;
   color:#666666;
   font-size:11px;
   background-color:#ffffff;
   height:100%;
}

h1 {
   display:inline;
   font-size:12px;
   color:#8b181a;
   font-weight:bold;
}

h2 {
   display:inline;
   font-size:11px;
   color:#666666;
   font-weight:bold;
}

/* ########## HEAD ########## */

#head-wrap {
   float:left;
   background-color:#000000;
   width:100%;
   height:105px;
   text-align:center;
   margin:0 auto;
}

#head-content-wrap {
   width:890px;
   height:105px;
   margin:0 auto;
   text-align:left;
}

#head-logo {
   float:left;
   display:inline;
   margin-top:38px;
   width:159px;
   height:35px;
}

#head-meta {
   float:right;
   display:inline;
   margin-top:20px;
   width:300px;
   color:#a08e71;
   font-size:10px;
   text-align:right;
}

#head-meta a {
   color:#a08e71;
   text-decoration:none;
}

#head-meta a:hover {
   color:#ffffff;
   text-decoration:none;
}

#head-main {
   float:right;
   margin-top:-18px;
   display:inline;
   width:auto;
   text-align:right;
   color:#ffffff;
   font-size:12px;
}

#head-main ul {
   display:inline;
   list-style-type:none;
   width:auto;
}

#head-main li {
   display:inline;
   width:120px;
   padding:2px 5px 2px 5px;
   margin-left:5px;
   background-color:#444444;
}

#head-main li.active {
   display:inline;
   width:120px;
   padding:2px 5px 2px 5px;
   margin-left:5px;
   background-color:#8b181a;
}

#head-main a {
   color:#ffffff;
   text-decoration:none;
}

#head-main a:hover {
   color:#a08e71;
   text-decoration:none;
}

/* ########## CONTENT ########## */

#center-wrap {
   float:left;
   width:100%;
   text-align:center;
   margin:0 auto;
}

#center-content-wrap {
   width:890px;
   margin:0 auto;
   text-align:left;
   background-image:url(../gfx/dashline.gif);
   background-repeat:repeat-y;
   margin-top:35px;   
}

#center-left-wrap {
   float:left;
   display:inline;
   width:550px;
}

#center-left-wrap a {
   text-decoration:underline;
   color:#a08e71;
   font-weight:bold;
}

#center-left-wrap a:hover {
   text-decoration:none;
}

#center-left-wrap ul {
   list-style-type:square;
   margin-left:15px;
}

/* ########## FOOTER ########## */

#footer-wrap {
   float:left;
   width:100%;
   height:150px;
   text-align:center;
   background-color:#f6f6f6;
   border-top:1px solid #d0d0d0;
   border-bottom:1px solid #d0d0d0;
   margin-top:40px;
}

#footer-content-wrap {
   width:890px;
   margin:0 auto;
   text-align:left;
}

#footer-sitemap-wrap {
   float:left;
   margin-top:23px;
   width:550px;
   border-right:1px dashed #bbbbbb;
}

.footer-sitemap {
   float:left;
   display:inline;
   width:auto;
   margin-right:35px;
   line-height:18px;
}

.footer-sitemap h3 {
   display:inline;
   color:#8b181a;
   font-size:12px;
   font-weight:bold;
}

.footer-sitemap ul {
   display:inline;
   list-style-type:none;
}

.footer-sitemap a {
   color:#000000;
   text-decoration:none;
}

.footer-sitemap a:hover {
   color:#a08e71;
}

#footer-address {
   float:right;
   display:inline;
   width:324px;
   margin-top:23px;
   line-height:18px;
   color:#000000;
}

#footer-address h3 {
   display:inline;
   color:#8b181a;
   font-size:12px;
   font-weight:bold;
}

#footer-address-left {
   float:left;
   display:inline;
   width:auto;
}

#footer-address-right {
   float:left;
   display:inline;
   width:auto;
   margin-left:20px;
   margin-top:20px;
}

#footer-address-right a {
   color:#000000;
   text-decoration:none;
}

#footer-address-right a:hover {
   color:#a08e71;
   text-decoration:none;
}

/* ########## SLIDER ########## */

#s3slider {
   width: 321px; /* important to be same as image width */
   height: 196px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 315px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=80); /* here you can set the opacity of box with text */
   -moz-opacity: 0.8; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.8; /* here you can set the opacity of box with text */
   opacity: 0.8; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 3px;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}