/* CSS Reset 
/*-----------------------------------------------------------------------------------*/

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

/* General */
body{font-family:Arial, Helvetica, sans-serif;padding:0;font-size:12px;margin:0 auto;color:#000000;background-color:#FFFFFF; border-top:10px #4f4f4f solid;}
.clear{clear:both;}
p{padding:0;margin:0px;text-align:left;line-height:20px;}

a{color:#e93139; text-decoration:none;}
a img{border:none;}
a:hover{ text-decoration:none;}
a.more{ display:block;background:url(images/bullet.gif) no-repeat left; padding:0 0 0 20px; margin:15px 0 0 0;}
a.read_all{ background-color:#e93139; text-align:center; padding:7px 12px; color:#FFFFFF; color:#FFFFFF; display:block; margin:auto; clear:both; width:120px;}
.divider{ height:18px; width:92%; background:url(images/divider.jpg) repeat-x bottom; clear:both; margin:40px 0 0 40px; float:left;}
.divider_top{ height:12px; width:92%; background:url(images/divider.jpg) repeat-x bottom; clear:both; margin:-10px 0 0 40px; float:left;}

h1{font-weight: normal;color: #252525;font-size:26px;margin:0;padding:0 0 25px 0;}
h2{font-weight: normal;color: #252525;font-size:21px;margin:0;padding:0 0 25px 0;}
h3{font-weight: normal;color: #252525;font-size:18px;margin:0;padding:0 0 25px 0;}
h4{font-weight: normal;color: #252525;font-size:16px;margin:0;padding:0 0 25px 0;}
h5{font-weight: normal;color: #252525;font-size:14px;margin:0;padding:0 0 25px 0;}
h6{font-weight: normal;color: #e93139;font-size:12px;margin:0;padding:0 0 25px 0;}

h1, h2, h3, h4{font-family: 'Marmelad', sans-serif;}

/* Top */
#wrap{margin:auto;width:1000px;padding:0 0 40px 0; position:relative; }
.main_content{ clear:both;}
#header{width:100%; height:140px;}
.logo{float:left;margin:40px 0 0 40px; padding:0px;font-family: 'Marmelad', sans-serif; font-size:36px; color:#505050; letter-spacing:-1px;}
.logo a{color:#4f4f4f;}
.logo a span{color:#e93139;}

/* Menu */
.menu{float:right; padding:55px 20px 0 0;}
.menu ul {list-style:none; margin:0; padding:0px;}
.menu ul * {margin:0; padding:0;}
.menu ul li {position:relative; float:left; padding:0 20px 0 20px; height:35px;}
.menu ul li a{font-family: 'Marmelad', sans-serif;color:#2b2b2b; font-size:16px;}
.menu ul li.selected a{color:#e93139;}
.menu ul li a:hover{color:#e93139;}

/* Slider */
.slider{ width:920px; margin:auto; clear:both;}

.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
.flexslider {width: 100%; margin: 0; padding: 0 0 0 0; border-bottom:10px #4f4f4f solid;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
.flex-container {zoom: 1; position: relative;}
.flex-direction-nav li a {width:40px; height:40px; margin:0; display: block; position: absolute; top:15px; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li a.next {background:url(images/next.png) no-repeat center; right:15px;}
.flex-direction-nav li a.prev {background:url(images/prev.png) no-repeat center;right:65px;}
.flex-direction-nav li a.next:hover {background:url(images/next_a.png) no-repeat center;}
.flex-direction-nav li a.prev:hover {background:url(images/prev_a.png) no-repeat center;}
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

/* STRUCTURE */
.section_full {padding:40px 40px 0 40px; float:left;}
.section_one_two{ width:440px; float:left; padding:40px 0 0 40px;}
.section_one_three{ width:280px; float:left; padding:40px 0 0 40px;}
.section_one_four{ width:200px; float:left; padding:40px 0 0 40px;}
.section_two_three{ width:600px; float:left; padding:40px 0 0 40px;}
.main_content img {max-width: 100%; display: block;}
.image-border img {margin:0 0 15px 0; background:url(images/divider.jpg) repeat-x bottom; padding:0 0 10px 0;}

/* Portfolio */
ul.portfolio_items {list-style:none;padding:0;margin:0;overflow:hidden; clear:both;}
ul.portfolio_items li {float:left; padding-bottom:0; padding-top:0px; position:relative;}
ul.portfolio_items li img{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;margin:0 0 25px 0; background-color:#fff; padding:7px; border:1px #dfdddf solid; position:relative;max-width: 100%; display: block;}
ul.portfolio_items li h3{ font-size:16px;}
ul.filter_portfolio {padding:60px 0 50px 0px; text-align:center;}
ul.filter_portfolio li {display:inline;}
ul.filter_portfolio li a {display: inline-block;font-size: 15px; padding:5px 10px 5px 10px; background-color:#e93139;color: #fff;margin:0 5px 0 5px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;}
ul.filter_portfolio li.selected a{border: 0;color: #fff;background-color:#b3b3b3;}
ul.filter_portfolio a:focus {outline: 0;}


/* Blog Page */
.post{ float:left; clear:both; margin:20px 0 30px 0; padding:0 0 25px 0; background:url(images/divider.jpg) repeat-x bottom;}
.post h3{ padding-bottom:15px;}
.post_left{ float:left; width:150px; position:relative;}
a.post_image img{width:100px;height:100px;display:block;float:left;}
.post_right{ float:left; width:430px;}

.post_date{width:50px;height:40px;display:block; position:absolute; top:-15px; left:-5px; z-index:888;float:left;margin:5px 15px 0 0;background-color:#e93139;text-align:center; color:#FFFFFF; padding:6px 0 0 0;}
.post_date span{ display:block; text-align:center;font-size:16px; padding:0; line-height:13px;}
.post_comments{width:30px;height:30px;display:block;float:left;margin:5px 15px 0 0;background-color:#b3b3b3;text-align:center; line-height:30px;position:absolute; top:20px; left:-10px; z-index:999;}
.post_comments a{ color:#fff;}

.entry{ padding:20px 0 0 0; clear:both;}
.entry h2, .entry h3, .entry h4{ padding-top:30px;}
.entry ul{ padding:0; margin:0px; list-style:none; display:block;}
.entry ul li{background:url(images/bullet.png) no-repeat left;  margin:0 0 10px 0; padding:0 0 0 20px; display:block;}


.entry ol{ padding:0; margin:0px; list-style:none; display:block;}
.entry ol li{ padding:0 0 10px 0; margin:0px; display:block;}

blockquote{background-color:#ededed; border:1px #dedede solid;float:left;-moz-border-radius:8px; -webkit-border-radius:8px;-khtml-border-radius:8px; padding:12px; margin:0px 10px 0 0; line-height:20px;}

ul.pagination{clear:both; padding:10px 0 0 0px;text-align:center;}
ul.pagination li {display:inline;}
ul.pagination li a{display: inline-block; width:50px; height:50px; text-align:center; line-height:50px;color:#FFFFFF; background-color:#e93139; padding:0px; margin:0px 2px 0 2px;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;-khtml-border-radius:25px;}
ul.pagination li a:hover{color: #fff;background-color:#b3b3b3;}


/* Sidebar */
.sidebar h2{ clear:both;}
.sidebar ul{ padding:0 0 45px 0; margin:0px; list-style:none; display:block;clear:both; float:left;}
.sidebar ul li{ padding:0 0 10px 0; margin:0px; display:block;}
.sidebar ul li a{ background:url(images/bullet.png) no-repeat left; display:block; padding:0 0 0 20px;}
.sidebar ul li a:hover{ color:#000000;}
.search_bar{margin:0 0 45px 0; clear:both; float:left;background-color:#ededed; border:1px #dedede solid;float:left;-moz-border-radius:8px; -webkit-border-radius:8px;-khtml-border-radius:8px;}
input.sidebar_input{ width:180px; height:30px; float:left; background-color:#ffffff; border:1px #dedede solid;-moz-border-radius:5px; -webkit-border-radius:5px;-khtml-border-radius:5px; margin:5px;}
input.sidebar_submit{float:left; background-color:#e93139; color:#FFFFFF; border:1px #e93139 solid; cursor:pointer;-moz-border-radius:5px; -webkit-border-radius:5px;-khtml-border-radius:5px; margin:5px 5px 0 0px; padding:6px 5px 6px 5px;}
input.sidebar_input:focus{ border-color:#a2a2a2; }

.form_content{width:100%;float:left;padding:40px 0px 20px 0px;}
.form_top{ width:100%;background-color:#ededed; border:1px #dedede solid;float:left; border-bottom:none;
-moz-border-radius-topleft:8px;-webkit-border-top-left-radius:8px;-khtml-border-top-left-radius:8px;
-moz-border-radius-topright:8px;-webkit-border-top-right-radius:8px;-khtml-border-top-right-radius:8px;
}
.form_bottom{ width:100%;background-color:#d6d6d6; float:left; border:1px #f6f6f6 solid;
-moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius:8px;-khtml-border-bottom-left-radius:8px;
-moz-border-radius-bottomright:8px;-webkit-border-bottom-right-radius:8px;-khtml-border-bottom-right-radius:8px;
}
.form_row{width:98%;clear:both;float:left;padding:5px 1% 5px 1%;}
.form_row_half{width:49%;float:left;padding:8px 0 0px 1%;}

label.error{font-family:Arial, Helvetica, sans-serif;  font-size:12px; font-weight:normal; padding:10px 0 5px 5px; width:50%; float:left;color:#EF502C;}
input.form_input{width:95%; height:35px; float:left; background-color:#e7e7e7; border:1px #cbcbcb solid;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; padding:0 0 0 7px;}

textarea.form_textarea{width:98%; height:115px; float:left; background-color:#e7e7e7; border:1px #cbcbcb solid;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;  font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:9px 0 0 9px;}
input.form_input:focus, textarea.form_textarea:focus { border-color:#a2a2a2; }

input.form_submit{float:right; background-color:#e93139; color:#FFFFFF; border:none; -moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; cursor:pointer;margin:10px 10px 10px 0; padding:5px 15px 5px 15px;font-family: 'Marmelad', sans-serif; font-size:16px;}

.gmap{max-width: 100%; display: block;
background-color:#ededed; border:1px #dedede solid; padding:10px;
border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-khtml-border-radius:8px;
}


/* Footer */
.footer{ padding:20px 0 40px 0; margin:20px 0 0 0; clear:both; width:100%; background-color:#e8e8e8;}
.footer_content{margin:auto;width:1000px;}
.footer_left{ float:left; padding:0 0 0 40px;}
.footer_right{ float:right; padding:0 40px 0 0;}
ul.social_icons { margin:0px; padding:0px;}
ul.social_icons li{ float:left;}
ul.social_icons li a{width:30px;height:30px;display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;float:left;margin:0px 0 0px 5px;background-color:#b3b3b3;text-align:center;}
ul.social_icons li a#top{width:30px;height:30px;display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;float:left;margin:0px 0 0px 5px;background-color:#e93139;text-align:center;}
ul.social_icons li a:hover{ background-color:#9e9e9e;}
ul.social_icons li a img{ width:60%; display:block; margin:5px auto;}

ul.footer_menu{ padding:10px 0 0 0; margin:0px;}
ul.footer_menu li{ float:left; padding:0 15px 0 0;}
ul.footer_menu li a{ background:url(images/bullet.png) no-repeat left; padding:0 0 0 12px;} 

/* Media Queries */

@media screen and (max-width: 1000px) {
#wrap{margin:0 auto;width:95%;}
.footer_content{margin:auto;width:100%;}
.section_full{width:90%;padding:5% 5% 0 5%;}
.section_one_four{ width:19%; float:left; padding:5% 0 0 5%;}
.section_one_three{ width:26.7%; float:left; padding:5% 0 0 5%;}
.section_two_three{ width:58.3%; float:left; padding:5% 0 0 5%;}
.section_one_two{ width:42.6%; float:left; padding:5% 0 0 5%;}
.divider{width:90%;margin:5% 0 0 5%;}
.divider_top{width:90%;margin:5% 0 0 5%;}
.slider{ width:100%; margin:auto; clear:both;}
.post_right{ float:left; width:100%; margin:20px 0 0 0;}
}
@media screen and (max-width: 480px) {
.logo{margin:30px 0 0 20px;}
#header{height:auto;}
.menu{float:left; padding:20px 0 30px 0; width:100%;}
.menu ul {list-style:none; margin:0; padding:0 20px 0 20px;}
.menu ul  * {margin:0; padding:0;}
.menu ul  li {width:100%; padding:10px 0px 10px 0px;height:auto; border-bottom:1px #efefef solid;}
.menu ul  li a{color:#2b2b2b; font-size:20px; padding:0 0 0 10px; display:block;}
.menu ul  li a:hover{color:#ef682c;}
.section_one_three, .section_two_three, .section_one_two, .section_one_four{ width:92%; float:left; padding:5% 0 0 4%;}
.form_row{width:94%;clear:both;float:left;padding:5px 1% 5px 2%;}
.form_row_half{width:98%;float:left;padding:8px 0 0px 2%; clear:both;}
ul.filter_portfolio {padding:20px 0 20px 0px; text-align:center;}
ul.filter_portfolio li a {margin:0 5px 15px 5px;}
ul.social_icons{ margin-top:20px;}
.footer_left{ float:left; padding:0 0 0 20px;}
.sidebar{ margin-top:20px;}
}