p {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000066;
line-height:18px;
}

body {margin: 0px;
background-color: #FFFFFF;}

.brown {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#663300;
font-weight:bold;
line-height:18px;
}

.quote {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#663300;
font-style:italic;
}

.list {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000066;
line-height:18px;
text-indent: 5px;
}

.title {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
color: #663300;
word-spacing: 6px;
margin: 0px;}

.superbold {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 30px;
font-weight: bold;
color: #fff;
word-spacing: 6px;
margin: 0px;}

.imgleft {
float:left;
padding:15px;
}

.imgright {
float:right;
padding:15px;
}

a:link {
color: #663300;
text-decoration: underline;}

a:hover {color: #999900;
text-decoration: underline;}

#bodytext {position: absolute;
margin: 0px;
padding: 5px;
left:290px;
top:205px;
width:650px;
height: auto;
overflow:visible;
}

#ttf-side-01 {position:absolute;
left:0px;
top:0px;
width:138px;
height:135px;}

#ttf-side-02 {position:absolute;
left:138px;
top:0px;
width:137px;
height:135px;}

#ttf-top-01 {position:absolute;
left:275px;
top:0px;
width:145px;
height:53px;}

#ttf-top-02 {position:absolute;
left:420px;
top:0px;
width:145px;
height:53px;}

#ttf-top-03 {position:absolute;
left:565px;
top:0px;
width:144px;
height:53px;}

#ttf-top-04 {position:absolute;
left:709px;
top:0px;
width:145px;
height:53px;}

#ttf-top-05 {position:absolute;
left:854px;
top:0px;
width:145px;
height:53px;}

#ttf-top-06 {position:absolute;
left:275px;
top:53px;
width:145px;
height:53px;}

#ttf-top-07 {position:absolute;
left:420px;
top:53px;
width:145px;
height:53px;}

#ttf-top-08 {position:absolute;
left:565px;
top:53px;
width:144px;
height:53px;}

#ttf-top-09 {position:absolute;
left:709px;
top:53px;
width:145px;
height:53px;}

#ttf-top-10 {position:absolute;
left:854px;
top:53px;
width:145px;
height:53px;}

#ttf-bezier {position:absolute;
left:275px;
top:106px;
width:247px;
height:98px;}

#nav {
	position:absolute;
	left:435px;
	top:125px;
	width:593px;
	height:48px;
	z-index:1;
}

#mission {
	position:absolute;
	left:627px;
	top:94px;
	width:358px;
	height:40px;
	z-index:1;
}

#ttf-side-03 {position:absolute;
left:0px;
top:135px;
width:138px;
height:135px;}

#ttf-side-04 {position:absolute;
left:138px;
top:135px;
width:137px;
height:135px;}

#ttf-side-05 {position:absolute;
left:0px;
top:270px;
width:138px;
height:135px;}

#ttf-side-06 {position:absolute;
left:138px;
top:270px;
width:137px;
height:135px;}

#ttf-side-07 {position:absolute;
left:0px;
top:405px;
width:138px;
height:135px;}

#ttf-side-08 {position:absolute;
left:138px;
top:405px;
width:137px;
height:135px;}

#ttf-side-09 {
	position:absolute;
	left:15px;
	top:540px;
	width:261px;
	height:135px;
}

#ttf-side-10 {position:absolute;
left:138px;
top:540px;
width:137px;
height:135px;}

#recycled-timber {position: absolute;
background-image: url(images/recycled-timber.gif);
background-repeat: no-repeat;
width: 190px;
height: 190px;
margin: 0px;
left:263px;
top: 15px;}

#resawn-timber {position: absolute;
background-image: url(images/resawn-timber.gif);
background-repeat: no-repeat;
width: 190px;
height: 190px;
margin: 0px;
left:450px;
top:95px;}

#resawn-wood {position: absolute;
background-image: url(images/resawn-wood.gif);
background-repeat: no-repeat;
width: 190px;
height: 190px;
margin: 0px;
left:520px;
top:275px;}

#joining-the-timbers {position: absolute;
background-image: url(images/joining-the-timbers.gif);
background-repeat: no-repeat;
width: 190px;
height: 190px;
margin: 0px;
left:450px;
top:458px;}

#fitting-the-timber {position: absolute;
background-image: url(images/fitting-the-timber.gif);
background-repeat: no-repeat;
width: 190px;
height: 190px;
margin: 0px;
left:263px;
top:535px;}

#timber-frame-raising {position: absolute;
background-image: url(images/timber-frame-raising.gif);
background-repeat: no-repeat;
width: 190px;
height: 190px;
margin: 0px;
left:75px;
top:458px;}

#closing-the-frame {position: absolute;
background-image: url(images/closing-the-frame.gif);
background-repeat: no-repeat;
width: 190px;
height: 190px;
margin: 0px;
left: 0px;
top:275px;}

#completed-timber-frame-home {position: absolute;
background-image: url(images/completed-timber-frame-home.gif);
background-repeat: no-repeat;
width: 190px;
height: 190px;
margin: 0px;
left:75px;
top:95px;}

/*
#arrow1 {
	position: absolute;
	background-image: url(images/process_arrow1.gif);
	background-repeat: no-repeat;
	width: 67px;
	height: 62px;
	margin: 0px;
	left:490px;
	top:75px;
}

#arrow2 {
	position:absolute;
	background-image: url(images/process_arrow2.gif);
	background-repeat: no-repeat;
	width: 67px;
	height: 62px;
	margin: 0px;
	left: 650px;
	top:250px;
}

#arrow3 {
	position:absolute;
	background-image: url(images/process_arrow3.gif);
	background-repeat: no-repeat;
	width: 67px;
	height: 62px;
	margin: 0px;
	left:650px;
	top:490px;
}

#arrow4 {
	position:absolute;
	background-image: url(images/process_arrow4.gif);
	background-repeat: no-repeat;
	width: 67px;
	height: 62px;
	margin: 0px;
	left:490px;
	top:675px;
}

#arrow5 {
	position:absolute;
	background-image: url(images/process_arrow5.gif);
	background-repeat: no-repeat;
	width: 67px;
	height: 62px;
	margin: 0px;
	left:250px;
	top:675px;
}

#arrow6 {
	position:absolute;
	background-image: url(images/process_arrow6.gif);
	background-repeat: no-repeat;
	width: 67px;
	height: 62px;
	margin: 0px;
	left:85px;
	top:490px;
}

#arrow7 {
	position:absolute;
	background-image: url(images/process_arrow7.gif);
	background-repeat: no-repeat;
	width: 67px;
	height: 62px;
	margin: 0px;
	left:85px;
	top:250px;
}

#arrow8 {
	position: absolute;
	background-image: url(images/process_arrow8.gif);
	background-repeat: no-repeat;
	width: 67px;
	height: 62px;
	margin: 0px;
	left:250px;
	top:75px;
}

html>body #arrow1 {
	position: absolute;
	background-image: url(images/process_arrow1.gif);
	background-repeat: no-repeat;
	width: 67px;
	height: 62px;
	margin: 0px;
	left:780px;
	top:285px;
}

html>body #arrow2 {
	position:absolute;
	background-image: url(images/process_arrow2.gif);
	background-repeat: no-repeat;
	width: 67px;
	height: 62px;
	margin: 0px;
	left: 940px;
	top:460px;
}

html>body #arrow3 {
	position:absolute;
	background-image: url(images/process_arrow3.gif);
	background-repeat: no-repeat;
	width: 67px;
	height: 62px;
	margin: 0px;
	left:940px;
	top:700px;
}

html>body #arrow4 {
	position:absolute;
	background-image: url(images/process_arrow4.gif);
	background-repeat: no-repeat;
	width: 67px;
	height: 62px;
	margin: 0px;
	left:780px;
	top:885px;
}

html>body #arrow5 {
	position:absolute;
	background-image: url(images/process_arrow5.gif);
	background-repeat: no-repeat;
	width: 67px;
	height: 62px;
	margin: 0px;
	left:540px;
	top:885px;
}

html>body #arrow6 {
	position:absolute;
	background-image: url(images/process_arrow6.gif);
	background-repeat: no-repeat;
	width: 67px;
	height: 62px;
	margin: 0px;
	left:375px;
	top:700px;
}

html>body #arrow7 {
	position:absolute;
	background-image: url(images/process_arrow7.gif);
	background-repeat: no-repeat;
	width: 67px;
	height: 62px;
	margin: 0px;
	left:375px;
	top:460px;
}

html>body #arrow8 {
	position: absolute;
	background-image: url(images/process_arrow8.gif);
	background-repeat: no-repeat;
	width: 67px;
	height: 62px;
	margin: 0px;
	left:540px;
	top:285px;
} */

#bodyspace {padding-bottom: 700px;}

#splash {position: absolute;
background-image: url(images/process_splash2.gif);
background-repeat: no-repeat;
height: 319px;
width: 321px;
margin: 0px;
left: 197px;
top: 235px;}

html>body #splash {position: absolute;
background-image: url(images/process_splash2.gif);
background-repeat: no-repeat;
height: 328px;
width: 338px;
margin: 0px;
left: 486px;
top: 445px;}