* {
	margin: 0;
	padding: 0;
}

html,body {
	text-align: center;
	height: 100%;
}

a,img {
	border: none;
}

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

a:hover, a:active {
	color: #64820e;
	text-decoration: none;
}

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1em;
	background: white none no-repeat scroll center top;
}

/*Main Blocks*/

div#masterbox {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 985px;
	overflow: visible;
}

div#header {
	width: 711px;
	height: 93px;
	padding-top: 68px;
	padding-left: 259px;
}

div#sitebody {
	border-width: 1px;
	width: 985px;
}

div#contentarea {
	width: 725px;
	margin-left: 22px;
	float: left;
	position: relative;
	font-family: Arial, Tahoma, Verdana, Geneva, sans-serif;
	height: 427px;
}

/*Left hand navigation*/

div#sections {
	width: 238px;
	float: left;
	height: 294px;
}

div#textcolumn {
	width: 217px;
	height: 244px;
}

/* product, graphic, environmental navigation */

#nav {
	padding-top: 18px;
}

#nav a {
	display: block;
	font-size: 10px;
	line-height: 25px;
	color: #a6a09c;
	padding-right: 2px;
}

#nav li {
	margin: 0;
	list-style-type: none;
	font-family: "Lucida Grande", Arial, Tahoma, Verdana, sans-serif;
	padding: 0;
	float: left;
}

#nav li span {
	position: relative;
	bottom: 5px;
	font-size: 10px;
}

#nav li a:link, #nav li a:visited {
	text-decoration: none;
}

#nav li a:hover, #nav li a:active {
	text-decoration: none;
	color: #64820e;
}

#nav li li {
	position: relative;
	w\idth: 106px;
	margin: 0;
	padding: 0;
	line-height: 22px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	width: 218px;
}

#nav li li a:link, #nav li li a:visited {
	color: white;
	text-decoration: none;
	background-color: #bdc5c6;
	background-image: none;
	background-repeat: repeat-x;
}

#nav li li a:hover, #nav li li a:active {
	color: #64820e;
	text-decoration: none;
}

#nav li a#currentsection, #nav li a#current {
	color: #64820e;
}

#nav li li.indent {
	text-indent: 8px;
	background-position: 0;
}

#nav li ul {
	position: absolute;
	left: -999em;
	padding: 4px 0;
	w\idth: 106px;
	width: 218px;
	background: url(images/top-drop-down-box.gif) no-repeat scroll left top;
	z-index: 5;
}

#nav li ul li.boxbottom {
	background: url(images/bottom-drop-down-box.gif) no-repeat left bottom;
	padding-bottom: 4px;
	width: 198px;
	display: block;
}

#nav li li a {
	margin: 0;
	width: 188px;
	height: 16px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 8px;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	font-style: normal;
}

#nav li ul ul {
	margin: -20px 0 0 153px;
	z-index: 4;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background-image: none;
	position: static;
}

/* home page items */

div#homeflash {
	width: 481px;
	height: 405px;
	margin-left: 26px;
	right: 0;
	position: absolute;
	top: 0;
}

div#thinking {
	color: #a6a09c;
	font-size: 10px;
	line-height: 25px;
	font-family: "Lucida Grande", Arial, Tahoma, Verdana, sans-serif;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 243px;
}

div#thinking a:link, div#thinking a:visited {
	color: #64820e;
	text-decoration: none;
}

div#thinking a:hover, div#thinking a:active {
	color: #64820e;
	text-decoration: underline;
}

/* text columns */

div#text-column {
	clear: left;
	width: 216px;
	margin-top: 0;
	padding-top: 20px;
	position: relative;
	z-index: 0;
	float: left;
	height: 324px;
}

div#text-column div#left-mini-column {
	width: 108px;
	margin: 0;
	padding: 0;
	float: left;
}

div#text-column div#right-mini-column {
	width: 108px;
	margin: 0;
	padding: 0;
	float: left;
}

div#text-wrapper {
	width: 216px;
	margin-bottom: 57px;
	position: relative;
	float: left;
	top: 57px;
}

div.three-column-text {
	float: left;
	width: 190px;
	margin-right: 30px;
	height: 406px;
	position: relative;
}

/* text styles */

div#contentarea h1 {
	font-size: 11px;
	line-height: 14px;
	color: #64820e;
	font-weight: normal;
	font-style: normal;
	padding: 0;
	margin: 0;
}

div#contentarea h1 span {
	font-weight: bold;
	color: #64820e;
}

div#contentarea h2 {
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	font-style: normal;
	color: #6c6965;
	margin: 0;
	padding-top: 0;
	padding-bottom: 14px;
}

div#contentarea p {
	color: #6c6965;
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	padding-top: 0;
	padding-bottom: 7px;
}

div#contentarea div.three-column-text li, div#contentarea div.three-column-text li a:link, div#contentarea div.three-column-text li a:visited {
	color: #6c6965;
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	list-style-type: none;
}

div#contentarea div.three-column-text li a:hover, div#contentarea div.three-column-text li a:active {
	color: #66761d;
}

div#contentarea div.three-column-text ul {
	margin-bottom: 14px;
	margin-top: 0;
	padding: 0;
}

/* arrow buttons */

div#arrowbuttons {
	width: 62px;
	height: 23px;
	position: absolute;
	bottom: 0;
	left: 0;
}

div#arrowbuttons ul {
	padding: 0;
	width: 62px;
	float: left;
	display: inline;
}
div#arrowbuttons li {width: 23px; height: 23px; background: url(images/navbuttons.gif) no-repeat; list-style: none;
	list-style-type: none;
	display: block;
	float: left;
	margin-right: 8px;
}
div#arrowbuttons a {width: 23px; height: 23px;
	display: block;
	float: left;
}
div#arrowbuttons li#left {
	background-position: 0 0;
}

div#arrowbuttons li#left a:hover { cursor: pointer;
	background: url(images/navbuttons.gif) no-repeat 0 -23px;
}

div#arrowbuttons li#right {
	background-position: -23px 0;
}

div#arrowbuttons li#right a:hover { cursor: pointer;
	background: url(images/navbuttons.gif) no-repeat -23px -23px;
}
div#arrowbuttons li a span {
	position: absolute;
	left: -999em;
}

/* product image */

div#flashproduct {
	width: 477px;
	height: 477px;
	float: left;
	margin-left: 22px;
	top: -93px;
	right: 0;
	position: absolute;
}

/* Contact Form */

div#contactform {
	float: left;
	width: 473px;
	margin-top: 20px;
	margin-left: 26px;
}

form#phd3form {
	
}

form#phd3form label {
	color: #6c6965;
	font: 11px/14px Arial, Geneva, sans-serif;
	display: block;
	margin-bottom: 5px;
}

form#phd3form .inputfield {
	display: block;
	width: 99%;
	border: 1px solid #ada9a2;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 5px;
	padding-left: 2px;
	font: 11px/12px Arial;
}

form#phd3form textarea {
	width: 99%;
	background-color: white;
	border: 1px solid #ada9a2;
	height: 104px;
	margin-bottom: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	font: 11px/12px Arial;
}

div#contactform input#filebrowser {
	float: left;
	color: #6c6965;
	width: 335px;
	height: 23px;
	font-family: Arial, Geneva, sans-serif;
}

div#contactform div#button-wrapper {
	float: right;
	position: relative;
	width: 100px;
	text-align: right;
}

div#contactform div#button-wrapper input {
	height: 23px;
}

div#submitactivity {
	position: absolute;
	top: 0;
	right: -30px;
}

/* who we are */

div#flash-people {
	width: 499px;
	height: 344px;
	float: left;
}

div#peter, div#bella, div#jim, div#david, div#karl, div#cameron, div#rachael {
	position: absolute;
	width: 200px;
}

/* clients */

div#flash-logo {
	width: 190px;
	height: 135px;
	position: absolute;
	bottom: -13px;
}

/* better by design */

div#betterbydesign {
	width: 410px;
	position: absolute;
	left: 0;
}

div#betterbydesign strong {
	color: #64820e;
}