body {
background: url(images/background.png);
background-attachment:fixed;
background-repeat:repeat-x;
background-color:#007854;
}

a{
	color:#007854;
}

/******************************************************
Wrapper/container
*******************************************************/

#wrapper {
width: 1000px;
margin: 0 auto 0px auto;
position: relative;
background-color:#FFFFFF;
display: table; /* margin-bottom for FF   (?) */
text-align: left;

}



/******************************************************
Logo/header
*******************************************************/

#logo {
height: 140px;
padding-left:25px;
background: #FFFFFF;
/*cursor:pointer;*/
}

#logo img
{
  border: 0px;
}

/******************************************************
Menu
*******************************************************/

#nav {
width:auto;
float:right;
padding-bottom:10px;
background-color:#FFFFFF;
padding-top:20px;
}

#navlist li
{

	display: inline;
	list-style-type: none;
	padding-right: 20px;
	position:relative;

}

#navlist li a {
	text-decoration: none;
	font-family: sans-serif;
	color: #000000;
	font-size: 15px;
	padding: 0 .5em;
}

#navlist a:hover {
text-decoration:overline;
color:#007854;
}

#navlist li a.active {
text-decoration:overline;
font-weight: bold;
color: #007854;
}



/*pop out nav--------------------*/

#navlist ul ul {
position:absolute;
top:100%;
left:-30px;
width: 170%;
}

div#navlist ul ul 
{
display: none;
text-decoration:none;
}

div#navlist ul li:hover ul 
{
background-color:#F6F6F6;
	filter:alpha(opacity=80);
	opacity: .80;
	-moz-opacity: .80;
display:block;
padding-top: 10px;
}


                    
/*end pop out nav---------------*/


/******************************************************
Footer
*******************************************************/
#footerImage {
background-color: #FFFFFF;
background: url(images/footer2.png);
width: 1000px;
height:90px;
margin: 0px auto 0px auto;

background-repeat:no-repeat;
position: relative;
z-index:-100;
}

#footerText {
height:40px;
font-weight:lighter;
text-decoration:none;
font-size: 0.9em;
width: 850px;
margin: 0 auto 0px auto;
position: relative;
background-color:transparent;
display: table; /* margin-bottom for FF   (?) */
text-align:center;
color:#FFFFFF;
}

/******************************************************
Content 
*******************************************************/

/*Header Text*/

#title {
font-family: "trebuchet ms";
font-size: 24px;
margin-bottom: 10px;
padding:40px 70px 5px 10px;
color: #666666;
float:right;
}

#top{
margin: 0 auto 0px auto;
text-align: left;
position: relative;
left: 250px; 
top: 0px;
width: 550px;
}


#content {
padding:15px;
width:970px;
padding-top:10px;
color:#333333;
font-family: verdana;
font-size: 14px;
font-weight:normal;
float: left;
}

#content img
{
    border: 1px solid #E6E6E6;
}

#content a:hover img
{
  border: 1px solid #007854;
}

#content iframe
{
  width: 100%;
  height: 870px;
  overflow: scroll; 
  border: none;  
  
}

/* Class name: left
 * Purpose: to contain all of the attributes for the left column  
 */
div.left
{
  width: 150px;
  float: left;
  margin: 0 auto 0px auto;
  text-align: left;
  position:relative;
  left:0px;
}

/* Class name: left.img
 * Purpose: to contain all of the attributes for the left column images
 */
div.left img
{
  border: 1px solid #ffffff;
}

/* Class name: img a:hover img
 * Purpose: creates a border around the picture to be selected  
 */
div.left a:hover img
{
  border: 1px solid #E6E6E6;
}

/* Class name: middle
 * Purpose: to contain all of the attributes for the middle column  
 */
div.middle
{ 
  float: left;
  width: 700px;
  margin: 0 auto 0px auto;
  text-align: center;
  position: relative;
  background-color: transparent;
}

/* Class name: middleright
 * Purpose: to contain all of the attributes for the column spanning middle and right  
 */
div.middleright
{ 
  float: left;
  width: 775px;
  margin: 15px auto 0px 20px;
  text-align: left;
  position: relative;
  background-color: transparent;
}

/* Class name: right
 * Purpose: to contain all of the attributes for the right column
 */
div.right
{ 
  width: 565px;
  float: left;
  background-color: transparent;
}

div.houseimg
{
  width: 256px; 
  /*height: 300px;*/ 
  vertical-align:top;
  float: left;
}

div.housetxt
{
  width: 380px;
  /*height: 300px;*/ 
  float: right;
  left: 15px;
  padding-left: 45px;
}

div.housethumbs
{
  float: left;
  width: 545px;
  text-align: left;
  position: relative;
  top: 50px;
  bottom: 50px;
}


/******************************************************
Images 
*******************************************************/

.gallery {
margin:15px auto 0px auto;
}

.gallery a:visited img {
margin: 0 auto 5px 0px;
border: 4px solid #CCCCCC;
}

.gallery a img {
margin: 0 auto 5px 0px;
border: 4px solid #CCCCCC;
}

.gallery a:hover img {
border: 4px solid #990000;
}


#caption{ 
  margin-left: 5px; 
  margin-right: 75px; 
  margin-bottom: 5px; 
  font: caption; 
  font-size:12px;
  text-align: left; 
  float:right;
}