body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 130%;
	color: #333;
	background-color: #705D4C;
	margin: 0;
	padding: 0;
	background-image: url(../GRFX/bkgd_w_lcol.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
body.gallery {
	background-image: url(../GRFX/bkgd_n_lcol.jpg);
}
h1, h2, h3, h4, h5, h6 {
	font-family: helvetica, arial, verdana, sans-serif; 
	font-weight: normal;
	margin-bottom: 0.5em;
	color: #333;
}
a {
	color: #ED3E00;
}
a:hover {
	color: #FF6600;
	text-decoration: none;
}
#container {
	margin-right: auto;
	margin-left: auto;
	height: auto;
	width: 820px;
	position: relative;

}
#header {
	background-image: url(../GRFX/hdr_bkgd.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	height: 220px;
	width: 820px;
	/left:1px;
}
#hdr_add {
	text-align: right;
	position: absolute;
	height: auto;
	width: 200px;
	top: 50px;
	right: 20px;
}
ul {
	list-style-image: url(../GRFX/red_arrow.gif);
}
#content h2, #contentwide h2 {
	color: #EE3E01;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ED3D00;
}
#content h3, #contentwide h3 {
	color: #ED3D01;
}
#header h1 {
	display: none;
	visibility: hidden;
}
.btn_logo {display:block;position:absolute;top:30;left:0;overflow:hidden;height:100px;width:400px;text-indent:-9000px;}
#navigation {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 42px;
	width: 820px;
	list-style-type: none;
	position: absolute;
	left: 0px;
	top: 154px;
	overflow: hidden;
	background-image: url(../GRFX/nav1.jpg);
}
#navigation li {margin: 0;padding: 0;list-style: none;position: absolute;}
#navigation li, #navigation a {height:42px;display:block;text-indent:-90000px; outline:0;}
#btn_home {width:89px;left:9px;}
#btn_home a:hover {background-image:url(../GRFX/nav2.jpg);background-repeat:no-repeat;background-position: -9px 0px;}
#btn_about {width:89px;left:98px;}
#btn_about a:hover {background-image:url(../GRFX/nav2.jpg);background-repeat:no-repeat;background-position: -98px 0px;}
#btn_team {width:89px;left:187px;}
#btn_team a:hover {background-image:url(../GRFX/nav2.jpg);background-repeat:no-repeat;background-position: -187px 0px;}
#btn_design {width:89px;left:276px;}
#btn_design a:hover {background-image:url(../GRFX/nav2.jpg);background-repeat:no-repeat;background-position: -276px 0px;}
#btn_process {width:89px;left:365px;}
#btn_process a:hover {background-image:url(../GRFX/nav2.jpg);background-repeat:no-repeat;background-position: -365px 0px;}
#btn_faq {width:89px;left:454px;}
#btn_faq a:hover {background-image:url(../GRFX/nav2.jpg);background-repeat:no-repeat;background-position: -454px 0px;}
#btn_planning {width:89px;left:543px;}
#btn_planning a:hover {background-image:url(../GRFX/nav2.jpg);background-repeat:no-repeat;background-position: -543px 0px;}
#btn_gallery {width:89px;left:632px;}
#btn_gallery a:hover {background-image:url(../GRFX/nav2.jpg);background-repeat:no-repeat;background-position: -632px 0px;}
#btn_contact {width:89px;left:721px;}
#btn_contact a:hover {background-image:url(../GRFX/nav2.jpg);background-repeat:no-repeat;background-position: -721px 0px;}
#content {
	float: left;
	height: auto;
	width: 509px;
	padding-right: 20px;
	padding-left: 20px;
}
#contentwide {
	padding-left:20px;
	padding-right:20px;
}
#rightcol {
	float: right;
	height: auto;
	width: 270px;
}
#rightcolpad {
	width: 230px;
	margin-right: auto;
	margin-left: auto;
}
#rightcol a {
	color:#635242;
	text-decoration: none;
}
#rightcol li {
	margin-bottom: 5px;
	padding-bottom: 2px;
	padding-left: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #837767;
	list-style-position: inside;
}
#rightcol ul {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
}
#rightcol h2 {
	color: #FFFFFF;
	background-image: url(../GRFX/rightcol_h2_bkgd.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	display: block;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #837767;
	margin-bottom: 5px;
}
.clear {
	clear: both;
	float: none;
}
#footer {
	background-color: #FFFFFF;
	text-align: center;
	padding: 10px;
	margin-top: 20px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #302A1F;
}

/* ------------------------------------------ Forms -------------------------------------------- */

.cssform p{
width: 320px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; 
border-bottom: 1px solid #C5B59D;
height: 1%;
}
.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; 
padding-top: 5px;
width: 150px; 
}
.cssformpad {
font-weight: bold;
float: left;
margin-left: -155px; 
padding-top: 5px;
width: 150px; 
}
.hide {
display: none;
visibility: hidden;
}
.cssform input[type="text"]{ 
}
.cssform textarea{
width: 250px;
height: 150px;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
.accent {
	font-weight: bold;
	color: #ED3D01;
}