/* @override http://elsenpeterauctions.com/css/screen.css */
/* @override http://www.elsenpeterauctions.com/css/screen.css */



/* 
Title:		Elsenpeter Auctions, Maple Lake, Minnesota
Author: 	David Boyer
Email:		david.boyer[at]26tigers.com
Created: 	May 30, 2008
Updated:	August 30, 2009
*/

/* Design Notes:

Colors:
	Body Background: #D7D7D7
	Content Bg: ##EFF7F9 
	Brown: #863c07
	color: #ECDC76; 
*/

/*--[Global]----------*/
html, body, form, fieldset, legend, input, textarea, select, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, li, address, img {
	margin:0;
	padding:0;
}

body {
	background-color: #D7D7D7;
	color: #333;
	text-align: center; /* KLUDGE: IE5.5 and IE6 in quirks mode doesn't understand auto margining. IE misunderstands text-align: center and centers everything. Must reset text to the left in the wrapper tag. */
}


/*--[Generic Link Rules]---------*/
a:link, a:visited {
	color:#1694C9;
	text-decoration: none;	
}
a:hover {
	color: #D35900;
}


/*--[Wrappers and Columns]---------*/
.wrapper {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
.wrapper_alt {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
.left_col { 
	float: left;
	width: 650px;
	position: relative;
	margin-left: 20px;
	display: inline;
	padding: 0;
}
.right_col {
	float: right;
	width: 295px;
	position: relative;
	margin-right: 15px;
	display: inline;
	padding: 0;
	
}
#front .left_col {
	float: left;
	width: 300px;
	position: relative;
	margin-left: 20px;
	display: inline;
	padding: 20px 0 0 0;	
}
#front .right_col {
	float: right;
	width: 600px;
	position: relative;
	margin-right: 15px;
	display: inline;
	padding: 20px 0 0 0;
}
.one_col {
 	margin: 0 20px;
 	padding: 20px 0 0 0;
}


/*--[Header Elements]--------*/
#header {
	position: relative;
	background: url(../images/img/bg_header.jpg) repeat-x 0 100%;
}		
	#header .wrapper {		
		height: 206px;
	}
	#header h1 {
		background: url(../images/img/logo_ea_mainweb.gif) no-repeat;
		text-indent: -9926px;
		width: 482px;
		height: 159px;
		position: absolute;	
		top: 0;
		left: 0;
	}
		#header h1 a {
			display: block;	
			background: url(../images/img/logo_ea_mainweb.gif) no-repeat;
			height: 159px;
		}

#header h4.badge { 
	background:url(../images/img/bg_comingsoon.jpg) no-repeat;
	text-indent:-9926px;
	width:48px;
	height:53px;
	z-index:5000;
	position:absolute;
	left: 700px;
	top: 103px;
 }


	/*Up Next Topper*/
	div.upnext {
		position: absolute;
		top: 10px;
		right: 0px;
		padding: 0 0 0 32px;
		height:30px;
	}
		div.upnext p {
			font: normal 95%/30px "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
			color: #EDE6B9; /*Gray Yellow*/
			padding: 0 75px 0 30px;
			margin-bottom:-9926px;
			position:relative;	
			text-align:right;
			height:30px;		
		}
			div.upnext p.gavel { 
				background: url(../images/img/bg_upnext.gif) no-repeat 0 0;	
			 }
			div.upnext p.newspaper { 
				background: url(../images/img/bg_upnext.gif) no-repeat 0 0;
			 } 
			
			* html div.upnext p.gavel, * html div.upnext p.newspaper { background:none; } /* Remove the icon from IE6 */s
			
			div.upnext p span {
				color:  #BEBEBE;
				padding: 0 0 0 3px;
			}
							
		div.upnext a:link, div.upnext a:visited {
			background: url(../images/img/btn_headerbar_go.gif) no-repeat 0 0;
			height: 30px;
			width: 62px;
			text-indent: -9926px;
			position:absolute;
			right:0;
			top:0; 
			direction:rtl; 
		}

img.badge { 
	position:absolute;
	z-index:2000;
	width:47px;
	height:53px;
	top: 45px;
	left:800px;
 }
		

/*--[Navigation]--------*/	
/*Main Navigation*/
ul#nav_main {
	position: absolute;
	bottom: 0px;
	left: 0px;
	float: left;
	height: 47px;
}
	ul#nav_main li {
		float: left;
		display: block;
		padding: 0 12px;
		background: url(../images/img/bg_navmain_divider.gif) no-repeat 0 0;
}
		ul#nav_main li a:link, ul#nav_main li a:visited {	 
			float: left;
			display: block;
			height: 47px;
			font: normal 138%/47px Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
			color: #FFF;
			padding: 0 0 0 0;	
		}
		ul#nav_main li a:hover {
			color: #ECDC76; /*Dull Yellow*/
		}
		
/*Focus Navigation*/
ul.nav_focus {
	position: absolute;
	bottom: 48px;
	right: 0;
	float: left;
	height: 38px;	
}
	ul.nav_focus li {
		float: left;
		padding: 0 10px;
	}
		ul.nav_focus li a:link, ul.nav_focus li a:visited {
			display: block;
			color: #ECDC76; /*Dull Yellow*/
			font: normal 130% Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
			width: 174px;
			height: 28px;
			padding: 10px 0 0 50px;

		}	
			ul.nav_focus li a:hover {
				color: #FFF;
			}
			ul.nav_focus li a.online {	
				background: url(../images/img/btn_online_auctions.gif) no-repeat top left;
			}
				ul.nav_focus li a.online:hover {
					background: url(../images/img/btn_online_auctions.gif) no-repeat top right;
				}				
			ul.nav_focus li a.realestate {	
				background: url(../images/img/btn_realestate_auctions.gif) no-repeat top left;
			}
				ul.nav_focus li a.realestate:hover {
					background: url(../images/img/btn_realestate_auctions.gif) no-repeat top right;
				}			
			ul.nav_focus li a.allcalendar {
				background: url(../images/img/btn_realestate_allauctions.gif) no-repeat 0 0;
			}
				ul.nav_focus li a.allcalendar:hover {
					background: url(../images/img/btn_realestate_allauctions.gif) no-repeat 100% 0;
				}			
		
/*--[Front Focus]----------*/
.front_focus {
	background: url(../images/img/bg_frontfocus.jpg);
	height: 338px;
	position: relative;
}
	.front_focus .intro_block {
		width: 485px;
		position: absolute;
		left: 30px;
		top:  30px;
	}
		.front_focus .intro_block h2 {
			font: 290%/1.1em Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
			color: #121b52; /* Dark Royal Blue */			
		}
	
#front_ssp {
	position: absolute;
	right: 86px;
	top:  44px;
	background-color: #333;
}

					
/*--[Texture Strip]----------*/
#texturestrip {
	background: url(../images/img/bg_texturestrip.jpg) repeat 0 0;
	border-bottom:1px solid #956051;
	margin-bottom: 1px;
}
	#texturestrip .wrapper {
		background: url(../images/img/bg_texturestrip_divider.jpg) repeat-y 0 0;
	}

		/*--[Quicklook Calendar]----------*/	
		#texturestrip div.quicklook {
			background: url(../images/img/bg_quicklook_cal.gif) no-repeat 0 0;
			height: 151px;
			width: 214px;
			float: left;
			margin-top: 5px;
			position: relative;
			font-family: "Lucida Grande", Lucida, Verdana, sans-serif;	
			line-height: 1.3em;	
		}
			#texturestrip div.quicklook p {
				position: absolute;
				top: 50px;
				left: 44px;
			}
			#texturestrip div.quicklook a:link, #texturestrip div.quicklook a:visited {
				display:  block;
				position: absolute;
				top: 98px;
				left: 44px;
				width: 150px;
			}
		/*--[Title Block]----------*/	
		#texturestrip div.titleblock {
			height: 124px;
			width: 750px; 
			float: right;
			margin: 30px 10px 0 0;
		}	
			#texturestrip div.titleblock h3 {
				font: 300% Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
				color: #FFF5C6;
				padding: 0;
				margin:  0 0 5px 0;
			}
			#texturestrip div.titleblock p {
				color: #FFF;
				font: 150% Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
			}
		#texturestrip h4.pointer {
			display: block;
			background: url(../images/img/bg_texture_pointer.gif) no-repeat 0 0;
			height:136px;
			width: 214px;
			text-indent: -9926px;
			float: left;
			margin: 10px 0;	
		}
		/*--[Simple Title]----------*/	
		#texturestrip div.simpletitle {
			background: url(../images/img/bg_texturestrip.jpg) repeat 0 0;	
		}
			#texturestrip div.simpletitle h3 {
				font: 300% Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
				color: #FFF5C6;
				padding: 10px;
				margin:  0;				
			}		
		
	#texturestrip ul {
		padding: 15px 0;
		width: 765px;
		float: right;
	}
		#texturestrip ul li {
			float: left;
			padding: 0 3px 25px 0;						
		}
			#texturestrip ul li a:link, #texturestrip ul li a:visited {	
				display: block;
				background: url(../images/img/btn_cattag.jpg) no-repeat 0 0;
				font: 95%/22px "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
				padding: 0 0 0 20px;
				color: #FFF;
				float: left;
				width: 165px;
				text-transform: uppercase;
			}	
			#texturestrip ul li a:hover {
				color: #ECDC76; /*Dull Yellow*/
			}
	
/*--[Typography]----------*/	
.t_medmaroon {
	color:  #7d1203;
	font: 180%/1.3em Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	padding: 0 0 10px 0;
	margin:  0;
}
.t_lrgmaroon {
	color: #7d1203; /*maroon*/
	font: 230%/1.1em Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	padding: 0 0 10px 0;
	margin:  0;
}
.t_medblue {
	color: #0e3f7e;
	font: 160%/1.3em Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	padding: 15px 0 0 0;
	margin:  0;
}
.t_lrgblue {
	color: #0e3f7e;
	font: 230%/1.1em Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	padding: 0 0 10px 0;
	margin:  0;
}
.t_smalgray {
	color: #999;
	font-style: italic;
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 90%;
}
.t_smallmaroon {
	color: #7d1203;
	font: bold 120%/1.3em "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 0 0 0 0;
	margin:  0;	
}
.boxed { 
	background:#e6e6e6;
	padding: 10px; 
	line-height:1.1em; 
	margin-bottom: 15px;
 }
			

/*--[Buttons]----------*/
/*Blue Oval Button*/
a.btn_oval:link, a.btn_oval:visited {
	background: url(../images/img/btn_oval_right.gif) no-repeat right center;
	color: #FFF;
	font: normal 100%/33px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;		
	height: 33px;	
	padding: 0 35px 0 0;
	margin: 15px 15px 3px 3px;
	float: right;
	display: inline;
}
	a.btn_oval:hover {
		color: #fcff20; /* Lemon */
	}
	a.btn_oval span {
		background: url(../images/img/btn_oval_left.gif) no-repeat left center;	
		padding: 0 5px 0 10px;
		height: 33px;
		display: block;
		float: left; 
		cursor: default;   
	}
	
/*Round Arrow Link Button*/	
a.roundarrow:link, a.roundarrow:visited {
	background: url(../images/img/btn_roundarrow_gray.gif) no-repeat 100% 50%;
	padding: 0 20px 0 0;
	line-height: 16px;
	display: block;
}
			
/*Side Bar Navigation*/
.sidenav { 
	width: 95%;
	float: right;
 }
.sidenav .t_medmaroon { 
	background:#e6e6e6;
	padding: 10px; font-size:250%; line-height:1.1em; 
}
.sidenav ul {
	padding: 0px;
	width: 100%;
}
	.sidenav ul li {
		padding: 5px 5px;
		border-top:1px solid #e6e6e6;		
	}
		 .sidenav ul li a:link, .sidenav ul li a:visited {
			display: block;
			font: normal 110% "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			color: #0e3f7e;

			padding: 3px 0 3px 20px;
			background: url(../images/img/bullet_gray.gif) no-repeat 0 50%; 
		}
			.sidenav ul li a:link.bullet_orange, .sidenav ul li a:visited.bullet_orange {
				background: url(../images/img/bullet_orange.gif) no-repeat 0 50%; 
			}
			.sidenav ul li a:hover, .sidenav ul li a:hover.bullet_orange {
				color: #7e0009; background-color:#e6e6e6;
			}	

/*Litature Side Bar Navigation*/
ul.litnav { 
	width: 95%;
	float: right;
	margin:0;
 }
	ul.litnav .t_medmaroon { 
		background:#e6e6e6;
		padding: 10px; 
		line-height:1.1em; 
	} 
	ul.litnav li {
		padding: 5px 0;	
		border-bottom: 1px solid #ccc;
		margin:0;
	}
		ul.litnav li ul li {
		padding:5px 10px;
		border:none;
		margin:0;
		}
		 ul.litnav li ul li a:link, ul.litnav li ul li a:visited {
			display: block;
			font: normal 110% "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			color: #0e3f7e;
			padding: 3px 0 3px 28px;
			background:url(../images/img/icon_info.gif) no-repeat 5px 50%; 
			margin:0;
		}
			ul.litnav li ul li a:hover {
				color: #7e0009; background-color:#e6e6e6;
				
			}	
/*--[Content Area]-------*/
#content {
	background: #d7d7d7 url(../images/img/bg_content_shadow.gif) repeat-x 0 0;
}
	#content .wrapper {
		background: #f6f6f6 url(../images/img/bg_wrappercontent.jpg) repeat-y 0 0;
		padding: 0 0 25px 0;	
	}
#content p {
	padding-top: 4px;
	padding-bottom: 4px;
}

/* Bread Crumb Topper */
.breadcrumb {
	height: 14px;
	background: url(../images/img/bg_breadcrumb_shadow.gif) no-repeat 0 0;
}

/*--[Top Block]-------*/	
.top_block {
	border: 1px solid #ccc;
	background-color: #efefef;
	padding: 5px 10px;
}
	.top_block h3 {
		font: 300% Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
		color:#333; 
		padding: 4px 0;
		margin-bottom:15px;	
		border-bottom: 1px solid #ccc;
	}
	.top_block h4 {
		font: 180% Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
		color: #0e3f7e;
		padding: 10px 0 4px 0;
		margin: 0;	
	}	
	#content .top_block p {
		font-size: 95%;
		padding: 4px 10px;
	}
	.top_block ul {
		font-size: 95%;	
		width: 95%;
		margin: 0 auto;	
		padding: 5px 0;
	}
		.top_block ul li {
			background: url(../images/img/bullet_greenarrow.gif) no-repeat 0 50%;
			padding: 4px 0 4px 20px;
}

/* Doc List*/	
ul.doclist {
	width: 98%;
	margin: 0 auto;
}
	ul.doclist li {
		padding: 0 3px;
	}
		ul.doclist li a {
			display: block;
			background: url(../images/img/icon_acrobat.gif) no-repeat 0 50%;
			padding: 0 0 0 22px;
		}
	
/* Item Lists*/	
div.itemlists ul {
	width: 100%;
	float: left;
}	
	div.itemlists ul li {
		background: url(../images/img/bullet_orange.gif) no-repeat 0 0;
		padding:  0 0 10px 15px;
		width: 45%;
		float:  left;
		font-size: 90%;
	}

/* News Lists*/
ul.list_news li a {
	background:url(../images/img/icon_paperclip.gif) no-repeat 0 50%;
	padding: 4px 0 4px 20px;
}

/*--[Teaser Block]-------*/	
.teaser_block {
	border: 1px solid #ccc;
	background: #efefef url(../images/img/bg_faintgrad.gif) repeat-x 0 0;
	padding: 10px;
	margin-bottom: 25px;
}
	.teaser_block h3.article_title {
		font: 230%/60px Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
		color: #7d1203; /*maroon*/
		padding: 0 0 0 55px;
		background: url(../images/img/icon_article.gif) no-repeat 0 50%;		
	}
	#content .teaser_block p {
		font-size: 95%;
		padding-left: 20px;
		padding-right: 20px;
	}

/*--[Contact Us page]-------*/	
.generalcontact {
	border: 1px solid #ccc;
	background: #efefef;
	padding: 10px;
	margin-bottom: 25px;
}
#content .generalcontact p {
	font: 130% "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #0e3f7e;
}
	.generalcontact input {
		width: 70%;
		margin-bottom: 20px;
	}
		.generalcontact input.submit {
			width: auto;
			margin: 10px 0;
		}	
	.generalcontact textarea {
		width: 95%;
		height: 250px;	
	}
address.contact {
	font-style: normal;
	font: 120% "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #0e3f7e;
}	

/*--[Head Shots]--*/	
.headshots {
	padding: 0 25px;	
}
	.headshots img {
		display: block;
		padding: 0;
		margin: 0;
		border: 3px #CCC solid;
	}
	#content .headshots p {
		padding: 0 0 10px 0;
	}
	
	
 
/*--[Data Tables]-------*/	
table.acal {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #666;
}

	table.acal col {
	  border-right: 1px solid #ccc;
	}
	
	table.acal thead {
	  background: #bebebe;
	  border-top: 1px solid #a5a5a5;
	  border-bottom: 1px solid #a5a5a5;
	  font: 110% "Trebuchet MS", Trebuchet, Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
	  color: #7f7f7f;
	}
	
	table.acal th {
	  font-weight: normal;
	  text-align: left;
	}
	
	table.acal .notitle {
	  text-indent: -1000em;
	}
	
	table.acal th, table.acal td {
	  padding: 8px;
	}
	
	table.acal .odd {
	  background-color: #dcdcdc;
	}

/*--[Listed Aucitons]--*/
.listed {
	margin: 10px 0;
	border-top:1px solid #dcdcdc; 
	border-bottom:1px solid #dcdcdc; background-color:#e6e6e6; }	
	.listed img {	
		float: left;
		background: #ccc;
		border-color: #AAA #CCC #DDD #BBB;
		border-style: solid;
		border-width: 2px;
		padding: 2px;
		margin: 15px;
	}

/*--[Google Map Embed]-------*/
.gsmsc-mapDiv {
  height: 450px;
}
.gsmsc-idleMapDiv {
  height: 350px;
}
#mapsearch {
	width: 295px;
	background-color: #dfdfdf;
	border: 1px solid #ccc;
	margin-bottom: 15px;	
}

/*--[Footer]-------*/
#footer {
	clear: both;
}
#footer .wrapper {
	position: relative;
	background: url(../images/img/bg_wrapperfooter.jpg) no-repeat 0 0;
	min-height:167px;
	height:auto !important;
	height:167px;
}
	#footer ul {
		padding: 11px 8px 0 8px;
		float: left;
	}
		#footer ul li {
			display: inline;
			padding: 0 8px;
			border-left: 1px solid #a3a3a3;
			font: 80% Arial, Helvetica, sans-serif;
		}
		#footer	ul li.first {
			border-left: none;
		}		
			#footer ul li a:link, #footer ul li a:visited {	
				color: #FFF;
			}
			#footer ul li a:hover {
				color: #FD7558;
			}
	#footer p {
		float: right;
		padding: 14px 10px 15px 0;
		font: 80% Arial, Helvetica, savns-serif;
		color: #FFF;
	}	
	#footer	address {
		position: absolute;
		left: 10px;
		top: 50px;
		color: #666;
		font: normal 115%/1.2em Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	}
	

/*--[Overwrites]--------*/

