body {
  margin:0;
  padding: 0;
  background: #000;
  color: #fff;
  font: .9em Verdana, sans-serif;
}
a:link {
  color: #3366ff;
}
a:visited {
  color: #3366ff;
}

a:active, a:hover {
  color: #ff0;
}
li {
  list-style: none;
  }
#background {
  background: #202020 url(img/back2.jpg) repeat-x top left;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -2;
  width:100%;
  height: 100%;
  }

#logo {
  position: absolute;
  top: 10px;
  left: 25px;
  background: url(img/logo.jpg) no-repeat top left;
  width: 310px;
  height: 64px;
  z-index: 2;
}

#today {
  position: absolute;
  width: 836px;
  height: 72px;
  top: 10px;
  left: 263px;
  background: url(img/today.png) no-repeat top left;
  z-index: -1;
}

#logo_back {
  position: fixed;
  top: 35%;
  left: 110px;
  background: url(img/logo_back.gif) no-repeat top left;
  width: 978px;
  height: 201px;
  z-index: -1;
}

#container {
  margin: 15px 0 0 160px;
  min-width: 847px;

  height: 100%;
  min-height: 600px;
}

#header {
  width: 90%;
  min-width: 200px;
  max-width: 999px;
  margin: 15px 0 0 9px;
  height: 144px;
  overflow: hidden;
  border: 3px solid #000;
  text-align: left;
  background: url(img/black2.png) repeat top left;

}
#flash {
	 margin: -25px 0 0 0;
  min-width: 200px;
  max-width: 999px;
  overflow: hidden;
   text-align: left;
  width: 100%;
}

#align_top {
  min-width: 200px;
  width: 110%;
  max-width: 997px;
  z-index: -1;
  position: relative;
  top: -26px;
  text-align: left;
  overflow: hidden;
  background: #fff;
}

#content{
	width: 89%;
	min-width: 200px;
	max-width: 990px;
	min-height: 615px;


  background: url(img/black .png) repeat top left;
	border: 3px solid #000;
	margin: 15px 0 0 9px;
	padding: 0 5px 5px 5px;
	text-align: left;
	font-weight: bold;
}

.auction {
  width: 98%;
  min-height: 185px;

  background: url(img/white.png) repeat-x top left;
  margin: 0 0 10px 0;
  vertical-align: middle;
  padding: 15px 10px 10px 10px;
}

.img {
  width: 208px;
  margin: 13px 5% 13px 5%;
  float: left;
  vertical-align: middle;
  border: 2px solid #fff;
  display: block;
}

.date {
 
  width: 20%;
  float: right;
  text-align: center;
  display: inline-block;
  padding: 3em 2.5% 0 0;

}

.information {
  width: 35%;
  text-align: left;
  display: inline-block;
  padding: 2em 0 0 3%;
  
  }

#footer {
  width: 90%;
  min-width: 200px;
  max-width: 1000px;
  background: url(img/white.png) repeat top left;
  border: 3px solid #000;
  margin: 10px 0 20px 9px;
  padding: 2px 0 5px 0;
  text-align: center;
  font-size: .7em;
}
h1 {
  color: #3366ff;
  font-size: 12pt;
}
h2 {
	color: #3366ff;
}
h3 {
  color: #3366ff;
}
h4 {
  color: #ff0;
  font-size: 1.2em;
}
h5 {
	color: #ff0;
	font-size: 1em;
}

input {
  margin: 3px 0;
}

#follow_us {
  position: absolute;
  top: 457px;
  left: 25px;
  width: 110px;
  height: 5.3em;
  background: url(img/white.png) repeat top left;
  border: 3px solid #000;
  padding: 8px;  
  font-size: 14px;
  line-height: 1.5em;
  font-weight: bold;
  font-style: italic;
}

#email_show {
  position: absolute;
  top: 580px;
  left: 25px;
  width: 110px;
  min-height: 6em;
  background: url(img/white.png) repeat top left;
  border: 3px solid #000;
  padding: 8px;  
  font-size: 13px;
  line-height: 1.5em;
  font-weight: bold;
  font-style: italic;
  text-align: right;
  cursor: pointer;
  visibility: visible;
}

#comments {
  position: absolute;
  top: 710px;
  left: 25px;
  width: 110px;
  min-height: 6em;
  background: url(img/white.png) repeat top left;
  border: 3px solid #000;
  padding: 0 8px 8px 8px;  
  font-size: 13px;
  line-height: 1.5em;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  text-decoration: none;
  
}

#comments a {
	text-decoration: none;
	color: #ff0;
}

#browser {
  position: absolute;
  top: 915px;
  left: 25px;
  width: 110px;
  min-height: 6em;
  border: 3px solid #000;
  padding: 0 8px 8px 8px;  
  font-size: 13px;
  line-height: 1.5em;
  font-weight: bold;
  font-style: italic;
  text-align: center;
}

#comments a:link {
  color: #fff;
  text-decoration: none;
}

#comments a:active, #comments a:hover {
  color: #ff0;
}

#email_pic {
  background: url(img/email.png) no-repeat top left;
    position: absolute;
  top: 570px;
  left: 29px;
  width: 122px;
  height: 40px;
  z-index: 2;
  visibility: visible;
}

#bottom {
  position: fixed;
  left: 0;
  top: 100%;
  margin: -58px 0 0 0;
  background: url(img/bottom_back.png) repeat-x top left;
  height: 8em;
  width: 100%;
  text-align: left;
  color: #fff;
  z-index: 3;
  visibility: hidden;
  }
  
#bottom_text {
  position: fixed;
  left: 0;
  top: 100%;
  margin: -70px 0 0 0;
  background: url(img/bottom_text.png) no-repeat top left;
  height: 200px;
  width: 774px;
  text-align: left;
  color: #fff;
  z-index: 4;
  cursor: pointer;
   visibility: hidden; 
  }
  
#bottom_box {
  position: fixed;
  top: 100%;
  left: 660px;
  margin: -51px 0 0 0;
  height: 200px;
  width: 100%;
  text-align: left;
  color: #fff;
  z-index: 5;
    visibility: hidden;
}
#hide {
  position: fixed;
  top: 100%;
  right: 7px;
  margin: -76px 0 0 0;
  height: 17px;
  width: 58px;
  z-index: 5;
  background: #000 url(img/hide.png) no-repeat 2px 2px;
  border: 2px solid #333;
  border-style: inset;
  border-bottom: none;
  cursor: pointer;
  visibility: hidden;

}
small {
  font-size: .7em;
}

#brandon, #kristi, #meredith, #josh {
	text-align: center;
	display: inline-block;
	border: 0;
	padding: 0 2% 10px 2%;
	zoom: 1;
    *display: inline;
}

#about_bio {
	text-align: center;
	display: inline-block;
	border: 0;
	padding: 0 15px 10px 0;
	float: left;
	zoom: 1;
    *display: inline;
}


#bio {
	text-align: left;
	min-width: 100px;

	width: 60%;
	display: inline-block;
	border: 0;
	margin: 0 15px 10px 0;
}
#bio h2 {
	margin: 0 0 -.7em 0;
	  color: #fff;
}
#bio h3 {
	font-style:italic;	

}

.pic {
	padding: 0 0 10px 0;
}
.name {
	text-align: center;
	color: #3366ff;
	font-size: 1em;
	font-weight: bold;
}
.title {
	text-align: center;
	color: #fff;
	font-size: .8em;
	font-style:italic;
}
#names {
	display: inline-block;
	padding: 0 10% 0 0;
	font-weight: bold;
	font-size: .9em;
	line-height: .9em;
	zoom: 1;
    *display: inline;
}
#emails {
	display: inline-block;
	font-size: .9em;
	line-height: .9em;
	zoom: 1;
    *display: inline;
}
#phone {
	display: inline-block;
	height: 150px;
	width: 200px;
	background: url(img/white.png) repeat-x top left;
	border: 3px solid #000;
	float: right;
	text-align: center;
	padding: 7px;
}
#yellow_bold {
	font-weight:bold;
	color: #ff0;
}


.menu2{
	top: 78px;
	left: 14px;
	z-index: 4;
	}
.menu2, #drop, #drop2 {
	position: absolute;
	width: 125px;
	float: left;
    padding: 0;  
    font-size: 14px;
	font-weight: bolder;
	font-variant:small-caps;
    list-style: none;
    color: #fff;
	font-style: italic;
}
	#drop {
	top: 191px;
	left: 143px;
	z-index: 3;
	visibility: hidden;
	}
	#drop2 {
		top:247px;
		left:143px;
		z-index: 3;
		visibility: hidden;
		
	}
 .menu2 li, #drop li, #drop2 li {
 	 height: 53px;
     width: 125px;
     position: relative;
	 text-align: center;
 	 display: block;
    border: 3px solid #000;
 	 cursor: pointer;
	 vertical-align: middle;
	 background: url(img/black2.png) repeat top left;
	 margin: 0 0 -2px -28px;
 }

 #drop li:hover, .menu2 li:hover, #drop2 li:hover {
	 background: url(img/active.png) no-repeat -25px -18px;
 }
 .larger {
	 font-size: 16px;
	 display: inline;
 }
 #page_title {
	 color: #fff;
	 font-size: 2em;
	 letter-spacing: .3em;
	 font-variant: small-caps;
	 font-style: italic;
	 font-weight: bold;
	 display: inline;
	 
 }
 #title_larger {
	 color: #fff;
	 font-size: 2.4em;
	 display: inline;
	 letter-spacing: .3em;
	 font-style: italic;
	 font-weight: bold;
	 padding: 0 0 5px 15px;
 }
 
#commercial_industrial, #estate, #agricultural, #waterfront, #assets, #residential {
	text-align: center;
	font-weight:bold;
	display: inline-block;
	border: 0;
	padding: 0 5% 10px 5%;
	zoom: 1;
    *display: inline;
}

#commercial_industrial a, #estate a, #agricultural a, #waterfront a, #assets a, #residential a {
	text-decoration: none;

}
.pictures{
	width: 38%;
}
.info{
	width:42%;
}
.dates{
	text-align: center;
	width: 20%
}
.float_right {
	float: right;
}
.load {
	visibility: hidden;
	position: absolute;
	top: -1000px;
	left: 0;
}


.large_image {
	margin: 50%;
	border: solid 2px #000;
}
.small_image {
	cursor: pointer;	
}

#waterflash {
	position: relative;
	width: 100%;
	height: 400px;
	visibility: visible;
	z-index: 6;
	text-align: center;
}
#top_flash {
	width: 100%;
	height: 15%;
}
#bottom_flash {
	width: 100%;
	height: 30%;
}
.bullets li{
	list-style-type: square;
}
#pic1, #pic2, #pic3, #pic4, #pic5, #pic6, #pic7, #pic8, #pic9, #pic10, #pic11, #pic12, #pic13, #pic14, #pic15, #pic16, #pic17, #pic18, #pic19, #pic20, #pic21, #pic22, #pic23, #pic24, #pic25, #pic26, #pic27, #pic28, #pic29, #pic30, #pic31, #pic32, #pic33, #pic34, #pic35, #pic36, #pic37, #pic38, #pic39, #pic40, #pic41, #pic42, #pic43, #pic44, #pic45, #pic46, #pic47, #pic48, #pic49, #pic50, #pic51, #pic52, #pic53, #pic54, #pic55, #pic56, #pic57, #pic58, #pic59, #pic60, #pic61, #pic62, #pic63, #pic64, #pic65, #pic66, #pic67, #pic68, #pic69, #pic70, #pic71, #pic72, #pic73, #pic74, #pic75, #pic76, #pic77, #pic78, #pic79, #pic80, #pic81, #pic82, #pic83, #pic84, #pic85, #pic86, #pic87  {
	position: fixed;
	visibility: hidden;
	top: 50%;
	left: 50%;
	height: 40%;
	width: 30%;
	z-index: 6;
	cursor: pointer;
	text-align: center;
}

#popup {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(img/black2.png) repeat top left;
	visibility: hidden;	
	*display: table-cell;
	*vertical-align: middle;
	text-align: center;
	z-index: 5;
	cursor: pointer;
}