/*
Theme Name: Drummonds Architectural
Theme URI: http://www.drummonds-arch.co.uk
Description: Bespoke theme for Drummonds Architectural
Version: 1.0
Author: Ian Atkins
Author URI: http://www.kith-kin.co.uk/
Tags: 

*/
body {font-family: Georgia; font-size: 12px; color: #FFFFFF; background-color: #8d7a92; background-image: url('images/body-bg.jpg'); background-position: top center; background-repeat: no-repeat; background-position:50% 27px;}
* {margin: 0px; padding: 0px;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.center {text-align: center;}
a img, a{border: 0px; outline: none; color: #FFFFFF;}
li {list-style-type: none;}


#container,#footer {margin-left: auto; margin-right: auto; width:944px; position: relative; z-index: 2;}
#header {text-align: center; padding-top: 30px; padding-bottom:10px; position: relative; z-index: 2;}
#footer {padding-bottom: 100px; clear: both;}

#top {position: absolute; top:0px; line-height: 25px; right: 0px; width: 944px;  border-bottom:1px solid #A495A8; z-index: 3}
#top li {text-decoration: none; padding-left: 10px; padding-right: 10px; float: right;}
#top li a {text-decoration: none;}

#menu {line-height: 40px; text-align: right; border-bottom: 2px solid #a89aac; clear: both; height: 40px; z-index: 100;}
#menu li a, #menu li {text-transform: uppercase; text-indent: 10px; text-decoration: none; color: #FFFFFF; display: block;}
#menu li {width: 314px; text-align: left; float: left; list-style-type: none; text-indent: 0px;}
#menu li a {text-align: center;}
#menu li.current_page_item a, #menu li.current_page_parent a {}
#menu li.current_page_item li a, #menu li.current_page_parent li a {font-weight: normal;}
#menu li.current_page_item {border-bottom: 1px solid #FFFFFF;}

#menu li ul {background-color: #6b5672; padding:15px; width: 224px; margin-left: 30px; padding-top:0px; padding-bottom: 0px;}
#menu li ul li { text-indent: 0px; line-height: 30px; float: none; width: auto; border-top:1px solid #89788e; height: 30px;}
#menu li ul li:first-child {border-top:0px;}
#menu li ul li a {display: block; color: #FFFFFF; text-transform: none; text-indent: 0px;}
#menu li ul li a:hover {color: #000000;}
#menu li ul li.current-cat a, #menu li ul li.current_page_item a, #menu li ul li.current_page_ancestor a, #menu li ul li.current_page_parent a  {color: #000000;}
 
#content {position: relative; z-index: 1;}

h2 {font-weight: normal; font-style: italic; font-size: 20px; margin-bottom: 16px; padding-top: 40px; clear: both;}
hr {background-color: #a5a19e; height: 1px; border: 0px; display: block;}

/* products */
.category-description {position: absolute; top:40px; font-style: italic; font-size: 14px; width: 266px;}
#content ul.category-products {margin-right: -16px; clear: both; width: 960px;overflow: hidden;}
#content ul.category-products li {width:304px; height: 201px; background-color: #9d8da1; margin-right: 16px; margin-bottom:25px; float: left; position: relative;} 
#content ul.category-products li span {width: 304px; display: block; height: 171px; overflow: hidden;}
#content ul.category-products li div {background-color: #9e8ea2; line-height: 30px; text-indent: 10px;}
#content ul.category-products li a {text-decoration: none;}

/* content */
#content {background-image: url('images/content-bg.jpg'); background-position: top; background-repeat: no-repeat;padding-top: 40px;}
#content .text {clear: both;}
#content .text div {font-size: 14px; font-weight: normal; font-style: italic; width:626px; float: left; padding-top: 0px; clear: none; font-size: 14px;}
#content .text div p, #content .text div br {margin-bottom: 16px; display: block;}
#content h1 {font-size: 26px; font-weight: normal; font-style: italic; width:290px; float: left; }

/* product */
#content .product {margin-bottom: 60px; clear: both; display: block;}
#content .product h1 {width: auto; float: none;}


/* single product */
#gallery {width: 944px; height: 531px; overflow: hidden; clear: both;}
#gallery-controls { margin-bottom: 26px;}
ul#products-menu {background-color: #F2F1F0; line-height: 30px; clear: both; display: block; height: 30px;}
ul#products-menu li {float: left; }
ul#products-menu li a {text-decoration: none; color:#333333; display: block; padding-left: 10px; padding-right: 10px;}
ul#products-menu li.current a {color: #000000; font-weight: bold;}

.single .product {clear:both; }
.single .product h1 {font-size: 26px; font-weight: normal; font-style: italic; width:290px; float: left; }
.single .product h1 span {display: block; font-size: 11px; text-transform: uppercase; font-family: Arial; font-style: normal; margin-top: 3px;}
.single .product h2 {font-size: 14px; font-weight: normal; font-style: italic; width:426px; float: left; padding-top: 0px; clear: none;}

ul.details {width: 200px; float: left; font-family: Arial; border-bottom:1px solid #FFFFFF;}
ul.details li {line-height: 20px; border-bottom: 1px solid #FFFFFF; text-indent: 5px;font-size: 11px; color: #FFFFFF; clear: both;}
ul.details li span {color:#FFFFFF; width: 100px; display: block; float: left;}
ul.details li span b {display: block; float: left;}
ul.details li a {color: #FFFFFF; text-decoration: none;}
ul.details li a:hover,ul.details li.active a, #content.slim ul#products-menu li.active a  {color: #000000;}
ul#tech-list {border-top:0px;}

/* product downloads */
.downloads {width: 200px; border-top:1px solid #999999; line-height: 20px; float: right;padding-top: 5px; font-family: Arial; font-size: 11px;  margin-bottom: 26px;}
.downloads b {color: #443E39; text-transform: uppercase; text-indent: 5px; font-weight: normal; display: block;}
.downloads a {color: #8F8985; text-decoration: none; padding-left: 5px; text-transform: uppercase;}
.downloads hr {margin-top: 5px;}

/* gallery */
#gallery, .gallery {list-style-type: none; overflow: hidden; position: relative; background-color: #FFFFFF;}
#gallery-controls, #gallery-controls li {background-color: #9e8ea2; line-height: 30px; display: block; height: 30px; margin-bottom: 26px;}
#gallery-controls li {margin-bottom: 0px;}
#gallery-controls .left {width: 150px;}
#gallery-controls .right {width: 150px; text-align: right;}
#gallery-controls li a {text-decoration: none; color:#FFFFFF; display: block; padding-left: 10px; padding-right: 10px;}
#gallery-controls li.center {width: 644px; float: left;}
#gallery-controls li.center a {display: inline;}
#gallery-controls li a.activeSlide {color: #000000;font-weight: bold;}


/* needs sorting changed class */
#gallery, .gallery {list-style-type: none; overflow: hidden; position: relative; background-color: #FFFFFF;}
.gallery-controls, .gallery-controls li {background-color: #9e8ea2; line-height: 30px; display: block; height: 30px; margin-bottom: 26px;}
.gallery-controls li {margin-bottom: 0px;}
.gallery-controls .left {width: 150px;}
.gallery-controls .right {width: 150px; text-align: right;}
.gallery-controls li a {text-decoration: none; color:#FFFFFF; display: block; padding-left: 10px; padding-right: 10px;}
.gallery-controls li.center {width: 644px; float: left;}
.gallery-controls li.center a {display: inline;}
.gallery-controls li a.activeSlide {color: #000000;font-weight: bold;}

.gallery-container {position: relative; height: 531px;}
.gallery-container #caption {position: absolute; bottom: 0px; left: 0px; background-image: url(images/80.png); text-indent: 10px; color: #ffffff; font-size: 14px; font-family: Georgia; line-height: 40px; z-index: 100; display: block; width: 100%; display: none;}
.home .gallery-container {height: 346px;}

/* brochure */
ul.press {margin-right: -16px; clear: both; width: 960px;}
ul.press li {width: 224px; background-color: #9D8DA1; margin-right: 16px; margin-bottom:25px; float: left; position: relative;}
ul.press li span {width: 224px; height: 286px; display: block; overflow: hidden;}
ul.press li div {font-weight: normal; background-color: #9D8DA1; line-height: 30px; text-indent: 10px;}
ul.press li div span {height: 30px; width: inherit; font-weight: normal; margin-top: -10px;}
ul.press li a {text-decoration: none;}

/*contact page */
.page-id-14 #content {height: 725px;}
.page-id-14 .image {float: left; width: 370px; height: 380px;}
.page-id-14 .entry {float: left; width:574px;}
.page-id-14 .wpcf7 {background-color: #9d8da1; width: 574px; height: 380px; float: right;}
.page-id-14 .wpcf7 br {display: none;}
.page-id-14 span.wpcf7-form-control-wrap { display:block; width:440px; float: left;  }
body.page-id-14 table {margin-top: 0px;}


#content form {padding: 16px;}
#content label {width: 90px; float: left; line-height: 25px; font-family: Arial; margin-bottom: 5px;}
#content input.submit {width: 250px; font-family: Georgia; font-size:14px; float: none; margin-left: 85px; text-align: left; background-color: transparent; color: #FFFFFF; padding-top:0;}

#content input {width: 440px; line-height: 26px; height: 20px; font-family: Arial; margin-bottom: 5px; text-indent: 5px; border: 0px; background-color: #FFFFFF; padding-top: 6px;}
#content textarea {width: 430px; height: 200px; border: 0px; background-color: #FFFFFF; font-family: Arial; padding: 5px; font-size: 12px;}

#content div.wpcf7-response-output, #content div.wpcf7-validation-errors  {margin-left: 90px; border: 0px; color: #FFFFFF; font-family: Arial; font-size: 11px; margin-bottom: 0px; margin-top: 0px; line-height:20px; padding: 0px; font-weight: bold;}
#content div.wpcf7-mail-sent-ok {color: #FFFFFF;}
#content span.wpcf7-not-valid-tip {float: right; height: 18px; width: 18px; border: 4px solid #FFFFFF; line-height: 18px; background-color: red; color: #FFFFFF; top:0; left:442px; padding: 0px; margin: 0px; overflow: hidden; text-align: center; font-weight: bold;}


/* locations*/
.page-id-14 #content .text div {width:100%;}
.page-id-14 table {width: 944px; margin-top: 0px; padding-top: 16px; border-top:1px solid #a495a8; color: #FFFFFF; padding-bottom: 16px; margin-bottom: 0px; border-bottom: 1px solid #a495a8; clear: both; position:relative;}
.page-id-14 table td {font-family: Arial; font-size: 11px; line-height: 25px; vertical-align: top;}
.page-id-14 table td h2 {font-weight: normal; font-style: italic; font-size: 20px; margin-bottom: 16px; padding-top: 0px; clear: both; font-family: Georgia;}
.page-id-14 table td a {color: #FFFFFF; text-decoration: underline;}


/* footer */
#footer {padding-top: 100px; clear: both; font-size: 10px; text-align: right;}
#footer ul {clear: both; display: block;}
#footer li {float: right; margin-top: 10px; color: #ffffff; padding-left: 10px; padding-right: 10px; border-left: 1px solid #FFFFFF; height: 10px; line-height: 8px;}
#footer li.top {padding-right: 0px;}
#footer li.first {border-left: 0px;}
#footer a {text-decoration: none;}
#footer a:hover {text-decoration: underline;}

/* hover menu */
.sf-menu, .sf-menu * {
z-index:1000;
}

/*sitemap */
#sitemap {width:960px; margin-right: -26px;}
#sitemap ul {float:left; margin-bottom:25px; margin-right:16px; position:relative; width:304px; display: block;}
#sitemap ul li {line-height: 25px; border-bottom: 1px solid #999999; text-indent: 10px; margin-right:10px; font-family: Arial; font-size: 11px; color: #443E39}
#sitemap ul li li {border-bottom: 1px solid #CCCCCC; text-indent: 10px;}
#sitemap ul li a {text-decoration: none;}
#sitemap ul li.title {font-weight: bold; font-family: Georgia; font-size: 12px;}
#sitemap ul li.title li {font-weight: normal; font-size: 11px; font-family: Arial;}
#sitemap input {width: 140px;}
#sitemap ul li li li {text-indent: 30px;}
#sitemap ul li li.title {font-weight: bold; font-family: Georgia; font-size: 12px; text-indent: 20px;}
#sitemap ul li li.title li {font-weight: normal; font-size: 11px; font-family: Arial;}

/* breadcrumb */
#breadcrumb { line-height: 40px; font-size: 10px; font-family: Arial; border-bottom: 1px solid #baafbd; color: #FFFFFF; border-top: 1px solid #8d7a92; background-color: #9d8da1; }
#breadcrumb a {text-decoration: none; padding-right: 5px; padding-left: 5px; color: #FFFFFF}
#breadcrumb a:hover {color: #333333;}
#breadcrumb span {padding-left: 5px;}
.page-id-3 #content .text div, .page-id-14 #content .text div, #content.news .text div {font-size: 12px; font-weight: normal; font-style: italic; width:626px; float: left; padding-top: 0px; clear: none; line-height: 20px;}

.post-edit-link {clear: both; display: block;}


/* splash page */

ul.splash {width:944px; position: relative;}
ul.splash li {width: 472px; position: relative; height: 580px; float: left; overflow: hidden;}
ul.splash li .caption {position: absolute; bottom: 0px; left: 0px;  background-image: url(images/80.png); padding: 10px; width: 453px;}
ul.splash li .caption h1 {color: #FFFFFF; font-size: 30px; margin-bottom: 10px; color: #FFFFFF;}
ul.splash li .caption h2 {text-transform: uppercase; font-family: Arial; padding-top: 0px; font-size: 11px; color: #FFFFFF; padding:0px; margin: 0px;}
ul.splash li .caption a {text-decoration: none; color: #FFFFFF;}
body.home {background-image: url('images/splash-bg.gif'); background-position: center; background-repeat: repeat-y;}
.home #content {padding-top: 0px; background-image: url('images/splash-bg.jpg'); background-position: center top; background-repeat: no-repeat; }
.home div.logo {width: 472px; margin-left: auto; margin-right: auto; text-align: center; padding-top: 35px; padding-bottom: 45px;}
.home div.logo img{margin-left: auto; margin-right: auto; text-align: center;}
ul.splash li .right {text-align: right;}
#content ul.splash li .right h1 {float: right;}
.choice {position: absolute; left: 392px; top:215px; z-index: 2;}

/* category page */
.category ul.gallery {width: 626px; height: 352px; clear: none; float: left;}
.category .gallery-controls {width: 626px;}
.category .gallery-controls li.center {width: 326px;}
#content.category  .product {float: right; clear: none; width: 280px; height: 320px;}
.category hr {clear: both; padding-top: 26px; margin-bottom: 26px; background-color: transparent; border-bottom: 1px solid #a495a8;}
.category .product h2 {padding: 16px 0px 0px 0px; margin-bottom: 40px;}


/* homepage */
.page-id-10 #content ul.category-products li {height: auto; background-color: transparent; line-height: 20px; font-size: 12px;}
.page-id-10 #content ul.category-products li h2 {line-height: 56px; margin: 0px; padding: 0px; border-bottom: 1px solid #a495a8; margin-bottom: 10px;}
.page-id-10 #content ul.category-products li a {text-decoration: none;}
.page-id-10 #content ul.category-products li a.read-more {line-height: 40px; border-top: 1px solid #a495a8; font-size: 10px; display: block; margin-top: 10px;}

/* architetural */
.page-id-65 #menu li.architectural, .category #menu li.architectural {border-bottom: 1px solid #FFFFFF;}