/*css file*/

* {
	margin:0;
	padding:0;
	}
body {
	background-color: #e0c080;
	padding:0 0 20px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

h2 {
	color: #402000;
	font-size: 18px;
	}

#wrapper {
	background: #fff url(images/body-bg.gif) repeat-y;
	position:relative;
	width:718px;
	left:50%;
	margin-left:-390px;
	overflow:auto;
	z-index:100;
}

/* ----- HEADER ----- */



#header {
width:718px;
height:171px;
background: url(images/header1.jpg) no-repeat center;
}


/* ------- NAVIGATION ------ */

#nav {
	width: 705px;
	padding-left: 7px;
	}


#nav ul
{
text-align: center;
padding-bottom: 4px;
padding-top: 4px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #999966;
color: #000;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
/*line-height: 12px;*/
/* fixes Firefox 0.9.3 */
border-bottom: 1px solid #000;
}

#nav ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 4px;
/* matches link padding except for left and right */
padding-top: 4px;
}

#nav ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 4px;
padding-top: 4px;
background-color: #999966;
color: #000000;
text-decoration: none;
border-right: 1px solid #000;
}

#nav ul li a:hover
{
background-color: #e0c080;
color: #fff;
}

#nav #first { border-left: 1px solid #000; }

/* ----- MAIN CONTENT ----- */



#content { 
width:718px;
min-height:400px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:600px; /* for IE5.x and IE6 */
}

#house {
 text-align: center;
 height: 265px;
 padding-top: 5px;
 padding-left: 1px;	
}

#col1 {
  float: left;
  padding-top: 0px;
  padding-left: 25px;
  padding-right: 10px;
  border-right: 1px #000000 solid;
  width: 200px;
  text-align: right;
}


#col2 {
  float: left;
  padding-top: 0px;
  width: 463px;
}

#col2 #siteplan {
	height: 174px;
	border-bottom: 1px #000000 solid;
	padding-right: 20px;
	padding-left: 5px;
	margin: 0px;
}

#col2 #text {
	padding: 10px;
}

#col2 #text p {
	padding-top: 10px;
}

#col2 .mlink {
	text-align: center;
	padding-top: 25px;
}

#col2 .mlink a {
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #0066CC;
}

#col2 .mlink a:hover {
	color: #FF0000;
	text-decoration: underline;
}

#textcontent {
	padding: 15px;
	}

#textcontent p {
	padding-top: 10px;
	}

/* ----- FOOTER ----- */



#footer { 
width:718px;
height:47px;
background:url(images/footer1.gif) no-repeat center;
}

#logo1 {
float: left;
width: 66px;
height: 37px;
padding-left: 20px;
padding-right: 10px;
vertical-align: bottom;
}

#logo2 {
float: left;
width: 42px;
height: 37px;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
vertical-align: bottom;
}

#logo3 {
float: left;
width: 30px;
height: 37px;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
vertical-align: bottom;
}

#footertext {
float: right;
text-align: right;
font-size: 10px;
font-weight: bold;
height: 37px;
width: 400px;
padding-right: 20px;
padding-top: 10px;
}