@charset "utf-8";
/* CSS Document */

 body { 
    margin: 0;
    padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
  }

  
  #content_box {
    margin: 0 auto;

    width: 100%;
	max-width: 1610px;
    min-height:700px;
	background-image: url(img/building_left.jpg), url(img/building_right.jpg);
	background-repeat: no-repeat;
	background-position: top left, top right;
  }
  
.auction_images_small{
	padding-right:10px; 
	border: none;
	height: 100px;
}
.links{
style='text-align:center; font-size:.8em; text-decoration: underline;
}
.links:hover{

}
  #content {
	width: 960px;
    min-height: 650px;
	margin: 0 auto;
	padding: 0 27px;
  }
  
  #content_inner {
	width: 936px;
	background: #fff;
	min-height: 650px;
	margin: 0 auto;
	padding: 8px 12px;
  }
  #pin {
	  display:none;
  }
  #hover_explanation{
	  display:none;
  }
  
  #nav_bar {
	width: 961px;
	background: #fff;
	height: 32px;
	margin: 0;
    color: #000;
	font-size: 11pt;
	letter-spacing: 1px;
	
  }
  
   #nav_buttons {
	   color: #000;
	   float: left;
	   	padding-top: 5px;
			padding-left: 15px;
   }
  
    #nav_buttons a {
	color: #000;  
	text-decoration: none;
	padding-left: 15px;

  }
  
  
  .title a, .title a:visited {
	color: #000;
	text-decoration: underline;
  }
  

  #auction_calendar{
	float: right;  
	width: 250px;
	background: #fff;
	height: 27px;
	margin: 0 auto;
	text-align: center;
	padding-top: 5px;
	font-weight: bold;
	font-size: 14pt;
	
  }
   a #auction_calendar {
	   color: #000;
	   text-decoration: none;
   }
  #background {

	position: absolute;
	top: 0px;
	left: -17px;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 601px;
	z-index:-1;
  }
  
  #bar1, #bar2, #bar3 {
	text-decoration: none;  
	 color: #000;
	  padding-top: 6px;
	  width: 937px;
	  height: 23px;
	margin: 0 auto;
	cursor: pointer
  }
  
  h1 {
	padding-left:15px;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
	font-size: 15px;
	font-weight: bold;
  }
  h2{
	font-size: 16px;  
  }
  h3{
	 text-align:center;
	 color:##ff8a00;
  }
  

  #bar1 {
	 
	background: #000 url(img/blue_bar.jpg) repeat-x top left;
  }
  
  #bar4 {
	text-decoration: none;  
	 color: #000;
	  padding-top: 6px;
	  width: 937px;
	  height: 23px;
	margin: 0 auto;
  }
  
  #bar2, #bar3 {
	
  }
  
  #bar1 a, #bar2 a, #bar3 a {
	  
	  text-decoration: none;
  }
  
  #steffen_group_logo {
	padding-bottom: 10px;
	clear: both;
  }
  
  #search_bar {
	float: right;
	height: 30px;
	width: 395px;
	text-align: right;
  }
   
  .float_left {
	float: left; 
	padding-right: 5px;
	border: none;
  }
   .float_right {
	float: right; 
	border: none;
	padding:0 10px;
  }
  #secondary_nav, #secondary_nav_bottom {
	padding-bottom: 10px;
	margin-top: -15px;
	clear: both;
	float: right;
	color: #000;
	font-size: 14px;
  }
  
  #secondary_nav_bottom {
	float:none;
	text-align:center;
  }
  
  #secondary_nav a, #secondary_nav_bottom a{
	color: #000;
	text-decoration: none;
  }
    #secondary_nav a:hover, #secondary_nav_bottom a:hover{
	color: #000;
	text-decoration: none;
  }
  
  #bar1_arrow, #bar2_arrow, #bar3_arrow {
	padding: 0px 10px 0 10px;  
	border: none;
  }
  
  #section1, #section2, #section3 {

	height: 170px;
	width: 890px;
	padding-left: 45px;
	padding-top: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .8em;
	font-weight: bold;
	letter-spacing: 1px;
	color: #000;
  }
  
   #section2, #section3 {
	display: none;
  }
  
  #section_about, #section_services {
	width: 922px;
	padding-left: 15px;
	padding-top: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .9em;
	font-weight: bold;
	letter-spacing: 1px;
	color: #000;
	
  }
  
   #section_about a, #section_services a {
	   color: #000;
	   
   }
  
   #section_about {
	background: url(img/courtside.jpg) no-repeat top right;
   }
   
  
   
   .list1 {
	list-style-type: square;
	color: #000;
	font-size: 1.4em;
	
	
   }
   .list_text {
	color: #000;  
	font-size: .7em;
	margin-left: -7px;

   }
   

      .list_text2 {
	color: #000;  
	font-size: .6em;
	margin-left: -7px;

   }
   
   .heading{
	 color: #000;  
	 font-weight: bold;
   }
   
  textarea {
	  resize: none;
	  font-family: Verdana, Geneva, sans-serif;
  }
  
   #section_content {

	min-height: 170px;
	width: 890px;
	padding-left: 45px;
	padding-top: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #000;
  }
  
     .section {

	min-height: 170px;
	width: 890px;
	padding-left: 45px;
	padding-top: 10px;
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	font-size: .8em;
  }
  
 
  #section_content a{
	color: #000;
	text-decoration: underline;	
  }

  
  #main_image {
  	padding-bottom: 15px;
  }
  
  #banner {
	 display: none;
  }
  
  a {
	 text-decoration:none;
  }
  
  #footer {
	font-size: .7em;
	color: #000;
	text-align: center;
  }
  
  #s3slider { 
   width: 937px; /* important to be same as image width */ 
   height: 257px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */

}
 #s3slider ul, #s3slider li {
	margin: 0;
	padding: 0;
 }
 
#s3sliderContent {
   width: 937px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   list-style: none;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage .text_bottom {
   position: absolute; /* important */
   left: 0;

 padding: 10px 13px;
   width: 937px;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #000;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.s3sliderImage .text_top {
   position: absolute; /* important */
   left: 0;

 padding: 10px 13px;
   width: 937px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.s3sliderImage .text_left {
   position: absolute; /* important */
   left: 0;

 padding: 10px 13px;
   width: 225px;
   height: 247px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.s3sliderImage .text_right {
   position: absolute; /* important */
   right: 0;

 padding: 10px 13px;
   width: 250px;
   height: 247px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}

.blue{
	color: #000;
}

#imgPreviewWithStyles {
    z-index: 999;
    border: none;
}

p{
	font-size: .8em;
	padding-left: 10px;
	font-weight: normal;
	color: #000;
}
span{
	color: #000;
}
div{
	color: #000;
}

.form{
width: 325px;
background:#333;
color:#000;
border: 2px solid #fff;
font-family: Verdana, Geneva, sans-serif;
}
#map_inner{
	visibility: hidden; margin: 10px;
	overflow: hidden;
}

.services_image{
	margin-left: -78px;
	padding-right: -50px;
	display: inline-block;
	float: left;
}

.properties {
	width: 890px; height:165px; background:#f3f3f3; padding: 10px; letter-spacing: normal; margin-bottom: 5px;
}
.auctions {
	width: 890px; 
	height:165px; 
	background:#f3f3f3; 
	padding: 10px; 
	letter-spacing: 
	normal; margin-bottom: 5px;
}

.auctions .title {
	font-size: 1em;	
}
.auction_info{
	float: left; display:inline-block; 
	padding: 10px 15px 10px 0px; 
	line-height:2em;
	width: 300px;
	font-weight: bold;
	color: #000;
	font-size: .9em;
}
.auction_bullets{
	float: right;  
	padding: 5px 0 0 0; 

	width: 270px;
	font-weight: bold;
	color: #000;
	background: #fff;
	vertical-align: middle;
	height:160px;
	font-size: .9em;
}

.auction_date{
		font-size: .8em;
		font-weight: bold;
		color: #000;
		text-shadow: #000 1px 1px 1px;
		background:#809daf;
		text-align: center;
		width: 350px;
		display: inline-block;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-bottom: 15px;
}

.auction_img {
	float: left; padding-right: 30px;
}
.auction_img_small{
	border: none;
	width: 208px;
}
.assets {
	width: 890px; height:125px; background:#f3f3f3; 
	padding: 10px; letter-spacing: normal; margin-bottom: 10px;
}
.asset_img_small{
	border: none;
	width: 160px;
	float: left;
}
.asset_info{
	float: left; display:inline-block; padding: 0px 0px 10px 15px; line-height:2em;
	width: 450px;

}
.asset_info_small{
	font-size:.7em; font-weight: normal; color: #000;
}
.asset_description{
	font-size: .8em;
	line-height: normal;
}
.asset_price {
	font-size:1.2em; color: #000; padding: 0 15px; float: right;
	width: 225px;
	background: #fff;
	height:125px;
	text-align:center;
}


.assets a, .asset_info_small a{
	color: #000;
	text-decoration: underline;	
}
 
.property_img {
	float: left; padding-right: 30px;
}
.price {
	font-size:1.2em; color: #000; padding: 0 15px; float: right
}
.title{
	font-size:1.2em; color: #000;
}
.property_info{
	float: left; display:inline-block; padding: 10px 15px 10px 0px; line-height:2em;
	width: 200px;
}
.property_info_small{
	font-size:.8em; font-weight: normal;
}
.bold{
font-weight: bold;	
}