/*
Theme Name: Sign Works Theme
Author: CD Web Design
Author URI: http://www.cd-web-design.co.uk/
Description: The theme for Sign Works
Version: 1
*/
html {background:#9FA1A4;}
html, body {margin:0; padding:0; width:100%; text-align:left;}
body { font-family:helvetica, sans-serif; font-size:14px; margin:0; padding:0; color:#5e5e5e; }
p {margin:0; padding:5px 0px; color:#5e5e5e; line-height:1.5em;}
li {line-height:1.5em;}
form {background: #fff;}
a img { border:0px;}
a, a:link, a:visited {text-decoration:none; margin:0; font-weight:bold; padding:5px 0px; color:#ed1650; }
a:hover {color:#393b3c; }
h1 {font-size:22px; margin:0; padding:0; color:#9FA1A4; }
h2 {font-size:20px; margin:0; padding:0; color:#ed1650; margin-top:10px;}
h3 {font-size:18px; margin:0; padding:10px 0; color:#393b3c; }
h4 {font-size:16px; margin:0; padding:0; color:#393b3c; }
h5 {font-size:14px; margin:0; padding:0; color:#ed1650; }
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
:hover {-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}

iframe, object {position:relative; z-index:1;}

#container {margin:20px auto; width:920px; padding:30px; background:#fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);}

.header {width:100%; position:relative;}
.logo {float:left;}
.logo h1 {font-weight:normal; margin-bottom:10px; color:#221F20;}
.logo h3 {position:absolute; top:61px; left:380px; font-weight:normal; color:#888; padding:0; font-size:14px;}
.header_contacts {height: 20px; font-size: 12px; display: block; position:absolute; right:0; top:0;}
.header_phone {clear:right; float: right; padding-left: 23px; background: url('/Images/header_phone.png') left center no-repeat; margin-left: 20px; height: 16px; font-size: 14px; font-weight:bold; color:#ed1650;}
.header_mail {float: right; padding-left: 23px; background: url('/Images/header_mail.png') left center no-repeat; height: 16px; font-size: 14px; margin-bottom:10px;}
.header_social {padding-top:93px;}
a.header_soc_twitter {float: right; width: 16px; height: 16px; background: url('/Images/header_soc_twitter.png') left -16px no-repeat; margin: 0 0 0 12px; text-indent: -10000px;}
a.header_soc_facebook {float: right; width: 16px; height: 16px; background: url('/Images/header_soc_fb.png') left -16px no-repeat; margin: 0 0 0 12px; text-indent: -10000px; }
a.header_soc_rss {float: right; width: 16px; height: 16px; background: url('/Images/header_soc_rss.png') left -16px no-repeat; margin: 0 0 0 12px; text-indent: -10000px; }

.menu-menu-container {width:920px; margin-bottom:0px;}
ul.menu {background: #595A5C; height: 40px; padding: 0px 5px; font-weight: 400; font-size: 15px; list-style:none; margin:0;}
.menu li {position: relative; float:left; padding: 0px 2px 0px 0px;}
.menu li a {display:block; padding: 0 10px; line-height:40px; color: #fff; text-shadow: 0px 1px 0px #111;}
.menu li ul.sub-menu {display:none; position:absolute; list-style:none; padding:0; margin:0; background: #4f5152; background-image: -moz-linear-gradient(#58595a,#414344); background-image: -o-linear- gradient(#58595a,#414344); background-image: -webkit-linear-gradient(#58595a,#414344); background-image: linear-gradient(#58595a,#414344); border: 1px solid #3b3d3e; border-top: 1px solid #212223; width:200px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;}
.menu li:hover ul.sub-menu {display:block; z-index:100;}
.menu li:hover ul.sub-menu li {background:none;}

.banner {text-align:center; margin-bottom:30px; background:#ed1650;}
.banner h3, .banner h3 a {color:#fff;}
.left-col {width:250px; float:left; margin-right:30px;}
.right-col {width:640px; float:left; position:relative;} 
.home-about {background:#ed1650; padding:15px; margin-bottom:30px;}
.home-about p {color:#fff;}

.blocks {}
.blocks ul {list-style:none; padding:0; margin:0;}
.blocks ul li {position:relative; width:120px; height:150px; float:left; margin-right:10px; margin-bottom:10px;}
.blocks ul li#right {margin-right:0;}
.blocks ul li.text {display:table-cell; text-align:center; color:#fff; background:#9FA1A4;}
.blocks ul li.text span {display:block;}
.blocks ul li.text:hover {background:#ed1650;}
.blocks ul li#ladder {text-align:left;}
.blocks ul li#ladder img {position:absolute; left:0; top:0;}
.blocks ul li.image h2 {margin:0; font-size:12px; text-align:center; line-height:20px; padding:5px 0; font-weight:normal; background:#221F20; color:#fff;}
.blocks ul li.image:hover h2 {background:#ed1650;}
.blocks ul li.image img {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%);}
.blocks ul li.image:hover img {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%);}

#homeslider {width: 640px; height: 230px; position: relative; overflow: hidden; margin: 0 0 30px; text-align: left; }
#homeslider ul {padding:0px; margin:0px; width:5000em;}
#homeslider li {width: 640px; height: 230px; position: relative; overflow: hidden; }
#homeslider li img {position:absolute; top:0; left:0; z-index:1; }
#mainsliderprev a {position:absolute; left:10px; top:80px; text-indent:-9999px; background: url('/Images/arrows_white.png'); display:block; width:50px; height:70px; z-index:4;}
#mainslidernext a {position:absolute; right:10px; top:80px; text-indent:-9999px; background: url('/Images/arrows_white.png') -50px 0; display:block; width:50px; height:70px; z-index:4;}

a.button {float:right; background:#ed1650; color:#fff; padding:5px 10px; text-transform:uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
button {background:#ed1650; color:#fff; padding:10px 20px; text-transform:uppercase; border:0; font-weight:bold;}
button:hover {background:#9FA1A4;}

.news-main {position:relative; margin:0 0 20px; min-height:400px;}
.main {position:relative; margin:0 0 20px; clear:both;}
.content-holder {float:left;}
.content {min-height:400px; float:left; width:640px; margin-right:30px;}
.content h1 {font-size:32px;}
.entry-title a {color:#888;}
.entry-title a:hover {color:#393b3c;}
.content img.alignright {float:right; padding:5px; border:5px solid #888; margin-left:20px; margin-bottom:20px; display:block;}

ul.services {list-style:none; padding:0; margin:0;}
ul.services li {background: url(/Images/dot.png) no-repeat; width:170px; float:left; margin-right:20px; padding-left:20px;}

.sidebar {float:left; display:block; width:250px;}

.news {background:#9FA1A4; padding:15px; margin-bottom:30px;}
.news h1 {margin-bottom:10px; color:#fff;}
.news-holder {border-top:1px solid #fff;}
.news-item {border-bottom:1px solid #fff;}
.news-item p.title {padding:5px 0 0; color:#fff;}
.news-item p a {color:#fff;}
.news-item p.date1 {padding:0; color:#fff;}
.news-item p.news-intro {padding:0 0 5px; color:#fff;}
.news-holder p.right {padding:5px 0 0;}
.news-holder p.right a {padding:0; color:#fff;}

.baseline p {padding:0px;}

.entry {border-bottom:1px solid #808080; margin-bottom:20px;}
.date {display: block; overflow: hidden; padding: 8px 12px; background: #ed1650; color: #FFF; float: left; font-size: 11px; }
.date span.day { font-size: 30px; font-weight: bold; padding: 4px 0; display: block; text-align: center; }
h1.entry-title {font-size:30px; margin:13px 10px; float:left;}
.entry-bar {clear:both; margin-top:10px; border:1px solid #808080;}
.date-single, .author, .cats {float:left; padding:0 10px; border-right:1px solid #808080; }
.content-image {margin-top:10px;}
.single-social {float:right; width:250px; height:32px; padding:7px 10px;}
#nav-single {margin-bottom:10px;}
.nav-previous {float:left;}
.nav-next {float:right;}

.dysania-grid li a, .dysania-grid li a img {padding:0;}
.dysania-filters li a.active, .dysania-grid li a {background-color:#ed1650 !important;}
#cboxLoadedContent {background: #fff !important;}