body {
   background: #2c858b url('../images/site/body-bg.jpg') repeat;
   font: 13px 'Verdana', sans-serif;
   margin: 14px 0;
   line-height: 18px;
}

h1 {
   font-size: 25px;
   font-weight: bold;
   margin: 0 0 12px 0;
}

h3 {
   font-size: 20px;
   font-weight: bold;
}

a {
   color: #08728d;
}

a:hover {
   color: #fff;
}

.clearfix:after {
   clear: both;
   content: " ";
   display: block;
   font-size: 0;
   height: 0;
   visibility: hidden;
}

* html .clearfix {
   zoom: 1;
}

*:first-child+html .clearfix {
   zoom: 1;
}

@font-face {
   font-family: 'SketchRockwell';
   src: url('../fonts/sketchrockwell-bold-webfont.eot');
   src: url('../fonts/sketchrockwell-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/sketchrockwell-bold-webfont.woff') format('woff'), url('../fonts/sketchrockwell-bold-webfont.ttf') format('truetype'), url('../fonts/sketchrockwell-bold-webfont.svg#SketchRockwellRegular') format('svg');
   font-weight: normal;
   font-style: normal;
}

h1,h2,h3,nav ul li a {
   font-family: SketchRockwell, sans-serif;
}

#main-wrap {
   width: 900px;
   margin: 0 auto;
}

#logo {
   float: left;
   margin: 20px 0;
}

nav {
   background: #a8bfa5;

   -webkit-border-radius: 0px 0px 5px 5px;
   -moz-border-radius: 0px 0px 5px 5px;
   border-radius: 0px 0px 5px 5px;
   border-top: #015e7a solid 5px;
   float: right;
   padding: 0 1px;
   margin: 0 14px 0 0;
   width: ;
   position: relative;
   z-index: 100;
   top: 0px;

   -webkit-box-shadow: inset 0px -1px 1px rgba(255, 255, 255, 0.5), 0px 1px 3px rgba(0, 0, 0, .5);
   -moz-box-shadow: inset 0px -1px 1px rgba(255, 255, 255, 0.5), 0px 1px 3px rgba(0, 0, 0, .5);
   box-shadow: inset 0px -1px 1px rgba(255, 255, 255, 0.5), 0px 1px 3px rgba(0, 0, 0, .5);
}

nav ul li {
   border-right: 1px solid #5d9356;
   border-left: 1px solid rgba(255, 255, 255, .5);
   float: left;
   padding: 7px 15px;
}

nav ul li:first-child {
   border-left: 0;
}

nav ul li:last-child {
   border-right: 0;
}

nav ul li:hover {
}

nav ul li a {
   color: #232323;
   font-size: 17px;
   font-weight: bold;
}

nav ul li a:hover {
   color: #4d4d4d;
}

nav ul li:hover, nav ul li.active {
   background: url('../images/site/nav-active.png') no-repeat top center;
}

#slider {
   width: :  900px;

   -webkit-box-shadow: 0 0 10px #000;
   -moz-box-shadow: 0 0 10px #000;
   box-shadow: 0 0 10px #000;
}

#slider .nivo-controlNav {
   position: absolute;
}

#slider .nivo-controlNav img {
   display: inline;
   position: relative;
   margin-right: 10px;
}

#main-content {
   background: #C6C7C6;
   overflow: hidden;

   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
   box-shadow: 0 0 10px rgba(0, 0, 0, .6);
}

.content {
   float: left;
   padding: 5px;
}

.links{
   background: #d4d7d8;
   width: 190px;
   height: 420px;
   margin-left: 5px;
   margin-top: 15px;
}

.links ul {
   padding: 5px;
}

.links ul li {
   padding: 5px;
}

.links ul li:after {
   content: "";
}

.links ul li h3:before {
   content: url('../images/site/list-icon.png');
   position: relative;
   top: 7px;
}

.links ul li ul li {
   padding: 0 0 0 34px;
   margin: 4px 0 0 0;
}

.links ul li ul li.active {
   background: url('../images/site/sidenav-active.png') no-repeat left center;
}

.links ul ul li a {
   font-size: 13px;
}

.linksbox {
   background: #a8bfa5;
   width: 210px;
   padding-bottom: 1500px;
   margin-bottom: -1500px;
}

.info {
   margin-left: 15px;
   width: 325px;
   padding: 10px;
}

.info h1 {
   margin: 10px 0px 5px 0;
}

.story-box h1 {
   margin: 14px 0 0 10px;
}

.story-box {
   width: 340px;
   float: right;
   margin: 0 8px 0 0;
}

.story-box .story {
   background: #fff url('../images/site/story-bg.png') no-repeat 11px 111px;

   -webkit-transition: background .5s linear;
   -moz-transition: background .5s linear;
   -o-transition: background .5s linear;
   -ms-transition: background .5s linear;
   transition: background .5s linear;
   margin: 10px 0;
   padding: 5px 10px;
   border: #015e7a solid 4px;

   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .8);
}

.story-box .story a:hover {
   color: #2c97bc;
}

.story:hover {
   background: #fff url('../images/story-bg.png') no-repeat -85px 19px;

   -webkit-transition: background .5s linear;
   -moz-transition: background .5s linear;
   -o-transition: background .5s linear;
   -ms-transition: background .5s linear;
   transition: background .5s linear;
}

.story-box .story img {
   width: 130px;
   height: 116px;
   float: right;
}

.story-box .story h3 {
   font-family: "Myriad Pro", sans-serif;
   display: block;
   margin: 0 0 7px 0;
   padding: 5px;
}

footer {
   margin: 15px 0;
}

footer .social {
   width: 170px;
}

footer .copyright small {
   color: #fff;
   letter-spacing: 0px;
}

#thumb-space {
    height: 120px;
    border-bottom: 3px solid #252;
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#c6c7c6), color-stop(100%,#93998c)); /* Chrome,Safari4+ */
}
                  