/************************/
/*  Base styles         */
/************************/
body {
	background-color: #988D72;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 62.5%;	/* reset 1em = 10px */
}
h1 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 0 1em 0;
	border-bottom: 1px solid #eee;
	color: #777;
}
p {
	font-size: 1.2em;
	line-height: 1.4em;
}
a {
	color: #706943;
}



/************************/
/*  Layout              */
/************************/
div#container {
	width: 80em;
	margin: 2em auto 0;
	padding: 0 0 1em 0;
	position: relative;
}
div#contentbox {	
	width: 77em;
	background-color: #fff;
	position: relative;
	margin: 0;
	padding: 1.5em;
}



/************************/
/*  Header              */
/************************/
div#headerbox {
	margin: 0;
	padding: 0;
}
div#headerbox img {
	margin: 0 0 1.5em 0;
	border: none;
}
div#headerbox ul#toplinks {
	list-style: none;
	text-align: left;
	padding: 0;
	margin: 0 0 1.5em 0;
}
div#headerbox ul#toplinks li {
	display: inline;
	font-size: 1.5em;
	padding: 0 7.8666em 0 2em;
}
div#headerbox ul#toplinks li.last {
	padding: 0 2em;
}
div#headerbox ul#toplinks li a {
	text-decoration: none;
}



/************************/
/*  Footer              */
/************************/
div#sitedesign {
	font-size: 1.1em;
	color: #ddd;
	margin: 0.3em 0;
	padding: 0;
	position: absolute;
	right: 0px;
}
div#sitedesign a {
	color: #ddd;
}



/************************/
/*  Image space         */
/************************/
div#imagespace {
	width: 45em;
	height: 34em;
	padding: 0;
	margin: 0;
	float: left;
	position: relative;
	background-color: #fff;
}
div#imagespace img.slideshow {
	position: absolute;
	top: 0;
	left: 0;
}



/************************/
/*  Text space          */
/************************/
div#infospace {
	width: 31em;
	margin: 0;
	padding: 0 0 0 1em;
	float: left;
	color: #514B30;
}
body#homepage div#infospace {
	font-size: 1.4em;
	padding-top: 6em;
	text-align: right;
	width: 20.7142em;
}



/************************/
/*  Portfolio page      */
/************************/
div#thumbnails {
	width: 31em;
	margin: 0;
}
div#thumbnails img {
	float: right;
	margin: 0 0 1em 1em;
	cursor: pointer;
}
div#slideshowmessage {
	font-size: 1.14em;
	text-align: right;
}

 

/************************/
/*  Services page       */
/************************/
ul#services {
	font-size: 1.2em;
	margin: 0;
	padding: 0 0 0 1.3em;
}



/************************/
/*  CSS 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 */