/* @override http://pascalbompard.com/media/css/screen.css */

/*
Created:	Mon Apr 14 11:29:07 WST 2008

By: 		Pascal Bompard
			pascalbompard.com
*/


/*
Colours
-----------------------
Dark Brown #3E2F13
Light Brown #64522F
Dark Mint #85C1B7
Medium Mint #BCE7E0
Light Mint #D5E4E2
Very Pale Mint #E7F4F2
Warm Grey #D0C4CC
Medium Grey: #999999
Dark Grey: #666666

Measurements in px
---------------------------------
page width: 960px
main column: 800 (760 + 40 gutter) 
column: 200 (160 + 40 gutter)
col unit: 60, 10 gutter 

Fonts
--------------------------
Font Family: Helvetica Neue, Arial

Header H1 & menu: 11px bold
H2: 18px
H3 Page intro: 21px bold
H3 Thumb: 15px
H3 Services: 13px
H3 Side list: 11px
P Thumb: 12px bold
P Side list: 12px
P Section Link: 11px bold
p Article summary: 11px normal/bold

*/

/* Imports */
@import "reset.css";
/*@import "typography.css";*/

/*send to typography.css*/ 

body {
	font-family: Helvetica,xArial,sans-serif;
	background-color: #FFF;
	line-height: 16px;
	/*background-image: url(/media/img/ui/vertspacegrid.gif);*/
}

#header h1,
#header ul {
	font-size:12px;
	font-weight: bold;
}

#header h1 {
	line-height: 12px;	
}

h1 {
	color:#3E2F13;
}

h1 span {
	color: #85C1B7;
}

h2 {
	font-size: 16px;
	color: #594114;
}

#pageintro h2 {
	font-size: 28px;
	line-height:32px;
}

#pageintro h2 span {
	color:#85C1B7;
	margin-left: 5px;
}

h3,
h3 a:link,
h3 a:visited {
	color:#85C1B7;
	text-decoration: none;
}

h3 a:hover {
	color:#594114;
}

#pageintro h3 {
	font-size: 18px;
	color: #85C1B7;
	line-height: 32px;
}

.thumbitem h3 {
	font-size: 16px;
}

.thumbitem .news h3 {
	font-size: 14px;
}

.thumbitem h3 a:link,
.thumbitem h3 a:visited {
	background-position: right 3px;
}


#services h3 {
	font-size: 14px;
	color: #85C1B7;
	/*line-height: 140%;*/
}

.sidelist h3 {
	font-size: 14px;
}

.sidelist .news h3 {
	margin: 0;
}


h4 {
	color: #777;
	color:#594114;
	font-size: 12px;
	line-height: 16px;
	margin: 16px 0;
}

.newsindex h4 {
	margin: 0;
}

#news .entrylisted h4 {
	margin: 0 0 16px 0;
}

h4 a.readmore:link,
h4 a.readmore:visited {
	background-image: url(/media/img/ui/blt_item.gif);
	background-repeat: no-repeat;
	background-position: right 3px;
	color: #85C1B7;
	display: block;
	font-size: 11px;
	margin-top: 8px;
	text-decoration: none;
	width: 78px;
}

h4 a.readmore:hover {
	background-image: url(/media/img/ui/blt_section.gif);
	color: #64522F;
}


h5{
	color:#3E2F13;
	font-size: 12px;
	font-weight: bold;
}

p {
	color: #888;
	font-size: 11px;
	/*line-height: 130%;*/
	margin: 16px 0;
}

#pageintro p.notice {
	/*color: #85C1B7;*/
	color:#666;
	font-size: 11px;
	font-weight: normal;
	/*line-height: 130%;*/
}


.sidelist p {
	font-size: 11px;
	/*line-height: 140%;*/
}

p.sectionlink,
p.backlink {
	font-size: 11px;
	font-weight: bold;
}

p.sectionlink a:link,
p.sectionlink a:visited {
	color:#594114;
	text-decoration: none;
}

p.sectionlink a:hover {
	color:#85C1B7;
}

p.backlink,
p.backlink a:link,
p.backlink a:visited {
	color:#85C1B7;
	text-decoration: none;
}

p.backlink a:hover {
	color:#594114;
}

.entrylisted .text p.clickimages {
	color:#85C1B7;
	font-size: 11px;
	font-weight: bold;
}

#timeline p {
	margin: 0;
}

.newsindex p {
	margin: 0;
}

#news .entrylisted p {
	margin: 16px 0;
}

p.url a:link,
p.url a:visited {
	color:#594114;
	text-decoration: none;	
}

p.url a:hover {
	color:#85C1B7;
}

p.tags {
	color: #888;
	margin: 16px 0;
	font-size: 11px;
}

p.tags a:link,
p.tags a:visited {
	color:#85C1B7;
	/*font-style: italic;*/
	margin-right: 2px;
	text-decoration: none;
}

p.tags a:hover {
	color:#594114;
}

p.tags span {
	display: block;
	font-weight: bold;
}


.text p {
	color: #555;
}

blockquote p {
	margin: 16px 0;
}

/*#availability p {
	margin: 10px 0;
}*/

#availability p span {
	font-weight: bold;
	/*color: #64522F;*/
	color:#85C1B7;
}

p.highlight {
	color: #64522F;
	font-weight: bold;
	background-color:#E7F4F2;
	line-height: 16px;
	margin: 0;
	padding: 8px;
}

.images p {
	color: #BBB;
	font-style: italic;
	margin: -30px 0 30px 0;
}
#subnav ul {
	font-size: 11px;
	font-weight: bold;
}

#subnav a:link,
#subnav a:visited {
	color: #64522F;
	text-decoration: none;
}

#subnav a:hover,
#subnav li.current a:link,
#subnav li.current a:visited {
	color: #85C1B7;
}

.entrylisted dl,
.entrydetail dl,
.thumbitem dl {
	color: #888;
	font-size: 11px;
}

.entrylisted dt,
.entrydetail dt,
.thumbitem dt {
	font-weight: bold;
}

q {
	color: #888;
	font-size: 11px;
	/*line-height: 140%;*/
}

a:link,
a:visited {
	color: #404449;
	text-decoration: none;
}

a:hover {
	color: #404449;
	text-decoration: underline;
}
/*----------------------------------*/



#container {
	margin: 0 auto;
	width: 960px;
	/*border: 1px solid #ccc;*/	
}

h1 {
	position: absolute;
	left: 400px;
	top: 16px;
}

h1 span {
	display: block;
	margin-top: 3px;
}

h2 {
	margin-bottom: 16px;
}

h3 {
	margin-bottom: 16px;
}

h3 a:link,
h3 a:visited {
	background-image: url(/media/img/ui/blt_item.gif);
	background-repeat: no-repeat;
	background-position: right 2px;
	padding: 0 22px 0 0;
}

h3 a:hover {
	background-image: url(/media/img/ui/blt_section.gif);
}

.sidelist h3 a:link,
.sidelist h3 a:visited {
	background-position: right 2px;
	font-size: 14px;
}

#news .entrylisted h3 {
	margin: 0 0 0 0;
}

h5 {
	margin: 16px 0 16px 0;
}

/*Header and Main Nav*/

#header {
	background: url(/media/img/ui/logo.gif) no-repeat 0 20px;
	height: 240px;
	position: relative;
}

#globalnav {
	left: 600px;
	padding-bottom: 2px;
	position: absolute;
	top: 13px;
	width: 360px;
}

#globalnav li {
	background: url(/media/img/ui/slash.gif) no-repeat 0 1px;
	float: left;
	padding: 0 6px 0 15px;
}

#globalnav li.first {
	background-image: none;
	padding-left: 0;
}

#globalnav a {
	text-decoration: none;
}

#globalnav a:link,
#globalnav a:visited {
	color: #85C1B7;
}

#globalnav a:hover {
	color: #64522F;
}

#globalnav .current a:link,
#globalnav .current a:visited {
	color: #3E2F13;
}


/*Main column*/

#maincol {
	float: left;
	width: 760px;	
}

#good-stuff #maincol {
	float: none;
	width: 960px;	
}


/*#maincol h3 a:link {
	background-position: 4px right;
}*/

.text p {
	margin: 16px 0;
	/*line-height: 140%;*/
}
	
p.url {
	margin:8px 0;
}

.singlecol {
	width: 760px;
}

.leftcol {
	float: left;
	width: 600px;
}


.rightcol {
	float: right;
	width: 160px;
}

#pageintro {
	border-bottom: 1px solid #BCE7E0;
	margin-bottom: 64px;
	padding-bottom: 0;
}

#home #pageintro {
	border-bottom-style: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.thumbitem,
.underconstruction {
	float: left;
	width: 160px;
	margin-bottom: 16px;
	margin-left: 40px;
}	

.underconstruction {
	width: 360px;	
}

.thumbitem .news {
	margin-bottom: 16px;
}

#inspiration .thumbitem {
	margin: 0 0 32px 40px;
}	

#inspiration  .first,
#news  .first {
	margin-left: 0;
	clear: both;
}

.singlecol .first,
.leftcol .first,
.rightcol .first {
	margin-left: 0;
	clear: both;
}

.thumbitem img,
.underconstruction img,
img.portrait
 {
	height: 120px;
	margin-bottom: 24px;	
}

.entrylisted,
.entrydetail {
	border-bottom: 1px solid #BCE7E0;
	clear: both;
	display: block;
	margin-bottom: 32px;
	padding-bottom: 16px;
}

#news .entrylisted li {
	margin-bottom: 32px;
}

.entrylisted .images{
	float: left;
	width: 380px;
}

.entrylisted .images img,
.entrydetail .images img{
	margin-bottom:32px ;
}

.entrylisted .text p.clickimages {
	margin: 0 0 8px 0;
}

.entrylisted .text{
	float: right;
	width: 360px;
}

#tags .entrylisted .text{
	float: none;
	width: auto;
}

#tags .entrylisted .text li{
	margin: 0 0 10px 0;	
}


.thumbitem dl {
  font-size:11px;
}

.entrylisted dl,
.entrydetail dl,
.thumbitem dl {
	margin: 16px 0 16px 0;
}

#news .entrylisted dl {
	margin: 8px 0 8px 0;	
}

.entrydetail dl {
	/*border-right: 1px solid #85C1B7;*/
	/*float: left;*/
	margin: 0px 20px 8px 0;
	padding: 0 10px 8px 0;
	width: 80%;
}

.entrylisted dt,
.entrydetail dt{
	float: left;
	width: 60px;	
}

.thumbitem dt {
	float: left;
	width: 45px;	
}


.entrylisted a:link,
.entrylisted a:visited,
.entrydetail a:link,
.entrydetail a:visited,
.thumbitem a:link,
.thumbitem a:visited {
	color: #85C1B7;
	text-decoration: none;
}

.entrylisted a:hover,
.entrydetail a:hover,
.thumbitem a:hover {
	color: #64522F;
}

.entrydetail .comment {
	border: 1px solid #EEE;
	margin-bottom: 30px;
	padding: 15px
}

.entrydetail .comment p {
	/*font-style: italic;*/
	color: #BBB;
	margin: 0 0 10px 0;
}

.discretepara {
	border-bottom: 1px solid #BCE7E0;
	margin:0 40px 16px 0;
	padding-bottom: 8px;
}

q {
	display: block;
	margin-top:16px;
}

p.quotee {
	color: #64522F;
	font-size: 11px;
	font-style: italic;
	margin: -5px 0 16px 0;
	text-align: right;
}

.entrydetail .comment p.quotee {
	color: #CCC;
	margin: 0 0 0 0;
	text-align: right;
}

#profile .rightcol img {
	margin-bottom: 16px;
}

/*Time line*/

#timeline li {
	border-bottom: 1px solid #BCE7E0;
	margin-bottom: 16px;
	padding-bottom: 16px;
	}



/* Aux column*/

#auxcol {
	float: right;
	width: 160px;	
}

#auxcol h2 {
		margin-top: 0px;
}

#services h3{
	/*margin-top: 8px;*/	
}

#auxcol > div:first-child h2 {
	margin-top: 16px;	
}


.sidelist p {
	margin:0 0 16px 0;
}

#subnav ul {
	margin-bottom: 64px;
	border-bottom: 1px solid #BCE7E0;
	padding-bottom: 8px;
}

#subnav li {
	margin-bottom: 8px;	
}

#subnav a:link,
#subnav a:visited {
	background: url(/media/img/ui/blt_section.gif) no-repeat left top;
	padding: 0 0 0 20px;
}

#subnav a:hover,
#subnav li.current a:link,
#subnav li.current a:visited {
	background-image: url(/media/img/ui/blt_over.gif);
}

#availability {
	/*margin-bottom: 64px;*/
}

/* Section Links & Back Links*/

.sidelist .sectionlink,
.sectionlink,
.backlink {
	border-top: 1px solid #BCE7E0;
	clear: both;
	margin: 0 0 56px 0;
	padding: 8px 0 0 0;	
}

.sectionlink a:link,
.sectionlink a:visited {
	background: url(/media/img/ui/blt_section.gif) no-repeat right top;
	padding: 0 20px 16px 0;
}

.sectionlink a:hover  {
	background-image: url(/media/img/ui/blt_over.gif);
}

.backlink {
	margin-bottom: 0px;
	text-align: right;	
}

p.backlink a:link,
p.backlink a:visited {
	background: url(/media/img/ui/blt_back.gif) no-repeat left top;
	color:#85C1B7;
	margin-left: 10px;
	padding: 0 0 2px 19px;	
	text-decoration: none;
}

p.backlink a:hover {
	background-image: url(/media/img/ui/blt_back_over.gif);
	color:#594114;
}


/*Contact*/

#contactdetails ul {
	border-bottom: 1px solid #BCE7E0;
	color:#64522F ;
	font-size: 12px;
	font-weight: normal;
	/*line-height: 150%;*/
	margin-bottom: 64px;
	padding-bottom: 8px;
}

#contactdetails ul span {
	color: #85C1B7;
	font-weight: bold;
	margin-right: 5px;
	}

#contactdetails li {
	margin-bottom: 8px;
}

#contactdetails li a:link,
#contactdetails li a:visited {
	color: #85C1B7;
	background-image: url(/media/img/ui/blt_item.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-weight: bold;
	padding: 0 18px 0 0;
	text-decoration: none;
}

#contactdetails li a:hover {
	background-image: url(/media/img/ui/blt_section.gif);
	color: #64522F;
}

#contactform h5 {
	font-size: 11px;
	margin-bottom: 8px;
}


#contactform #name,
#contactform #email,
#contactform #message {
	background-color:#E7F4F2 ;
	border-style: none;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #64522F;
	display: block;
	height: 14px;
	margin: 0 0 10px 0;
	padding: 2px;
	width: 155px;
}

#contactform #message {
	height: 200px;
}

#contactform #submit {
	float: right;
}

/*Footer*/

#footer {
	clear: both;
	font-size: 11px;
	color: #85C1B7;
	padding-bottom: 64px;
}

#footer ul li {
	background: url(/media/img/ui/slash.gif) no-repeat 0 0;
	float: left;
	padding: 1px 6px 2px 15px;
}

#footer a:link,
#footer a:visited {
	color: #85C1B7;	text-decoration: none;
}

#footer a:hover {
	color: #64522F;
}

#footer  li.first {
	background-image: none;
	padding-left: 0;
}





/*Hacks*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */