@import 'reset.css';
    body, html  {
    padding:  0px;
    margin:  0px auto;
    text-align:  center;
    font-size:  13px;
    font-family:  'OpenSansRegular', sans-serif;
    line-height:  20px;
    background-color:  #fcfcfc;
    width:  100%;
    color:  #484848;
}
a {
    text-decoration:  none;
    color:  #484848;
    font-size:  13px;
}
h1 {
    font-size:  20px;
    font-weight:  normal;
}
h2 {
    font-size:  18px;
    font-weight:  normal;
}
h3 {
    font-size:  16px;
    font-weight:  normal;
}
h4 {
    font-size:  15px;
    font-weight:  normal;
}
h5 {
    font-size:  14px;
}
h6 {
    font-size:  13px;
}
blockquote {
    width:  90%;
    float:  left;
    padding:  0px;
    margin:  0px;
    padding:  0px;
    padding-left:  40px;
    padding-top:  5px;
    background-image:  url('../images/quote.png');
    background-repeat:  no-repeat;
    background-position:  0px 0px;
}
blockquote.align_right {
    width:  40%;
    margin-left:  20px;
    margin-top:  10px;
    margin-bottom:  10px;
    float:  right;
}
blockquote.align_left {
    width:  40%;
    margin-right:  20px;
    margin-top:  10px;
    float:  left;
    margin-bottom:  10px;
}
blockquote footer {
    font-style:  italic;
    color:  #8c8c8c;
    margin-top:  10px;
}
.dropcap  {
    font-size:  32px;
    font-weight:   bold;
    float:  left;
    margin-top:  10px;
    margin-right:  6px;
}
code  {
    line-height:  20px;
    width:  570px;
    border:  1px solid #ccc;
    float:  left;
    background-image:  url('../images/code_bg.gif');
    padding-left:  10px;
    padding-right:  10px;
    margin-bottom:  30px;
    margin-top:  15px;
}
pre  {
    line-height:  20px;
    width:  606px;
    border:  1px solid #ccc;
    float:  left;
    padding-left:  10px;
    padding-right:  10px;
    padding-top:  20px;
    padding-bottom:  20px;
    margin-bottom:  20px;
    margin-right:  40px;
    margin-top:  20px;
}
.image {
    padding:  2px;
    border:  1px solid #dedede;
    float:  left;
    margin-right:  15px;
    margin-top:  5px;
}
.vspace {
    width:  100%;
    height:  40px;
    clear:  left;
}
.vspace2 {
    width:  100%;
    height:  20px;
    clear:  left;
}
.justify {
    text-align:  justify;
}
.center {
    margin:  0px auto;
    float:  none;
    clear:  none;
    text-align:  center;
}
.hidden {
    display:  none;
}
/* HTML5 TAGS */header,  section,  footer,  aside,  nav,  article,  figure  {
    display:  block;
}
article {
    float:  left;
}
/* TABLE */table  {
    clear:  left;
    width:  100%;
    border-bottom:  1px solid #dedede;
}
table th  {
    height:  32px;
    vertical-align:  middle;
    text-align:  center;
}
table tr  {
    border-bottom:  1px solid #dedede;
}
table tr:nth-child(even) {
    background-color:  #f7f7f7;
}
table tbody  {
    border:  1px solid #dedede;
}
table tbody tr:hover  {
    background-color:  #f7f7f7;
}
table td  {
    height:  30px;
    vertical-align:  middle;
    text-align:  center;
}
table td:first-child  {
    padding-left:  10px;
}
/* JAVASCRIPT FALLBACK */#notification  {
    float:  left;
    left:  0px;
    top:  0px;
    height:  35px;
    width:  100%;
    text-align:  center;
    position:  absolute;
    z-index:  20;
    background-color:  #fff1ba;
    font-size:  12px;
    color:  #000;
    font-weight:  bold;
    line-height:  35px;
    z-index:  1002;
}
/* WARNING FOR IE7 OR LOWER */#ie_warning {
    display:  none;
    width:  100%;
    height:  100%;
    top:  0px;
    left:  0px;
    vertical-align:  middle;
    text-align:  center;
    margin:  0px auto;
    color:  #333;
    font-size:  13px;
    position:  absolute;
    z-index:  1002;
    background-color:  #fff;
    padding-top:  350px;
}
#ie_warning a {
    color:  blue;
}
/* LAYOUT UNBOXED */#toTop  {
    width:  44px;
    height:  44px;
    position:  fixed;
    bottom:  50px;
    right:  50px;
     cursor:  pointer;
    display:  none;
    z-index:  999;
}
#topline {
    height:  6px;
    width:  100%;
    background-color:  #000;
    position:  absolute;
    top:  0px;
    left:  0px;
}
#wrapper {
    background-image:  url('../images/topline.gif');
    background-position:  top center;
    background-repeat:  no-repeat;
    width:  900px;
    min-height:  500px;
    margin:  0px auto;
    margin-top:  6px;
    padding-top:  45px;
    text-align:  justify;
}
#wrapper_bottom {
    width:  100%;
    height:  53px;
    background-image:  url('../images/page_bottom.png');
    background-repeat:  no-repeat;
    background-position:  top center;
    float:  left;
}
#content {
    /*width:  626px;*/
    float:  left;
    /*margin-right:  40px;*/
}
#sidebar {
    float:  left;
    width:  234px;
}
#logo {
    width:  315px;
    height:  106px;
    float:  left;
    margin-bottom:  10px;
}
#maint {
    width:  900px;
    height:  457px;
    float:  center;
    margin-bottom:  350px;
}
.separator {
    width:  100%;
    height:  1px;
    background-color:  #e2e2e2;
    float:  left;
}
.separator2 {
    width:  100%;
    height:  1px;
    background-color:  #e2e2e2;
    float:  left;
    margin-bottom:  40px;
}
.hr {
    width:  100%;
    float:  left;
    clear:  left;
    height:  1px;
    background-image:  url('../images/hr.png');
    background-repeat:  no-repeat;
    background-position:  top center;
    margin-bottom:  40px;
}
.hr2 {
    width:  100%;
    float:  left;
    clear:  left;
    height:  1px;
    background-image:  url('../images/hr2.png');
    background-repeat:  no-repeat;
    background-position:  top center;
    margin-bottom:  40px;
}
.blank{
    background-image: none;
}
.clear {
    clear:  both;
}
/* LAYOUT BOXED */.background {
    background-image:  url('../images/background_loop.jpg');
    background-repeat:  repeat-x;
    background-color:  #fbfbfb;
    background-position:  top center;
}
#background_repeat {
    width:  100%;
    min-height:  100%;
    background-image:  url('../images/background_loop.jpg');
    background-repeat:  repeat-x;
    background-color:  #fbfbfb;
    background-position:  top center;
    z-index:  1;
    position:  relative;
    float:  left;
}
#background {
    width:  100%;
    min-height:  100%;
    position:  relative;
    z-index:  1;
    background-image:  url('../images/background.jpg');
    background-repeat:  no-repeat;
    background-position:  top center;
    float:  left;
}
#boxed-page-shadow {
    width:  100%;
    height:  100%;
    position:  absolute;
    top:  0px;
    background-image:  url('../images/boxed-page-shadow.png');
    background-position:  top center;
    background-repeat:  no-repeat;
    z-index:  2;
}
#wrapper-boxed-page {
    width:  900px;
    margin:  0px auto;
    text-align:  left;
    z-index:  3;
    position:  relative;
    background-image:  url('../images/boxed-page-bg.png');
    background-repeat:  repeat-y;
    height:  auto;
    padding-left:  41px;
    padding-right:  41px;
}
#wrapper-boxed-page-top {
    height:  59px;
    width:  982px;
    margin:  0px auto;
    margin-top:  20px;
    position:  relative;
    z-index:  3;
    background-image:  url('../images/boxed-page-top.png');
    background-repeat:  no-repeat;
}
#wrapper-boxed-page-bottom {
    height:  69px;
    width:  982px;
    margin:  0px auto;
    margin-bottom:  20px;
    position:  relative;
    z-index:  3;
    background-image:  url('../images/boxed-page-bottom.png');
    background-repeat:  no-repeat;
}
/* MENU */#responsive-menu {
    display: none;
}
#menu {
    position:  relative;
    height:  38px;
    float:  left;
    text-align:  left;
    list-style-type:  none;
    margin-top:  40px;
}
#menu li  {
    float:  left;
    position:  relative;
    text-align:  center;
    border-top:  1px solid #e2e2e2;
}
#menu li img  {
    vertical-align:  middle;
    margin-left:  3px;
}
#menu li a  {
    display:  block;
    padding-left:  12px;
    padding-right:  12px;
    line-height:  38px;
    color:  #8c8c8c;
    white-space: nowrap;
    font-size:  12.5px;
}
#menu li ul  {
    display:  none;
    position:  absolute;
    top:  38px;
    left:  0px;
    z-index:  99;
    background-color:  #f8f8f8;
    border-left:  1px solid #e2e2e2;
    border-right:  1px solid #e2e2e2;
    border-bottom:  1px solid #e2e2e2;
}
#menu li:hover ul  {
    display:  block;
}
#menu li:hover ul li:hover  {
    height:  36px;
}
#menu li:hover ul li  {
    border:  0px;
    border-bottom:  1px solid #e2e2e2;
    width:  100%;
    text-align:  left;
}
#menu li ul li a, #menu li.current ul li a {
    font-size:  12px;
    color:  #8c8c8c;
    line-height:  36px;
}
/* 3RD LEVEL */#menu li:hover ul li ul {
    display:  none;
}
#menu li:hover ul li:hover ul {
    display:  block;
    position:  absolute;
    left:  100%;
    top:  -2px;
    border-top:  1px solid #e2e2e2;
}
/* CALL TO ACTION SECTION */.call_to_action {
    float:  left;
    clear:  left;
    width:  100%;
    margin-top:  40px;
    margin-bottom:  40px;
}
.call_to_action p {
    float:  left;
    clear:  left;
    width:  100%;
    text-align:  justify;
    font-size:  15px;
    line-height:  30px;
    margin-top: 20px;
}
.call_to_action .button {
    -moz-border-radius:  4px;
        -webkit-border-radius:  4px;
    -khtml-border-radius:  4px;
    border-radius:  4px;
    float:  right;
    text-align:  center;
    line-height:  44px;
    padding-left:  20px;
    padding-right:  20px;
    margin-top:  6px;
    color:  #fff;
    font-size:  14px;
    display:  block;
    background-image:  url('../images/button-light.png');
    background-repeat:  no-repeat;
    background-position:  -50px -10px;
    border:  3px solid #fcfcfc;
    position:  relative;
}
.call_to_action .button:before {
    position:  absolute;
    content:  '';
    width:  100%;
    height:  100%;
    margin:  0px;
    padding:  0px;
    padding-right:  4px;
    padding-bottom:  4px;
    border:  1px solid #dedede;
    left:  -3px;
    top:  -3px;
    -moz-border-radius:  4px;
        -webkit-border-radius:  4px;
    -khtml-border-radius:  4px;
    border-radius:  4px;
}
.call_to_action .button img {
    margin-left:  8px;
}
.call_to_action .button:hover {
    color:  #f6d8b4;
    background-image:  none;
}
/* COLUMNS */.column-one_fourth, #mainSection .right {
    width:  195px;
    margin-right:  40px;
    float:  left;
    margin-bottom:  40px;
}
.colum-three_fourth, #mainSection .left {
    width:  665px;
    margin-right:  40px;
    float:  left;
    margin-bottom:  40px;
}
.column-one_third {
    width:  273px;
    margin-right:  40px;
    float:  left;
    margin-bottom:  40px;
}
.column-two_third {
    width:  586px;
    margin-right:  40px;
    float:  left;
    margin-bottom:  40px;
}
.column-one_half {
    width:  430px;
    margin-right:  40px;
    float:  left;
    margin-bottom:  40px;
}
.last, .portfolio .last, .gallery .last, #content .column-one_fourth.last, #content .column-three_fourth.last, #content .column-one_third.last, #content .column-two_third.last, #content .column-one_half.last {
    margin-right:  0px;
}
#content .column-one_fourth {
    width:  126px;
    margin-right:  40px;
    float:  left;
    margin-bottom:  40px;
}
#content .column-three_fourth {
    width:  458px;
    margin-right:  40px;
    float:  left;
    margin-bottom:  40px;
}
#content .column-one_third {
    width:  182px;
    margin-right:  40px;
    float:  left;
    margin-bottom:  40px;
}
#content .column-two_third {
    width:  404px;
    margin-right:  40px;
    float:  left;
    margin-bottom:  40px;
}
#content .column-one_half {
    width:  292px;
    margin-right:  40px;
    float:  left;
    margin-bottom:  40px;
}
/* NUMBERED CIRCLES */span.circle {
    -moz-border-radius:  36px;
        -webkit-border-radius:  36px;
    -khtml-border-radius:  36px;
    border-radius:  36px 36px 36px 36px;
    float:  left;
    color:  #fff;
    font-size:  22px;
    text-align:  center;
    width:  36px;
    height:  36px;
    line-height:  36px;
    display:  block;
    margin-right:  8px;
    margin-top:  4px;
}
.heading h1 {
    line-height:  24px;
    margin:  0px;
}
.heading h3 {
    color:  #8c8c8c;
    font-weight:  normal;
    margin-bottom:  5px;
}
.heading_line {
    height:  1px;
    width:  100%;
    margin-bottom:  20px;
    margin-top:  5px;
    clear:  left;
    float:  left;
}
.heading_line span.overlay {
    height:  1px;
    width:  85%;
    position:  relative;
    float:  right;
    background-color:  #dedede;
}
.recent_posts h2, .showcase h3 {
    font-weight:  normal;
}
/* FEATURED BOX */.featured_box {
    background-image:  url('../images/featured_box_bg.png');
    background-position:  bottom center;
    background-repeat:  no-repeat;
    min-height:  168px;
    margin-bottom:  0px;
    position:  relative;
}
.featured_box img {
    float:  right;
    bottom:  2px;
    position:  absolute;
    right:  0px;
}
.featured_box p {
    width:  60%;
    float:  left;
}
.featured_box h1 {
    font-weight:  normal;
}
.featured_box h2 {
    font-weight:  normal;
    color:  #8c8c8c;
    font-size:  14px;
    margin-bottom:  10px;
}
/* WELCOME SECTION */.welcome {
    float:  left;
    clear:  left;
    width:  100%;
    margin-top:  40px;
    margin-bottom:  40px;
}
.welcome p {
    float:  left;
    clear:  left;
    width:  100%;
    text-align:  center;
    font-size:  18px;
    line-height:  30px;
}
/* FEATURE LIST */.feature_list header h1 {
    font-size:  15px;
    font-weight:  normal;
    margin-bottom:  20px;
}
.feature_list img {
    float:  left;
    margin-right:  8px;
}
/* FOOTER */footer#footer {
    width:  100%;
    background-color:  #f8f8f8;
    float:  left;
    border-top:  1px solid #f2f2f2;
    background-image:  url('../images/footer_top.png');
    background-position:  top center;
    background-repeat:  no-repeat;
    padding-top:  40px;
}
#footer_wrapper {
    width:  900px;
    margin:  0px auto;
    text-align:  left;
}
footer h1 {
    font-weight:  normal;
    font-size:  18px;
    margin-bottom:  10px;
}
footer .heading_line {
    margin-bottom:  40px;
}
/* FOOTER BOXED */footer#boxed {
    margin-bottom:  -80px;
    float:  left;
    padding-top:  40px;
}
/* RECENT/POPULAR POSTS*/.rp_posts,  .rp_posts li {
    clear:  left;
    float:  left;
    width:  100%;
}
.rp_posts li {
    margin-bottom:  20px;
}
.rp_posts img {
    background-color:  #fff;
    padding:  3px;
    border:  1px solid #dedede;
    width:  48px;
    height:  48px;
    float:  left;
    margin-right:  10px;
}
.rp_posts img.social {
    background-color: transparent;
    border: 0px;

}
.rp_posts img:hover {
    background-color:  #eee;
}
.rp_posts p {
    float:  left;
    width:  125px;
    margin-top:  -4px;
}
.rp_posts p span {
    color:  #999;
}
/* TWITTER FEED */#twitter  {
    float:  left;
    clear:  left;
}
#twitter  li  {
    background-image:  url('../images/tweet.png');
    background-repeat:  no-repeat;
    background-position:  0px 4px;
    padding-left:  30px;
    padding-bottom:  20px;
    float:  left;
    clear:  left;
    line-height:  20px;
}
#twitter .twitter_time  {
    color:  #999;
    font-size:  12px;
    font-style:  italic;
}
#twitter  li a  {
    font-weight:  bold;
}
#twitter  .twitter_time  {
    font-weight:  normal;
}
/* LIST WITH ARROWS AND LINES */.list {
    margin-top:  -6px;
    float:  left;
    width:  200px;
}

/*
.list li {
    float:  left;
    clear:  left;
    background-image:  url('../images/list_bg.png');
    background-repeat:  no-repeat;
    background-position:  0px 14px;
    line-height:  32px;
    padding-left:  12px;
    padding-right:  12px;
}*/

.list li {
    float:  left;
    clear:  left;
    /*background-image:  url('../images/list_bg.png');*/
    background-repeat:  no-repeat;
    background-position:  0px 3px;
    /*line-height:  32px;*/
    padding-left:  19px;
    padding-right:  12px;
    margin-bottom: 10px;
}
.address-detail{
    background-image: url('../images/footer/address-marker.png');
}
.address-mail{
    background-image: url('../images/footer/address-mail.png'); 
}
.address-number{
    background-image: url('../images/footer/address-phone.png');
}
#sidebar .list li, footer .list li {
    width:  95%;
    padding-right:  0px;
}
.list li a {
    display:  block;
}
/* LIST WITH ARROWS */.list-1 {
    float:  left;
    width:  200px;
    margin-bottom:  20px;
}
.list-1 li {
    width:  100%;
    float:  left;
    clear:  left;
    background-image:  url('../images/list-1.png');
    background-repeat:  no-repeat;
    background-position:  0px 10px;
    line-height:  26px;
    padding-left:  12px;
}
.list-1 li a {
    display:  block;
}
/* LIST WITH BULLETS */.list-2 {
    float:  left;
    width:  200px;
    margin-bottom:  20px;
}
.list-2 li {
    width:  100%;
    float:  left;
    clear:  left;
    background-image:  url('../images/list-2.png');
    background-repeat:  no-repeat;
    background-position:  0px 10px;
    line-height:  26px;
    padding-left:  12px;
}
.list-2 li a {
    display:  block;
}
/* CONTACT FORM */#contact_form ul {
    width:  100%;
    float:  left;
}
#contact_form li {
    float:  left;
    clear:  left;
    margin-bottom:  10px;
    width:  100%;
}
#contact_form li label {
    float:  right;
    margin-left:  10px;
    line-height:  22px;
    width:  70px;
    font-size:  12px;
    float:  left;
}
#contact_form .input-text {
    width:  96px;
    height:  22px;
    line-height:  22px;
    border:  1px solid #dedede;
    background-image:  url('../images/input_bg.png');
    background-repeat:  repeat-x;
    background-position:  top center;
    float:  left;
    background-color:  #fcfcfc;
    color:  #484848;
    padding-left:  5px;
    padding-right:  5px;
    font-size:  12px;
}
#contact_form .input-text2 {
    width:  40px;
    height:  22px;
    line-height:  22px;
    border:  1px solid #dedede;
    background-image:  url('../images/input_bg.png');
    background-repeat:  repeat-x;
    background-position:  top center;
    float:  left;
    background-color:  #fcfcfc;
    color:  #484848;
    padding-left:  5px;
    padding-right:  5px;
    font-size:  12px;
    text-transform:  uppercase;
    letter-spacing:  1px;
}
#contact_form textarea {
    width:  90%;
    height:  90px;
    float:  left;
    border:  1px solid #dedede;
    background-image:  url('../images/input_bg.png');
    background-repeat:  repeat-x;
    background-position:  top center;
    background-color:  #fcfcfc;
    color:  #484848;
    font-family:  arial;
    font-size:  12px;
    line-height:  18px;
    padding-left:  5px;
    padding-right:  5px;
}
#contact_form #captcha {
    float:  left;
    margin-left:  6px;
    border:  1px solid #dedede;
}
#contact_form .input-button {
    width:  60px;
    height:  26px;
    line-height:  20px;
    float:  left;
    border:  0px;
    cursor:  pointer;
    color:  #dcdcdc;
    font-size:  10px;
    -moz-border-radius:  4px;
        -webkit-border-radius:  4px;
    -khtml-border-radius:  4px;
    border-radius:  4px;
    background-image:  url('../images/button-light.png');
    background-repeat:  no-repeat;
    background-position:  -70px -40px;
}
#contact_form .input-button:hover {
    background-color:  #484848;
    background-image:  none;
}
/* ON PAGE CONTACT FORM */#page_contact_form ul {
    width:  100%;
    float:  left;
}
#page_contact_form li {
    float:  left;
    clear:  left;
    margin-bottom:  20px;
    width:  100%;
}
#page_contact_form li label {
    float:  right;
    margin-left:  10px;
    line-height:  22px;
    width:  200px;
    font-size:  12px;
    float:  left;
}
#page_contact_form .input-text {
    width:  200px;
    height:  22px;
    line-height:  22px;
    border:  1px solid #dedede;
    background-image:  url('../images/input_bg.png');
    background-repeat:  repeat-x;
    background-position:  top center;
    float:  left;
    background-color:  #fcfcfc;
    color:  #484848;
    padding-left:  5px;
    padding-right:  5px;
    font-size:  12px;
}
#page_contact_form .input-text2 {
    width:  40px;
    height:  22px;
    line-height:  22px;
    border:  1px solid #dedede;
    background-image:  url('../images/input_bg.png');
    background-repeat:  repeat-x;
    background-position:  top center;
    float:  left;
    background-color:  #fcfcfc;
    color:  #484848;
    padding-left:  5px;
    padding-right:  5px;
    font-size:  12px;
    text-transform:  uppercase;
    letter-spacing:  1px;
}
#page_contact_form textarea {
    width:  95%;
    height:  150px;
    float:  left;
    border:  1px solid #dedede;
    background-image:  url('../images/input_bg.png');
    background-repeat:  repeat-x;
    background-position:  top center;
    background-color:  #fcfcfc;
    color:  #484848;
    font-family:  arial;
    font-size:  12px;
    line-height:  18px;
    padding-left:  5px;
    padding-right:  5px;
}
#page_contact_form #captcha {
    float:  left;
    margin-left:  6px;
    border:  1px solid #dedede;
}
#page_contact_form .input-button {
    width:  90px;
    height:  30px;
    float:  left;
    border:  0px;
    cursor:  pointer;
    color:  #dcdcdc;
    font-size:  11px;
    -moz-border-radius:  4px;
        -webkit-border-radius:  4px;
    -khtml-border-radius:  4px;
    border-radius:  4px;
    background-image:  url('../images/button-light.png');
    background-repeat:  no-repeat;
    background-position:  -70px -20px;
}
#page_contact_form .input-button:hover {
    background-color:  #484848;
    background-image:  none;
}
/* FOOTER LINE */#footer-line {
    width:  940px;
    margin:  0px auto;
    color:  #8c8c8c;
    font-size:  11px;
    position:  relative;
    line-height:  20px;
    z-index:  998;
    padding-bottom:  80px;
}
#footer-line #left {
    width:  50%;
    float:  left;
    text-align:  left;
}
#footer-line #right {
    width:  50%;
    float:  right;
    text-align:  right;
}
#footer-line a {
    font-size:  11px;
}
#footer-line #left p {
    float:  left;
}
#footer-line #right p {
    float:  right;
    text-align:  right;
}
.social_icons {
    float:  right;
    margin-left:  20px;
}
.social_icons li {
    display:  inline;
    margin-right:  6px;
    line-height:  20px;
}
.social_icons li img {
    vertical-align:  middle;
}
/* HEADING */.page_heading {
    width:  100%;
    height:  91px;
    padding-top:  1px;
    padding-bottom:  1px;
    background-position:  top right;
    background-repeat:  no-repeat;
    background-color:  transparent;
    margin-bottom:  40px;
}
.page_heading.a {
    background-image:  url('');
}
.page_heading.b {
    background-image:  url('../images/heading2.png');
}
.page_heading.c {
    background-image:  url('../images/heading3b.png');
}
.page_heading header {
    float:  left;
    width:  100%;
    position:  relative;
}
.page_heading h1 {
    margin-top:  25px;
    font-size:  19px;
}
.page_heading h2 {
    font-size:  17px;
}
.page_heading .heading_line {
    margin-top:  1px;
}
/* POSTS - SMALL THUMBS */.post_format {
    -moz-border-radius:  36px;
        -webkit-border-radius:  36px;
    -khtml-border-radius:  36px;
    border-radius:  36px 36px 36px 36px;
    text-align:  center;
    width:  36px;
    height:  36px;
    line-height:  32px;
    display:  block;
    float:  left;
    margin-right:  10px;
}
.post_format img {
    vertical-align:  middle;
    text-align:  center;
}
.posts-small {
    float:  left;
    width:  100%;
}
.posts-small li {
    float:  left;
    width:  100%;
    margin-bottom:  40px;
}
.posts-small article a img {
    float:  left;
    margin-right:  14px;
}
.posts-small header  {
    float:  left;
    width:  684px;
}
.posts-small h1 {
    font-size:  15px;
    font-weight:  normal;
    width:  100%;
}
.posts-small p {
    float:  left;
    width:  684px;
}
.posts-small p.info {
    font-size:  12px;
    color:  #8c8c8c;
    width:  auto;
}
.posts-small p.info-responsive {
    display:  none;
}
.posts-small p.full {
    width:  100%;
}
/* POSTS - LARGE THUMBS */.posts-large {
    float:  left;
    width:  100%;
}
.posts-large li {
    float:  left;
    width:  100%;
    margin-bottom:  40px;
}
.posts-large h1 {
    font-size:  15px;
    font-weight:  normal;
    width:  100%;
}
.posts-large .post_format {
    clear:  right;
    float:  right;
    margin:  0px;
    margin-bottom:  10px;
}
.posts-large header .post_format {
    display:  none;
}
.posts-large .post_info {
    width:  195px;
    float:  left;
    margin-right:  40px;
    margin-top:  20px;
}
.posts-large .excerpt {
    float:  left;
    width:  391px;
    margin-top:  20px;
}
.posts-large p.info {
    font-size:  12px;
    color:  #8c8c8c;
    clear:  right;
    float:  right;
    text-align:  right;
}
.posts-large p.info-responsive {
    display:  none;
}
.posts-large p.full {
    width:  100%;
}
.posts-large iframe {
    padding:  2px;
    border:  1px solid #dedede;
}
/* AUTHOR */section.author {
    border:  1px solid #dedede;
    float:  left;
    width:  100%;
    padding:  1px;
    background-color:  #f8f8f8;
    font-style:  normal;
    background-image:  url('../images/author_bg.gif');
    background-repeat:  repeat-y;
}
section.author img {
    float:  left;
    margin:  20px;
}
section.author h4 {
    margin-bottom:  20px;
    margin-top:  20px;
}
section.author p {
    margin-right:  20px;
}
p.tags {
    margin-bottom:  20px;
}
/* COMMENTS */.comments ul {
    clear:  left;
    float:  left;
    margin-top:  20px;
    margin-bottom:  -20px;
}
.comments ul li {
    float:  left;
    margin-bottom:  40px;
}
.comments ul li ul, .comments ul li ul li ul {
    margin:  0px;
    margin-left:  40px;
}
.comments .user {
    float:  left;
    margin-right:  20px;
    width:  54px;
}
.comments ul li p {
    float:  left;
    width:  80%;
}
.comments ul li ul li p {
    float:  left;
    width:  70%;
}
.comments ul li ul li ul li p {
    float:  left;
    width:  60%;
}
.comments .info {
    font-size:  12px;
    color:  #8c8c8c;
}
.comments .info a  {
    font-size:  12px;
}
/* COMMENTS REPLY */.reply ul {
    margin-top:  20px;
    float:  left;
    width:  100%;
}
.reply ul li label {
    float:  left;
    margin-left:  20px;
}
.reply ul li  {
    float:  left;
    clear:  left;
    margin-bottom:  20px;
    width:  100%;
}
.reply input, .reply textarea {
    float:  left;
}
.reply input {
    width:  200px;
    height:  22px;
    line-height:  22px;
    border:  1px solid #dedede;
    background-image:  url('../images/input_bg.png');
    background-repeat:  repeat-x;
    background-position:  top center;
    float:  left;
    background-color:  #fcfcfc;
    color:  #484848;
    padding-left:  5px;
    padding-right:  5px;
    font-size:  13px;
}
.reply textarea {
    width:  95%;
    height:  100px;
    line-height:  22px;
    border:  1px solid #dedede;
    background-image:  url('../images/input_bg.png');
    background-repeat:  repeat-x;
    background-position:  top center;
    background-color:  #fcfcfc;
    color:  #484848;
    padding-left:  5px;
    padding-right:  5px;
    font-size:  13px;
    font-family:  arial;
}
.reply  .i-send {
    background-image:  none;
    width:  100px;
    height:  30px;
    line-height:  22px;
    float:  left;
    border:  0px;
    cursor:  pointer;
    color:  #dcdcdc;
    font-size:  11px;
    -moz-border-radius:  3px;
        -webkit-border-radius:  3px;
    -khtml-border-radius:  3px;
    border-radius:  3px;
    background-image:  url('../images/button-light.png');
    background-repeat:  no-repeat;
    background-position:  -70px -20px;
}
.reply  .i-send:hover {
    background-color:  #8c8c8c;
    background-image:  none;
}
/* PAGINATION */.pagination {
    float:  right;
    margin-bottom:  40px;
}
.pagination li {
    float:  left;
    margin-left:  2px;
 }
.pagination a  {
    display:  block;
    padding-left:  8px;
    padding-right:  8px;
    padding-top:  2px;
    padding-bottom:  2px;
}
.pagination .current a {
    background-color:  #ededed;
}
/* PAGINATION - FULL PAGE */.pagination_full {
    float:  left;
    width:  100%;
    text-align:  center;
}
.pagination_full .pagination  {
    width:  auto;
    float:  none;
    margin:  0px auto;
    display:  inline;
}
.pagination_full .pagination  li {
    float:  none;
    display:  inline-block;
    width:  auto;
    text-align:  center;
}
/* SIDEBAR */#sidebar h1 {
    font-weight:  normal;
    font-size:  15px;
}
#sidebar section {
    margin-bottom:  40px;
    float:  left;
    width:  100%;
}
/* SEARCH FORM */.search .input-text {
    width:  186px;
    height:  22px;
    line-height:  22px;
    border:  1px solid #dedede;
    background-image:  url('../images/input_bg.png');
    background-repeat:  repeat-x;
    background-position:  top center;
    float:  left;
    background-color:  #fcfcfc;
    color:  #484848;
    padding-left:  5px;
    padding-right:  5px;
    font-size:  12px;
}
.search .input-button {
    background-color:  transparent;
    float:  left;
    width:  29px;
    height:  26px;
    margin-left:  6px;
}
/* TAGS */.tags li {
    float:  left;
    margin-right:  6px;
    margin-bottom:  10px;
    background-image:  url('../images/tag.png');
    background-repeat:  no-repeat;
    background-position:  top right;
    padding-right:  15px;
}
.tags li a {
    display:  block;
    background-color:  #efefef;
    padding-left:  8px;
    padding-right:  5px;
    padding-top:  2px;
    padding-bottom:  2px;
    -moz-border-radius:  2px;
        -webkit-border-radius:  2px;
    -khtml-border-radius:  2px;
    border-radius:  2px;
    font-size:  12px;
}
/* PORTFOLIO */.portfolio {
    width:  100%;
    float:  left;
}
.portfolio li {
    width:  195px;
    float:  left;
    margin-right:  40px;
    margin-bottom:  40px;
}
.portfolio li:nth-child(4n+1) {
    clear:  left;
}
.portfolio_categories {
    float:  right;
    position:  absolute;
    top:  0px;
    right:  0px;
    line-height:  93px;
}
.portfolio_categories li {
    display:  inline;
    margin-left:  10px;
    color:  #8c8c8c;
}
.portfolio_categories-responsive {
    display:  none;
}
.portfolio li h3 {
    margin-top:  10px;
    float:  left;
    width:  100%;
}
/* PORTFOLIO PAGE */.project p {
    float:  left;
}
/* GALLERY */.gallery {
    width:  100%;
    float:  left;
}
.gallery li {
    width:  195px;
    float:  left;
    margin-right:  40px;
    margin-bottom:  40px;
}
.gallery li:nth-child(4n+1) {
    clear:  left;
}
/* IMAGE HOVERS */.posts-small article a img:hover, .recent_posts a img:hover, .showcase a img:hover, .portfolio a img:hover,  #carousel img:hover {
    opacity:  0.7;
    filter:  alpha(opacity=70);
}
/* BUTTON */.button {
    -moz-border-radius:  4px;
        -webkit-border-radius:  4px;
    -khtml-border-radius:  4px;
    border-radius:  4px;
    float:  left;
    text-align:  center;
    line-height:  44px;
    padding-left:  20px;
    padding-right:  20px;
    margin-top:  6px;
    color:  #fff;
    font-size:  14px;
    display:  block;
    background-image:  url('../images/button-light.png');
    background-repeat:  no-repeat;
    background-position:  -50px -10px;
    border:  3px solid #fcfcfc;
    position:  relative;
}
.button:before {
    position:  absolute;
    content:  '';
    width:  100%;
    height:  100%;
    margin:  0px;
    padding:  0px;
    padding-right:  4px;
    padding-bottom:  4px;
    border:  1px solid #dedede;
    left:  -3px;
    top:  -3px;
    -moz-border-radius:  4px;
        -webkit-border-radius:  4px;
    -khtml-border-radius:  4px;
    border-radius:  4px;
}
.button img {
    margin-left:  8px;
}
.button:hover {
    color:  #f6d8b4;
    background-image:  none;
}
.button.small {
    font-size:  10px;
    line-height:  26px;
    padding-right:  10px;
    padding-left:  10px;
}
.button.normal {
    font-size:  12px;
    line-height:  32px;
    padding-right:  10px;
    padding-left:  10px;
}
/* HORIZONTAL TAB */.tabs  {
     float:  left;
     clear:  left;
     width:  98%;
 }
.tabs.ui-tabs  {
     position:  relative;
 }
 /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */.tabs.ui-tabs .ui-tabs-nav  {
      margin:  0;
     width:  100%;
     float:  left;
     border-top:  1px solid #dedede;
     border-bottom:  1px solid #dedede;
     margin-bottom:  15px;
 }
.widget-area .ui-tabs .ui-tabs-nav li  {
     list-style:  none;
     float:  left;
     position:  relative;
     margin:  0px;
     border-bottom:  0 !important;
     padding:  0;
     white-space:  nowrap;
     width:  33%;
     text-align:  center;
 }
.tabs.ui-tabs .ui-tabs-nav li  {
     list-style:  none;
     float:  left;
     position:  relative;
     margin:  0px;
     border-bottom:  0 !important;
     padding:  0;
     white-space:  nowrap;
 }
.tabs.ui-tabs .ui-tabs-nav li a  {
     padding-left:  10px;
     padding-right:  10px;
     line-height:  35px;
     text-decoration:  none;
     font-size:  12px;
      text-align:  center;
 }
.tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected  {
     margin:  0px;
     padding:  0px;
     border-top:  1px solid #666;
     margin-top:  -1px;
     padding-top:  2px;
  }
.tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,  .ui-tabs .ui-tabs-nav li.ui-state-disabled a,  .ui-tabs .ui-tabs-nav li.ui-state-processing a  {
     cursor:  text;
     line-height:  30px;
 }
.tabs.ui-tabs .ui-tabs-nav li a,  .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a  {
     cursor:  pointer;
 }
 /* first selector in group seems obsolete,  but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */.tabs.ui-tabs .ui-tabs-panel  {
     display:  block;
     border-width:  0;
     padding:  0px;
     background:  none;
 }
.tabs.ui-tabs .ui-tabs-hide  {
     display:  none !important;
 }
.tabs.ui-tabs .ui-widget-content  {
     float:  left;
 }
/* VERTICAL TAB */.tabs-vertical {
     float:  left;
     clear:  left;
     width:  100%;
  }
.tabs-vertical.ui-tabs  {
     position:  relative;
 }
 /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */.tabs-vertical.ui-tabs .ui-tabs-nav  {
      margin:  0;
     width:  200px;
      float:  left;
     padding-bottom:  35px;
     margin-right:  40px;
     background-image:  url('../images/tab-v-bottom.png');
     background-repeat:  no-repeat;
     background-position:  bottom left;
 }
.tabs-vertical.ui-tabs .ui-tabs-nav li  {
     width:  100%;
     float:  left;
     clear:  left;
      position:  relative;
     margin:  0px;
     border-bottom:  0 !important;
     padding:  0;
     white-space:  nowrap;
      background-image:  url('../images/tab-v-bg.png');
     background-repeat:  no-repeat;
     background-position:  top left;
 }
.tabs-vertical.ui-tabs .ui-tabs-nav li a  {
     display:  block;
     line-height:  35px;
     text-decoration:  none;
     text-align:  left;
 }
.tabs-vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected  {
     margin:  0px;
     padding:  0px;
     background-image:  url('../images/tab-v-bg-selected.png');
     background-repeat:  no-repeat;
     background-position:  bottom left;
 }
.tabs-vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,  .tabs-vertical .ui-tabs .ui-tabs-nav li.ui-state-disabled a,  .tabs-vertical .ui-tabs .ui-tabs-nav li.ui-state-processing a  {
     cursor:  text;
     line-height:  35px;
     border:  0px;
 }
.tabs-vertical.ui-tabs .ui-tabs-nav li a,  .tabs-vertical .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a  {
     cursor:  pointer;
 }
 /* first selector in group seems obsolete,  but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */.tabs-vertical.ui-tabs .ui-tabs-panel  {
     border-width:  0;
     padding:  0px;
     background:  none;
     float:  left;
     width:  380px;
 }
.tabs-vertical.ui-tabs .ui-tabs-hide  {
     display:  none !important;
 }
.tabs-vertical.ui-tabs .ui-widget-content  {
     float:  left;
 }
/* TOGGLES */.toggle {
    float:  left;
    clear:  left;
    margin-bottom:  15px;
    padding-left:  30px;
    background-repeat:  no-repeat;
    background-image:  url('../images/icon-plus.png');
    background-position:  0px 3px;
    height:  30px;
    line-height:  30px;
}
.toggle_box  {
    background-color: #f7f7f7;
    border:  1px solid #dedede;
    /* Rounder Corner */-moz-border-radius:  3px;
        -webkit-border-radius:  3px;
    -khtml-border-radius:  3px;
    overflow:  hidden;
    width:  100%;
    clear:  both;
    margin-bottom: 10px;
}
.toggle_box .block  {
    padding:  15px;
}
/* CAROUSEL (HORIZONTAL) */#carousel  {
     height:  1%;
     overflow: hidden;
     position:  relative;
     padding:  0 0 10px;
     float:  left;
     clear:  left;
  }
#carousel .viewport  {
     float:  left;
     width:  626px;
     height:  110px;
     overflow:  hidden;
     position:  relative;
 }
#carousel .buttons  {
     background: url("../images/carousel-buttons.png") no-repeat scroll 0 0 transparent;
     display:  block;
     margin:  0px 0px 0 0;
     background-position:  -6px -36px;
     text-indent:  -999em;
     float:  left;
     width:  26px;
     height:  36px;
     overflow:  hidden;
     position:  relative;
 }
#carousel .buttons:hover {
     background-image:  url("../images/carousel-buttons-hover.png");
 }
#carousel .next  {
     background-position:  -6px 0px;
     margin:  0px 0 0 0px;
 }
#carousel .disable  {
     /*visibility:  hidden;
    */ }
#carousel .overview  {
     list-style:  none;
     position:  absolute;
     width:  100%;
     left:  0;
     top:  0;
 }
#carousel .overview li {
     float:  left;
     margin:  0 20px 0 0;
     padding:  1px;
     height:  105px;
     width:  189px;
}
#carousel .overview li img {
     float:  left;
     width:  189px;
     height:  105px;
     padding:  1px;
     border:  1px solid #dedede;
 }
#carousel ul {
     width:  52px;
     float:  right;
 }
 * {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
body {
	font:400 12px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#444;
	background:#fcfcfc;
	background-image:linear-gradient(left , #fcfcfc 0%, #fcfcfc 52%, #fcfcfc 100%);
	background-image:-moz-linear-gradient(left , #fcfcfc 0%, #fcfcfc 52%, #fcfcfc 100%);
	background-image:-webkit-linear-gradient(left , #fcfcfc 0%, #fcfcfc 52%, #fcfcfc 100%);
}
.wrapper {
	max-width:220px;
	width:95%;
	margin:0 0 0 auto;
	position:relative;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea,
#contact-form button[type="submit"], #mainSection .right a {
	font:400 11px/11px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#contact-form {
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background:#3e7092;
	padding:4px;
}
#contact-form h3 {
	color:#f8f8f8;
	display:block;
	font-size:25px;
}
#contact-form h4 {
	margin:5px 0 15px;
	display:block;
	font-size:13px;
}
#contact-form label span {
	cursor:pointer;
	color:#f8f8f8;
	display:block;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea {
	width:100%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 3px;
	padding:10px;
	border-radius:5px;
}
#contact-form input[type="text"]:hover,
#contact-form input[type="email"]:hover,
#contact-form input[type="tel"]:hover,
#contact-form input[type="url"]:hover,
#contact-form textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
#contact-form textarea {
	height:70px;
	max-width:100%;
}
#contact-form button[type="submit"], #mainSection .right a {
	cursor:pointer;
	width:100%;
	border:none;
	background:#ffffff;
	background-image:linear-gradient(bottom, #06314e 0%, #06314e 52%);
	background-image:-moz-linear-gradient(bottom, #06314e 0%, #06314e 52%);
	background-image:-webkit-linear-gradient(bottom, #06314e 0%, #06314e 52%);
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
#contact-form button[type="submit"]:hover, #mainSection .right a:hover {
	background-image:linear-gradient(bottom, #08456f 0%, #08456f 52%);
	background-image:-moz-linear-gradient(bottom, #08456f 0%, #08456f 52%);
	background-image:-webkit-linear-gradient(bottom, #08456f 0%, #08456f 52%);
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}
#contact-form button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
#contact-form input:focus,
#contact-form textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
    color:#888;
}
:-moz-placeholder {
    color:#888;
}
::-moz-placeholder {
    color:#888;
}
:-ms-input-placeholder {
    color:#888;
}

#mainSection .left {
	margin-right: 0px;
}

#mainSection .right {
	margin-right: 0px;
	float: right;
}

#mainSection .right a {
	text-align: center;
	display: block;
}

#mainSection .right .errormessage {
	color: red;
}

#wrapper header #phone {
	color: #3e7092;
	float: right;
}

.left #logo img { width: 665px; height: 140px}