/*
Theme Name: Schlegel Creative
Author: Schlegel Creative
Author URI: http://www.schlegelcreative.com/
Description: Schlegel Creative Custom Theme and Development
Version: 2.1
*/

/*------------@FONT-FACE INIT - fonts from FontSquirrel - http://www.fontsquirrel.com/------------*/

@font-face {
    font-family: 'ExpresswayRegular';
    src: url('fonts/expressway_rg-webfont.eot');
    src: url('fonts/expressway_rg-webfont.eot?iefix') format('eot'),
         url('fonts/expressway_rg-webfont.woff') format('woff'),
         url('fonts/expressway_rg-webfont.ttf') format('truetype'),
         url('fonts/expressway_rg-webfont.svg#webfontIjcechzK') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*------------BEGIN HTML5 RESET - http://meyerweb.com/eric/tools/css/reset/index.html-------------*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}
:focus {outline: 0;}
body { background: #fff; line-height: 1;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {font-weight: normal; text-align: left;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
* {outline: none; margin: 0;}


/*------------BEGIN BASE-------------*/

html {min-width: 960px;}
html, body {height: 100%;}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -320px; /* the bottom margin is the negative value of the footer's height */
}

body {scrollbar-face-color: red; font: normal normal 12px/1.75em "Helvetica", "Arial", sans-serif; color: #666667; text-align: left; margin: 0; padding: 0; background: #f0ece3 url(images/bg_main-test.jpg) repeat-x center 92px; /*929084*/ -webkit-background-size: 1890px 1420px;}
body.about {background: #fff url(images/bg_main_about.jpg) repeat-x center 92px;}
body.frontpage #footer_wrapper {position: relative;}

a:link, a:visited { color: #666667; text-decoration: underline; font-weight: normal; } 
a:active, a:hover { color: #30302c; text-decoration: underline; }

p {font-size: 12px; margin: 0 0 10px 0; padding: 0px; text-align: left; line-height: 1.75em;}
br {line-height: .75em;}
img {margin: 0px; padding: 0px; border: none;}
em {font-style: italic;}
strong {font-weight: bold;}
	
h1 {font: normal normal 30px/1.2em "ExpresswayRegular", "Helvetica", sans-serif; text-transform: uppercase; color: #eb2d16; margin: 0 0 15px 0; padding: 0px; text-shadow: 1px 1px 0 #f7f5f0;}
h2 {font: normal normal 22px/1.3em "ExpresswayRegular", "Helvetica", sans-serif; color: #45453b; margin: 0 0 15px 0; padding: 0;}
h3 {font: normal normal 17px/1.5em "ExpresswayRegular", "Helvetica", sans-serif; text-transform: uppercase; color: #eb2d16; margin: 0 0 15px 0; padding: 0px;}
h4 {font: normal normal 16px/1.5em "ExpresswayRegular", "Helvetica", sans-serif; text-transform: uppercase; color: #eb2d16; margin: 0 0 15px 0; padding: 0px;}


form {padding: 0; margin: 0;}
form p {position: relative; margin: 5px 0 5px 0 !important;}
fieldset {border: none; padding: 0; margin: 0;}
label {margin: 0; padding: 0;}
label.error {position: absolute; color: red; top: 0px; right: 0; font-style: italic; font-size: 10px;}

input, textarea {clear: both; display: block; margin: 0; font: normal normal 12px/1.5em "helvetica", "Lucida Sans Unicode", Arial, Verdana, sans-serif; outline: none; border: none; padding: 10px; background: #fff; color: #333; font-size: 15px;
				-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 1px solid #dfd9cf;}

form#searchform {float: right; padding-right: 0; margin: -55px 10px 0 0;}
form#searchform input.search_field {font: 14px/2.5em "Helvetica Neue",Helvetica,Arial,sans-serif; color: #5a5951 /*#75746a*/; text-shadow: 1px 1px 1px #fff; width: 205px; height: 35px; padding: 3px 45px 0 18px; margin: 0; background: #fff; border: none; -moz-box-shadow:0; -webkit-box-shadow:0; box-shadow:0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

form#searchform input.search_field:focus {color: #706b64; outline: none; border: none;}
form#searchform input#searchsubmit {position: absolute; right: -10px; top: 11px; width: 42px; height: 41px; background: url(images/bg_search.png) no-repeat 0 0; text-indent: -9999px; cursor: pointer; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}

form#searchform label.screen-reader-text {color: #fff; position: absolute; top: 2px; left: 27px; visibility: hidden; margin: 0;}


/*------------BEGIN SPECIFIC STYLES-------------*/


p.large {font-size: 20px; line-height: 1.5em;}
p.medium {font-size: 14px; line-height: 1.5em;}
span.label {color: red; font-style: italic; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif;}
span.medium {font-size: 14px; line-height: 1.5em;}
.rule {width: 100%; height: 2px; margin-top: 20px; padding-bottom: 20px; background: url(images/bg_hr-solid.png) repeat-x 0 0;}
.spacer {width: 100%; height: 0; margin-top: 20px; padding-bottom: 20px;}
.rule_dotted {width: 100%; height: 1px; margin-top: 18px; padding-bottom: 23px; border-top: 1px dotted #999;}
.clearfloat {clear: both; height: 0;}
.fr {float: right !important;}
.fl {float: left !important;}
.nf {float: none !important;}
.nm {margin: 0 !important;}
.np {padding: 0 !important;}
.mt5 {margin-top: 5px !important;}
.ml10 {margin-left: 10px !important;}
.mr10 {margin-right: 10px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mt10 {margin-top: 10px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mt20 {margin-top: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mt30 {margin-top: 30px !important;}
.nopad {padding: 0 !important;}
.crop {width: auto; overflow: hidden;}

.radius_left {-webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px;}

.base_link {float: left; font: normal normal 14px/1.5em "ExpresswayRegular", "Helvetica", sans-serif; text-transform: uppercase; color: #fff !important; text-decoration: none !important; background: #8b8477; padding: 3px 13px; margin-top: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; cursor: pointer;}
.base_link span.plus {float: right; padding: 10px 6px; margin-left: 10px; background: url(images/bg_plus-main.png) no-repeat center center;}
.base_link span.arrow {float: right; padding: 10px 6px; margin-left: 10px; background: url(images/bg_to_arrow.png) no-repeat center center;}
.base_link:hover {background: #eb2d16; color: #fff; text-decoration: none;}
.bl_bg {background: #b3ab9d;}

.fb_iframe_widget {width: 100px !important; padding: 0 !important; margin: 0 !important;}

.search-query-num {font-size: 16px; margin-left: 20px;}
.search-query {color: #8b8577;}

.author_info {float: none; margin-bottom: 20px; background: #fff; height: 35px;}
.author_info em {float: left; width: 125px; height: 27px; margin: 20px 0 0 0; padding: 7px 0 0 25px; font: normal normal 12px/1.5em "ExpresswayRegular", "Helvetica", sans-serif; text-shadow: 1px 1px 1px #fff; background: #fff url(images/bg_posted-by.png) no-repeat 0 0; color: #8f877a;}
.author_info img {float: left; border-width: 5px !important;}

#nav-posts {position: relative;}
.nav-next {position: absolute; top: 25px; right: 25px;}
.nav-previous {position: absolute; top: 25px; left: 25px;}
#nav-posts a {text-decoration: none; font-size: 13px;}

.search_results {float: left; width: 100%; height: auto; padding: 25px 0; background: url(images/bg_hr-solid.png) repeat-x 0 0;}
.search_results p {float: none;}
.search_results img {border: 6px solid #d9d3c8; float: left; margin: 0 15px 0 0;}
.search_results h3 {color: #45453B; text-transform: none; font-size: 20px; line-height: 1.3em; margin: 0 0 10px 0;}
.search_results {text-decoration: none !important;}
.search_results:hover h3 {color: red;}
.search_results:hover img {border: 6px solid #fff;}

.wp-paginate {padding: 7px 20px !important; margin-top: 0px; background: #d8d4c9; -webkit-border-radius: 4px; height: auto;}
.wp-paginate li {display:inline; list-style:none; margin: 0 !important}
.wp-paginate a {background: #d8d4c9 !important; border: none !important; color:#45453B !important; margin-left:0 !important; padding:10px 15px !important; text-align:center; text-decoration:none; border-right: 1px solid #f0ece3 !important;}
.wp-paginate a:hover, .wp-paginate a:active {background:#a69f91 !important; color:#fff !important;}
.wp-paginate .title {color:#555; margin-right:15px !important;}
.wp-paginate .gap {color:#45453B !important; margin-right:0 !important; padding: 0 5px 0 15px !important;}
.wp-paginate .current {color:#fff; background:#8b8477 !important; border: none !important; margin-right:4px; padding:10px 15px !important;}
.wp-paginate .page {margin: 0 !important;}
.wp-paginate .prev, .wp-paginate .next {margin: 0 !important;}
.wp-paginate .prev {border-left: 1px solid #f0ece3 !important;}


/*------------BEGIN HEADER-------------*/


#header_wrap {width: 100%; height: 92px; margin: 0; padding: 0; background: #fff url(images/header_repeat.png) repeat-x;}
.header {position: relative; width: 950px; height: 92px; margin: 0 auto; padding: 0 10px 0 0; z-index: 800;}
.logo {position: absolute; margin: 0; top: 0; left: 30px;}

.logo h1 {margin: 0; line-height: 0; height: 92px; width: 204px; background: url(images/logo-alt.png) no-repeat 0 0; font: normal normal 12px/1em "ExpresswayRegular", "Helvetica", Arial Narrow; color: #75746a; text-transform: uppercase; text-decoration: none; padding: 0;}
.logo h1 a {float: left; height: 52px; width: 129px; text-decoration: none; color: #75746a; padding: 40px 0 0 75px;}

.logo h1 a:hover {color: #e7312b;}
body.frontpage .logo h1 {height: 52px; width: 129px; background: url(images/logo_index-alt.png) no-repeat 0 0; padding: 40px 0 0 75px;}
.logo h2 {text-indent: -9999px;}


/*------------BEGIN NAVIGATION-------------*/


#nav_main ul {width: auto; height: 92px; list-style: none; float: right; margin: 0; padding: 0;}
#nav_main ul li {float: left; margin: 0;}
#nav_main ul li:hover {background: url(images/nav_main_li-hover.png) repeat-x 0 0;}
#nav_main ul li a {text-shadow: 1px 1px 0 #fff; float: left; overflow: hidden; height: 52px; padding: 40px 20px 0 20px; background: url(images/nav_main_sep.png) no-repeat right 0; font: normal normal 12px/1em "ExpresswayRegular", "Helvetica", Arial Narrow; color: #75746a; text-transform: uppercase; text-decoration: none;}
#nav_main ul li a:hover {color: #75746a;}
#nav_main ul li.current-menu-item-x a {color: #e7312b;}
#nav_main ul li:last-child a {background: none;}
#nav_main ul li:first-child a {padding: 40px 30px 0 30px;}


/*------------BEGIN CONTENT FORMATTING-------------*/


#content_wrap {position: relative; width: 100%; margin: 0 auto; z-index:200;}

#content {position: relative; width: 900px; margin: 0 auto; padding: 0 30px;}
#content_po {position: relative; width: 960px; margin: 0 auto;}
#door {position: absolute; background: transparent url(images/scr_door.png) no-repeat 0 0; height: 691px; width: 454px; top: -49px; left: -75px; z-index: 300;}
.main {width: auto; padding: 55px 0 0 0; margin-left: 425px;}
.main .news_block {background: url(images/bg_hr-solid.png) repeat-x 0 0; margin-top: 20px; padding: 25px 0 15px 0;}
.main .news_block .mod {clear: both; margin-bottom: 30px;}
.main .news_block span {margin-top: 3px;}
.main .news_block em {float: none; font: normal normal 13px/1.5em "ExpresswayRegular", "Helvetica", sans-serif; background: #fcfbf9; padding: 4px 6px; margin: 0 10px 10px 0; text-shadow: none; text-transform: uppercase; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px;}
.main .news_block h3 {display: block; text-transform: none; margin: 7px 0 0 10px; text-shadow: 1px 1px 0 #f7f5f0;}
.main .news_block h3 a {color: #6c665a; text-decoration: none;}
.main .news_block h3 a:hover {color: #30302c;}
.main .news_block p {line-height: 1.6em; font-size: 12px; margin: 5px 0 15px 10px;}
.main .pull {font: italic normal 17px/1.4em "ExpresswayRegular", "Helvetica", sans-serif; color: #eb2d16; width: 90%; text-shadow: 1px 1px 0 #f7f5f0;}
/*.pull {font-style: italic; font-size: 13px !important; font-family:Georgia, 'Times New Roman', Times, serif;}*/

.index-pad { padding-bottom: 100px;}
.about-pad { padding-bottom: 60px;}
.main p {line-height: 2em; font-size: 12px;}
.main_services {padding: 60px 0;}
.main_services-cat1 p, .main_services-cat2 p, .main_services-cat3 p {line-height: 1.75em;}
.main_services-cat1 a, .main_services-cat2 a, .main_services-cat3 a {color: #c91a11; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; text-decoration: none;}
.main_services-cat1 a:hover, .main_services-cat2 a:hover, .main_services-cat3 a:hover {text-decoration: underline;}
.main_services-cat1 .rule, .main_services-cat2 .rule, .main_services-cat3 .rule {width: 90%; height: 1px; margin-top: 15px; padding-bottom: 20px; border-top: 1px dotted #ccc;}
.main_services-cat1 {float: left; width: 255px; margin: 30px 15px 0 0; padding: 0 30px 0 0; border-right: 1px solid #999;}
.main_services-cat2 {float: left; width: 255px; margin: 30px 0 0 0; padding: 0 30px 0 20px;}
.main_services-cat3 {float: left; width: 255px; margin: 30px 0 0 0; padding: 0 0 0 30px; border-left: 1px solid #999;}

.contact_left {float: left; width: 450px; padding: 55px 0 60px 0;}
.contact_left .map {width: 380px; height: 328px; background: url(images/bg_contact.png) no-repeat 0 0; margin-left: -35px;}
.contact_right {width: auto; padding: 60px 0; margin-left: 465px;}
.contact_right a {text-decoration: none;}

.default, .portfolio_block {width: auto; padding: 55px 0 80px 0; margin: 0;}

.col1 {float: left; width: 270px;} 
.col2 {width: 580px; float: right; padding-top: 15px;}

.col1 h1 {margin-bottom: 8px;}
.col1 .base_link:hover {background: #8b8477; cursor: default;}

.col1 ul.cat_menu {clear: both; width: 100%; margin: 0;}
.col1 ul.cat_menu li {background: #fff; position: relative; height: auto;  background: #f9f7f3 url(images/bg_cat_li.png) no-repeat right center; z-index: 900; overflow: hidden; margin-bottom: 5px;-webkit-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-radius: 4px;}
.col1 ul.cat_menu li a {float: left; width: 100%; padding: 5px 40px 5px 12px;}
.col1 ul.cat_menu li.current-cat {background: #fff;}
.col1 ul.cat_menu li.current-cat a {color: #eb2d16;}
.col1 ul.cat_menu li a {color: #504f48; font-size: 14px; text-shadow: 1px 1px 1px #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none;}
.col1 ul.cat_menu li:hover {background-color: #fff;}
.col2 h3.title {color: #45453b; text-transform: none; font-size: 23px; line-height: 1.3em;}
.col2 h4 span {font: normal normal 13px/1.2em "Helvetica Neue",Helvetica,Arial,sans-serif; color: #666667; text-transform: lowercase; margin-left: 5px;}
.col2 .info_block {position: relative; clear: both; padding: 10px; margin-top: 30px; background: #fff; -webkit-box-shadow: 0 0 5px #dbd5c7; -moz-box-shadow: 0 0 5px #dbd5c7; box-shadow: 0 0 5px #dbd5c7;}
.col2 .info_block p.po_cc {font: normal normal 15px/1em "ExpresswayRegular", "Helvetica", Arial Narrow; color: #b4afa4;}
.col2 .info_block .img_crop {width: auto; height: inherit; border: 1px solid #eae5d9; overflow: hidden; background:; padding: 0; text-align: center; vertical-align: center;}
.col2 .info_block .img_crop img {margin-bottom: -10px;}
.col2 .crumbs {height: 13px; margin-top: 15px; position: relative; color: #9a9488;}
.col2 .crumbs a, .col2 .crumbs span {position: relative; text-decoration: none; font: normal normal 13px/1.5em "ExpresswayRegular", "Helvetica", sans-serif; color: #898377; margin: 0 5px; background: #f0ece3; padding: 3px 0; z-index: 300;}
.col2 .crumbs a:hover {color: #45453b;}
.col2 .crumbs a.dir_main {text-transform: uppercase; margin-left: 0;}
.col2 .crumbs .headshots {position: absolute; top: -48px; right: 15px; width: 301px; height: 91px; background: url(images/bg_blog_head.png) no-repeat 0 0; text-indent: -9999px; z-index: 1;}

.blog_content {padding: 15px 15px 20px 15px; background: #fff;}
.blog_content img {max-width: 518px; border: 6px solid #eae4d8; margin: 15px 0;}

.footer_meta {width: auto; height: 35px; background: #efece3; padding: 0 10px 0 10px; position: relative;}
a.po_link {position: absolute; top: 0; right: 0; padding: 7px 37px 0 17px ; height: 28px; background: #a7a096; font: normal normal 13px/1.5em "ExpresswayRegular", "Helvetica", sans-serif; text-transform: uppercase; color: #fff; text-decoration: none;}
a.po_link span.plus {position: absolute; top: 0; right: 0; float: left; width: 35px; height: 35px; background: url(images/bg_plus-main.png) no-repeat center center;}

.header_meta {position: relative; width: auto; height: auto; background: #efece3; padding: 10px 10px 10px 117px; margin-bottom: 10px;}
.header_meta span.post_date {position: absolute; top: 0; left: -20px; background: #eb2d16; padding: 9px 15px 8px 15px; font: normal normal 16px/1.5em "ExpresswayRegular", "Helvetica", sans-serif; text-transform: uppercase; color: #fff;}
.header_meta p.posted_in {color: #efece3; margin: 0; font-size: 13px;}
.header_meta p.posted_in span {color: #eb2d16; margin: 0 8px 0 0;}
.header_meta p.posted_in a {font-size: 12px; text-decoration: none; margin: 0; padding: 7px 6px 5px 6px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.header_meta p.posted_in a:hover {background: #8b8477; color: #fff;}

.footer_meta a.rss {position: absolute; top: 8px; left: 115px; float: left; width: 18px; height: 18px; background: url(images/icon_mini_rss.png) no-repeat 0 0; text-indent: -9999px;}
.footer_meta .fb_iframe_widget {position: absolute; top: 8px; left: 10px;}

a.to_top {float: right; font: normal normal 12px/1.5em "ExpresswayRegular", "Helvetica", sans-serif; text-transform: uppercase; color: #fff; text-decoration: none; background: #a7a096 url(images/bg_toptop_arrow.png) no-repeat 95px 7px; padding: 4px 40px 4px 13px; margin: -1px 0 0 0;}
a.to_top_block {float: left; width: 40px; height: 40px; text-decoration: none; background: #d8d4c9 url(images/bg_toptop_arrow.png) no-repeat center 14px; padding: 0; margin: 20px 0 -20px 47%; -webkit-border-radius: 40px;  -moz-border-radius: 40px; border-radius: 40px;}

a.to_top:hover, a.po_link:hover, a.to_top_block:hover {background-color: #8b8477;}

/*------------BEGIN TESTIMONIAL-------------*/


#testimonial_about {position: relative; width: auto; padding: 20px 35px 20px 25px; margin: 0; background-color: #dedbcf; border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px;}
#testimonial_about h4 {text-shadow: 1px 1px 1px #eeece2;}

.testimonial {width: 400px;}
.testimonial h3 {font-size: 12px; margin: 0;}
.testimonial p {text-shadow: -1px 1px 0px #eeece2; font-style: italic; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.8em; margin: 0; text-indent: -5px; color: #666666;}
.testimonial a.client_credit, .testimonial p.client_credit { text-shadow: none; color: #d5301f; font-style: normal; font-size: 12px; font-family: helvetica, sans-serif; line-height: 1.5em; margin: 0; text-indent: 0; padding-top: 10px; text-decoration: none;}
.testimonial a.client_credit:hover { text-decoration: underline;}
.testimonial_nav {margin:0; z-index:1000;}
.testimonial_nav a#testimonial_next {position: absolute; bottom: -12px; right: 60px; height: 26px; width: 26px; text-indent: -9999px; background: transparent url(images/testimonial_next.png) no-repeat 0 0;}
.testimonial_nav a#testimonial_next:focus {outline: none; }
.rule_testimonial {width: 80%; height: 1px; margin: 25px auto 0 auto; padding-bottom: 10px; border-top: 1px dotted #999;}
p.testimonial {width: 72% !important; padding: 20px 35px 20px 25px; margin-top: 10px; background-color: #dedbcf; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-shadow: -1px 1px 0px #eeece2; font-style: italic; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.8em; text-indent: -5px; color: #666666;}

.testimonials p { font-style: italic; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.8em; text-indent: -5px; color: #68665a;}
.testimonials em {font-size: 13px; color: #565449;}
.testimonials h4 {text-transform: none; color: #565449; font-size: 19px; margin-bottom: 5px;}

#testimonial_about .testimonials p {text-shadow: -1px 1px 0px #eeece2;}


/*------------BEGIN INDEX - RECENT WORK-------------*/


#index_recent_wrap {position: relative; background: transparent url(images/bg_recent-work.png) repeat 0 0; z-index: 400;}
#index_recent {position: relative; width: 930px; height: auto; margin: 0 auto; padding: 30px 0 40px 30px; text-align: right;}
#index_recent ul {margin: 0; padding: 0;}
#index_recent ul li {list-style: none; float: left; display: inline; margin-right: 12px; padding: 0; text-align: left;}
#index_recent ul li:last-child {margin-right: 0;}
#index_recent ul li.info {width: 180px;}
#index_recent ul li.info h3 {font-size: 20px; margin: 0 0 7px 0; text-shadow: 1px 1px 0 #fff;}
#index_recent ul li.info p {font-size: 13px; line-height: 1.5em; margin: 0; color: #535353; text-shadow: 1px 1px 0 #f7f5f0;}
#index_recent ul li.preview {position: relative; width: 216px; height: 139px; border: 6px solid #e9e4d8; overflow: hidden;}
#index_recent ul li.preview:hover {border: 6px solid #8b8477;}
#index_recent ul li.preview span {display: none; position: absolute; bottom: -4px; right: -4px; width: 20px; height: 20px; background: #8b8477 url(images/bg_plus-main.png) no-repeat center center; z-index: 9000;}
#index_recent ul li.preview:hover span {display: inline;}


/*------------BEGIN PORTFOLIO-------------*/

.portfolio-block li {float: left; width: 199px; height: 170px; background: #fff; -webkit-box-shadow: 0 0 5px #dbd5c7; -moz-box-shadow: 0 0 5px #dbd5c7; box-shadow: 0 0 5px #dbd5c7; padding: 8px; margin: 10px 10px 0 0;}
.portfolio-block li a:hover {text-decoration: none;}
.portfolio-block li a .crop { position: relative; border: 1px solid #eae5d9; width: auto; height: 168px; overflow: hidden;}
.portfolio-block li a .crop img {margin-left: -20px; width: 242px; height: auto;}

.hfx-info {display: none; position: absolute; width: 100%; height: 100%;}
.hfx-info h3 {text-align: center; text-transform: none; font-size: 16px; line-height: 1.2em; color: #fff; position: absolute; top: 25%; left: 0; width: 169px; background: #5c5b4e; padding: 25px 15px; margin: 0; z-index: 200;}
.hfx-info h3 em {display: none;}
.hfx-info h3 span.more {display: none;}
.hfx-block {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #636254; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); z-index: 100;}

#po_slide {clear: left; position: relative; margin-top: 20px; -webkit-box-shadow: 0 0 5px #dbd5c7; -moz-box-shadow: 0 0 5px #dbd5c7; box-shadow: 0 0 5px #dbd5c7;}
#po_slide .info_block {margin: 0;}
p.jshowoff-controls {display: block;}
.jshowoff-play {display: none;}
.jshowoff-pause {display: none;}
.jshowoff-next, .jshowoff-prev {position: absolute; width: 32px; height: 54px; top: 50%; margin-top: -27px; text-indent: -9999px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 500;}
.jshowoff-next {right: -24px; background: #fff url(images/bg_nav-tabs.png) no-repeat -34px center;}
.jshowoff-prev {left: -27px; background: #fff url(images/bg_nav-tabs.png) no-repeat 10px center;}
p.jshowoff-slidelinks {clear: left; margin: 0; height: 14px;}
p.jshowoff-slidelinks a {float: left; width: 4px; height: 4px; border: 5px solid #a0a093; margin-right: 5px; text-indent: -9999px;}
a.jshowoff-active {border: 5px solid #eb2d16 !important; background: #eb2d16;}

/*.portfolio-block a:hover .hfx-info {display: inline;}*/

ul.project_list {width: auto; clear: left;}
ul.project_list li {display: block;}
ul.project_list li.current-project a {color: #eb2d16;}
ul.project_list li a {text-decoration: none; text-shadow: 1px 1px 0 #f9f7f4;}

.filter-info {clear: both; width: 100%; height: 30px;}
.filter-info em {float: left; font: italic normal 14px/1em "Georgia", serif; margin: 13px 0 0 35px; text-shadow: 1px 1px 0 #f9f4f4; color: #888;}

a.dd_btn_cat_list {color: #706f68;}
a.dd_btn_cat_list:hover, a.dd_btn_title:hover {text-decoration: none;}

ul.po_filter_ui:hover a.dd_btn_cat_list {
-webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0;
}

a.dd_btn_cat_list {float: none; position: relative; width: auto; height: auto; padding: 8px 100px 9px 15px; font-size: 14px; text-shadow: 1px 1px 1px #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background: #f9f7f3; cursor: pointer; z-index: 900; overflow: hidden;
-webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-topright: 4px; border-bottom-right-radius: 4px; border-top-right-radius: 4px;
}
a.dd_btn_cat_list span.arrow-r {position: absolute; top: 0; right: 0; width: 33px; height: 100%; background-color: #fff; text-indent: -9999px;
-webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-topright: 4px; border-bottom-right-radius: 4px; border-top-right-radius: 4px;
}
a.dd_btn_cat_list span.arrow-r em {position: absolute; top: 8px; left: 0; background: url(images/dd_cal-arrow.png) no-repeat -31px 0; width: 25px; height: 25px;}

a.dd_btn_cat_list span.arrow-d {position: absolute; top: 0; right: 0; width: 33px; height: 100%; background: #fff url(images/dd_cal-arrow.png) no-repeat 8px center; display: none; text-indent: -9999px;
-webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-topright: 4px; border-bottom-right-radius: 4px; border-top-right-radius: 4px;
}
a.dd_btn_title {float: none; position: relative; width: auto; height: auto; padding: 8px 15px; font-size: 14px; color: #fff; font-family: "ExpresswayRegular", "Helvetica", Arial, Verdana, sans-serif; text-transform: uppercase; background: #8b8577; cursor: pointer; z-index: 900; overflow: hidden;
-webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px;
}
.col1width {width: 255px !important; float: left !important; padding: 6px 0 7px 15px !important; margin: 0 !important;}
ul#c1, ul#c2, ul#po_sort {top: 5px !important;}
ul.po_filter_ui:hover .col1width {-webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-radius-bottom-left: 0;}

ul.po_filter_ui {position: relative; width: auto; z-index: 880; border: none; margin: 10px 0 25px 0;}/*188*/
ul.po_filter_ui:hover a.dd_btn_cat_list {background: #fff;}
ul.po_filter_ui li {width: auto; float: left; zoom: 1; border: none; position: relative;}

ul.po_filter_ui li.hover { z-index: 890; cursor: default;}
ul.po_filter_ui ul {display: none; position: absolute; top: 0; left: 0; z-index: 870; width: 100%; height: auto; padding: 38px 0 16px 0; background: #f9f7f3;
-webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; -webkit-box-shadow: 0 0 6px #a19c8f; -moz-box-shadow: 0 0 6px #777; box-shadow: 0 0 6px #777;
}
ul.po_filter_ui ul li {float: none;}
ul.po_filter_ui ul li:hover {background: #fff;}
ul.po_filter_ui ul li:hover a {color: #e7312b;}
ul.po_filter_ui ul li a {float: none; display: block; width: auto; padding: 5px 16px; text-transform: uppercase; color: #5a5951; font-family: "ExpresswayRegular", "Helvetica", Arial, Verdana, sans-serif; line-height: 1.4em !important; text-decoration: none;}

ul.po_filter_ui li.sep {border-top: 1px solid #e4e1d9; padding-top: 8px; margin-top: 8px;}
ul.po_filter_ui li.sep:hover {background: none;}


/*------------BEGIN 404 ERROR-------------*/


h1.error {font-size: 22px; margin: 0;}
div.main_error { width: 460px; padding: 160px; margin: 0 auto; text-align: center;}
div.main_error p { text-align: center;}
h2.error {font-style: italic; font-weight: normal; font-size: 13px;font-family: Georgia, "Times New Roman", Times, serif; color: red; margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #ccc;}
h2.error a {color: red;}


/*------------BEGIN FOOTER-------------*/


#footer_wrapper, .footer_up {height: 320px;}

#footer_wrapper {clear: both; position: static; width: 100%; background: #454439 url(images/bg_solid.png) repeat 0 0; margin: 0; padding: 0; z-index: 350;}

#footer {width: 100%; height: auto; background: url(images/footer_gradient.png) repeat-x center -20px; padding: 30px 0 40px 0;}

.footer_content {position: relative; width: 708px; margin: 0 auto; padding-left: 252px;}

ul#foot_nav {border-bottom: 1px solid #706f64; padding: 0 0 43px 140px; width: 760px; margin: 0 auto; text-align: center; list-style: none;}
ul#foot_nav li {float: left; padding: 0 25px;}
ul#foot_nav li a {font: normal normal 12px/1em "ExpresswayRegular", "Helvetica", Arial Narrow; color: #e7e2d6; text-transform: uppercase; text-decoration: none;}

p.phone {clear: left; float: left; font-size: 14px; line-height: 2em; color: #e7e2d6; margin: 40px 25px 38px 0; padding-right: 25px; border-right: 1px solid #706f64;}
p.phone span {color: #ABABAA;}
p.address {float: left; line-height: 1.5em; color: #e7e2d6; margin: 40px 25px 0 0; padding-right: 25px; border-right: 1px solid #706f64;}
ul.media {float: left; width: 100px; margin: 30px 0 0 0; padding: 0; list-style: none;}
ul.media li {float: left; margin-right: 5px; padding-top: 8px;}
ul.media li a {float: left; overflow: hidden; text-indent: -9999px; height: 44px;}
ul.media li a.facebook {width: 45px; background: transparent url(images/icons_media-mail.png) no-repeat 0 0;}
ul.media li a.facebook:hover {background-position: 0 -44px;}
ul.media li a.rss {width: 45px; background: transparent url(images/icons_media-mail.png) no-repeat -45px 0;}
ul.media li a.rss:hover {background-position: -45px -44px;}
.copyright {clear: both; margin: 0 auto; padding: 0;}
.copyright p {font-size: 11px; color: #e7e2d6; border-top: 1px solid #706f64; width: 900px; margin: 0 auto; text-align: center; padding-top: 30px;}