/* Andrew Carstairs update 2009 */

@import url(/css/reset.css);

body {
	background: #B1B18B;
	font-family: verdana, arial, sans-serif;
}


.content h1, .side h1 {
	font-family: arial;
	font-size: 1.125em;
	letter-spacing:1px;
	word-spacing: 1px;
	color: #666666;
	margin: 1em 20px 1em;
	padding:0;
}

#container {
	position: relative;
	/*height:35em;*/
	width:960px;
	margin:10px auto 0 auto; 
}

a#masthead {
	width: 960px;
	height: 138px;
	display: block;
	overflow: hidden;
	background:url(/img/title_832.png) right top no-repeat;
	text-indent: -2000px;
/*	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;*/
	}

.content {
	float: left;
	display:block;
	width: 712px;
	height: 24em; /*286px*/
	overflow:auto;
	background: #fff url(/img/white_corner_tl.png) top left no-repeat;
/*	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;*/
}

.content p {
	font-size: 0.75em;
	line-height: 140%;
	margin:1em 6em 1em 148px;
	}

.side {
	float:right;
	display:block;
	width: 248px;
	height: 24em; /*322px*/
	background: #fff;
	overflow: auto;
}

.side img {
	display: block;
	margin: 50px auto 0;
}


/* Nav */ 
#nav {
	clear:both;
	width:100%;
	text-align: center;
	background:#9F9C7C;
	/*background: #444;*/
	padding-top:4px;
	border-top: 1px #ddd solid;
	border-bottom: 1px #999 solid;
}

#nav ul {
    margin: 0 auto; 
}

#nav ul li {
	display: inline;
	margin: 0 10px;
}

#nav ul li a {
	display:-moz-inline-box;
	display:inline-block;
	width: 86px;
	height: 27px;
	background: url(/img/buttons.gif) no-repeat;
	/*margin-bottom: -1px;*/
	vertical-align:bottom;
	border-right: 1px #9C9579 solid;
}

#nav ul li a.home 
 {
	background-position: -258px 0px; 
}
#nav ul li a:hover.home,
#home ul li a.home {
	background-position: -258px -27px;
}

#nav ul li a.about {
	background-position: -258px -54px;
}
#nav ul li a:hover.about,
#about-us ul li a.about {
	background-position: -258px -81px;
}

#nav ul li a.gallery {
	background-position: -258px -108px;
}
#nav ul li a:hover.gallery,
#gallery ul li a.gallery {
	background-position: -258px -135px;
}

#nav ul li a.contact {
	background-position: -258px -162px;
}
#nav ul li a:hover.contact,
#contact ul li a.contact {
	background-position: -258px -189px;
}


/* About us */


#about-us .side {
	height: 24em;
}

.mags p { 
	color: #996; 
	font-size: 0.6875em; 
	margin: 20px 10px; 
	text-align:center;
	line-height:130%; }

.mags img {
	display: block;
	margin: 0 auto;
	padding: 16px;
}

/* Contact */

#contact h1 {
margin-bottom:50px;
}

p.contact-link a:link,
p.contact-link a:visited {
	color: #483C14;
	text-decoration:none;
	padding:4px;
	border: 1px #A09B7C solid;
	background:#EFE4CE;
	display:block;
	width:15em;
	margin:30px auto 0;
}

p.contact-link a:hover {
	border-color:#B2AF8B;
	color:#222;
	background:#F5E9CC;
}

#contact .content p {
	font-size: 0.875em;
 /*   line-height:130%;
	margin: 1em auto 1em 210px;*/
 text-align:center;
}

/* Side Nav */

.side #nav {
	width:248px;

}

.side #nav ul {
	margin:0 auto;
	margin-top: 60px;
}

.side #nav ul li {
	display: block;
	margin: 15px auto;
}

.side #nav ul li a,
.side #nav ul li a:visited {

}

/* Gallery */

#gallery #nav {

}

#gallery .content {
	height: 32.625em;
	background:#A09B7C url(/img/gallery_corner_tl.png) top left no-repeat; /*#C8C29C;*/
}

#gallery .side {
	height: 32.625em; 
	background: #fff url(/img/white_corner_tr.png) top right no-repeat;
/*	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;*/

}

#gallery a#masthead {
	width: 248px;
	height:76px;
	background: url(/img/title_sm.png) top center no-repeat;
}

#gallery .side #nav ul {
	margin-top:40px;
}

#gallery .side p {
	font-size: 0.75em;
	padding: 0.5em 20px;
	line-height: 130%;
}

#gallery .wrapper {
	padding: 24px 40px 0;
}

#gallery .content ul {
	overflow:auto;
	width:100%;
 
}

#gallery .content ul li {
	display:inline;
	margin:0 40px 14px;
	float:left;
}

#gallery .content ul li a img {
	vertical-align:top;

}

#gallery .content ul li a,
#gallery .content ul li a:visited {
	display: block;
	border: 2px #D9D3A9 solid;
/*	background:#EEE6C8; */
	width:124px;
	overflow:hidden;
	text-decoration:none;
	padding:1px;
	margin:0;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow: 2px 2px 2px #7F7F7F;
	-webkit-box-shadow: 2px 2px 2px #898989;
	box-shadow: 2px 2px 2px #7F7F7F;
}

#gallery .content ul li a:hover {
/*	border-color: #D9CEB5;*/
/*	background:#fff; */  
}

li a.placehold {
	cursor: default;
}

li a.placehold:hover {
/*	border-color:#EEE6C8!important;*/
} 

#gallery .content ul li span {
	font-size: 0.8125em;
/*	width: 124px;*/
/*	float: left;*/
	text-align: center;
	margin:0;
	line-height:130%;
	padding:2px 4px 2px 5px;
	letter-spacing: 1px;
	color: #eee;
/*	border: 4px transparent solid;
	border-width:0 4px;*/
	background: transparent;
	display:block;
}

#gallery .content ul li a:hover span {
/*	color: #000;
	background: #6F6E57;
	border-color:#A9A283;
	border-top:none; */
}

/* Gallery Pics & slideshow tips */

.bigpic {
	float:left;
	width: 580px;
	margin-top:48px;
}

.bigpic img {
	display:block;
	margin:0 auto;
	border:4px #fff solid;
}

.smallpic, .smallerpic {
	width: 380px;
	float: right;
	margin-top:48px;
	margin-bottom:-20px;
}

.smallpic {
margin-top:110px;
}

.smallerpic {
	margin-top:48px;
	margin-bottom:-20px;
}

.smallpic img,
.smallerpic img {
	display:block;
	border:4px #fff solid;
}

.bigpic a, .smallpic a, .smallerpic a {
	display: block;
	margin: 0 auto;
	position: relative;
}

.bigpic a {
	width: 488px;
	text-decoration: none;
}

.smallpic a, .smallerpic a {
	width: 288px;
	left:-22px;
}

.bigpic a p {
	position: absolute;
	font-family: verdana,arial, helvetica, sans-serif;
	color: #F3EEE5;
	-moz-text-shadow: 1px 1px 1px #807D72;
	-webkit-text-shadow: 1px 1px 1px #807D72;
	text-shadow: 1px 1px 1px #807D72;
	text-align: center;
	background:url(/gallery/img/slidetip_bg_brown70.png);
/*	background: rgba(148,146,111,0.6);  rgba(0,0,0,0.3);*/
	font-weight: normal;
	display: block;
	z-index: 2;
	margin:4px 0 0 4px;
}

.bigpic a:hover p {
	color: #fff;
/*	background:url(/gallery/img/slidetip_bg_brown70.png); */
}

.bigpic a p {
	font-size: 0.875em;
	z-index: 2;
	line-height: 140%;
	padding: 0.2em 0 0.2em;
	width: 480px;
}

.bigpic a img {
	position: relative;
	z-index: 1;
}



/* Access */

span.offleft {
	position:absolute;
	left:-9000px;
}

/* Gallery Pages */

#gallery-nav {
		clear: both;
		width:100%;
		background:#726F59;
		margin:0 auto;
		display:block;
		}

#gallery-nav ul {
	margin:0 auto;
	text-align:center;
	/*padding:1px 0;*/}

#gallery-nav li {
	display:inline;
	font-size:0.6875em;
	margin:0 8px;
	color:#ddd;
	}

#gallery-nav li a {
	text-decoration:none;
	padding:1px 16px 1px;
	color:#C1BB96;
	letter-spacing:1px;
	font-size:1.18em;
	line-height:160%; display:-moz-inline-box;display:inline-block;
-webkit-transition: color 0.15s linear;
	}

#gallery-nav li a:hover {
	color:#E2D9BF;
	background:
	#8A856C;
	}

#gallery-page #masthead {
	position:relative;
	width:960px;
	font-size: 1em;
	height:2.5em;
	display:block;
	float:right;
	background: #fff url(/img/white_corner_tl.png) top left no-repeat;
/*	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;*/
	overflow:hidden;
	}

a.gallery-logo {
	position:absolute;
	background: url(/img/title_sm.png) top center no-repeat;
	top:0;
	right:0;
	width: 248px;
	height:40px;
	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;}

#gallery-page img,
#home .side img, 
#contact .side img,
#slideinfo {
	-moz-box-shadow: 2px 2px 8px #656565;
	-webkit-box-shadow: 2px 2px 8px #656565;
	box-shadow: 2px 2px 8px #656565;
}

.kitchen {
	position: relative;
	display:block;
	width: 960px;
	height: 32.625em;
	overflow:auto;
	background:#C8C29C;
/*	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;*/
}

.kitchen-title {
	height:2em;
}

.kitchen h1 {
	font-size:1.8em;
	font-weight:normal;
	padding: 0 0 0 32px;
	letter-spacing:2px; 
	height:1.667em;
	line-height:140%;
	margin:0;
	word-spacing:0;
	color: #000;
	background: url(/img/white_corner_tr.png) top right no-repeat; 
}

.kitchen h1 em {
	font-size: 0.45em;
	font-style: normal;
	letter-spacing: 0px;
	margin-left: 2em;
	color: #888;
}

.gallery-text {
	position:absolute;
	bottom:0;
	right:0;
	width:388px;
	background-color:#E3DFCD; /* non RGBA  */
 	background:url(/gallery/img/text_bg.png);
   	background: rgba(255,255,255,0.5);
	float:right;
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	border-radius:8px 0 0 0;
}

.gallery-text p {
	font-size: 0.6875em;
	line-height: 150%;
	margin: 1em;
	color: #222;
}


/* Gallery Colours */
.blaze{background:#965F5A;}
a.blaze:hover{background:#764E45;}
.putney{background:#90A19B;}
a.putney:hover{background:#74817C;}
.gwen{background:#7993B2;}
a.gwen:hover{background:#637A92;}
.english{background:#AF7D83;}
a.english:hover{background:#90686C;}
.biba{background:#B26D46;}
a.biba:hover{background:#935A39;}
.lindens{background:#818C7C;}
a.lindens:hover{background:#666D62;}
.oreo{background:#94926F;}
a.oreo:hover{background:#757257;}
.magna{background:#9B7F66;}
a.magna:hover{background:#7D6652;}
.studland{background:#8a99a2;}
a.studland:hover{background:#737F87;}

/* Slideshow Help */

#slidehelp a {
	color:#C6C09A;
	text-decoration:none;
	letter-spacing:1px;
	padding:0 10px 2px;
	font-size:0.8125em;
	line-height:190%;
	position:absolute;
	z-index:5;
	right:0;
	width:auto;
	background:url('/gallery/img/slidehelp_bg.png') bottom left no-repeat;
	cursor: pointer;
-webkit-transition: color 0.15s linear;
	}

#slidehelp a:hover {
	color:#E2D9BF;
	}

div#overlay {
	position:fixed;
	top:0;
	left:0;
	background:url(/gallery/img/slidehelp_bg_ie6.png);
	height:100%;
	width:100%;
	z-index:5;
	display:none;
}

#slideinfo {
	display:none;
	position:absolute;
	width:400px;
	left:280px;
	top:100px;
	z-index: 6;
	background:#CCC69F;
	border:2px #726E59 solid;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	}

#slideinfo h2 {
	font-weight:normal;
	letter-spacing:1px;
	text-align:center;
	margin:0;
	line-height:170%;
	background:#fff;
	color:#111;
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	border-radius: 6px 6px 0 0;
	}

#slideinfo p { 
	color:#333;
	font-size:0.8125em;
	margin:1em;
	line-height:140%;
	}

#slideinfo p img { /*shadowbox controls */
	margin-bottom:-0.25em;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	
}

#slideinfo a {
	text-decoration:none;
	display:block;
	color:#423F33;
	font-size:0.875em;
	letter-spacing:1px;
	text-align:center;
	padding:0.5em;
	background:#A09B7C;
	margin:0;   
-webkit-transition: color 0.2s linear; 
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	border-radius: 0 0 6px 6px;
	}

#slideinfo a:hover {
		background:#979075;
		color:#fff;
	}