@import url('reset.css');



@import url('widgets.css');



@import url('comments.css');



@import url('forms.css');



@import url('social.css');



@import url('shortcodes.css');



@import url('../js/poshytip-1.1/src/tip-yellowsimple/tip-yellowsimple.css');



@import url('font-awesome.css');

/* Vars ----------------------------------------------------*//* Mixins ----------------------------------------------------*//* IMPORT ------------------------------------------------------------*/

/* aditional */

/* Fonts ----------------------------------------------------*//* Here you go ie */

ul,li{ margin:0; padding:0;}

@font-face {

  font-family:'mensch';

  font-style:normal;

  font-weight:normal;

  src:url('../fonts/mensch-webfont.eot');

}

/* For real web browsers */

@font-face {

  font-family:'mensch';

  font-style:normal;

  font-weight:normal;

  src:url('../fonts/mensch-webfont.ttf');

}

/* GENERAL ------------------------------------------------------------*/

.cf:after,

.cf:before {

  content:"";

  display:table;

}

.cf:after {

  clear:both;

}

.cf {

  zoom:1;

}

.wrapper {

  margin:0px auto;

  width:980px;

  position:relative;

  background:#ffffff;

  box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.22);

  }

body {

  font-family:Century Gothic;

  font-size:16px;

  line-height:1.5em;

  

  color:#444444;

}

body a {

  text-decoration:none;

  -webkit-transition:all 0.3s ease;

  -moz-transition:all 0.3s ease;

  -o-transition:all 0.3s ease;

  transition:all 0.3s ease;

}

body p {

  margin-bottom:21px;

  font-size: 13px;

  line-height:22px;

  text-align:justify;

}



h1 {position:relative;}

h1.one { font-size:26px; color:#111111; text-align:center; background:transparent; max-width:800px; margin:20px auto; line-height:35px;}

h1.one:before {content: ""; display:block; border-top:solid 1px #dbdbdb; width:100%; height:1px; position:absolute; top:50%; z-index:1; }

h1.one span {background:#fff; padding:0 20px; position:relative; z-index:5;}



h2 {position:relative; }

h2.one { font-size:24px; color:#111111; text-align:center; background:transparent; max-width:600px;  margin:20px auto; line-height:35px;}

h2.one:before {content: ""; display:block; border-top:solid 1px #dbdbdb; width:100%; height:1px; position:absolute; top:50%; z-index:1;}

h2.one span {background:#fff; padding:0 20px; position:relative; z-index:5;}



h3 {position:relative; }

h3.one { font-size:20px; color:#1f96e2; text-align:center; background:transparent; max-width:600px;  margin:20px auto; line-height:35px;}

h3.one:before {content: ""; display:block; border-top:solid 1px #dbdbdb; width:100%; height:1px; position:absolute; top:50%; z-index:1;}

h3.one span {background:#fff; padding:0 20px; position:relative; z-index:5;}



h4 {font-size:18px; line-height:35px; padding-left:10px;}

h5 {font-size:16px; color:#879eb0; text-decoration:underline; margin-bottom:10px;}

h6 {font-size:14px;}

h7 {font-size:16px; color:#1f96e2;}

#main .headline {

  font-family:mensch;

  line-height:1.3em;

  font-size:48px;

  color:#4d4d4d;

  text-shadow:0 2px 0 rgba(0, 0, 0, 0.3);

  text-align:center;

  margin-bottom:20px;

  margin-right:20px;

  margin-left:20px;

}
@media(max-width:600px){
header #logo img {
        display: block;
    width: 168px;
    float: left !important;
    margin: 0px 0 0 -32px !important;
}}
}

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

header #logo {

  margin:20px auto;

}

header #logo:hover {

  opacity:0.8;

}

header #logo img {

  display:block;

  margin:0 auto;
    margin-top: -95px;


}

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

nav {float:left; width:100%; position:relative; background:#d9d9d9;}

#nav { display:block; position:relative; text-align:center; margin-left:50px;}

#nav > li {display:block; float:left; position:relative; font-family:Tahoma, Geneva, Kalimati, sans-serif; font-size:14px; padding:0 26px;}

#nav > li a {display:block; line-height:37px; color:#000000; text-transform:uppercase; }

#nav > li a:hover { color:#1f96e2; background:url(../images/nav_arrow.png) bottom center no-repeat;}

#nav > li a.active { color:#1f96e2; background:url(../images/nav_arrow.png) bottom center no-repeat;}

#nav > li ul {font-size:13px; text-align:left; margin-top:2px;}

#nav > li ul li {border-bottom:1px dotted #635c51; width:180px;}

#nav > li ul li a {height:auto; padding:1px 5px; background:#483e37; color:#fffff; filter:alpha(opacity=80);-moz-opacity:.8;KhtmlOpacity:.8;opacity:.8;}

#nav > li ul li a:hover {background:#2b221c; }

#nav > li ul li:last-child {border-bottom:none;}

#nav > li ul li > ul {background:none; padding-top:0;}

/* COMBO NAVIGATION ------------------------------------------------------------*/

#comboNav {

  width:100%;

  margin-top:20px;

  margin-bottom:30px;

  float:left;

}

/* PAGE CONTENT ------------------------------------------------------------*/

.page-content {

  position:relative;

    }

/* ENTRY CONTENT ------------------------------------------------------------*/

.entry-content {

  text-shadow:0 1px 0 #ffffff;

  padding:0 20px;

 }

.entry-content a {

  color:#e37655;

}

.entry-content strong {

  font-weight:bold;

}

.entry-content ul,

.entry-content ol {

 

}

.entry-content ul {

  list-style:disc;

}

.entry-content ol {

  list-style:decimal;

}

.entry-content .heading {

  margin-bottom:20px;

}

/* FEATURED & WORK LIST ------------------------------------------------------------*/

.nav-categories {

  display:block;

  margin-left:20px;

  margin-right:20px;

  margin-bottom:20px;

  padding-bottom:7px;

  border-bottom:1px dashed #ccc;

}

.nav-categories li {

  display:block;

  float:left;

  margin-right:20px;

}

.nav-categories li a {

  font-size:12px;

  line-height:1.5em;

  color:#888888;

}

.nav-categories li a:hover {

  color:#e37655;

}

.nav-categories li.current a {

  color:#e37655;

  font-weight:bold;

}

.feature,

.work-list {

  display:block;

  margin-bottom:10px;

}

.feature li,

.work-list li {

  display:block;

  float:left;

  width:320px;

  padding:10px 17px 20px 17px;

}

.feature li .thumb,

.work-list li .thumb {

  display:block;

  line-height:0em;

  position:relative;

  color:#ece9d6;

  margin-bottom:50px;

  }

.feature li .thumb:hover .img-overlay,

.work-list li .thumb:hover .img-overlay {

  display:block;

}

.feature li .thumb:hover img,

.work-list li .thumb:hover img {

  opacity:0.5;

}

.feature li .thumb img,

.work-list li .thumb img {

  max-width:100%;

  box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.22);

  -webkit-transition:all 0.3s ease;

  -moz-transition:all 0.3s ease;

  -o-transition:all 0.3s ease;

  transition:all 0.3s ease;

}

.feature li .thumb .date,

.work-list li .thumb .date {

  position:absolute;

  bottom:-35px;

  left:115px;

  background:#e37655;

  width:70px;

  height:70px;

  -moz-border-radius:40px;

  -webkit-border-radius:40px;

  border-radius:40px;

  box-shadow:3px 3px 0 0 rgba(0, 0, 0, 0.1);

  font-family:mensch;

  font-size:24px;

  line-height:1.0em;

  text-align:center;

}

.feature li .thumb .date span,

.work-list li .thumb .date span {

  display:block;

  margin-top:12px;

}

.feature li .thumb .date .d,

.work-list li .thumb .date .d {

  margin-top:0;

}

.feature li .thumb .img-overlay,

.work-list li .thumb .img-overlay {

  position:absolute;

  top:50%;

  left:50%;

  margin-left:-20px;

  margin-top:-20px;

  color:#fff;

  font-size:36px;

  display:none;

}

.feature li .excerpt,

.work-list li .excerpt {

  display:block;

  font-size:12px;

  color:#4d4d4d;

  text-align:center;

  line-height:18px;

 }

 .feature li .service-icon,

.work-list li .service-icon {

 background:#ffffff;

 width:220px;

 text-align:center;

 margin:30px auto;

  

 }

.feature li .categories,

.work-list li .categories {

  font-size:20px;

  text-align:center;

  margin-bottom:10px;

 }

.feature li .categories a,

.work-list li .categories a {

  color:#252a30;

}

.feature li .categories a:hover,

.work-list li .categories a:hover {

  text-decoration:underline;

}

.feature {

  background:url(../images/feature-line.png) top center no-repeat;

  padding-top:40px;

}

.work-list li {

  margin-bottom:0px;

}

.work-list li .thumb {

  display:block;

  line-height:0em;

  position:relative;

  color:#ece9d6;

  margin-bottom:25px;

  

}

/* PROJECT ------------------------------------------------------------*/

#project-title {

  margin-left:20px;

  font-size:48px;

  line-height:1.2em;

  font-family:mensch;

  margin-bottom:20px;

  

}

#project-gallery {

  width:620px;

  float:left;

  margin-left:20px;

  margin-bottom:40px;

}

#project-gallery .thumb {

  box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.22);

  line-height:0em;

  margin-bottom:20px;

}

#project-gallery .thumb img {

  max-width:100%;

}

#project-info {

  width:290px;

  float:left;

  margin-left:20px;

  margin-bottom:40px;

}

#project-info #project-sheet {

  background:url(../images/project-sheet.png) repeat-x top left;

  padding-top:20px;

  margin-top:10px;

  font-size:14px;

}

#project-info #project-sheet strong {

  font-weight:bold;

}

/* RELATED PROJECTS ------------------------------------------------------------*/

.related-projects {

  margin-bottom:80px;

  margin-top:40px;

}

.related-projects .related-heading {

  margin-bottom:10px;

  margin-left:20px;

}

.related-projects a {

  color:#444444;

}

.related-projects .related-list li {

  float:left;

  width:300px;

  text-align:center;

  margin-left:20px;

}

.related-projects .related-list li .thumb {

  box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.22);

  display:block;

  line-height:0em;

  margin-bottom:18px;

}

.related-projects .related-list li .thumb img {

  max-width:100%;

}

/* BLOG ------------------------------------------------------------*/

#posts-list {

  position:relative;

  width:670px;

  float:left;

}

#posts-list article {

  position:relative;

  margin-bottom:60px;

}

#posts-list article .feature-image {

  line-height:0em;

  margin-bottom:20px;

}

#posts-list article .feature-image img {

  max-width:100%;

  box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.22);

}

#posts-list article .entry-left-data {

  width:80px;

  float:left;

}

#posts-list article .entry-right-data {

  width:483px;

  float:left;

  margin-left:17px;

  text-shadow:0 1px 0 #ffffff;

}

#posts-list article .entry-right-data .post-heading {

  display:block;

  font-family:mensch;

  color:#444444;

  font-size:36px;

  line-height:1.3em;

  border-bottom:1px solid #444444;

}

#posts-list article .entry-right-data .meta {

  font-size:12px;

  color:#888888;

  margin-bottom:20px;

}

#posts-list article .entry-right-data .meta a {

  color:#888888;

}

#posts-list article .entry-right-data .excerpt {

  margin-bottom:20px;

}

#posts-list article .entry-date {

  margin:0 auto 10px auto;

  background:#e37655;

  color:#fff;

  width:70px;

  height:70px;

  -moz-border-radius:40px;

  -webkit-border-radius:40px;

  border-radius:40px;

  box-shadow:3px 3px 0 0 rgba(0, 0, 0, 0.1);

  font-family:mensch;

  font-size:24px;

  line-height:1.0em;

  text-align:center;

}

#posts-list article .entry-date span {

  display:block;

  padding-top:12px;

}

#posts-list article .entry-date .d {

  padding-top:0;

}

#posts-list article .comments {

  display:block;

  text-decoration:none;

  margin:0 auto;

  width:37px;

  height:33px;

  background:url(../images/comments.png) no-repeat;

  color:#dddddd;

  font-size:12px;

  text-align:center;

}

/* SIDEBAR ------------------------------------------------------------*/

#sidebar {position:relative; float:left; font-size:14px; color:#382e29;}

#sidebar .block .sidebar-content {background:#e3e3e3; width:260px; padding:0 5px 10px 5px;}

#sidebar .block .sidebar-top {background:url(../images/sidebar-top.jpg) no-repeat; width:100%; height:10px;}

#sidebar .block .sidebar-bottom {background:url(../images/sidebar-bottom.jpg) no-repeat; width:100%; height:10px;}

#sidebar .heading {margin-bottom:10px; padding-top:10px;}

#sidebar li {display:block; margin-bottom:20px;}





#sidebar1 {position:relative; width:200px; margin:0 10px 40px 20px; float:left; font-size:14px; color:#382e29; border-right:1px solid #ebebeb; padding-right:20px;}

#sidebar1 .block .sidebar-content {background:#f5f4f0; width:230px; padding:0 5px 10px 5px;}

#sidebar1 .heading {margin-bottom:20px; }



#sidebar_video {position:relative; width:250px; margin:0px 0 20px 20px; float:left;}



/* PAGE NAVIGATION ------------------------------------------------------------*/

#main .page-navigation {

  position:relative;

  left:50%;

  display:block;

  margin-bottom:100px;

  float:left;

}

#main .page-navigation div {

  position:relative;

  right:50%;

  -webkit-transition:all 0.3s ease;

  -moz-transition:all 0.3s ease;

  -o-transition:all 0.3s ease;

  transition:all 0.3s ease;

  box-shadow:3px 3px 0 0 rgba(0, 0, 0, 0.1);

}

#main .page-navigation div span {

  margin-bottom:15px;

  display:inline-block;

}

#main .page-navigation div:hover {

  -webkit-transform:translate(0, 2px);

  -moz-transform:translate(0, 2px);

  -o-transform:translate(0, 2px);

  transform:translate(0, 2px);

}

#main .page-navigation a {

  -webkit-transition:all 0.3s ease;

  -moz-transition:all 0.3s ease;

  -o-transition:all 0.3s ease;

  transition:all 0.3s ease;

  color:#e37655;

  display:block;

  padding:10px 15px;

}

#main .page-navigation .nav-next {

  float:left;

  margin-right:20px;

  background:#f1f1f1 url(../images/arrow-left.png) no-repeat left 12px;

  padding-left:20px;

}

#main .page-navigation .nav-previous {

  float:right;

  background:#f1f1f1 url(../images/arrow-right.png) no-repeat right 12px;

  padding-right:20px;

}



/* services */

#services{background:#ffffff; border:1px solid #ededed; padding:5px; width:100%;}



.services_text{font-size:15px; color:#616161; line-height:20px; }

.services_viewmore{font-size:11px; color:#b89086; line-height:14px;}

.services_viewmore a{color:#b89086; text-decoration:none;}

.services_viewmore a:hover{color:#0f8c8c;}

/* services */



/* CONTACT ------------------------------------------------------------*/

#map_canvas {

  display:block;

  height:300px;

  width:100%;

  margin-bottom:20px;

  box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.22);

}





#footer{ width:100%; background:#e2e2e2 url(../images/footer_bg.jpg) no-repeat top center; min-height:100px;}



/* BOTTOM ------------------------------------------------------------*/



#bottom #content1 {padding-top:40px; text-align:center; color:#31302f; font-size:12px; clear:both;}



#bottom {position:relative; min-height:20px;}

#bottom #content {padding-top:20px; text-align:center; color:#31302f; font-size:12px; clear:both;}

#bottom #content a {color:#1f96e2;}

#bottom #content a:hover {text-decoration:underline;}



#leftmenu div a{display:block; font-size:16px; color:#382e29; padding-left:15px; line-height:34px; text-decoration:none; border-bottom:1px dotted #ddd;}

#leftmenu div a:hover{color:#d49f97;}

#leftmenu ul{list-style-type: none; margin:0; padding:0;}

#leftmenu ul li{border-bottom:1px dotted #e3e3e3;}

#leftmenu ul li a{ display:block; height:22px; font-size:14px; line-height:16px; color:#695756; text-decoration:none; padding:5px 0 0 28px; margin:0;}

#leftmenu ul li a:hover{color:#d49f97;}



/*Arrowlist menu*/

.arrowlistmenu{width:250px; float:left;}

.arrowlistmenu .headerbar{ font-size:15px; color:#879eb0; margin:4px 0 0 10px;}

.arrowlistmenu ul {list-style-type:none; padding:10px 0 0 0px; margin-bottom:10px;}

.arrowlistmenu ul li{}

.arrowlistmenu ul li a{ font-size:13px; color:#525252; background:url(../images/arrow.png) no-repeat center left; display:block; text-decoration:none; padding:1px 5px 1px 20px;}

.arrowlistmenu ul li a:hover{color:#de1d1d;}



#offer_img{max-width:613px; margin:20px auto;}

.image2{float:left; margin:0 10px 0 0;}