/*
Theme Name: Bathroom Eleven
Theme URI: http://www.brand-tastic.co.uk
Description: Bathroom Eleven WordPress Theme
Version: 1
Author: Dave Cartledge for Brandtastic
Author URI: http://www.brand-tastic.co.uk
*/
* {
	padding:0;
	margin:0;
	outline:0;
}
html, body {
	height: 100%;
}
body {
	background:url(images/common/bg.jpg) top center fixed;
	font-family:arial,helvetica,sans-serif;
	color:#999;
	font-size:14px;
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: -32px auto -90px auto;
	clear:both;
	width:950px;
	padding:8px 0 0 0;
}
a img {
	border:0;
}
.push {
	clear:both;
	height: 90px;
}

#header-top-wrap {
	height:24px;
	width:100%;
	background:#e5e6e6;
}
#header-top {
	font-size:12px;
	line-height:24px;
	font-weight:bold;
	width:940px;
}
#header-top strong{
	color:#f38e1f;
}
#header-top .phone {
}
#header-top .finduson {
	float:right;
	height:24px;
	line-height:24px;
	margin:0;
	overflow:hidden
}
#header-top .finduson a{
float:right
}
#header {
	height:114px;
	position:relative;
	margin:8px 0 12px 0;
}

.logo {
	margin:0 0 15px -12px;
	float:left;
}

#header #pri-nav {
	list-style:none;
	float:right;
	margin:35px 0 0 0;
}
#header #pri-nav li {
	float:left;
	text-align:center
}
#header #pri-nav li a{
	display:block;
	height:44px;
	text-indent:-9999px;
}
#header #pri-nav li.home a{
	background:url(images/common/pri-nav.png) 0 0;
	width:85px;
}
#header #pri-nav li.home a:hover{
	background:url(images/common/pri-nav.png) 0 -44px;
}
#header #pri-nav li.about-us {
	background:url(images/common/pri-nav.png) -85px 0;
	width:91px;
}
#header #pri-nav li.about-us:hover {
	background:url(images/common/pri-nav.png) -85px -44px;
}
#header #pri-nav li.portfolio {
	background:url(images/common/pri-nav.png) -176px 0;
	width:92px;
}
#header #pri-nav li.portfolio:hover {
	background:url(images/common/pri-nav.png) -176px -44px;
}
#header #pri-nav li.concepts {
	background:url(images/common/pri-nav.png) -268px 0;
	width:93px;
}
#header #pri-nav li.concepts:hover {
	background:url(images/common/pri-nav.png) -268px -44px;
}
#header #pri-nav li.bespoke-design {
	background:url(images/common/pri-nav.png) -361px 0;
	width:92px;
}
#header #pri-nav li.bespoke-design:hover {
	background:url(images/common/pri-nav.png) -361px -44px;
}
#header #pri-nav li.our-services {
	background:url(images/common/pri-nav.png) -453px 0;
	width:92px;
}
#header #pri-nav li.our-services:hover {
	background:url(images/common/pri-nav.png) -453px -44px;
}
#header #pri-nav li.contact {
	background:url(images/common/pri-nav.png) -545px 0;
	width:92px;
}
#header #pri-nav li.contact:hover {
	background:url(images/common/pri-nav.png) -545px -44px;
}
#header #pri-nav li.blog {
	background:url(images/common/pri-nav.png) -637px 0;
	width:44px;
}
#header #pri-nav li.blog:hover {
	background:url(images/common/pri-nav.png) -637px -44px;
}
#footer-wrapper {
	background:#e6e6e6;
	padding:20px;
	height:30px;
	clear:both;
	margin:20px 0 0 0;
}
#footer {
	width:950px;
	height:30px;
	margin:0 auto;
}
#footer .brandtastic {
	float:right;
}
#footer .brandtastic a {
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	color:#939598;
}
#footer .copy{
	float:left;
	display:block;
	font-size:11px;
	margin:10px 500px 0 0;
}
#footer .footer-nav {
	list-style:none;
	margin:0;
	float:left;
	padding:0;
	width:550px;
	
}
#footer .footer-nav li {
	float:left;
	margin:0 5px 0 0;
	color:#f38f1f;
	font-size:11px;
}
#footer .footer-nav li a{
	color:#f38f1f;
	text-decoration:none;
	display:inline-block;
	margin:0 5px 0 0;
}



/* home specific */
.container {
	clear:both;
}
#slider-wrap {
	position:relative;
	height:302px;
}
#slider-frame {
	width:939px;
	height:290px;
	position:absolute;
	left:-11px;
	background:url(images/home/slider-frame.png) no-repeat;	
	padding:6px 17px 6px 17px;
	z-index:10
}
#mycarousel {
	list-style:none;
}
#big-nav {
	list-style:none;
	width:818px;
	margin:-8px auto 20px auto;
	z-index:-1;
	overflow:hidden;
}
#big-nav li{
	float:left;
}
#big-nav li a{
	display:block;
	height:75px;
	text-indent:-9999px;
}
#big-nav li.portfolio a{
	background:url(images/home/big-nav.png) 0 0;
	width:141px;
}
#big-nav li.portfolio a:hover{
	background:url(images/home/big-nav.png) 0 -75px;
}
#big-nav li.concepts a{
	background:url(images/home/big-nav.png) -141px 0;
	width:238px;
}
#big-nav li.concepts a:hover{
	background:url(images/home/big-nav.png) -141px -75px;
	width:238px;
}
#big-nav li.bespoke-design a{
	background:url(images/home/big-nav.png) -379px 0;
	width:240px;
}
#big-nav li.bespoke-design a:hover{
	background:url(images/home/big-nav.png) -379px -75px;
	width:240px;
}
#big-nav li.our-services a{
	background:url(images/home/big-nav.png) -619px 0;
	width:199px;
}
#big-nav li.our-services a:hover{
	background:url(images/home/big-nav.png) -619px -75px;
	width:199px;
}
.build4me {
	margin:-5px 0 0 -5px;
}
body.home #latest-blog {
	float:right;
	margin:-12px -8px 0 0	
}




#home-col {
	width:564px;
	float:left
}
#main-col {
	width:564px;
	*width:560px;
	padding:0 8px 0 7px;
	margin:0 -8px 0 383px;
	
	position:relative;
	min-height:356px;
	background:url(images/common/main-col-top.png) no-repeat;
}
#main-col-inner {
	background:#fff;
	padding:20px 20px 5px 20px;
	width:524px;
}
#main-col-inner img {
	margin:0 0 0 -10px;
}
#main-col-bottom {
	background:url(images/common/main-col-bottom.png);
	height:16px;
	width:564px;
		
	position:absolute;
	bottom:-16px;
	left:0;
}
#main-col-noshadow {
	width:564px;
	margin:0 0 0 383px;
}
#left-col {
	float:left;
	width:383px;
	overflow:hidden;
	clear:both;
	padding:0 0 20px 0;
}
#left-col-image {
	width:370px;
	padding:0 8px 0 1px;
	background:url(images/common/left-col-image-top.png) no-repeat;
	min-height:420px;
	position:relative;
	margin:0 0 20px 0;
}
#left-col-image-inner {
	background:#fff;
	padding:9px;
}
#left-col-image-bottom {
	background:url(images/common/left-col-image-bottom.png);
	height:16px;
	width:379px;
		
	position:absolute;
	bottom:-16px;
	left:0;
}


#left-col-text {
	width:370px;
	padding:0 8px 0 1px;
	background:url(images/common/left-col-text-top.png) no-repeat;
	min-height:200px;
	position:relative;
	margin:0 0 20px 0;

}
#left-col-text-inner {
	background:#fff;
	padding:20px 20px 5px 20px
}
#left-col-text-inner h2 {
	color:#999;
	font-size:18px;
	margin:15px 0 5px 0;	
}
#left-col-text-inner .section ul {
	list-style:none;
	padding:0;
	margin:0 0 15px 0;
}



ul.left-nav {
	list-style:none;
	padding:0;
	margin:0;
}
ul.left-nav li {
	font-size:18px;
}
ul.left-nav li a{
	text-decoration:none;
	color:#999;	
	display:block;
	padding:5px 0 5px 12px;
	margin:0 0 0 -12px;
}
ul.left-nav li a:hover,ul.left-nav li.current_page_item a{
	color:#f4962c;
	background:url(images/common/left-nav-hover-bg.png);
}
#left-col-text-bottom {
	background:url(images/common/left-col-text-bottom.png);
	height:7px;
	width:379px;
		
	position:absolute;
	bottom:-7px;
	left:0;
}

#latest-blog {
	width:370px;
	padding:0 8px 0 1px;
	background:url(images/common/latest-blog-top.png) no-repeat;
	min-height:250px;
	position:relative;
	margin:0 0 20px 0;
	float:left
}
#latest-blog-inner {
	background:#fff;
	padding:20px;
}
.latest-blog-item {
	border-bottom:1px solid #eceef2;
	margin-bottom:10px;
}
#latest-blog-inner .last {
	border:0;
	margin:0;
}
.latest-blog-item .date {
	display:block;
	margin:0 0 5px 0;
	font-size:12px;
	color:#939598;
	font-weight:bold;
}
.latest-blog-item .title a {
	font-size:18px;
	color:#f38f1f;
	text-decoration:none;
	margin:0 0 5px 0;
	display:block
}
.latest-blog-item p {
	color:#999;
	font-size:12px;
	line-height:15px;
	margin:0;
}
.latest-blog-item .read-more  {
	color:#f38f1f;
	font-size:12px;
	font-weight:bold;
	line-height:12px;
	margin:8px 0 15px 0;
	display:block;
	text-decoration:none;
}
.last .read-more  {
	margin:8px 0 0 0;
}
#latest-blog-bottom {
	background:url(images/common/latest-blog-bottom.png);
	height:7px;
	width:379px;
		
	position:absolute;
	bottom:-7px;
	left:0;
}



a {
	color:#f38f1f;
}
h1,h2 {
	color:#f38f1f;
	font-size:24px;
	line-height:28px;
	font-weight:normal;	
	margin:0 0 15px 0;
}
#left-col-image h1 {
	font-family:'AvantGarde Bold',Arial,Helvetica,sans-serif;
	margin:13px 0 15px 11px;
	letter-spacing:-1px

}
#left-col-text h1 {
	font-family:'AvantGarde Bold',Arial,Helvetica,sans-serif;
	margin:2px 0 15px 0;
	letter-spacing:-1px

}
h3 {
	color:#fbaa50;
	font-size:15px;
	line-height:19px;
	margin:0 0 5px 0;
}
h4,h5,h6 {
	color:#fbaa50;
	font-size:13px;
	line-height:19px;
	margin:0 0 5px 0;
}
p {
	font-size:13px;
	color:#999;
	line-height:20px;
	margin:0 0 15px 0;
}
ul {
	padding:0 0 15px 15px;
	list-style-image: url(images/bullet.png);	
}
ul li {
	margin:0 0 10px 0;
	font-size:12px;
}

/* blog */
body.blog #main-col-inner a,body.single #main-col-inner a,body.archive #main-col-inner a {
	text-decoration:none;
}
body.blog #main-col-inner .datetime,body.single #main-col-inner .datetime,body.archive #main-col-inner .datetime {
	display:block;
	text-transform:uppercase;
	color:#999;
	font-weight:bold;
	font-size:12px;
	margin: 0 0 15px 0;
}
body.blog #main-col-inner img,body.single #main-col-inner img,body.archive #main-col-inner img {
	margin-bottom:15px;
}
.comment-number {
	border-top:1px solid #fbaa50;
	border-bottom:1px solid #fbaa50;
	padding:15px 0 15px 0;	
	font-size:12px;
	margin:0 0 40px 0;
}
.comment-number strong{
	font-weight:normal;
	color:#fbaa50;
}
.comment-number a{
	color:#999;
	text-decoration:none;
}.services-logos {
	float:right;
	margin:10px 20px 0 0;
}


/* carousel */
.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 939px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  939px;
	height:280px;
}
.jcarousel-skin-tango .jcarousel-item {
	padding:0;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	position:relative;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    bottom:14px;
    right: 14px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background:url(images/home/right-arrow.png);
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    bottom:14px;
    right: 38px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background:url(images/home/left-arrow.png);
}







.gallery {
	width:585px;
	float:left;	
	padding:0 0 0 4px;
}

.gallery-item { 
	float: left; 
	margin: 0 10px 10px 0px; 
	text-align: center;
	width:163px;
	height:109px;
	background:url(images/portfolio-thumb-bg.png); 
	padding:9px 12px 15px 9px
}
.gallery-caption {
	display:none;
}
.imagecaption {
	font-size:13px;
}
.gallery-item  img {
	width:163px;
	height:109px;
}

#main-col-inner .gallery {
	width:585px;
	margin:0 0 0 -10px;
	overflow:hidden;
	float:none;
}
#main-col-inner .gallery-item { 
	float: left; 
	margin: 0 10px 10px 0px; 
	text-align: center;
	width:151px;
	height:102px;
	background:url(images/page-thumb-bg.png); 
	padding:8px 12px 14px 9px
}
#main-col-inner .gallery-item  img {
	width:151px;
	height:102px;
	margin:0;
}


.navigation {
	clear:both;	
	overflow:hidden;
	font-size:12px;
	padding-bottom:10px;
	width:100%;
	font-size:15px;
	font-weight:bold;
}
.navigation .older {
	float:left;
}
.navigation .newer {
	float:right;
}
#comments ol.commentslist {
	list-style:none;
	margin:0;
	padding:0;
}
#comments ol.commentslist li {
    overflow: auto;
}
.commenttext {
	margin:10px 0 10px 0;
	background:#f8f8f8;
	padding:15px;
}
#comments h2 {
	font-size:20px;
	margin:0 0 5px 0;
}
#comments em {
	margin:0 0 15px 0;
	font-size:13px;
	display:block	
}
#comments .commenttext p {
	margin:0 0 10px 0;
	font-size:12px;
}
.comment-meta {
	font-size:12px;
	color:#999;
	display:block;
}
#respond {
	
}
#commentform {
	margin:20px 0 0 0;
}
#commentform p {
    margin-bottom: 20px;
    overflow: auto;	
}
#commentform label {
	display:block;
	width:100px;
	float:left
}
#commentform .text{
	width:400px;
	padding:5px;
	float:right;
	color:#666;
	border:1px solid #ccc;
}
#commentform textarea.text{
	height:200px;
	border:1px solid #ccc;
}
#commentform .commentsubmit {
	padding:5px;
	background:#f38f1f;
	color:#fff;
	text-transform:uppercase;
	float:right;
	cursor:pointer;
	border:0;
}

#commentform .commentsubmit:hover {
	cursor:pointer;
	background:#ccc;	
}
fieldset {
	border:0;
}
.wpcf7-text {
	padding:5px;
	height:20px;
}
textarea,input[type=text] {
	border:1px solid #ccc;
}
.contact-address {
	width:180px;
	float:right;
	margin:15px 0 0 0;
}
.contact-address h1,.contact-address h2,.contact-address h3 {
	font-size:18px;
	font-weight:bold;
	color:#f38f1f;
	margin:0;
}
.contact-address p {
	font-size:15px;	
}
.contact-address p strong {
	color:#f38f1f;
}