/*
Theme Name: Manly Concrete
Author: Synchromedia Group



/* =Reset
-------------------------------------------------------------- */
body{ margin: 0px; padding: 0px; font: 14px/22px 'Roboto';}
a{ color: #0C018E; text-decoration: none;  -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
a img{  -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
a:hover{ color: #711539;}
.wrap{ width: 960px; margin: 0px auto; }
h1,h2,h3,h4,h5,p,form{ margin: 0px; padding: 0px; margin-bottom: 20px;}
form{ margin: 0px;}
h1{ font: 900 24px/30px 'Roboto'; color: #711539; } 
h2{ font: 900 20px/26px 'Roboto'; color: #333;}
h3{ font: 900 15px/26px 'Roboto'; margin-bottom: 10px;}
#header{ margin-bottom: 30px; height: 118px; clear:both;}
#menuback{  height: 50px; background: #d4d4d4; /* Old browsers */
background: -moz-linear-gradient(top,  #d4d4d4 0%, #bfbfbf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d4d4), color-stop(100%,#bfbfbf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d4d4d4 0%,#bfbfbf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d4d4d4 0%,#bfbfbf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d4d4d4 0%,#bfbfbf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d4d4d4 0%,#bfbfbf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-9 */}
#logo{ float: left; margin-right: 30px;}
#banner{ margin-left: 60px;}
#menu ul{ margin: 0px; padding: 0px;}
#menu ul li{ list-style: none;}
#menu ul li#menu-item-39 a{ border-left: 1px solid #AAA;}
#menu ul li a{ display: inline-block; float: left; padding: 0px 15px; font: 900 14px/50px 'Roboto'; color: #222; text-decoration: none; text-transform: uppercase; border-right: 1px solid #AAA;  -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
#menu ul li a:hover{ color: #FFF; background: #AAA;}
#menu ul li.current-menu-item a{ color: #666; background: #FFF;}
#contentArea{ clear:both; }
#primary{ padding: 30px; width: 590px; float: left;  margin-bottom: 30px;}
#phone{ font: 900 20px/24px 'Roboto'; color: #0C018E; position:absolute; margin-left: 339px; margin-top: 75px;}

.licences td{ padding: 10px; margin: 0px; vertical-align: top; border-bottom: 1px solid #CCC; border-spacing: 0px;}
.licences td p{ margin: 0px; }

#rightCol{ width: 280px; float: left;  padding-top: 30px; margin-bottom: 30px;}

.wpcf7 td{ border-spacing: 0px !important; margin: 0px; padding:0px;}
.wpcf7 h2{ color: #FFF;}
.wpcf7{ background: #7d7e7d; /* Old browsers */
background: -moz-linear-gradient(top,  #7d7e7d 0%, #c9c9c9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#c9c9c9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7d7e7d 0%,#c9c9c9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7d7e7d 0%,#c9c9c9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7d7e7d 0%,#c9c9c9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7d7e7d 0%,#c9c9c9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */
padding: 15px !important; font: 12px/18px 'Roboto';}
input[type="text"],input[type="email"],textarea{ width: 95%; padding: 2px; font: 12px/22px 'Roboto';} 
input[type="submit"]{  -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background: #0C018E; color: #FFF; padding: 10px; width: auto; text-align: center; border: 0px; text-transform: uppercase; font: 900 14px/20px 'Roboto';  }
input[type="submit"]:hover{ cursor: pointer; background: #711539;  }
#footer{ padding-top: 30px; height: 200px; clear:both;text-align: center; font-size: 12px; line-height: 24px; background: #d4d4d4; /* Old browsers */
background: -moz-linear-gradient(top,  #d4d4d4 0%, #bfbfbf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d4d4), color-stop(100%,#bfbfbf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d4d4d4 0%,#bfbfbf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d4d4d4 0%,#bfbfbf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d4d4d4 0%,#bfbfbf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d4d4d4 0%,#bfbfbf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-9 */}

#metaslider_22{ margin-right: 60px; }
.gallery-item{ text-align:left !important;}
.gallery-item a{   -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.gallery-item a img:hover{ opacity: 0.8; }
.archive #header, .single-project #header{ margin-bottom: 0px; }
ul#projects { margin: 0px; padding: 0px; list-style: none; }
ul#projects li{ width:40%; float: left; list-style: none; margin: 0px; padding: 0px; margin-left: 5%; margin-bottom: 30px;}
ul#projects li img{ max-width: 100%; height: auto; border: 2px solid #cfcfcf;}
ul#projects li img:hover{ opacity: 0.8;}

.slb_template_tag_item_title{ display: none; }