/* @override http://www.indelible.com/oli/style2.css */

/*
Theme Name: White Layout
Theme URI: http://www.indelible.com
Description: plain and simple
Version: 2.0
Author: Jon Tubmen
Author URI: http://www.indelible.com
*/


/* 
Generic Stylesheet
Created by Jon Tubmen - June 2007
http://www.indelible.com

Menu Structure
---------------------------
1. Main Links and Content Wrappers
2. Header Items
3. Top Navigation Items
4. Text Formatting
5. General Lists
6. Meta Information
7. Comments Page + Forms
8. Post/Entry Formatting
9. Right Hand Sidebar
10. LiveSearch Formatting
11. Footer Items
12. Live Archives
*/


/*
1. Main Links and Content Wrappers
-----------------------------------------------------------------------------------------------------
*/

A:visited  {color: #666699; text-decoration: none}
A:link  {color: #6666CC; text-decoration: none}
A:active  {color: #C0FFC0; text-decoration: none}
A:hover   {color: #6666FF; text-decoration: underline}


a img {
	border: none;
	text-decoration: none;
}


#wrapper { 
	background-color: #fff; 
	height: auto; 
	left: 0px; 
	top: 0px; 
	position: relative; 
	margin: auto;
	padding: 0;
	width: 781px;
	text-align: left;
	display: block;
	border: 1px dotted #c9c9c9;
}



html {height:100%}

body {
	min-height:101%;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	margin-top: 20px;
	font-size: 11px;
	font-family: 'Verdana', Verdana, Arial, Sans-Serif;
	}


/*
2. Header Items
-----------------------------------------------------------------------------------------------------
*/


div.logo {
	position:relative;
	left: 296px;
	top: 12px;
	width:188px;
	height:127px;
	display: block;
}


/*
3. Top Navigation Items
-----------------------------------------------------------------------------------------------------
*/

div.menu {
	position: relative;
	left:0px;
	top:16px;
	width:539px;
	height:43px;
	z-index: 0;
	display: block;
	padding-bottom: 18px;
}

div.wave {
	position: relative;
	left:120px;
	top:0px;
	width:539px;
	height:43px;
	z-index: 0;
	display: block;
}

div.home {
	position:absolute;
	left:158px;
	top:13px;
	width:39px;
	height:15px;
	background-image: url(images/home_off.gif);}

div.home img {
visibility:hidden
}

div.home:hover {
	position:absolute;
	left:158px;
	top:13px;;
	width:39px;
	height:15px;
	background-image: url(images/home_on.gif);
}

div.home_lock {
	position:absolute;
	left:158px;
	top:13px;;
	width:39px;
	height:15px;
	background-image: url(images/home_on.gif);
}

div.home_lock img {
visibility:hidden
}


div.cv img {
visibility:hidden
}

div.cv {
	position:absolute;
	left:254px;
	top:13px;;
	width:62px;
	height:15px;
	background-image: url(images/cv_off.gif);
}

div.cv:hover {
	position:absolute;
	left:254px;
	top:13px;;
	width:62px;
	height:15px;
	background-image: url(images/cv_on.gif);
}

div.cv_lock {
	position:absolute;
	left:254px;
	top:13px;;
	width:62px;
	height:15px;
	background-image: url(images/cv_on.gif);
}

div.cv_lock img {
visibility:hidden
}



div.projects img {
visibility:hidden
}

div.projects {
	position:absolute;
	left:363px;
	top:13px;;
	width:54px;
	height:15px;
	background-image: url(images/projects_off.gif);
}

div.projects:hover {
	position:absolute;
	left:363px;
	top:13px;;
	width:54px;
	height:15px;
	background-image: url(images/projects_on.gif);
}

div.projects_lock {
	position:absolute;
	left:363px;
	top:13px;;
	width:54px;
	height:15px;
	background-image: url(images/projects_on.gif);
}

div.projects_lock img {
visibility:hidden
}

div.services img {
visibility:hidden
}

div.services {
	position:absolute;
	left:470px;
	top:13px;;
	width:53px;
	height:15px;
	background-image: url(images/services_off.gif);
}

div.services:hover {
	position:absolute;
	left:470px;
	top:13px;;
	width:53px;
	height:15px;
	background-image: url(images/services_on.gif);
}

div.services_lock {
	position:absolute;
	left:470px;
	top:13px;;
	width:53px;
	height:15px;
	background-image: url(images/services_on.gif);
}

div.services_lock img {
visibility:hidden
}

div.contact img {
visibility:hidden
}

div.contact {
	position:absolute;
	left:578px;
	top:13px;;
	width:50px;
	height:15px;
	background-image: url(images/contact_off.gif);
}

div.contact:hover {
	position:absolute;
	left:578px;
	top:13px;;
	width:50px;
	height:15px;
	background-image: url(images/contact_on.gif);
}

div.contact_lock {
	position:absolute;
	left:578px;
	top:13px;;
	width:50px;
	height:15px;
	background-image: url(images/contact_on.gif);
}

div.contact img {
visibility:hidden
}



/*
4. Text Formatting
-----------------------------------------------------------------------------------------------------
*/
div.home_page_content {
	position: relative;
	left:111px;
	top: 0;
	width:557px;
	height: auto;
	display: block;
	padding-bottom: 30px;
	margin-top: 0px;
}

div.page_content {
	position: relative;
	left:111px;
	top: 0;
	width:557px;
	height: auto;
	display: block;
	padding-bottom: 40px;
	margin-top: 20px;
}

div.main_image {
	left:80px;
	display: block;
	padding-top: 15px;
	border: 0px dotted #c9c9c9;
	position: relative;
}

div.portrait_image {
	float: right;
	width: 80px;
	margin-top: 2px;
	height: 80px;
	padding-left: 10px;
}

div.contact_image {
	margin-top: 5px;
	height: 80px;
	display: block;
	float: right;
	position: absolute;
	top: 0;
	left: 357px;
}




div.body_copy {
	
position: relative;
	
color: #5d5d5d;
	
line-height: 140%;
	
text-align: justify;
	
width:557px;
}

div.services_headings {
	
position: relative;
	
color: #932217;
	
line-height: 140%;
	
width:557px;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 3px;
}



.contact_headings {
	
position: relative;
	
color: #167e40;
	
line-height: 140%;
	
width:557px;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 3px;
}

div.cv_headings {
	
color: #4753b1;
	
line-height: 140%;
	
	font-size: 12px;
	padding-bottom: 3px;
}


div.body_copy a {
	
position: relative;
	
color: #5e7cf6;
	
line-height: 140%;
	
text-align: justify;
	
width:557px;
}

div.body_copy_italic {
	
position: relative;
	
color: #8f8f8f;
	
line-height: 140%;
	
width:557px;
	font-style: italic;
	text-align: center;
}


div.body_copy_italic_centred {
	
position: relative;
	
color: #8f8f8f;
	
line-height: 140%;
	
width:557px;
	font-style: italic;
	text-align: center;
}




div.body_copy_italic a {
	
position: relative;
	
color: #5e7cf6;
	
line-height: 140%;
	
width:557px;
}

div.body_copy_italic_centred a {
	
position: relative;
	
color: #5e7cf6;
	
line-height: 140%;
	
width:557px;
}


blockquote {
	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
}
	



h2 {

	text-align: left;
	text-decoration: none;
	margin: 20px 0 0;
	padding : 0.5em 0;
	font-family : Arial, Helvetica, sans-serif; 
	font-weight : normal;
	letter-spacing: -1px;
	font-size : 180%; 
	color : #999999;

}

h2 a {
text-decoration: none;
border-bottom-width:0px;
} 

h2 a:visited {
border-bottom-width:0px;
} 

h2 a:hover {
border-bottom-width:0px;
} 

h3 {
	font-weight: bold;
}
/*
7. Post/Entry Formatting
-----------------------------------------------------------------------------------------------------
*/

.storycontent {
	font-family : "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	color: #333333;
	background-color: #FFFFFF;

}

.captions {
	color: #333;
	font-size: 7.5pt; 
	font-family: Arial;  
	line-height: 130%;
	background-color: #FFFFFF;
	text-align: left;
	text-transform: none;
	vertical-align: middle;
	word-spacing: -1px;
	width: 177px;
	height: 113px;
	padding-left: 6px;
	padding-right: 6px;
}

.captions_rightaligned {
	color: #333;
	font-size: 7.5pt; 
	font-family: Arial;  
	line-height: 130%;
	background-color: #FFFFFF;
	text-align: right;
	text-transform: none;
	vertical-align: middle;
	word-spacing: -1px;
	width: 177px;
	height: 113px;
	padding-left: 6px;
	padding-right: 6px;
}

.page_captions {
	position:absolute;
	left:161px;
	top:108px;
	width:490px;
	height:30px;
	color: #333; 
	font-family: Verdana; 
	font-size: 7.5pt; 
	line-height: 130%;
	background-color: #ffffff;
	text-align: left;
	text-transform: none;
}

.page_captions_2 { 
	position:absolute; 
	left:1px; 
	width:475px; 
	height:30px; 
	color: #333; 
	font-family: Verdana; 
	font-size: 7.5pt; 
	line-height: 130%; 
	background-color: #ffffff; 
	text-align: left; 
	text-transform: none; 
	padding-top: 6px; }
	
div.materials {
	position: relative;
	left:0px;
	top:0px;
	width:556px;
	height: 80px;
	margin-top: 20px;
}

div.materials-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:93px;
	height:72px;
}

div.materials-02 {
	position:absolute;
	left:211px;
	top:0px;
	width:144px;
	height:72px;
}

div.materials-03 {
	position:absolute;
	left:472px;
	top:0px;
	width:84px;
	height:72px;
}

div.hollow-clay-blocks {
	position:absolute;
	left:0px;
	top:75px;
	width:125px;
	height:17px;
	color: #8f8f8f;
	font-size: 11px;
	text-align: left;
}

div.micro-porous--solvent-free-paints {
	position:absolute;
	left:154px;
	top:75px;
	width:250px;
	height:15px;
	color: #8f8f8f;
	font-size: 11px;
	text-align: center;
}

div.woodfibre-insulation {
	position:absolute;
	left:431px;
	top:75px;
	width:125px;
	height:17px;
	color: #8f8f8f;
	font-size: 11px;
	text-align: right;
}



/*
11. Footer Items
-----------------------------------------------------------------------------------------------------
*/

div.footer-bar {
	position:relative;
	left:111px;
	width:557px;
	height: auto;
	padding-bottom: 32px;
	font-size: 7pt;
}

div.footer-email {
	position:relative;
	left:0px;
	top: -1px;
	width:280px;
	height:12px;
	text-align:left;
	color: #848484;
	text-decoration: none;
}

div.footer-email a {
	position:relative;
	left:0px;
	top:5px;
	width:280px;
	height:12px;
	text-align:left;
	text-decoration: none;
	color: #827bff;
	color: #848484;
}


	
	div.footer-email a:hover {
	position:relative;
	left:0px;
	top:5px;
	width:280px;
	height:12px;
	text-align:left;
	text-decoration: none;
	color: #827bff;
}


	
	div.footer-telephone {
	position: relative;
	top: -7px;
	width:212px;
	height:12px;
	text-align:right;
	color: #848484;
	display: block;
	float: right;
}


	
	#credit_container {
	margin: 0 0 30px;
	width: 781px;
	border: 0px dotted #c9c9c9;
	top: 5px;
	position: relative;
	padding-bottom: 30px;
	display: block;
	margin: auto;
	border:0;
}



	#validation {
	width: 781px;
	display: inline;
	height: auto;
	margin-top: 0px;
	position: relative;
	top: 15px;
	float: right;
	clear: right;
	left: 345px;
	background-image: none;
}


	
	#design_credit {
	color: #efefef; 
	font-size: 7.0pt; 
	font-family: Verdana; 
	text-align: right;
	width: 281px;
	float: right;
	display: inline;
	height: auto;
	margin-top: 0px;
}

#design_credit a {
text-decoration: none;
	color: #e9e9f9;
}
/*
13. New defs
-----------------------------------------------------------------------------------------------------
*/



div.up {
	position:absolute;
	left:674px;
	top:97px;
	width:44px;
	height:44px;
}


div.up_2 { position: absolute; left: 513px; width: 44px; height: 44px; }


div.right {
	position:absolute;
	left:718px;
	top:97px;
	width:34px;
	height:44px;
}


div.right_2 { position: absolute; left: 557px; width: 34px; height: 44px; }

/*
13. Gallery thumbs
-----------------------------------------------------------------------------------------------------
*/