/*  
Theme Name: Thysis 2010
Theme URI: http://www.thysis.co.uk
Description: A theme designed for Thysis Building Products
Version: 1.0
Author: Scott Hargroves @fourleaves
Author URI: http://www.fourleaves.co.uk
Tags: Thysis Building Products
*/


/* Tell the browser to render HTML 5 elements as block */  
header, footer, aside, nav, article, section {  
    display: block;  
}  
  
body {  
    margin: 0 auto;  
    font: 13px/22px Helvetica, Arial, sans-serif;  
    background: url(images/bg.jpg) repeat; 
    color: #fff;
}

@font-face {
   font-family: "St Marie-Thin";
   src: url("StMarie-Thin.otf") format("opentype");
  }

a {color:#1c8bab; text-decoration: none;}

a:hover {color: #000; text-decoration: none;}

p {font-size: 15px; text-align: justify; color: #1f3041;}

li {font-size: 15px; color: #1f3041;}

.gradient {width: 100%; height: auto; overflow: hidden; background: url(images/bg-top.jpg) repeat-x;}

header {width: 960px; height: auto; overflow: hidden; margin: auto;}

nav {width: 960px; float: left; height: 48px; font-family: Georgia, serif; font-size: 20px; text-shadow: 1px 1px 1px #eaf5fb;}

nav ul {float: right; width: auto; height: 48px; list-style: none;background: url(images/nav-bg.gif) repeat-x; margin: 0; padding: 0;}

nav ul li {float: left; display: block; border-right: 1px solid #bdd1e2; height: 100%; width: auto;}

nav ul li a {color: #233b52; text-decoration: none; padding-left: 25px; padding-right: 25px; padding-top: 12px; display: block; -webkit-transition: all .2s linear; -moz-transition: all .2s linear;}

nav ul li a:hover {background: #9cb4cb; text-shadow: 1px 1px 1px #b8cee2;}

.post-item {z-index: 5000;}

.logo {width: 279px; height: 88px; float: left; margin-top: 15px; margin-bottom: 15px;}

.tel {float: right; height: 58px; margin-top: 15px; margin-bottom: 15px; padding-top: 30px;}

.tel h1 {margin: 0; padding: 0; font-family: Georgia, serif; font-weight: 100; font-size: 16px; font-style: italic; text-shadow: 1px 1px 1px #000; letter-spacing: 1px;}

.tel h1 strong {font-weight: 300; font-size: 32px; font-style: normal;}

.banner {width: 960px; height: 329px; float: left;}

.banner ul {list-style-type: none; margin: 0; padding: 0;}

.banner ul li {float: left;}

.shadow {width: 1035px; height: 26px; margin: auto; background: url(images/banner-shadow.png) no-repeat; z-index: -100;}

#product-gallery {width: 988px; height: 113px; margin: auto;}

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

#product-gallery ul li {float: left; margin-right: 13px; margin-left: 14px; width:170px; height: 113px;}

#main {background: #8da6b9; height: auto; overflow: hidden; width: 960px; margin: auto; margin-top: 28px; -webkit-border-radius: 3px; -webkit-box-shadow:0 2px 5px #a6b8c8; margin-bottom: 28px;}

.content {width: 640px; background: white; float: left; padding: 30px; min-height: 295px;}

.content h1 {font-size: 25px; font-weight: normal; line-height: 1.2em; margin: 0; padding: 0; color: #7594ab;}

.content blockquote { border-top: dotted 1px #e6e6e6; border-bottom: dotted 1px #e6e6e6;}

.hr {width: 640px; height: 7px; background: url(images/hr.jpg) no-repeat; float: left; margin-top: 20px; margin-bottom: 20px;}

.hr2 {width: 640px; height: 7px; background: url(images/hr2.jpg) no-repeat; float: left; margin-top: 20px; margin-bottom: 20px;}

aside {width: 260px; float: right;}

aside h2 {background: url(images/aside-header-bg.jpg) repeat-x; height: 37px; width: 100%; margin: 0; padding: 0; float: left; font-size: 22px; font-weight: normal; color: #98b9d8; text-shadow: -1px -1px -1px #2b4762; padding-left: 28px; padding-top: 12px;}

aside ul {width: 100%; float: left; height: auto; list-style: none; padding: 0; margin: 0; text-shadow: 1px 1px 1px #a1b8c9;}

aside ul li {border-bottom: 1px solid #7594ab; border-left: 1px solid #82a1bf; border-top: 1px solid #98afc1; display: block; height: 100%;}

aside ul li a {padding-bottom: 10px; padding-top: 10px; padding-left: 28px; color: #183550; text-decoration: none; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; height: 100%; width: 100%; display: block;}

aside ul li a:hover {background-color: #7089a0; color: #0f2437; text-shadow: 1px 1px 1px #8da6b9;}

.news {color: #1f3041; margin-top: 28px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #f2f2f2; overflow: hidden;}

.news h3 {float: left; width: 500px; padding: 0; margin: 0; padding-bottom: 10px;}

.date {color: #c8d1d3; float: right; width: 140px; text-align: right; padding-bottom: 10px;}

.excerpt {float: left;}

footer {width: 960px; background: url(images/hr.png) repeat-x top; height: auto; margin: auto; clear: both; font-size: 12px; color: #264c69;text-shadow: 1px 1px 1px #e4eef9; margin-bottom: 20px;}

.tag {font-family: Helvetica, sans-serif; font-size: 12px; float: right; text-align: right; color: #284359; text-shadow: 1px 1px 1px #e4eef9;}

input {background: #dae6f2; border: 1px solid #97aac0; color:#334a64; padding:5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; width:100%;}

textarea {background: #dae6f2; border: 1px solid #97aac0; color:#334a64; padding:5px;-webkit-border-radius: 3px; -moz-border-radius: 3px; width:100%;}

input.wpcf7-submit {background: #363f49; padding:10px; border: 1px solid #000; color:#c5d7ec; -webkit-border-radius: 10px; -moz-border-radius:10px; float: right; width: 100px;}

span.wpcf7-not-valid-tip {background:#df4141;}

.images-right {float:right; width:150px; margin-left:20px; background:#ecf4fb; -webkit-border-radius:5px; padding:10px; margin-bottom:10px; border: 1px solid #b9cde0; -webkit-box-shadow:0 0 3px #bad2ea;}

.images-right h3 {padding: 0; margin: 0; font-size: 14px; font-weight: normal; color: #4f80b0; padding-bottom: 10px; border-bottom: 1px dotted #b9cde0; margin-bottom: 10px; text-shadow: 1px 1px 1px #fff;}

.breadcrumb {float:left; width:100%; color: black; }

.product-holder {float:left; width: 300px; height: 300px; padding: 10px;}

.product-holder h3 span a {font-weight: normal; text-align: right; font-size: 11px;}

.wpcf7-response-output {color: #000;}