/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
    display: block;
}

mark, rp, rt, ruby, summary, time {
    display: inline;
}

/* Global properties ======================================================== */
html {
    width: 100%;
}

body {
    font-family: segoe ui, Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #9bafbb;
    min-width: 520px;
    background: #787878;
}

.main {
    width: 760px;
    overflow: hidden;
    margin: 0 auto;
    font-size: 14px;
    line-height: 18px;
    background: #fff;
}

/*********************************header*************************************/
{
    width: 100%
;
    position: relative
;
    z-index: 2
;
}
.header-bg {
    background: url(../images/header-bg.png) center top repeat-x #e4eef5;
    padding-top: 24px;
}

h1 {
    padding: 0 20px 31px 34px;
    position: relative;
    display: block;
}

h1 a {
    display: inline-block;
    font-size: 36px;
    font-weight: 200;
    line-height: 1.222em; /*44px*/
    color: #657883;
    text-decoration: none;
    word-spacing: -2px;
    margin-right: 2px;
}

h1 a strong {
    font-weight: 900;
}

h1 em {
    display: inline-block;
    font-size: 11px;
    line-height: 11px;
    color: #48a5d0;
    text-transform: uppercase;
    padding-top: 17px;
    font-style: normal;
}

h1 a:hover {
    text-decoration: none;
}

header .phone {
    display: inline-block;
    font-size: 21px;
    line-height: 1;
    margin-left: 44px;
    color: #667984;
}

/***** menu *****/
nav {
    width: 100%;
    background: #657883;

}

.menu {
    padding: 0 20px;
    position: relative;
    z-index: 99;
    min-height: 47px;
}

.menu li {
    float: left;
    position: relative;
    z-index: 99;
    text-align: center;
}

.menu li a {
    display: block;
    font: normal 14px/17px Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
    padding: 12px 0 14px;
    text-shadow: 0 0 1px rgba(255, 255, 255, .1);
    padding: 13px;
}

.menu li a.active,
.menu > li > a:hover,
.menu > li.sfHover > a {
    background: #e4eef5;
    color: #657883;
    text-shadow: 0 0 1px rgba(101, 120, 131, .3);
}

/***submenu***/
.menu ul {
    position: absolute;
    padding: 19px 12px 20px 16px;
    top: -999em;
    width: 182px;
    background: #e4eef5;
}

.menu li:hover {
    visibility: inherit;
}

.menu ul li {
    width: 150px;
    text-align: left;
    background: url(../images/pic1.gif) 0 bottom repeat-x;
    padding: 0 10px 7px 19px;
    margin-bottom: 5px;
}

.menu ul li.last-item {
    background: none;
    padding-bottom: 0;
}

.menu li li a {
    display: inline-block;
    color: #657883;
    text-shadow: 0 0 1px rgba(0, 0, 0, .2);
    padding: 0;
}

.menu li li > a:hover,
.menu li li.sfHover > a {
    color: #49a6d1;
}

.menu li:hover ul, .menu li.sfHover ul {
    left: 0px;
    top: 42px;
    z-index: 9999;
}

/*********************************content*************************************/
#content {
    width: 100%;
    padding: 0;
    position: relative;
    z-index: 1;
}

#content .indents {
    padding: 1px 20px 0 19px;
}

.content-bg {
    background: #f4f7f9;
}

.content-bg .indents1 {
    padding: 19px 22px 25px 23px;
}

a {
    color: #657883;
    outline: none;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.title {
    display: inline-block;
    margin-top: -4px;
}

a.title1 {
    display: inline-block;
    margin-top: -2px;
    line-height: 16px;
}

p, .p3-1 {
    margin-bottom: 18px;
}

.p0 {
    margin-bottom: 0 !important;
}

.p1 {
    margin-bottom: 5px;
}

.p1-1 {
    margin-bottom: 8px;
}

.p2 {
    margin-bottom: 10px;
}

.p2-1 {
    margin-bottom: 12px;
}

.p3 {
    margin-bottom: 15px;
}

.p4 {
    margin-bottom: 20px;
}

.p4-1 {
    margin-bottom: 22px;
}

.p5 {
    margin-bottom: 25px;
}

.p5-1 {
    margin-bottom: 28px;
}

p.title {
    margin-top: -4px;
}

p.title1 {
    margin-top: -2px;
    line-height: 16px;
    color: #657883;
}

/*tags*/
h3 {
    font-size: 24px;
    line-height: 29px;
    color: #667984;
}

h3 a {
    color: #667984;
}

h3 a:hover {
    color: #49a6d1;
    text-decoration: none;
}

h6 {
    font-weight: bold;
    color: #000;
}

time {
    color: #49a6d1;
}

figure.img-indent {
    float: left;
    margin-right: 14px;
}

strong.block1 {
    display: block;
    font-weight: bold;
    color: #657883;
    margin-top: -5px;
    margin-bottom: 8px;
}

div.title {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 36px;
    line-height: 40px;
}

div.block1 {
    float: right;
    background: url(../images/block1-bottom.png) 32px bottom no-repeat;
    width: 52px;
    height: 32px;
    overflow: hidden;
    padding-bottom: 13px;
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    position: relative;
    top: 138px;
}

div.block1 .block1-bg {
    background: #49a6d1;
    padding: 7px 0;
}

div.block1 a {
    color: #fff;
}

div.block1 a:hover {
    color: #000;
    text-decoration: none;
}

/*classes*/

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.col-1 {
    float: left;
    width: 132px;
    margin-right: 20px;
}

.col-2 {
    float: left;
    width: 208px;
    margin-right: 20px;
}

.col-3 {
    float: left;
    width: 412px;
}

.wrapper {
    width: 100%;
    overflow: hidden;
}

.extra-wrap {
    overflow: hidden;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.aright {
    text-align: right;
}

.acenter {
    text-align: center;
}

.bold {
    font-weight: bold !important;
}

.button {
    display: inline-block;
    background: #657883;
    padding: 5px 12px;
    font: 11px/14px Arial, Helvetica, sans-serif;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}

.button:hover {
    background: #49a6d1;
    text-decoration: none;
}

/*********fonts*********/
.font-1 {
    font: normal 12px/18px Arial, Helvetica, sans-serif;
}

.font-2 {
    font: normal 12px/16px Arial, Helvetica, sans-serif;
}

/*********colors*********/
.color-1 {
    color: #4aa8d2;
}

/*blue*/
.color-2, .color-2 h6, .color-2 a {
    color: #49a6d1;
}

/*blue*/
.color-3, .color-3 h6, .color-3 a {
    color: #7baf3c;
}

/*green*/
.color-4, .color-4 h6, .color-4 a {
    color: #e3b42b;
}

/*orange*/

/*********lists*********/
.last-item {
    margin-bottom: 0 !important;
    margin-right: 0 !important;
}

.list-1 li {
    background: url(../images/marker-1.gif) 0 4px no-repeat;
    padding-left: 11px;
    margin-bottom: 10px;
    line-height: 14px;
}

.list-1 a {
    color: #49a6d1;
}

/*********banners*********/
.banner-1 {
    position: relative;
    background: url(../images/banner1.jpg);
    height: 210px;
    overflow: hidden;
    margin-bottom: 1px;
}

.banner-2 {
    position: relative;
    background: url(../images/banner2.jpg);
    height: 239px;
    overflow: hidden;
    margin-bottom: 1px;
}

.banner-3 {
    position: relative;
    background: url(../images/banner3.jpg);
    height: 239px;
    overflow: hidden;
    margin-bottom: 1px;
}

/*********boxes*********/
.box1 {
    position: relative;
    width: 100%;
}

.box1 .indents1 {
    padding: 0 11px;
}

.box1.color-2 .indents2 {
    padding: 17px 0 22px 5px;
}

.box1.color-3 .indents2 {
    padding: 13px 0 22px 5px;
}

.box1.color-4 .indents2 {
    padding: 13px 0 18px 5px;
}

.box1 h2 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 900;
    display: block;
}

.box1 h2 strong {
    display: block;
    margin-top: -4px;
}

.box1 a {
    display: inline-block;
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 14px;
    position: absolute;
}

.box1.color-2 a {
    top: 47px;
    left: 113px;
}

.box1.color-3 a {
    top: 43px;
    left: 124px;
}

.box1.color-4 a {
    top: 43px;
    left: 124px;
}

.box1 a:hover {
    text-decoration: none;
}

/*********borders*********/
.border-bottom {
    border-bottom: 4px solid #e5ecf1;
}

.border-bottom1 {
    border-bottom: 1px solid #d6dce1;
}

.border-bottom2 {
    background: url(../images/pic2.gif) center bottom repeat-x;
}

.border-bottom3 {
    border-bottom: 3px solid #e5ecf1;
}

.border {
    border: 1px solid #fff;
}

a:hover .border {
    border-color: #667984;
    text-decoration: none;
}

/*********indents*********/
.indent-top2 {
    padding-top: 10px;
}

.indent-bottom3-1 {
    padding-bottom: 18px;
}

.indent-bottom4 {
    padding-bottom: 20px;
}

.indent-right1 {
    padding-right: 5px;
}

.indent-right1-1 {
    padding-right: 8px;
}

.indent-right2 {
    padding-right: 10px;
}

.indent-right6-1 {
    padding-right: 32px;
}

.indent-right7 {
    padding-right: 35px;
}

/***********kwick gallery*************/
.gallery-indents {
    padding: 0 20px 0 19px;
    margin-top: -18px;
}

.gallery-wrapper {
    background: url(../images/gallery-tail.gif) center top repeat-x #e4eef5;
    padding: 4px 3px 4px;
}

.kwicks {
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100% !important;
    height: 265px;
    background: #e4eef5;
}

.kwicks li {
    width: 33.33%;
    height: 265px;
    display: block;
    overflow: hidden;
    padding: 0;
    cursor: pointer;
    position: relative;
}

.kwicks.horizontal li {
    margin-right: 0;
    float: left;
}

.kwicks .shadow {
    background: url(../images/kwick-shadow.png) no-repeat scroll left top;
    width: 25px;
    height: 265px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 12;
}

.kwicks .color-img {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.kwicks .pannel {
    margin-top: -6px;
    overflow: hidden;
    width: 100%;
    height: 57px;
    position: relative;
    z-index: 11;
}

.kwicks .pannel-bg {
    width: 100%;
    height: 57px;
    overflow: hidden;
}

#kwick_1 .pannel {
    background: url(../images/kwick-pannel1-tail.gif) center bottom repeat-x;
}

#kwick_1 .pannel-bg {
    background: url(../images/kwick-pannel1-bg.png) left top no-repeat;
}

#kwick_2 .pannel {
    background: url(../images/kwick-pannel2-tail.gif) center bottom repeat-x;
}

#kwick_2 .pannel-bg {
    background: url(../images/kwick-pannel2-bg.png) left top no-repeat;
}

#kwick_3 .pannel {
    background: url(../images/kwick-pannel3-tail.gif) center bottom repeat-x;
}

#kwick_3 .pannel-bg {
    background: url(../images/kwick-pannel3-bg.png) left top no-repeat;
}

.kwicks h2 {
    font: normal 16px/16px Arial, Helvetica, sans-serif;
    color: #fff;
    padding: 23px 0 0 20px;
    width: 157px;
    text-shadow: 1px 1px 1px #506496;
}

.kwicks.horizontal li .kwick-button {
    display: inline-block;
    position: absolute;
    bottom: -24px;
    right: 25px;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 11px;
    line-height: 14px;
    padding: 6px 8px 5px;
    z-index: 13;
}

.kwicks #kwick_1 .kwick-button {
    background: #5671AA;
}

.kwicks #kwick_2 .kwick-button {
    background: #5695D5;
}

.kwicks #kwick_3 .kwick-button {
    background: #69C1E9;
}

.kwicks .kwick-button:hover {
    background: #000 !important;
}

/****************************sidebar************************/
#sidebar {
    float: right;
    width: 309px;
    background: #fff;
}

/****************************sidebar2************************/
#sidebar2 {
    background: #e5ecf1;
    overflow: hidden;
}

#sidebar2 .indents1 {
    padding: 24px 10px 24px 29px;
}

/****************************footer************************/
footer {
    width: 100%;
}

footer .indents {
    padding: 18px 20px 0 19px;
    text-align: center;
}

footer span {
    display: block;
    font: normal 14px/18px Arial, Helvetica, sans-serif;
    color: #9bafbb;
    text-transform: uppercase;
    margin-right: 8px;
}

/********* social icons *********/
.works-list {
    margin: -1px 0 0;
    list-style: none;
    float: left;
}

.works-list li {
    float: left;
    margin-right: 1px;
}

.works-list li a {
    display: block;
    height: 19px;
    width: 22px;
    background-image: url(../images/social-icons.jpg);
    background-repeat: no-repeat;
    cursor: pointer;
}

.icon-1 a {
    background-position: 0 top;
    width: 20px;
}

.icon-2 a {
    background-position: -23px top;
}