@charset "utf-8";
@import url('reset.css');
@import url('nivo-slider.css');
@import url('sliderkit.css');
@import url('prettyPhoto.css');
@import url('mosaic.css');

@font-face {
    font-weight: normal;
    font-style: normal
}

html {
    height: 100%
}

body {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    line-height: 20px;
    width: 100%;
    height: 100%;
}

#wrapper {
    width: 100%;
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    height: 100%
}

a, a:visited, a:active {
    color: #0067AC;
    text-decoration: none
}

a:hover {
    color: #00AEFF;
    text-decoration: none
}

.clear {
    width: 100%;
    height: 0px;
    clear: both
}

.clearfix {
    float: none;
    clear: both
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0px;
    content: " ";
    clear: both;
    height: 0px
}

* html .clearfix {
    zoom: 1
}

*:first-child+html .clearfix {
    zoom: 1
}

.last {
    margin: 0 !important
}

h1, h2, h3, h4, h5, h6 {
    color: #033649;
    font-weight: 600;
    text-shadow: 0 1px 0 #FFFFFF;
    letter-spacing: 1px;
    cursor: default
}

h1 {
    font-size: 22px;
    line-height: 30px
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

h1, h2 {
}

h1 em, h2 em, h3 em {
    font-style: italic;
    font-weight: bold;
    font-size: 12px;
    color: #1F5D74;
    text-transform: none;
    letter-spacing: normal
}

p {
    margin: 0px;
    text-align: justify;
    font-size: 14px
}

br {
    line-height: 10px
}

em, i {
    font-style: italic
}

strong, b {
    font-weight: bold
}

img {
    border: none
}

input {
    vertical-align: middle
}

abbr {
    border-bottom: 1px dotted #424652
}

sup {
    font-size: 10px;
    text-shadow: none
}

sub {
    font-size: 10px;
    text-shadow: none
}

div.codehilite {
    margin-top: 15px;
    margin-bottom: 10px;
    border-radius: 10px
}

div.codehilite pre {
    background-color: transparent;
    margin: 0;
    padding: 10px;
    border: none;
    overflow: auto;
    border-radius: 10px
}

.edit-button {
    padding: 7px 14px;
    margin: 0 0 18px;
    list-style: none;
    background-color: #fbfbfb;
    background-image: -moz-linear-gradient(top, #fff, #f5f5f5);
    background-image: -ms-linear-gradient(top, #fff, #f5f5f5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #fff, #f5f5f5);
    background-image: -o-linear-gradient(top, #fff, #f5f5f5);
    background-image: linear-gradient(top, #fff, #f5f5f5);
    background-repeat: repeat-x;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff
}

code {
    font-size: 11px;
    line-height: 24px;
    text-shadow: none
}

big {
    font-size: 14px
}

small {
    font-size: 10px;
    padding-right: 10px
}

.underline {
    text-decoration: underline
}

.strike {
    text-decoration: line-through
}

.lowlight {
    color: #666666;
    border-bottom: 1px dotted #C0C0C0
}

.highlight {
    background-color: #E8DDCB;
    padding: 1px 5px 3px 5px
}

blockquote {
    margin: 5px;
    border: 1px #6CC5DB dotted;
    font-weight: normal;
    font-style: italic;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 24px;
    padding: 5px 5px 5px 34px;
}

.pullquote {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 24px;
    width: 40%;
    margin: 11px 0 6px 0
}

.quote-right {
    float: right;
    background: transparent url(../images/vertical_line.png) repeat-y left center;
    margin-left: 15px;
    padding-left: 15px
}

.quote-left {
    float: left;
    background: transparent url(../images/vertical_line.png) repeat-y right center;
    margin-right: 15px;
    padding-right: 15px
}

.dropcap span {
    color: #282828;
    font-size: 38px;
    display: block;
    float: left;
    padding: 0px;
    margin: 0px;
    margin: 9px 7px 5px 0
}

.required {
    color: #555152;
    font-size: 11px;
    font-style: italic
}

.left {
    float: left
}

.right {
    float: right
}

.tags {
    margin: 0 0 5px
}

.clear:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden
}

.imagebox {
    background-color: #F5F5F5;
    border: 1px solid #FFFFFF;
    margin: 1px;
    padding: 5px;
    -webkit-box-shadow: 0 0 2px #5C5E5E;
    -moz-box-shadow: 0 0 0 1px #C4C7C8;
    box-shadow: 0 0 0 1px #C4C7C8
}

.imagebox img {
    display: block;
    border: 1px solid #FFFFFF
}

.right-margin {
    margin: 0 0 10px 30px;
    float: right
}

.left-margin {
    margin: 0 30px 10px 0;
    float: left
}

a.blue-button, .blue-button-nav li a, .blue-button-nav li a.current {
    display: block;
    cursor: pointer;
    padding: 3px 8px;
    margin: 0 4px;
    font-size: 12px;
    color: #FFFFFF !important;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-shadow: -1px -1px 0 #026DB4;
    border: 1px solid #026DB4;
    float: left;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0px 1px 2px rgba(0, 0, 0, 0.25);
    -webkit-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0px 1px 2px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0px 1px 2px rgba(0, 0, 0, 0.25);
    background: #30ACFF;
    background: -moz-linear-gradient(top, #30ACFF 0%, #007CCF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #30ACFF), color-stop(100%, #007CCF));
    background: -webkit-linear-gradient(top, #30ACFF 0%, #007CCF 100%);
    background: -o-linear-gradient(top, #30ACFF 0%, #007CCF 100%);
    background: -ms-linear-gradient(top, #30ACFF 0%, #007CCF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#30ACFF', endColorstr='#007CCF', GradientType=0);
    background: linear-gradient(top, #30ACFF 0%, #007CCF 100%)
}

a.blue-button:hover, .blue-button-nav li a:hover, .blue-button-nav li a.current:hover {
    background: #70C5FF;
    background: -moz-linear-gradient(top, #70C5FF 0%, #007CCF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #70C5FF), color-stop(100%, #007CCF));
    background: -webkit-linear-gradient(top, #70C5FF 0%, #007CCF 100%);
    background: -o-linear-gradient(top, #70C5FF 0%, #007CCF 100%);
    background: -ms-linear-gradient(top, #70C5FF 0%, #007CCF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70C5FF', endColorstr='#007CCF', GradientType=0);
    background: linear-gradient(top, #70C5FF 0%, #007CCF 100%)
}

a.blue-button:active, .blue-button-nav li a:active, .blue-button-nav li a.current:active {
    background: #007CCF;
    background: -moz-linear-gradient(top, #007CCF 0%, #30ACFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #007CCF), color-stop(100%, #30ACFF));
    background: -webkit-linear-gradient(top, #007CCF 0%, #30ACFF 100%);
    background: -o-linear-gradient(top, #007CCF 0%, #30ACFF 100%);
    background: -ms-linear-gradient(top, #007CCF 0%, #30ACFF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007CCF', endColorstr='#30ACFF', GradientType=0);
    background: linear-gradient(top, #007CCF 0%, #30ACFF 100%)
}

.blue-button-nav li a, .blue-button-nav li a.current {
    padding: 3px 8px;
    margin-right: 12px;
    float: left
}

.blue-button-nav li a {
    color: #026DB4 !important;
    text-shadow: -1px -1px 0 #FFFFFF
}

.blue-button-nav li a:hover, .blue-button-nav li a:active {
    color: #FFFFFF !important;
    text-shadow: -1px -1px 0 #026DB4
}

.blue-button-nav li a {
    background: #F5F5F5;
    background: -moz-linear-gradient(top, #F5F5F5 0%, #EDEDED 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F5F5F5), color-stop(100%, #EDEDED));
    background: -webkit-linear-gradient(top, #F5F5F5 0%, #EDEDED 100%);
    background: -o-linear-gradient(top, #F5F5F5 0%, #EDEDED 100%);
    background: -ms-linear-gradient(top, #F5F5F5 0%, #EDEDED 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#EDEDED', GradientType=0);
    background: linear-gradient(top, #F5F5F5 0%, #EDEDED 100%)
}

ul.check li {
    list-style: none;
    background: transparent url(../images/check_list.png) no-repeat center left;
    padding-left: 22px
}

ul.check li.cross {
    list-style: none;
    background: transparent url(../images/cross_list.png) no-repeat center left;
    padding-left: 22px
}

ul.bullet li {
    list-style: none;
    background: transparent url(../images/bullet_list.png) no-repeat 0 8px;
    padding-left: 18px
}

ul.arrow li {
    list-style: none;
    background: transparent url(../images/arrow_list.png) no-repeat 0 6px;
    padding-left: 18px
}

.lists ul.unordered li {
    list-style: square;
    list-style-position: inside
}

.lists ol.ordered li {
    list-style: decimal;
    list-style-position: inside
}

.lists ol.ordered li ol {
    margin-bottom: 0px;
    margin-left: 20px
}

.lists ol.ordered li ol li {
    list-style: lower-alpha;
    list-style-position: inside
}

.info-box, .success-box, .warning-box, .note-box, .download-box {
    width: 100%;
    margin-bottom: 25px;
    display: block;
    float: left
}

.info-box {
    background: #FFFFFF url(../images/msg_blue_bg.png) repeat-x;
    border: 1px solid #C4C7C8
}

.info-box p {
    background: transparent url(../images/info_icon.png) no-repeat 10px 12px;
    padding: 10px 10px 10px 36px
}

.success-box {
    background: #FFFFFF url(../images/msg_green_bg.png) repeat-x;
    border: 1px solid #C4C7C8
}

.success-box p {
    background: transparent url(../images/success_icon.png) no-repeat 10px 12px;
    padding: 10px 10px 10px 36px
}

.warning-box {
    background: #FFFFFF url(../images/msg_red_bg.png) repeat-x;
    border: 1px solid #C4C7C8
}

.warning-box p {
    background: transparent url(../images/error_icon.png) no-repeat 10px 12px;
    padding: 10px 10px 10px 36px
}

.note-box {
    background: #FFFFFF url(../images/msg_yellow_bg.png) repeat-x;
    border: 1px solid #C4C7C8
}

.note-box p {
    background: transparent url(../images/note_icon.png) no-repeat 10px 12px;
    padding: 10px 10px 10px 36px
}

.download-box {
    background: #FFFFFF url(../images/msg_grey_bg.png) repeat-x;
    border: 1px solid #C4C7C8
}

.download-box p {
    background: transparent url(../images/download_icon.png) no-repeat 10px 12px;
    padding: 10px 10px 10px 36px
}

.column {
    display: block;
    position: relative;
    vertical-align: top;
    padding: 0 !important;
    margin-right: 40px;
    float: left
}

.one {
    width: 100% !important
}

.one-half {
    width: 460px !important
}

.one-third {
    width: 293px !important
}

.one-fourth {
    width: 210px !important
}

.one-fifth {
    width: 160px !important
}

.one-sixth {
    width: 126px !important
}

.two-third {
    width: 627px !important
}

.three-fourth {
    width: 710px !important
}

.four-fifth {
    width: 760px !important
}

.five-sixth {
    width: 794px !important
}

.latest {
    margin-right: 0 !important;
    vertical-align: top;
    float: right
}

.fullwidth {
    width: 100%;
    height: 100%;
    position: relative
}

.fullwidth .complex {
    margin: 40px 0 0 0
}

.fullwidth .simple {
    margin: 40px 0 40px 0
}

.sidebars {
    width: 100%;
    height: 100%;
    position: relative
}

.corner-shadow {
    width: 53px;
    height: 53px;
    background: transparent url(../images/corner_shadow.png) no-repeat 0 0;
    position: absolute
}

.right-one-fourth {
    top: 0;
    right: 227px
}

.right-three-fourth {
    top: 0px;
    right: 627px
}

.right-one-half {
    top: 0px;
    right: 427px
}

.sidebars .sidebar {
    margin: 40px 0 40px 0
}

#ckepop {
    position: absolute;
    top: -30px;
    right: 0
}

.one-half-divider {
    background: transparent url(../images/vertical_line.png) repeat-y 478px 0
}

.one-fourth-divider {
    background: transparent url(../images/vertical_line.png) repeat-y 278px 0
}

.three-fourth-divider {
    background: transparent url(../images/vertical_line.png) repeat-y 719px 0
}

.one-half-seg {
    width: 440px !important
}

.one-fourth-seg {
    width: 240px !important
}

.three-fourth-seg {
    width: 700px !important;
    position: relative
}

.one-half-seg.nodivider {
    width: 450px !important
}

.one-fourth-seg.nodivider {
    width: 225px !important
}

.three-fourth.nodivider {
    width: 675px !important
}

#header {
    height: 80px;
    background: url("../images/header_footer_bg.png")
}

.into-header {
    margin: 0 auto;
    width: 1000px;
    position: relative
}

.top-header {
    height: 5px;
    background: #033649
}

.header-shadow {
    height: 25px;
    background: transparent url(../images/header_shadow.png) no-repeat top center
}

.logo {
    width: 140px;
    height: 43px;
    margin-top: 10px;
    float: left
}

.logo img {
    outline: none
}

.social {
    margin: 0 0 16px;
    padding: 0 10px 5px;
    float: right;
    background-color: #033649;
    color: #fff;
    border-radius: 0 0 5px 5px
}

.social em {
    color: #0067AC;
    font-size: 8px
}

.social a {
    color: #00AEFF
}

.social a:hover {
    text-decoration: underline
}

.social ul li {
    background: transparent url(../images/social/shadow.png) no-repeat bottom right;
    padding-left: 10px;
    float: left
}

.topmenu {
    margin: 15px 0 0 20px;
    float: left
}

ul.menu-nav {
    font-size: 20px;
    color: #033649;
    font-weight: normal;
    letter-spacing: 1px;
    text-shadow: 0 1px 0 #EBEBEB;
    float: left
}

ul.menu-nav li.parent:hover {
    -webkit-box-shadow: 2px 0 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 0 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 2px 0 2px 0 rgba(0, 0, 0, 0.2)
}

ul.menu-nav > li > a:hover, ul.menu-nav > li.current  > a {
    color: #036564;
    text-shadow: 0 1px 0 #EBEBEB
}

ul.menu-nav li a {
    color: #031634;
    padding: 14px 8px 16px;
    text-decoration: none
}

ul.menu-nav li a:hover {
    text-decoration: none
}

ul.menu-nav ul.child {
    border-top: none;
    border-right: 1px solid #000507;
    border-bottom: 1px solid #000507;
    margin-top: -5px
}

ul.menu-nav ul.child li a, ul.menu-nav ul.child ul.grandchild li a {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #031634;
    letter-spacing: normal;
    white-space: nowrap;
    text-transform: none;
    background: #033649 url(../images/submenu_shadow.png) no-repeat bottom center
}

ul.menu-nav ul.child li.current a, ul.menu-nav ul.child ul.grandchild li.current a {
    background-color: #033649;
    color: #E4F7B1;
    text-shadow: 0 1px 0 #031634
}

ul.menu-nav ul.child li a:hover, ul.menu-nav ul.child ul.grandchild li a:hover {
    background-color: #033649;
    color: #E4F7B1;
    text-shadow: 0 1px 0 #031634
}

ul.menu-nav li:hover a {
    background-color: #033649;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #031634
}

ul.menu-nav ul.child > li:last-child a, ul.menu-nav ul.child ul.grandchild > li:last-child a {
    background-image: none
}

ul.menu-nav ul.child {
    top: 49px !important;
    left: 0 !important;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
    z-index: 11000
}

ul.menu-nav ul.child ul.grandchild {
    left: 203px !important;
    top: -1px !important;
    border-top: 1px solid #165369;
    border-right: 1px solid #000507;
    border-left: 1px solid #165369;
    border-bottom: 1px solid #000507
}

ul.menu-nav li li {
    border-left: none
}

ul.menu-nav li li a {
    width: 180px;
    padding: 13px 4px 13px 18px
}

.menu-nav ul {
    position: absolute;
    top: -999em;
    background-position: bottom;
    background-repeat: no-repeat;
    z-index: 10
}

.menu-nav li {
    float: left;
    position: relative
}

.menu-nav a {
    display: block;
    float: left
}

.menu-nav li:hover ul, ul.menu-nav li.sfHover ul {
    left: 0px;
    top: 35px
}

.menu-nav li:hover li ul, .menu-nav li.sfHover li ul {
    top: -999em
}

.menu-nav li li:hover ul, ul.menu-nav li li.sfHover ul {
    left: 203px;
    top: 0px
}

.menu-nav li:hover ul, .menu-nav li li:hover ul {
    top: -999em
}

.menu-nav li li {
    display: block;
    padding: 0px;
    float: left;
    height: auto !important
}

.menu-nav li ul {
    width: 202px;
    display: none
}

.menu-nav li li a:link, .menu-nav li li a:visited {
    display: block;
    height: auto;
    float: left
}

.menu-nav li:hover {
    visibility: inherit
}

#contentwrap, .link {
    margin: 0 auto;
    width: 1000px;
    padding: 0 0 15px 0;
    margin-bottom: 10px;
    display: block
}

#flashed {
    margin: 0 auto;
    width: 1000px;
    display: block
}

.topbar {
    height: 20px;
    padding-bottom: 20px;
    background: transparent url(../images/horizon_line.png) repeat-x 0 bottom;
    position: relative
}

.topbar h2 {
    font-size: 16px
}

.edit-button-bar {
    position: absolute;
    right: 0;
    top: 0
}

#filter-list {
    padding-top: 3px
}

#filter-list li {
    float: left;
    margin-left: 20px;
    color: #5e5e5e
}

#filter-list li a {
    white-space: nowrap;
    color: #031634;
    text-decoration: none
}

#filter-list li a:hover {
    color: #031634;
    text-decoration: underline
}

#filter-list li.current a {
    color: #99173C !important;
    text-decoration: none
}

.ico {
    background-image: url(../images/sprites.png);
    background-repeat: no-repeat
}

.follow {
    border-radius: 5px;
    overflow: hidden;
    height: 30px;
    width: 230px;
    position: absolute;
    right: -22px;
    top: 30px
}

.follow li {
    float: left
}

.follow li a {
    display: block;
    height: 30px;
    padding: 15px 20px;
    color: #666;
    border-right: solid 1px #d1d1d1
}

.follow li a:hover {
    color: #333;
    background-color: #ddd
}

.follow li a .tit {
    display: block
}

.follow li a .note {
    color: #999
}

.follow .ico {
    width: 32px;
    height: 32px;
    float: left;
    background-color: #ccc
}

.follow .ico-tqq {
    background-position: 0 -42px
}

.follow .ico-weibo {
    background-position: -34px -42px
}

.follow .ico-feed {
    background-position: -68px -42px
}

.follow .ico-mailfeed {
    background-position: -102px -42px
}

.follow .mailfeed {
}

.follow .mailfeed .ipt {
    width: 74%;
    height: 22px;
    padding: 3px 5px;
    border: 1px solid #ccc;
    color: #999;
    border-radius: 0 5px 5px 0
}

.title {
    width: 100%;
    padding-bottom: 19px;
    margin-bottom: 20px;
    white-space: nowrap;
    background: transparent url(../images/horizon_line.png) repeat-x 0 bottom
}

.title h2 {
    font-size: 18px
}

.left-pos {
    padding: 0 19px 20px 0;
    float: left
}

.right-pos {
    padding: 0 0 20px 40px;
    float: right;
    clear: both
}

.horizon-line {
    width: 100%;
    height: 2px;
    display: block;
    background: transparent url(../images/horizon_line.png) repeat-x;
    font-size: 1px
}

.slider {
    width: 100%;
    margin: -46px 0 25px 0
}

.slider.alter {
    width: 100%;
    margin-bottom: 100px
}

.slider .top-glow {
    height: 34px;
    background: transparent url(../images/slider_top_glow.png) no-repeat center 0;
    position: relative
}

#tabs .current {
    background: transparent url(../images/menu_expanded.png) no-repeat 0 3px;
    padding-left: 15px
}

#tabs a {
    margin: 5px
}

.slider-wrapper {
    width: 100%;
    height: 292px;
    background: #FFFFFF url(../images/loader.gif) no-repeat center center;
    display: block;
    position: relative
}

.slider-wrapper div.top-shadow {
    background: url(../images/slider_top_shadow.png) no-repeat center 0;
    display: block;
    height: 4px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 10
}

.slider-wrapper div.bottom-shadow {
    background: url(../images/slider_bottom_shadow.png) no-repeat center 0;
    display: block;
    height: 4px;
    left: 0px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 10
}

.slider .bottom-glow {
    height: 46px;
    background: transparent url(../images/slider_bottom_glow.png) no-repeat center 0;
    position: relative
}

.intro {
    width: 100%;
    margin-bottom: 50px
}

.intro p {
    font-family: Georgia, "宋体", Times, serif;
    font-style: italic;
    font-size: 20px;
    color: #2E2633;
    text-transform: none;
    letter-spacing: normal;
    line-height: 26px;
    text-align: center;
    padding-bottom: 4px
}

.intro .top-shadow {
    height: 20px;
    background: transparent url(../images/intro_top_glow.png) no-repeat
}

.intro .bottom-shadow {
    height: 20px;
    background: transparent url(../images/intro_bottom_glow.png) no-repeat
}

.services {
    width: 100%;
    margin-bottom: 41px
}

.service-box {
    display: block;
    position: relative;
    background: transparent url(../images/service_shadow.png) no-repeat left bottom;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #22413A;
    vertical-align: top;
    margin-right: 40px;
    padding-bottom: 9px;
    float: left
}

.service-box .content {
    background-color: #036564
}

.service-box .mosaic-block {
    margin: 30px 0 27px 0
}

.service-box h2 {
    color: #FFFFFF;
    text-shadow: 0 1px 0 #22413A;
    padding: 0 15px 8px 15px
}

.service-box h2 a {
    color: #FFFFFF;
    text-decoration: none
}

.service-box h2 a:hover {
    color: #E4F7B1;
    text-decoration: none
}

.service-box .horizon-line {
    width: 100%;
    height: 2px;
    display: block;
    background: transparent url(../images/service_line.png) repeat-x;
    font-size: 1px
}

.service-box p {
    display: block;
    padding: 8px 15px 25px 15px;
    margin: 0px;
    text-align: justify
}

.service-box-shadow {
    height: 10px;
    background: transparent
}

.projects {
    width: 100%
}

.projects .description {
    margin-top: 37px
}

.projects .description h2 {
    padding-bottom: 14px
}

#carousel .wrapper {
    width: 668px;
    height: 88px;
    margin: 40px -36px 40px 38px;
    padding: 1px;
    float: left;
    overflow: hidden
}

#carousel ul {
    padding: 0px;
    list-style: none;
    display: block;
    margin-left: -36px;
    overflow: hidden
}

#carousel li {
    margin: 1px 1px 1px 36px;
    display: block;
    float: left;
    position: relative
}

#carousel .prev, #carousel .next {
    width: 15px;
    height: 20px;
    display: block;
    outline: none;
    text-indent: -999em;
    background: transparent url(../images/nav_arrows.png) no-repeat 0 0;
    position: absolute;
    top: 78px
}

#carousel .prev {
    background-position: 0 0;
    left: 0px
}

#carousel .prev:hover {
    background-position: 0 -20px
}

#carousel .next {
    background-position: -15px 0;
    right: 0px
}

#carousel .next:hover {
    background-position: -15px -20px
}

.info-blocks {
    width: 100%;
    background: transparent url(../images/vertical_line.png) repeat-y 368px 0
}

.testimonials {
    width: 330px;
    margin: 37px 40px 38px 0
}

.testimonials h2 {
    padding-bottom: 19px
}

.testimonial {
    width: 100%;
    color: #333333;
    font-style: italic
}

.bubble1 .content {
    padding: 15px 20px 18px 20px;
    background: #F9F9F9 url(../images/testimonial_curve.png) no-repeat 100% 100%
}

.bubble1 .shadow {
    width: 100%;
    height: 24px;
    background: transparent url(../images/testimonial_right_shadow.png) no-repeat right top
}

.bubble1 .arrow {
    width: 100%;
    margin-left: 30px;
    background: transparent url(../images/testimonial_arrow.png) no-repeat;
    float: left
}

.bubble1 .author {
    font-size: 11px;
    color: #99173C;
    margin: 8px 0 0 32px;
    float: left
}

.bubble2 .content {
    padding: 15px 20px 0 20px;
    background: #F9F9F9;
    float: left
}

.bubble2 .shadow {
    width: 100%;
    height: 13px;
    background: transparent url(../images/testimonial_shadow.png) no-repeat center top;
    float: left
}

.bubble2 .author {
    font-size: 11px;
    color: #99173C;
    margin: 10px 0 15px 0;
    float: right
}

.bubble3 .content {
    width: 374px;
    min-height: 135px;
    padding: 15px 20px 0 20px;
    background: #F9F9F9;
    float: left
}

.bubble3 .left-shadow {
    width: 13px;
    height: 150px;
    background: transparent url(../images/testimonial_top_left_shadow.png) no-repeat right top;
    float: left
}

.bubble3 .right-shadow {
    width: 13px;
    height: 150px;
    background: transparent url(../images/testimonial_top_right_shadow.png) no-repeat left top;
    float: left
}

.bubble3 .author {
    font-size: 11px;
    color: #99173C;
    margin: 10px 0 15px 0;
    float: right
}

.whoweare {
    width: 550px;
    margin: 37px 0 40px 40px
}

.whoweare h2 {
    padding-bottom: 14px
}

.whoweare p {
    padding-bottom: 20px
}

.image-grid {
    margin: 0 -60px 0 0;
    padding: 0px
}

.image-grid:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both
}

.image-grid li {
    margin: 0 60px 40px 0;
    display: block;
    position: relative;
    float: left;
    overflow: hidden
}

.image-grid .imagebox {
    float: left
}

.one-column li {
    width: 100%
}

.two-column li {
    width: 450px
}

.three-column li {
    width: 280px
}

.four-column li {
    width: 195px
}

.image-grid h3, .image-grid h3 a {
    color: #2E2633;
    margin-bottom: 6px;
    text-decoration: none;
    display: block
}

.image-grid h3 a:hover {
    color: #555152;
    text-decoration: none
}

.image-grid .description {
    margin-top: 20px;
    float: left
}

.image-grid .description p {
    text-align: left
}

.multi {
    width: 450px;
    height: 302px;
    float: left
}

.multi .mosaic-block {
    width: 436px;
    height: 288px
}

.multi-nav {
    height: 302px;
    position: relative;
    float: left
}

.multi-nav #up, .multi-nav #down {
    width: 20px;
    height: 12px;
    display: block;
    position: absolute;
    outline: none;
    text-indent: -999em;
    background: transparent url(../images/nav_vertical_arrows.png) no-repeat 0 0;
    left: 20px
}

.multi-nav #up {
    background-position: 0 0;
    top: 7px
}

.multi-nav #up:hover {
    background-position: -20px 0
}

.multi-nav #down {
    background-position: 0 -18px;
    bottom: 7px
}

.multi-nav #down:hover {
    background-position: -20px -18px
}

.holder {
    width: 100%;
    margin-bottom: 34px;
    position: relative;
    text-align: center
}

.holder a {
    display: inline-block;
    width: 20px;
    height: 15px;
    background: url(../images/nav_bullets.png) no-repeat 0 0;
    text-indent: -999em;
    cursor: pointer
}

.holder a.jp-previous, .holder a.jp-next {
    width: 15px;
    height: 20px;
    position: absolute;
    display: block;
    outline: none;
    background: transparent url(../images/nav_arrows.png) no-repeat 0 0;
    text-indent: -999em;
    cursor: pointer
}

.holder a.jp-previous {
    background-position: 0 0;
    left: 7px;
    top: -3px
}

.holder a.jp-previous:hover {
    background-position: 0 -20px
}

.holder a.jp-next {
    background-position: -15px 0;
    right: 7px;
    top: -3px
}

.holder a.jp-next:hover {
    background-position: -15px -20px
}

.holder a.jp-current, a.jp-current:hover {
    background: url(../images/nav_bullets.png) no-repeat 0 0;
    background-position: 0 -26px
}

.holder a.jp-disabled {
    display: none
}

.project-images .imagebox {
    float: left;
    margin-bottom: 40px
}

.project-info {
    width: 450px;
    margin-bottom: 35px
}

.project-info h3 {
    color: #2E2633;
    margin-bottom: 6px
}

.project-details {
    margin-top: 20px
}

.project-details span {
    display: block;
    font-size: 11px;
    padding-bottom: 3px
}

.project-details .share img {
    vertical-align: middle;
    margin-left: 8px;
    margin-bottom: 1px
}

.other-works {
    margin-right: -27px;
    padding: 0px;
    overflow: hidden
}

.other-works li {
    margin: 0 27px 27px 0;
    float: left;
    position: relative;
    overflow: hidden
}

#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #C4C7C8;
    background-color: #F5F5F5
}

#tooltip div.frame {
    border: 1px solid #FFFFFF;
    padding: 5px
}

#tooltip img {
    display: block;
    border: 1px solid #FFFFFF
}

#tooltip h4 {
    padding: 10px 8px 4px 8px;
    color: #2E2633;
    bottom: 0px
}

.gallery-wrapper {
    width: 100%;
    height: 910px !important
}

.gallery-images {
    background-color: #F5F5F5;
    border: 1px solid #C4C7C8
}

.gallery-images .frame {
    border: 1px solid #FFFFFF
}

#images {
    width: 770px;
    height: 520px;
    margin: 18px 0 16px 0;
    overflow: hidden;
    float: left
}

#images img {
    border: 1px solid #FFFFFF;
    overflow: hidden;
    display: block
}

.images-nav {
    width: 92px;
    margin-top: 262px;
    float: left
}

.images-nav .prev, .images-nav .next {
    display: block;
    width: 24px;
    height: 34px;
    text-indent: -999em;
    background: transparent url(../images/nav_big_arrows.png) no-repeat;
    outline: none
}

.images-nav .next {
    background-position: -36px 0;
    margin-left: 33px
}

.images-nav .next:hover {
    background-position: -36px -34px
}

.images-nav .prev {
    background-position: 0 0;
    margin-left: 35px
}

.images-nav .prev:hover {
    background-position: 0 -34px
}

.gallery-thumbs {
    width: 772px;
    margin: 18px auto 18px;
    display: none
}

#thumbs ul {
    width: 800px;
    height: 207px;
    padding: 2px;
    overflow: hidden
}

#thumbs li {
    display: inline-block;
    margin: 0 30px 30px 0;
    cursor: pointer
}

#thumbs .imagebox {
    float: left;
    position: relative;
    background: #F5F5F5 url(../images/gallery_thumb_blank.png) no-repeat center center
}

#thumbs li.selected {
    border: 1px solid #00AEFF
}

.thumbs-nav {
    margin-left: 375px;
    height: 12px;
    padding: 20px 0 20px 0
}

.thumbs-nav .up, .thumbs-nav .down {
    display: block;
    width: 20px;
    height: 12px;
    text-indent: -999em;
    background: transparent url(../images/nav_vertical_arrows.png) no-repeat 0 0;
    outline: none
}

.thumbs-nav .down {
    background-position: 0 -18px
}

.thumbs-nav .down:hover {
    background-position: -20px -18px
}

.thumbs-nav .up {
    background-position: 0 0
}

.thumbs-nav .up:hover {
    background-position: -20px 0
}

.thumbs-nav .up.disabled, .thumbs-nav .down.disabled {
    display: none !important
}

.majia {
    position: fixed;
    right: 10px;
    text-align: center;
    top: 100px;
    width: 80px;
    background-color: #9c9c9c;
    z-index: 1000
}

.majia .top {
    padding: 5px
}

.majia img {
    margin: 1px;
    border: 2px solid #ffffff
}

.list {
    width: 100%;
    margin-bottom: 10px;
    background: transparent url(../images/horizon_line.png) repeat-x 0 bottom;
    float: left;
    position: relative;
    padding-bottom: 10px
}

.tip-c, .tip-list {
    z-index: 1000;
    text-align: left;
    border: 1px solid #939393;
    padding: 7px;
    min-width: 50px;
    max-width: 200px;
    color: #8c3901;
    background-color: #fef9d9;
    border-radius: 10px
}

.list.single {
    background: none
}

.entries-title {
    margin-bottom: 10px;
    color: #2E2633;
    font-size: 24px;
    line-height: 30px;
    padding: 7px 14px;
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd;


}

.list .list-title h1, .list .list-title h1 a, .list h1, .list h1 a {
    margin-bottom: 6px;
    font-size: 18px;
    line-height: 30px;
    color: #111111;
}

.list .list-title h1 a:hover {
    color: #125687;
    text-decoration: none
}

.post-data {
    color: #555152;
    font-size: 10px;
    font-style: italic
}

.subinfo {
    border: 3px dashed #DBDBDB;
    text-align: center;
    margin: 10px 0;
    padding: 10px;
    border-radius: 10px 10px 10px 10px
}

.entries-content {
    line-height: 1.8;
    margin-bottom: 30px;
    padding: 0 5px
}

.entries-content p {
    margin: 0 0 10px 0;
    color: #444444;
    font-size: 14px;
    line-height: 26px
}

.list .readmore {
    margin: 5px 0;
    float: right
}

.list-nav {
    width: 100%;
    float: left
}

.list-nav span {
    color: #555152;
    font-size: 11px;
    float: left;
    margin: 3px 14px 0 0
}

.article-search, .article-categories, .article-popular, .article-archive, .article-flickr {
    width: 100%;
    margin-bottom: 40px;
    float: left
}

.search-button a {
    border: 1px solid #125687;
    float: left
}

.search-button img {
    vertical-align: -3px
}

.article-categories li {
    width: 120px;
    margin-bottom: 7px;
    padding-bottom: 9px;
    background: transparent url(../images/horizon_line.png) repeat-x 0 bottom;
    float: left
}

.article-categories li a {
    white-space: nowrap;
    color: #031634;
    text-decoration: none
}

.article-categories li a:hover {
    color: #031634;
    text-decoration: underline
}

.article-categories li.current a, .article-categories li.current a span {
    color: #99173C !important;
    text-decoration: none
}

.article-categories li span {
    color: #036564
}

.article-categories li.noline {
    background-image: none;
    margin: 0px;
    padding: 0px
}

.hottags {
    padding-bottom: 20px
}

.hottags li {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    line-height: 100%;
    margin: 2px 0;
    padding: 3px
}

.hottags li a {
    white-space: nowrap;
    color: #031634;
    text-decoration: none
}

.hottags li a:hover {
    color: #031634;
    text-decoration: underline
}

.hottags li.current a, .hottags li.current a span {
    color: #99173C !important;
    text-decoration: none
}

.hottags li span {
    color: #036564
}

.hottags li.noline {
    background-image: none;
    margin: 0px;
    padding: 0px
}

.article-popular li {
    width: 100%;
    padding-bottom: 15px
}

.article-popular li a {
    color: #031634;
    text-decoration: none
}

.article-popular li a:hover {
    color: #031634;
    text-decoration: underline
}

.article-popular li.current a {
    color: #99173C !important;
    text-decoration: none
}

.article-popular li:last-child {
    padding-bottom: 0px
}

.article-archive li {
    width: 100%;
    padding-bottom: 10px
}

.article-archive li a {
    color: #031634;
    text-decoration: none
}

.article-archive li a:hover {
    color: #031634;
    text-decoration: underline
}

.article-archive li.current a, .article-archive li.current a span {
    color: #99173C !important;
    text-decoration: none
}

.article-archive li span {
    color: #036564
}

.article-archive li:last-child {
    padding-bottom: 0px
}

.article-flickr ul {
    margin-right: -22px
}

.article-flickr ul li {
    margin: 0 22px 22px 0;
    display: block;
    float: left
}

.article-flickr .imagebox {
    padding: 3px
}

.comments {
    margin: 0 -38px 40px 0
}

.comments ol.list .message p {
    clear: both;
    padding: 0px
}

.comments ol.list {
    list-style: none;
    margin: 0px
}

.comments ol.list li {
    margin: 0px;
    list-style: none;
    background: none
}

.comments ol.list li {
    padding-top: 25px
}

.comments ol.list li:first-child {
    background: none;
    padding: 0px
}

.comments .user {
    float: left;
    text-align: center
}

.comments .imagebox {
    padding: 3px
}

.comments .date {
    color: #555152;
    font-size: 11px;
    font-style: italic;
    margin-top: 2px;
    float: right
}

.comments h4 {
    float: left;
    margin-bottom: 10px
}

.comments h4 a {
    color: #2E2633;
    text-decoration: none
}

.comments h4 a:hover {
    color: #555152;
    text-decoration: none
}

.comments .message {
    width: 540px;
    float: right;
    background: none;
    position: relative;
    margin: 0px;
    padding-bottom: 32px;
    padding-right: 38px !important;
    background: transparent url(../images/horizon_line.png) repeat-x 0 bottom
}

.comments .message p {
    text-align: justify;
    margin: 0 0 25px 0
}

.comments ul.child {
    margin: 0px;
    padding: 0 0 0 40px
}

.comments ol.list ul.child li {
    padding: 25px 0 0 0;
    background: none
}

.comments ol.list ul.child li .message {
    width: 500px
}

.comments ol.list ul.child ul li .message {
    width: 460px
}

.comments ol.list ul.child ul ul li .message {
    width: 420px
}

.comments ol.list ul.child ul ul ul li .message {
    width: 380px
}

.comments ol.list ul.child ul ul ul ul li .message {
    width: 340px
}

.comments ol.list ul.child ul ul ul ul ul li .message {
    width: 300px
}

.comments-form {
    width: 100%;
    float: left
}

.comments-form div {
    float: left
}

.comments-form label {
    display: block;
    padding-bottom: 10px
}

.comments-field {
    margin-right: 20px
}

.comments-form input {
    padding: 0 5px 0 5px;
    margin-right: 20px;
    height: 22px;
    background: #FFFFFF;
    border: 1px solid #125687;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #282828;
    line-height: 22px;
    float: left;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0px 1px 2px rgba(0, 0, 0, 0.25);
    -webkit-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0px 1px 2px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0px 1px 2px rgba(0, 0, 0, 0.25)
}

.comments-form input#author, input#email {
    width: 158px
}

.comments-form input#url {
    width: 258px;
    margin-right: 0px
}

.message-box {
    margin-top: 20px
}

.message-box textarea {
    width: 628px;
    height: 118px;
    padding: 5px;
    margin: 0px;
    background: #FFFFFF;
    border: 1px solid #125687;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #282828;
    line-height: 20px;
    float: left;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0px 1px 2px rgba(0, 0, 0, 0.25);
    -webkit-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0px 1px 2px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0px 1px 2px rgba(0, 0, 0, 0.25)
}

.comments-button {
    margin-top: 30px;
    float: left
}

.contacts {
    margin-bottom: 30px;
    float: left
}

.contacts span {
    display: block;
    padding-bottom: 10px
}

.location-map {
    width: 438px;
    height: 418px;
    padding: 0 !important;
    background: #FFFFFF;
    float: left;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0px 1px 2px rgba(0, 0, 0, 0.25);
    -webkit-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0px 1px 2px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0px 1px 2px rgba(0, 0, 0, 0.25)
}

.location-map iframe {
    border: 1px solid #125687;
    padding: 0 !important;
    margin: 0 !important
}

.feedback-form .info {
    margin-bottom: 30px
}

.feedback-form fieldset {
    float: left
}

.feedback-form label {
    display: block;
    clear: both;
    padding-bottom: 10px
}

.feedback-form .error {
    display: none;
    color: #99173C;
    text-shadow: none;
    background: transparent url(../images/red_arrow.png) no-repeat left center;
    margin-left: 10px;
    padding-left: 10px
}

.feedback-form .success-box, .feedback-form  .warning-box {
    display: none
}

.feedback-form input {
    padding: 0 5px 0 5px;
    margin-bottom: 20px;
    height: 22px;
    background: #FFFFFF;
    border: 1px solid #125687;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #282828;
    line-height: 22px;
    float: left;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0px 1px 2px rgba(0, 0, 0, 0.25);
    -webkit-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0px 1px 2px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0px 1px 2px rgba(0, 0, 0, 0.25)
}

.feedback-form input#name, input#email {
    width: 148px
}

.feedback-form input#subject {
    width: 218px
}

.feedback-form input#captcha {
    width: 280px
}

.feedback-form textarea {
    width: 428px;
    height: 106px;
    padding: 5px;
    margin: 0 0 24px 0;
    background: #FFFFFF;
    border: 1px solid #125687;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #282828;
    line-height: 20px;
    float: left;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0px 1px 2px rgba(0, 0, 0, 0.25);
    -webkit-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0px 1px 2px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0px 1px 2px rgba(0, 0, 0, 0.25)
}

.captcha-image {
    margin: 4px 30px 0 0;
    float: left;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0px 1px 2px rgba(0, 0, 0, 0.25);
    -webkit-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0px 1px 2px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0px 1px 2px rgba(0, 0, 0, 0.25)
}

.captcha-image img {
    display: block;
    border: 1px solid #125687
}

.feedback-button {
    margin-top: 10px;
    float: left
}

.sidebar h3, .fullwidth h3 {
    display: block;
    margin-bottom: 5px
}
.entries-content img{border:6px solid #fff; box-shadow:0 0 4px rgba(0, 0, 0, 0.3); margin:15px auto; display:block; max-width:674px;}
.sidebar h2, .fullwidth h2 {
    background: #eee;
}

.sidebar .block {
    margin-bottom: 32px;
    float: left;
    clear: both;
    width: 440px
}

.sidebar .banners .imagebox {
    margin-bottom: 27px
}

.sidebar .banners p {
    width: 100%;
    display: block;
    float: left
}

.typography {
    float: left
}

.typography .block pre {
    margin-top: 17px
}

.headings p {
    margin: 12px 0 30px 0
}

.buttons {
    display: inline-block;
    margin-bottom: 32px
}

.buttons div {
    width: 50%;
    display: block;
    margin-bottom: 25px;
    float: left
}

.buttons div a {
    float: left;
    margin-right: 12px
}

.columns {
    margin-bottom: 40px
}

.column-demo {
    height: 80px;
    display: block;
    text-align: center;
    vertical-align: top;
    padding: 0 !important;
    margin-right: 40px;
    background: transparent url(../images/column_bg.png) repeat-x;
    float: left
}

.column-demo span {
    background: #F4F4F4;
    line-height: 80px;
    font-size: 20px;
    color: #5A6A76;
    padding: 2px 3px 3px 3px;
    text-shadow: 0 1px 0 #FFFFFF
}

.columns h3 {
    display: block;
    margin-bottom: 17px
}

.columns .block {
    margin-bottom: 37px;
    float: left;
    clear: both
}

.sidebar-menu {
    width: 100%;
    position: relative;
    margin-bottom: 35px;
    float: left
}

.sidebar-menu .menu-top {
    width: 52px;
    height: 30px;
    background: #F9F9F9;
    right: 0px;
    position: absolute
}

.sidebar-menu .menu-top a {
    display: block;
    position: absolute;
    width: 11px;
    height: 11px;
    top: 10px;
    cursor: pointer
}

.sidebar-menu .menu-top a.expand {
    background: transparent url(../images/plus.png) no-repeat;
    right: 30px
}

.sidebar-menu .menu-top a.collapse {
    background: transparent url(../images/minus.png) no-repeat;
    right: 10px
}

.sdmenu {
    margin-top: 30px;
    padding: 10px 0 10px 0;
    background: #F9F9F9
}

.sdmenu div {
    background: #F9F9F9;
    overflow: hidden
}

.sdmenu div.collapsed {
    height: 30px
}

.sdmenu div span {
    display: block;
    padding: 5px 25px 5px 28px;
    color: #031634;
    background: url(../images/menu_expanded.png) no-repeat 10px 11px;
    cursor: pointer
}

.sdmenu div.collapsed span {
    background-image: url(../images/menu_collapsed.png)
}

.sdmenu div a {
    display: block;
    background: #F9F9F9;
    padding: 5px 10px 5px 35px;
    white-space: nowrap
}

.sdmenu div a.current:hover, .sdmenu div a.current {
    color: #99173C;
    background: #FFFFFF
}

.sdmenu div a:hover {
    background: #FFFFFF
}

.sidebar-menu .menu-bottom {
    width: 100%;
    height: 9px;
    background: transparent url(../images/sidebar_menu_shadow.png) no-repeat center top;
    position: relative
}

.toggle-panel {
    margin-bottom: 35px
}

.toggle-title {
    cursor: pointer;
    padding-left: 10px;
    clear: both
}

.toggle-title a {
    width: 100%;
    display: block;
    margin-left: 20px;
    padding: 8px 0 10px 0
}

.toggle-content {
    background-color: #F9F9F9;
    background-image: linear-gradient(top, #F9F9F9, #FFFFFF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#FFFFFF');
    -ms-filter: progid

:DXImageTransform.Microsoft.

gradient
(
startColorstr

=
'#F9F9F9'
,
endColorstr

=
'#FFFFFF'
)
;
background:-ms-linear-gradient(top,#F9F9F9,#FFFFFF)

;
background:-moz-linear-gradient(top,#F9F9F9,#FFFFFF)

;
background:-o-linear-gradient(top,#F9F9F9,#FFFFFF)

;
background:-webkit-linear-gradient(top,#F9F9F9,#FFFFFF)

;
background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#F9F9F9),

color-stop
(
1
,
#FFFFFF

)
)
;
display:none

;
padding:

25
px

30
px

25
px

30
px

;
clear:both

    }

.toggle-content div {
    margin-bottom: 20px
}

.toggle-content h4 {
    margin-bottom: 10px
}

.toggle-content .check {
    margin: 15px
}

.open-toggle {
    background-color: #FFFFFF
}

.open-toggle a {
    color: #99173C
}

.close-toggle {
    background-color: #F9F9F9
}

.close-toggle:hover {
    color: #99173C;
    background-color: #FFFFFF
}

.toggle-shadow {
    width: 100%;
    height: 11px;
    background: transparent url(../images/toggle_panel_shadow.png) no-repeat center top
}

.tabbed-content {
    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 14px;
    background: transparent url(../images/tabs_shadow.png) no-repeat right bottom;
    float: left
}

ul.tabs {
    margin-left: 25px;
    height: 30px;
    line-height: 26px;
    list-style: none
}

.tabs li {
    float: left;
    display: block;
    margin-right: 10px;
    padding: 2px 13px 2px 13px;
    color: #0067AC;
    cursor: pointer;
    background: #F9F9F9
}

.tabs li:hover, .vertical .tabs li:hover {
    color: #00AEFF;
    background: #FFFFFF
}

.tabs li.current, .vertical .tabs li.current {
    color: #99173C;
    background: #FFFFFF
}

.box {
    background-color: #FFFFFF;
    background-image: linear-gradient(top, #FFFFFF, #F9F9F9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F9F9F9');
    -ms-filter: progid

:DXImageTransform.Microsoft.

gradient
(
startColorstr

=
'#FFFFFF'
,
endColorstr

=
'#F9F9F9'
)
;
background:-ms-linear-gradient(top,#FFFFFF,#F9F9F9)

;
background:-moz-linear-gradient(top,#FFFFFF,#F9F9F9)

;
background:-o-linear-gradient(top,#FFFFFF,#F9F9F9)

;
background:-webkit-linear-gradient(top,#FFFFFF,#F9F9F9)

;
background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#FFFFFF),

color-stop
(
1
,
#F9F9F9

)
)
;
padding:

15
px

25
px

    }

.box.visible {
    display: block
}

.tabbed-content.vertical {
    width: 480px;
    margin-left: 160px;
    margin-bottom: 0px
}

.vertical .tabs {
    width: 160px;
    float: left;
    display: block;
    margin: 25px 0 0 -160px
}

.vertical .tabs li {
    padding: 2px 13px 2px 13px;
    margin-bottom: 10px;
    width: 134px;
    background: #F9F9F9
}

.image-overlays {
    margin-bottom: 40px;
    float: left
}

.image-overlays .imagebox, .image-captions .imagebox {
    margin-bottom: 26px
}

.float-images {
    float: left
}

.float-images .block {
    width: 440px;
    margin-bottom: 35px;
    float: left;
    clear: both
}

#footer {
    width: 100%;
    margin: 10px auto 0;
    height: 45px;
    position: relative
}

.footer-bg {
    height: 400px;
    background: url(../images/header_footer_bg.png)
}

.into-footer {
    margin: 0 auto;
    width: 1000px;
    height: 340px
}

.footer-shadow {
    height: 25px;
    background: transparent url(../images/footer_shadow.png) no-repeat bottom center
}

.footer-title {
    margin-top: 36px;
    float: left
}

.footer-title h3 {
    color: #031634
}

.subscribe {
    width: 220px
}

.subscribe .footer-block {
    margin-top: 17px;
    float: left;
    clear: both
}

.subscribe-form {
    margin: 25px 0 25px 0
}

.subscribe-field, .search-field {
    width: 160px;
    height: 24px;
    background: #FFFFFF;
    padding: 1px 5px 1px 8px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #282828;
    line-height: 24px;
    float: left;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0px 1px 2px rgba(0, 0, 0, 0.25);
    -webkit-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0px 1px 2px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0px 1px 2px rgba(0, 0, 0, 0.25)
}

.subscribe-button a {
    border: 1px solid #125687;
    float: left
}

.subscribe-button img {
    vertical-align: -1px
}

.recent-posts {
    width: 400px;
    margin: 0 60px 0 60px
}

.recent-posts .footer-block {
    margin-top: 22px;
    float: left;
    width: 400px
}

.recent-posts .imagebox {
    display: block;
    position: relative;
    padding: 2px;
    float: left
}

.recent-posts .text {
    margin-left: 80px
}

.recent-posts h4 a {
    color: #2E2633;
    text-decoration: none
}

.recent-posts h4 a:hover {
    color: #555152;
    text-decoration: none
}

.recent-posts .info {
    display: block;
    color: #555152;
    font-size: 11px;
    margin-bottom: 30px
}

.get-in-touch {
    width: 220px
}

.get-in-touch .footer-block {
    margin-top: 17px;
    float: left;
    clear: both
}

.get-in-touch .footer-block span {
    display: block;
    padding: 0 0 10px 30px
}

.get-in-touch .footer-block span.location {
    background: transparent url(../images/location_icon.png) no-repeat left 3px
}

.get-in-touch .footer-block span.phone {
    background: transparent url(../images/phone_icon.png) no-repeat left 3px
}

.get-in-touch .footer-block span.email {
    background: transparent url(../images/email_icon.png) no-repeat left 4px
}

.get-in-touch .footer-block span.feedback {
    background: transparent url(../images/feedback_icon.png) no-repeat left 4px
}

#bottom {
    width: 100%;
    height: 45px;
    position: absolute;
    background: #033649 url(../images/bottom_shadow.png) no-repeat top center;
    bottom: 0 !important;
    left: 0 !important
}

.into-bottom {
    margin: 0 auto;
    width: 1000px;
    height: 45px;
    color: #FFFFFF;
    text-shadow: 0 1px 0 #031634;
    position: relative
}

.into-bottom a {
    color: #00AEFF;
    text-decoration: none
}

.into-bottom a:hover {
    text-decoration: underline
}

.into-bottom span {
    margin-top: 13px
}

.backtop {
    width: 30px;
    height: 20px;
    float: right;
    background: #033649 url(../images/backtop_arrow.png) no-repeat 8px 7px;
    top: -20px;
    right: 0px;
    cursor: pointer;
    position: absolute
}

.status {
    margin-top: -3px;
    padding: 4px 0 4px;
    text-align: center
}

.narrow .status {
    float: left;
    margin: 0 3px 0 0;
    padding: 5px;
    width: 48px;
    height: 38px;
    background-color: #ccc;
    border-radius: 5px 5px 5px 5px
}

.status strong {
    color: #ffffff;
    display: block;
    font-size: 140%
}

.stats {
    background: #eee;
    margin: 0 0 0 7px;
    padding: 4px 7px 6px 7px;
    width: 58px
}

.statscontainer {
    width: 86px;
    float: left;
    margin-right: 8px
}

.narrow .stats {
    background: none;
    margin: 0 0 0 7px;
    padding: 0;
    width: auto;
    height: 48px;
    float: left
}

.votes {
    color: #555555;
    padding: 0 0 7px 0;
    text-align: center
}

.narrow .votes {
    background: transparent;
    float: left;
    margin: 0 3px 0 0;
    padding: 5px;
    width: 38px;
    height: 38px
}

.vote-count-post {
    display: block;
    font-size: 240%
}

.vote-up, .vote-down {
    display: block;
    margin: 0 auto
}

.vote-count-separator {
    border-top: 1px solid silver;
    width: 30px;
    margin-left: 15px
}

.narrow .views {
    float: left;
    margin: 0 7px 0 0;
    padding: 5px 0px 5px 4px;
    width: 40px;
    height: 38px
}

.narrow .list-info {
    width: 530px
}

.views strong {
    display: block
}

.views {
    padding-top: 4px;
    color: #999;
    text-align: center
}

.tags a {
    border: 1px solid #ccc;
    padding: 0 3px;
    border-radius: 5px 5px 5px 5px
}

.inner {
    font-size: 12px;
    line-height: 150%;
    padding: 10px;
    text-align: left
}

.vote {
    width: 60px;
    margin: 90px 5px;
    text-align: center
}

.comment-vote-up-off, .comment-vote-up-on, .comment-vote-down-off, .comment-vote-down-on, .vote-up-off, .vote-up-on, .vote-down-off, .vote-down-on, .star-on, .star-off, .comment-up-off, .comment-up-on, .comment-flag, .flag-off, .vote-accepted-off, .vote-accepted-on {
    font-size: 1px;
    text-indent: -9999em
}

.comment-vote-up-off, comment-.vote-down-off, .vote-up-off, .vote-down-off, .vote-accepted-off, .star-off, .comment-up-off, .flag-off {
    cursor: pointer
}

.comment-vote-up-off, .comment-vote-up-on, .comment-vote-down-off, .comment-vote-down-on, .vote-up-off, .vote-up-on, .vote-down-off, .vote-down-on, .star-on, .star-off {
    background-position: 0 -265px;
    display: block;
    height: 25px;
    margin: 0 auto;
    width: 41px
}

.vote-down-off, .comment-vote-down-off {
    background-position: 0 -300px
}

#hlogo a, .envelope-on, .envelope-off, .vote-up-off, .comment-vote-up-off, .vote-up-on, .comment-vote-down-off, .vote-down-off, .vote-down-on, .star-on, .star-off, .comment-up-off, .comment-up-on, .comment-flag, .edited-yes, a.cc-wiki-link, .feed-icon, .statsarrow, .vote-accepted-off, .vote-accepted-on, .vote-accepted-bounty, .badge-earned-check, .delete-tag, .grippie, .expander-arrow-hide, .expander-arrow-show, .expander-arrow-small-hide, .expander-arrow-small-show, .anonymous-gravatar, .badge1, .badge2, .badge3, .add-interesting-tag-on, .add-interesting-tag-off, .fb-share, .twitter-share, .gp-share {
    background-image: url("../images/sprites.png?v=5");
    background-repeat: no-repeat;
    overflow: hidden
}

a.count_livid:link, a.count_livid:active {
    background-color: #9f9f9f;
    border-radius: 12px 12px 12px 12px;
    color: white;
    display: inline-block;
    font-weight: bold;
    line-height: 12px;
    margin-right: 5px;
    padding: 2px 10px;
    position: absolute;
    right: -10px;
    text-decoration: none;
    top: 10px
}