/*
Theme Name: Bespoke
Description: Bespoke Theme
Version: 1.2
Author: Ian Atkins
Author URI: http://www.addedlovely.com
*/

*{margin: 0px; padding: 0px;}
.left {float: left;}
.right {float: right;}
a,img {outline: none; border: 0px;}
a {text-decoration: none; color: #464547; text-decoration: none;}
.clear {clear: both;}

html,body {width: 100%; height: 100%; background-color: #eff8f6; overflow: hidden;}
body {font-family: Arial, Helvetica; font-size:13px; color: #464547; min-height: 500px;}

/* container */
#container {margin-left: auto; margin-right: auto; height: 100%; overflow: hidden;}

/* header */
#left {padding: 0px 60px 0px 30px; width: 174px; position: absolute; top:0; left:0; height: 100%; background: url(images/left.png) 0 -12px transparent repeat-y; z-index: 101;}
#left .logo {display: block; margin: 70px 0 47px 0;}
#left .credit {display: none;}
#menu li {list-style-type: none; line-height: 26px;}
#menu a {display: block;}
#menu .current_page_item a {color: #a96f3e;}

/* content */
.content {position: relative; height: 100%; display: block;}
.content .page {position: absolute; top:0; left:234px; z-index: 2; max-width: 222px; width: 100%; background: url(images/white85.png) repeat transparent; padding: 160px 24px 30px 30px; line-height: 21px; font-size: 12px; color: #000000; bottom: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.content p {padding-bottom: 20px;}
.content hr {border: 1px solid #cdd5d3; margin-bottom: 20px; outline: none;}

/* image */
.image {margin-left: 234px; height: 100%; overflow: hidden;}
.image img {width: 100%; height: auto; }
.fitVert .image img {width: auto; height: 100%;}

/* footer */
#footer {position: absolute; left:30px; bottom:50px; line-height: 18px; font-size: 11px;}
#footer a {text-decoration: underline;}

/* Homepage */
.home .content { position: absolute; overflow: hidden; opacity:0; width: 100%;}
.home .content .page {left:-276px;}
.loading.home .page-id-2 { opacity:1;}
.home .active { opacity:1; z-index: 100;}
.home .active .page {left:234px;}

/* loading */
body.loading {background: url(images/loading.gif) center center no-repeat; }
body.page-id-14, body.error404 {background: none !important; } /* no images on contact page */

/* Dr Amelia Davison */
.home #left, #left.page-id-95 {background-position: 0 164px;}

/* About Cathy */
.page-id-2 #left, #left.page-id-2 {background-position: 0 164px;}

/* Contact */
.page-id-14 #left, #left.page-id-14 {background-position: 0 216px;}


/* Contact */
.page-id-14 .content a, .page-id-14.content a {color: #000000; text-decoration: underline;}
.page-id-14 .content span, .page-id-14.content span {display:inline-block; width: 44px;}
.page-id-14 .link, .page-id-14.content .link {display: block; margin: -10px 0 10px 0;}
.page-id-14 .content .page, .page-id-14.content .page {background-image: none;}
.page-id-14 iframe, .page-id-14.content iframe {position: absolute; top: 162px; left: 282px;}

#left.page-id-14 .address {display: none;}
#left.page-id-14 .credit {display: block;}

/* Google Map : Can't be hidden on load, so move off screen */
#map {position: absolute; top:160px; left:-1000px; z-index: 100;}
#map.active {left:510px;}

/* Disable pages */
.content.page-id-6,
.content.page-id-8, 
.content.page-id-10,
.content.page-id-12,
.content.page-id-66,
.content.page-id-68 { filter: blur(10px); }

/* Animations */
/* Add transitions on load */
.ready.home .content, .ready.home #left, .ready.home div.page, .ready.home #map {
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
    -webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0); /* This helps with the flicker a lot. */    
}      

/* Internet Explorer */
.ie6 #menu li {height: 26px; overflow: hidden;}
.ie6 .content .page {background-color: #FFF;}
.no-opacity .home .content {display: none;}
.no-opacity .home .active {display: block;}