html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
    margin: 0;
    padding: 0;
    background-color: #ededee;
	font-size: 75%;		
	color: #000;
	text-align: center;
}
table, p, th, td, ol, ul, ol ol, ul ul, h1, h2, h3, h4, h5, h6, form, label {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}
input, textfield, textarea, select, option, button, radiobutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
/*	
table {
    font-size: 100%;
}
*/
a img {
	border: 0;
}
img {
	border: 0;
}
td {
	vertical-align: top;
}
table {
    margin-bottom: 15px;
}

/* general layout */
#innerpage {
	position: relative;
	margin: 0 auto;
	width: 800px;	
	text-align: left;
	background-color: #fff;
}
html>body #innerpage {
    width: 800px;
} 
#content {
	clear: both;
	margin: 5px 0 15px 0;
	padding: 0;
	width: 800px;	
	background-color: #fff;
}
#mainpage {
	float: right;
    width: 580px;
	margin: 0;
	padding: 0 10px 0 0;
}
#mainPhoto {
	float: right;
	margin: 0;
	padding: 0 0 0 15px;
}
#header {
	width: 800px;
	background-color: #fff;		
}
#logo {
	clear: both;
	margin: 0;
	padding: 0;
}

/* top navigation */
#navbar ul {
	width: 800px;
	margin: 0;
	padding: 9px 0;
	background-color: #69707d;
	list-style-type: none;
	color: #fff;
	font-size: 95%;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #fff;
}
#navbar li { 
	display: inline;
	}
#navbar li a, #navbar li a:visited {
	padding: 9px 12px;
	background-color: #69707d;
	color: #fff;
	text-decoration: none;
}
#navbar li a:hover, #navbar li a:active, 
#homeNav #navbar li a#navHome, 
#aboutNav #navbar li a#navAbout,
#portfolioNav #navbar li a#navPortfolio, 
#projectsNav #navbar li a#navProjects,
#timberNav #navbar li a#navTimber, 
#techniquesNav #navbar li a#navTechniques,
#artsNav #navbar li a#navArts, 
#orderNav #navbar li a#navOrder,
#contactNav #navbar li a#navContact {
	background-color: #53575e;
	color: #fff;
	text-decoration: none;	
}

/* breadcrumbs */
#breadcrumbs { 
	clear: both;
	margin: 0 10px;
	padding: 10px 0;
	color: #69707d;
	font-size: 85%;
	border-bottom: 1px solid #e1e1e3;
}
#breadcrumbs p { 
	margin: 0;
}
#breadcrumbs a, #breadcrumbs a:visited {
	padding: 10px 0;
	color: #93969b;
	text-decoration: none;
}
#breadcrumbs a:hover, #breadcrumbs a:active {
	color: #69707d;
	text-decoration: none;	
}

/* left navigation */
#leftnav {
	margin: 0;
	padding: 0 0 10px 10px;
	width: 175px;
	float: left;	
}
#navcontainer {
	margin: 0; 
	padding: 0;
	width: 175px;
	text-align: left;
}
#navcontainer p {
	margin: 0;
	padding: 0;
	background-color: #4366a6;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
}
#navcontainer p a, #navcontainer p a:visited {
	display: block;
	padding: 4px 5px 4px 5px;
	background-color: #4366a6;
	color: #fff;
	text-decoration: none;
}
#navcontainer p a:hover {
	background-color: #53575e;
	color: #fff;
	text-decoration: none;
}
#navcontainer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: none;
	color: #53575e;
	font-size: 95%;	
}
#navcontainer li {
	border-bottom: 1px solid #4366a6;
	margin: 0;
}
#navcontainer li a { 
	width: auto;
	display: block;
	width: 155px;
}
#navcontainer li a, #navcontainer li a:visited {
	background: #fff url(../images/bullet1.gif) left center no-repeat;
	padding: 6px 5px 6px 15px;
	color: #53575e;
	text-decoration: none;
}
#navcontainer li a:hover {
	background-color: #d9e0ed;
	color: #4366a6;
	text-decoration: none;
}

/* footer */
#foot {
	clear: both;
	margin: 0;
	padding: 0;	
	width: 800px;
	height: 95px;
	background-color: #69707d;	
	color: #fff;
	font-size: 95%;
}
#foot a:link, #foot a:visited {
	color: #fff;
	text-decoration: none;
	padding: 0 10px 0 10px;	
}
#foot a:active, #foot a:hover {
	color: #000;
	text-decoration: none;
}
#copyright p {
	float: left;
	margin: 0;
	padding: 10px 5px 15px 10px;	
}
#footLinks p {
	float: right;
	margin: 0;
	padding: 10px 0 15px 5px;
}

/* content styles */
#mainpage ul li  {
	margin-left: -15px;
	list-style-image: url(../images/bullet1.gif);		
	}
#mainpage a:link, #mainpage a:visited {
	color: #4366a6;
	text-decoration: none;
	font-weight: bold;
}
#mainpage a:hover, #mainpage a:active {
	color: #69707d;
	text-decoration: underline;
}
#mainpage p, #insertRight p {
	line-height: 150%;
}

h1 {
	clear: left;
	margin: 0 0 10px 0;
	padding: 4px 5px 4px 10px;
	background-color: #4366a6;
	font-size: 100%;
	color: #fff;
}
h2 {
	margin: 0;
	font-size: 100%;
	color: #000;
}
h3 {
	font-size: 100%;
	color: #53575e;
}
h4 {
	font-size: 100%;	
	color: #000;
}
#mainpage h1 a:link, #mainpage h1 a:visited {
	color: #fff;
	text-decoration: none;
}
#mainpage h1 a:active, #mainpage h1 a:hover {
	color: #d6d7dc;
	text-decoration: none;
}

hr {
	border: 0;
	height: 1px;
	color: #e1e1e3;
	background-color: #e1e1e3;
	clear: right;
}

/* background colours for text/table cells highlight includes padding inside box */
.highlight1a, .highlight1b, .highlight1c, .highlight2a, .highlight2b, .highlight2c {
	padding: 10px;
}
.highlight1a, .bg1a {
	background-color: #4366a6;
}
.highlight1b, .bg1b {
	background-color: #a1b2d2;
}
.highlight1c, .bg1c {
	background-color: #d0d9e9;
}
.highlight2a, .bg2a {
	background-color: #828791;
}
.highlight2b, .bg2b {
	background-color: #c0c3c8;
}
.highlight2c, .bg2c {
	background-color: #e0e1e3;
}
.fontBlue {
	color: #4366a6;
}
.fontGrey {
	color: #828791;
}
.fontWhite {
	color: #fff;
}
.fontBlack {
	color: #000;
}

.sml {
	font-size: 75%;
}
.clear {
	clear: both;
}
p.readmore {
	margin: 0 0 2px 0;
	padding: 10px 0 10px 0;	
	text-align: right;
	border-bottom: 1px solid #4366a6;		
}
#mainpage .readmore a:hover, #mainpage .readmore a:active {
	text-decoration: none;	
}


.thumbnail {
	float: left;
	padding: 0 15px 10px 0;
}
.thumbnail img, .photoLeft img, .photoRight img {
	border: 1px solid #d6d7dc;
}

.largephoto {
	clear: both;
	padding: 0 0 20px 0;
	text-align: center;
}
.largephoto img {
	border: 1px solid #d6d7dc;
}
.photoRight {
	float: right;
	padding: 0 0 10px 10px;
}
.photoLeft {
	float: left;
	padding: 0 10px 10px 0;
}
.photo {
	margin: 0;
	padding: 0;
}
#map {
	margin: 0;
	padding: 0;
}

/* insert styles */
#insert {
	float: right;
	width: 200px;
	padding: 0 0 20px 0;
	background-color: #fff;
	border-left: 20px solid #fff;
}
#insertLeft {
	float: left;
	width: 200px;
	height: 200px;
	padding: 0 0 20px 0;
	background-color: #fff;
	border-left: 20px solid #fff;
}
h1 {
	margin: 0 0 10px 0;
	padding: 4px 5px 4px 10px;
	background-color: #4366a6;
	font-size: 100%;
	color: #fff;
}

/* other page styles */
#contactNav h1, #orderNav h1, #aboutNav h1, #sitemapNav h1, #generalNav h1 {
	clear: left;
	margin: 0 0 1px 0;
}
#logoPrint {
	display: none;
}