@charset "utf-8";

/**************************************************
resets
**************************************************/
* {
    outline: none
}

BODY {
    margin: 0;
    padding: 0;
    background-color: #FFF;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.5
}

.clear {
    clear: both;
    overflow: hidden;
    height: 0;
    font-size: 0;
    line-height: 0
}

.break {
    overflow: hidden;
    height: 5px;
    line-height: 5px
}

.divider {
    clear: both;
    overflow: hidden;
    margin: 20px 0;
    height: 0;
    border-bottom: 1px dashed #CCC;
    font-size: 0;
    line-height: 0
}

P {
    line-height: 1.5
}

/**************************************************
wrapper
**************************************************/
.wrapper {
    margin: 0 auto;
    padding: 0 10px;
    width: 940px
}

/**************************************************
header
**************************************************/
.header {
    min-width: 960px;
    height: 150px;
    background-image: url(../img/header.png);
    background-repeat: repeat-x
}

.logo {
    float: left;
    padding-top: 9px;
    width: 132px;
    height: 132px
}

.logo a {
    display: block;
    width: 132px;
    height: 132px;
    background-image: url(../img/logo.png);
    text-indent: -9999px
}

.logo-text {
    float: left;
    padding: 35px 20px 0;
    width: 636px;
    color: #FFBF00;
    text-align: center;
    text-shadow: 1px 1px 0 #030;
    font-weight: 700;
    font-size: 18px;
    font-family: 'PT Sans Narrow', sans-serif;
    line-height: 25px
}

/**************************************************
navigation
**************************************************/
.navigation {
    min-width: 960px;
    height: 50px;
    border-bottom: 5px solid #DB9E36;
    background-image: url(../img/nav.png);
    background-repeat: repeat-x;
    text-transform: uppercase
}

/**************************************************
slideshow
**************************************************/
.slideshow {
    padding: 20px 0;
    min-width: 960px;
    background-color: #BD4932
}

.slider-wrapper {
    position: relative
}

/**************************************************
body
**************************************************/
.body {
    padding: 25px 0 50px
}

.page {
    float: left;
    width: 700px
}

A.button-brick {
    display: block;
    float: left;
    padding: 0 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #BD4932;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    font-family: 'PT Sans Narrow', sans-serif;
    line-height: 40px;
    cursor: pointer
}

A.button-brick:hover {
    background-color: #333
}

.page H1 {
    margin: 0;
    padding: 0 0 10px;
    color: #BD4832;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    font-family: 'PT Sans Narrow', sans-serif;
    line-height: 32px
}

.page H1.news {
    margin: 0;
    padding: 0 0 10px 40px;
    background-image: url(../img/icon-news.png);
    background-repeat: no-repeat
}

.page H1.photo {
    margin: 0;
    padding: 0 0 10px 40px;
    background-image: url(../img/icon-photo.png);
    background-repeat: no-repeat
}

.page H1.video {
    margin: 0;
    padding: 0 0 10px 40px;
    background-image: url(../img/icon-video.png);
    background-repeat: no-repeat
}

.page P {
    margin: 0 0 20px;
    padding: 0;
    font-size: 14px;
    line-height: 21px
}

UL.recent-news {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #AAA
}

UL.recent-news LI {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none
}

UL.recent-news LI .date {
    position: absolute;
    top: 10px;
    right: 0;
    padding: 0 10px;
    background-color: #BD4932;
    color: #FFF;
    font-size: 11px;
    line-height: 25px
}

UL.recent-news LI A {
    display: block;
    margin: 0;
    padding: 10px;
    border-top: 1px solid #AAA;
    border-bottom: 1px solid #FFF;
    background-color: #DDD;
    text-decoration: none
}

UL.recent-news LI A:hover {
    background-color: #EEE
}

UL.recent-news LI A .image-wrapper {
    display: block;
    float: left;
    width: 75px;
    height: 70px;
    border: 5px solid #111;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #000;
    text-decoration: none
}

UL.recent-news LI A .image-wrapper .image {
    display: block;
    overflow: hidden;
    width: 75px;
    height: 70px
}

UL.recent-news LI A .details {
    float: left;
    padding: 10px 0 0 15px;
    width: 580px
}

UL.recent-news LI A .details .title {
    display: block;
    padding: 0 0 10px;
    color: #105B63;
    font-weight: 700;
    font-size: 14px
}

UL.recent-news LI A .details .brief {
    display: block;
    color: #333;
    font-size: 12px;
    line-height: 18px
}

/**************************************************
sidebar
**************************************************/
.sidebar {
    float: left;
    padding: 0 0 0 20px;
    width: 220px
}

.sidebar H1 {
    margin: 0;
    padding: 0 0 10px;
    color: #BD4832;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    font-family: 'PT Sans Narrow', sans-serif;
    line-height: 16px
}

A.featured-video {
    display: block;
    overflow: hidden;
    margin: 0 0 20px;
    width: 200px;
    height: 180px;
    border: 10px solid #111;
    background-color: #333
}

A.featured-video:hover {
    border: 10px solid #000
}

A.featured-video .video {
    position: absolute;
    display: block;
    width: 200px;
    height: 180px;
    background: url(../img/icon-play.png) no-repeat center center
}

A.featured-video IMG {
    margin: -20px 0 0 -20px
}

.featured-pictures {
    margin: 0 0 20px;
    width: 200px;
    height: 190px;
    border: 10px solid #111;
    background-color: #333
}

.featured-pictures UL.photos {
    margin: 0;
    padding: 10px 0 0
}

.featured-pictures UL.photos LI {
    float: left;
    margin: 0;
    padding: 0 0 10px 10px;
    list-style: none
}

.featured-pictures UL.photos LI A {
    display: block;
    width: 75px;
    height: 70px;
    border: 5px solid #111;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #000;
    text-decoration: none
}

.featured-pictures UL.photos LI A:hover {
    border: 5px solid #000
}

.featured-pictures UL.photos LI A .image {
    display: block;
    overflow: hidden;
    width: 75px;
    height: 70px
}

/* .featured-pictures UL.photos LI A .image IMG {
margin:-20px 0 0 -20px; */
.sidebar UL.testimonials {
    margin: 0;
    padding: 0
}

.sidebar UL.testimonials LI {
    margin: 0;
    padding: 10px 0 0;
    border-bottom: 1px dashed #CCC;
    list-style: none
}

.sidebar UL.testimonials LI:last-child {
    border-bottom: none
}

.sidebar UL.testimonials LI A {
    display: block;
    margin: 0;
    padding: 0 0 10px 40px;
    background-image: url(../img/icon-comment.png);
    background-position: left top;
    background-repeat: no-repeat;
    color: #333;
    text-decoration: none;
    font-size: 12px;
    line-height: 18px
}

.sidebar UL.testimonials LI A:hover {
    color: #105B63
}

/**************************************************
footer
**************************************************/
.footer {
    min-width: 960px;
    border-top: 5px solid #DB9E36;
    border-bottom: 1px solid #DB9E36;
    background-image: url(../img/footer.png);
    background-repeat: repeat-x
}

.footer UL.nav {
    float: left;
    margin: 0;
    padding: 30px 0 0 160px
}

.footer UL.nav LI {
    float: left;
    margin: 0;
    padding: 0 15px;
    border-right: 1px solid #000;
    list-style: none
}

.footer UL.nav LI:first-child {
    padding: 0 10px 0 0
}

.footer UL.nav LI:last-child {
    padding: 0 0 0 10px;
    border-right: none
}

.footer UL.nav LI A {
    display: block;
    color: #111;
    text-decoration: none;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px
}

.footer UL.nav LI A:hover {
    color: #111;
    text-decoration: underline
}

.footer .copy {
    margin: 0;
    padding: 20px 0 10px;
    color: #111;
    text-align: center;
    font-weight: 700;
    font-size: 10px
}

.footer .copy a {
    color: #111;
    text-decoration: none
}

.footer .copy a:hover {
    text-decoration: underline
}

.footer-symbols {
    height: 90px;
    background-image: url(../img/symbols.png);
    background-position: top center;
    background-repeat: no-repeat
}

.footer-bottom {
    min-width: 960px;
    height: 152px;
    background-image: url(../img/footer-bottom.png);
    background-repeat: repeat-x
}

.footer-shadow {
    min-width: 960px;
    height: 152px;
    background-image: url(../img/footer-shadow.png);
    background-position: center top;
    background-repeat: no-repeat
}

.footer-gate {
    padding: 10px 0 10px 404px;
    height: 132px
}

.footer-base {
}

.footer-base .copy {
    margin: 0;
    text-align: center;
    font-weight: 700;
    font-size: 10px;
    line-height: 50px
}

.footer-base .copy a {
    color: #000;
    text-decoration: none
}

.footer-base .copy a:hover {
    text-decoration: underline
}

/**************************************************
form
**************************************************/
FORM.form {
    margin: 0;
    padding: 0 0 50px
}

FORM.form P {
    margin: 0;
    padding: 0 0 10px;
    line-height: 35px
}

FORM.form LABEL {
    float: left;
    padding: 0 10px 0 0;
    width: 125px;
    color: #333;
    text-align: right;
    font-weight: 700
}

FORM.form INPUT.textfield {
    margin: 0;
    padding: 5px 10px;
    width: 298px;
    height: 23px;
    border-top: 1px solid #999;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #999;
    background: url(../img/input-bg.png) repeat-x;
    color: #444;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 23px
}

FORM.form INPUT.textfield:focus {
    border-top: 1px solid #09c;
    border-right: 1px solid #6cc;
    border-bottom: 1px solid #6cc;
    border-left: 1px solid #09c
}

FORM.form TEXTAREA.textarea {
    margin: 0;
    padding: 5px;
    width: 478px;
    height: 198px;
    border-top: 1px solid #999;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #999;
    background: url(../img/input-bg.png) repeat-x top;
    color: #444;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 23px
}

FORM.form TEXTAREA.mid {
    width: 498px;
    height: 98px
}

FORM.form TEXTAREA.textarea:focus {
    border-top: 1px solid #09c;
    border-right: 1px solid #6cc;
    border-bottom: 1px solid #6cc;
    border-left: 1px solid #09c
}

FORM.form INPUT.button {
    padding: 0 20px;
    height: 40px;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #069;
    color: #FFF;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

FORM.form INPUT.button:hover {
    background: #000
}

FORM.form INPUT.error {
    border: 1px solid #930
}

FORM.form TEXTAREA.error {
    border: 1px solid #930
}

FORM.form LABEL.error {
    display: block;
    float: none;
    margin: 0;
    padding: 0 0 0 135px;
    width: auto;
    color: #930;
    text-align: left;
    font-size: 11px;
    line-height: 25px
}

/**************************************************
testimonials
**************************************************/
.page UL.testimonials {
    margin: 0;
    padding: 0
}

.page UL.testimonials LI {
    margin: 0 0 30px;
    padding: 0 0 30px;
    border-bottom: 1px solid #39c;
    list-style: none
}

.page UL.testimonials LI:last-child {
    border-bottom: none
}

.page UL.testimonials LI H2 {
    margin: 0;
    padding: 0 0 10px;
    color: #369;
    font-weight: 700;
    font-size: 16px
}

.page UL.testimonials LI P {
    font-size: 12px;
    line-height: 1.5
}

.testimonials H2 {
    margin: 0;
    padding: 0 0 10px;
    color: #369;
    font-weight: 700;
    font-size: 18px
}

.testimonials .source {
    float: left;
    padding: 0 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #f60;
    color: #fff;
    font-size: 12px;
    line-height: 25px
}

.testimonials .date {
    float: left;
    margin: 0 0 0 5px;
    padding: 0 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #39c;
    color: #fff;
    font-size: 12px;
    line-height: 25px
}

.testimonials .details {
    padding: 20px 0 0
}

/**************************************************
news
**************************************************/
UL.news {
    margin: 0;
    padding: 0
}

UL.news LI {
    margin: 0 0 30px;
    padding: 0 0 30px;
    border-bottom: 1px solid #39c;
    list-style: none
}

UL.news LI:last-child {
    border-bottom: none
}

UL.news LI H2 {
    margin: 0;
    padding: 0 0 10px;
    color: #369;
    font-weight: 700;
    font-size: 16px
}

UL.news LI .date {
    float: left;
    padding: 0 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #39c;
    color: #fff;
    font-size: 12px;
    line-height: 25px
}

UL.news LI .image-wrapper {
    display: block;
    float: left;
    width: 150px;
    height: 140px;
    border: 10px solid #111;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #000
}

UL.news LI .image-wrapper .image {
    display: block;
    overflow: hidden;
    width: 150px;
    height: 140px;
    border: 0
}

UL.news LI .details {
    float: left;
    padding: 0 0 0 20px;
    width: 500px
}

UL.news LI .details H2 {
    display: block;
    padding: 0 0 10px;
    color: #105B63;
    font-weight: 700;
    font-size: 14px
}

UL.news LI .details P {
    display: block;
    padding: 10px 0 0;
    color: #333;
    font-size: 12px;
    line-height: 1.5
}

.news H2 {
    margin: 0;
    padding: 0 0 10px;
    color: #369;
    font-weight: 700;
    font-size: 18px
}

.news .date {
    float: left;
    margin: 0 0 10px;
    padding: 0 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #39c;
    color: #fff;
    font-size: 12px;
    line-height: 25px
}

.news .image {
    width: 680px;
    border: 10px solid #111;
    background: #000
}

.news .image IMG {
    display: block
}

.news .details {
    padding: 20px 0 0
}

.related {
    float: left;
    width: 220px
}

UL.photovideocategories {
    margin: 0;
    padding: 0
}

UL.photovideocategories LI {
    float: left;
    margin: 0;
    padding: 0 10px 20px 0;
    list-style: none
}

UL.photovideocategories LI A {
    display: block;
    padding: 9px 9px 0;
    width: 200px;
    border: 1px solid #111;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #333;
    text-decoration: none
}

UL.photovideocategories LI A:hover {
    background: #000
}

UL.photovideocategories LI A .video {
    position: absolute;
    display: block;
    width: 200px;
    height: 150px;
    background: url(../img/icon-play.png) no-repeat center center
}

UL.photovideocategories LI A .image {
    display: block;
    overflow: hidden;
    width: 200px;
    height: 150px;
    border: 0;
    background: #000
}

UL.photovideocategories LI A .image IMG {
    margin: -20px 0 0 -20px
}

UL.photovideocategories LI A .title {
    display: block;
    padding: 9px 0 10px;
    width: 200px;
    color: #FFF;
    text-decoration: none;
    font-weight: 700;
    font-size: 12px
}

/**************************************************
listing
**************************************************/
table.listing {
    width: 100%;
    border: 0;
    border-spacing: 0
}

table.listing tr.title td {
    padding: 0 10px;
    height: 34px;
    border-right: 1px solid #fff;
    background: #666;
    background: #555;
    color: #fff;
    text-shadow: #333 0 1px 0;
    font-weight: 700;
    line-height: 34px
}

table.listing tr.list td {
    padding: 0 10px;
    height: 33px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    background: #ddd;
    color: #333;
    line-height: 33px
}

table.listing tr.list td a {
    color: #333;
    text-decoration: none
}

table.listing tr.list td a:hover {
    color: #039;
    text-decoration: underline
}

table.listing tr.list td a:active {
    color: #000
}

table.listing tr.list-even td {
    padding: 0 10px;
    height: 33px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #ddd;
    background: #eee;
    color: #333;
    line-height: 33px
}

table.listing tr.list-even td a {
    color: #333;
    text-decoration: none
}

table.listing tr.list-even td a:hover {
    color: #039;
    text-decoration: underline
}

table.listing tr.list-even td a:active {
    color: #000
}

table.listing tr td.hover {
    border-top: 1px solid #cff;
    border-bottom: 1px solid #39f;
    background: #a3ecfc
}
table.listing tr td .thumbWrapper {
    margin: 10px 0;
    padding: 4px;
    border: 1px solid #ccc;
    background: #fff url(../img/no-image.png) no-repeat center;
}
table.listing tr td div.thumb {
    width: 100px;
    height: 70px;
    overflow: hidden;
}

/**************************************************
message
**************************************************/
div.error {
    margin-bottom: 15px;
    padding: 10px 15px;
    border: 1px solid #c00;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #ffebe8;
    color: #900;
    font-size: 11px
}

div.message {
    margin-bottom: 15px;
    padding: 10px 15px;
    border: 1px solid #090;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #eaffea;
    color: #060;
    font-size: 11px
}

/**************************************************
pagination
**************************************************/
ul.pagination {
    margin: 20px 0 0 0;
    padding: 10px 0 0 0;
    font: 12px 'Tahoma';
    list-style-type: none;
}

ul.pagination li.details {
    padding: 7px 10px 7px 10px;
    font-size: 14px;
}

ul.pagination li.dot {
    padding: 3px 0;
}

ul.pagination li {
    float: left;
    margin: 0px;
    padding: 0px;
    margin-left: 5px;
}

ul.pagination li:first-child {
    margin-left: 0px;
}

ul.pagination li a {
    color: black;
    display: block;
    text-decoration: none;
    padding: 7px 10px 7px 10px;
}

ul.pagination li a img {
    border: none;
}

/**
 * Color - Red
 */
ul.pagination {
    border-top: 1px dotted #FFA5A5;
}

ul.pagination li.details {
    color: #AD2D2D;
}

ul.pagination li a {
    border: solid 1px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 6px 9px 6px 9px;
}

ul.pagination li {
    padding-bottom: 1px;
}

ul.pagination li a {
    color: #E92F2F;
    border-color: #FFA5A5;
    background: #FFF8F8;
}

ul.pagination li a:hover,
ul.pagination li a.current {
    color: #FFFFFF;
    box-shadow: 0px 1px #EDEDED;
    -moz-box-shadow: 0px 1px #EDEDED;
    -webkit-box-shadow: 0px 1px #EDEDED;
    text-shadow: 0px 1px #B72E2E;
    border-color: #AD2D2D;
    background: #E43838;
    background: -moz-linear-gradient(top, #FF9B9B 1px, #FE5555 1px, #E43838);
    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #FF9B9B), color-stop(0.02, #FE5555), color-stop(1, #E43838));
}