html, body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color:#F8F4F0;
	background-image:  url(../images/brownstripe.jpg);
	background-repeat: repeat-x;
	height: 100%;
	font-size: .9em;
	font-family: Arial, Helvetica, sans-serif;
}
#container {
	width: 850px;
	min-height: 100%;
}
/* mac hide \*/
* html #container{height:100%}
/* end hide */
#header {
	margin: 0;
	padding: 0;
}
#clearheader {
	clear: both;
}
#content {
	padding: 10px;
	margin: 0px 70px 10px 130px;
}
/* mac hide - 3px jog \*/
* html #content {height:1%}
/* end hide */
#clearfooter {
	clear: both;
	height: 20px;/*needed to make room for footer*/
}
table.gallery {
	text-align: center;
	border: solid #914901 2px;
	width: 90%;
}
table.gallery td {
	padding: 5px;
}
#footer {
 	border-top: 2px solid #914901;
	border-bottom: 2px solid #914901;
 	text-align: center; 
 	font-size: 1.8em;
    margin-top:-20px
}
.footertext {
	font-size: .45em;
}
.image-center {
	padding: 10px;
	text-align: center;
}
.image-left {
	padding: 10px;
	text-align: center;
}
.image-right {
	text-align: left;
}
.imagecaption {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;

}
/*----------links--------------*/
a:link {
	color: #006600;
	text-decoration: none;
}
h2 a:link {
	text-decoration: underline;
}
h2 a:visited {
	text-decoration: underline;
	color: #666600;
}
/*--------- formatting ----------*/
p {
	margin: 0px;
	line-height: 1.3em;
	color: #000000;
	padding: 5px;
}
h1 {
	color:#914901;
	font-size: 1.75em;
	margin-bottom: 0px;
}
h2 {
	color: #296d00;
	font-size: 1.5em;
	margin-bottom: 0px;
}
#wherebuilding {
	color: #663301;
	font-style: italic;
	font-family: Garamond, Times, Helvetica, serif;
	font-size: 2.0em;
}
/*-----------services lists ------------*/
#services ul {
	padding-left: 25px;
	font-size: .95em;
	list-style-type: none;
	line-height: 1.8em;
}
#services ul li a:link {
	font-size: 1.0em;
	text-decoration: underline;
	color: #296d00;
}
#services ul li a:visited {
	font-size: 1.0em;
	text-decoration: underline;
	color: #666600;
}
/*---------------- navigation ---------------*/
#nav {
	float: left;
}
ul#nav{
 padding:0;
 margin:0;
 list-style:none;
 width: 127px;
}
#nav li{
 width:127px;/*size of image*/
}#nav li.homenone{background:url(../images/homenone.jpg) no-repeat left top; height: 31px;}/* this holds the rollover state of the image1*/
#nav li.home{background:url(../images/homero.jpg) no-repeat left top; height: 31px;}/* this holds the rollover state of the image1*/
#nav li.first{background:url(../images/aboutro.jpg) no-repeat left top; height: 45px;}/* this holds the rollover state of the image1*/
#nav li.second{background:url(../images/photogalleryro.jpg) no-repeat left top; height: 43px;}/* this holds the rollover state of the image2*/
#nav li.third{ background:url(../images/whybuildro.jpg) no-repeat left top; height: 57px;}/* this holds the rollover state of the image3*/
#nav li.fourth{background:url(../images/servicesro.jpg) no-repeat left top; height: 37px;}/* this holds the rollover state of the image4*/
#nav li.fifth{background:url(../images/consultingro.jpg) no-repeat left top; height: 36px;}/* this holds the rollover state of the image5*/
#nav li.sixth{background:url(../images/contactro.jpg) no-repeat left top; height: 42px;}/* this holds the rollover state of the image5*/
#nav li.seventh{background:url(../images/bottomlogs.jpg) no-repeat left top; height: 267px;}/* this holds the rollover state of the image5*/
#nav a{
 display:block;
 width:127px;
 height:20px;
}
#nav li.homenone a{background:url(../images/homenone.jpg) no-repeat left top; height: 31px;}/* this holds the normal state of the image1*/
#nav li.home a{background:url(../images/home.jpg) no-repeat left top; height: 31px;}/* this holds the normal state of the image1*/
#nav li.first a{background:url(../images/about.jpg) no-repeat left top; height: 45px;}/* this holds the normal state of the image1*/
#nav li.second a{background:url(../images/photogallery.jpg) no-repeat left top; height: 43px;}/* this holds the normal state of the image2*/
#nav li.third a{background:url(../images/whybuild.jpg) no-repeat left top; height: 57px;}/* this holds the normal state of the image3*/
#nav li.fourth a{background:url(../images/services.jpg) no-repeat left top; height: 37px;}/* this holds the normal state of the image4*/
#nav li.fifth a{background:url(../images/consulting.jpg) no-repeat left top; height: 36px;}/* this holds the normal state of the image4*/
#nav li.sixth a{background:url(../images/contact.jpg) no-repeat left top; height: 42px;}/* this holds the normal state of the image4*/
#nav li.seventh a{background:url(../images/bottomlogs.jpg) no-repeat left top; height: 267px;}/* this holds the normal state of the image4*/

ul#nav a:hover{background:transparent}/* on hover we just hide the anchor and let the image underneath show through. This makes for pre-loaded rolovers unlike changing the image on hover which is slow.*/