/* 
--------------------------------------------------
	FORECLOSURE CSS DOCUMENT
	Author: Armono Wibowo for XHTMLSlicer
	Last Update: Dec, 2007

	TABLE OF CONTENT
	01 - GLOBAL BROWSER RESET
	02 - COMMON STYLE
	03 - STRUCTURE
-------------------------------------------------- 
*/


/* 01 - GLOBAL BROWSER RESET */
html, body, div, 
h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, 
form, label, input, select {
	margin: 0;
	padding: 0;
}

img, a img, fieldset {
	border: none;
	outline: none;
}


/* 02 - COMMON STYLE */
body {
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;	/* so I can use ems rather than pixels */
	color: #434343;
}

a {
	text-decoration: none;
	color: #009de9;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	text-decoration: none;
}

.inner {
	margin: 0 auto;
	width: 749px;
}

/* 03 - STRUCTURE */

/* HEADER */
#header {
	background: url("../images/bgheader.gif") bottom repeat-x;
	padding-bottom: 18px;
}

	#header h1 a {
		margin: 15px 0 0;
		background: url("../images/foreclosure_widget_new.png") no-repeat;
		width: 286px; height: 27px;
		display: block;
		text-indent: -9000px;
	}
	



	/* NAV */
	#nav {
		margin-right: 0;
		text-align: right;
		background: url("../images/bgnav.gif") bottom no-repeat;
		overflow: hidden; height: 1%;
	}
	#nav ul {
		float: right;
		margin: 0; padding: 0;
		list-style: none;
	}
	#nav ul li {
		float: left;
		display: block;
		padding-right: 8px;
		font-size: 1.4em;
		text-indent: 0;
		line-height: 25px;
	}
	#nav ul li a {
		border-left: 1px solid #009de9;
		padding-left: 8px;
	}
	#nav ul li.first a {
		border-left: none;
		padding-left: 8px;
	}
	

/* CONTAINER */
#container {
	margin: 22px 0 0;
	overflow: hidden; height: 1%;
}
	#container .desc {
		margin: 3px 0 0; padding-bottom: 2px;
		border-bottom: 15px solid #838383;
	}
	#container .desc h2 {
		padding: 10px 25px;
		font-size: 1.2em; font-weight: normal;
		line-height: normal;
		color: #fff;
		background: #009de9 url("../images/bgbar.gif") top no-repeat;
		display: block;
	}
	
	#container .maincont {
		float: left;
		width: 535px;
	}
		.maincont h1 {
			font-size: 2.4em;
			color: #01aef0;
			letter-spacing: 0.05em;
		}
		.maincont p {
			margin: 15px 0 0;
			font-size: 1.2em;
		}
		
	#container .sidecont {
		float: right;
		width: 189px;
		padding-left: 25px;
	}
		.sidecont .sidebar {
			margin: 0;
			background: url("../images/bgsubnav2.gif") bottom no-repeat;
			padding-bottom: 35px;
		}
		
		.sidebar ul {
			margin: -5px 0 0; padding: 0;
			list-style: none;
		}
		.sidebar ul li {
			font-size: 1.8em;
			border-bottom: 1px solid #dfe1e0;
		}
		.sidebar ul li a {
			display: block;
			width: auto;
			padding: 8px 12px;
			text-indent: 0;
			text-decoration: underline;
		}
		.sidebar ul li a:hover {
			text-decoration: none;
		}
		
		form#search {
			border-bottom: 1px solid #dfe1e0;
			padding-bottom: 4px;
		}
		form#search .tfield, form#search input.button {
			float: left;
			margin: 10px 0 0;
		}
		form#search input.tfield {
			margin-right: 10px; padding: 2px;
			width: 125px;
			font-size: 1.2em; font-family: Arial, Helvetica, sans-serif;
			color: #828282;
		}
		
		.sidebar img {
			margin: 10px 0 0 10px;
			padding: 10px 0 0 0px;
		}

		.sidebar object {
			margin: 5px 0 0 5px;
			padding: 10px 0 0 10px;
		}

		.right {
			float: right; }

		.left {
			float: left; }

		.center {
			float: center; }

/* FOOTER */
#footer {
	clear: both;
	margin: 28px 0 0; padding: 20px 0;
	background: url("../images/bgfooter.gif") top repeat-x;
	text-align: center;
	font-size: 1.0em;
	color: #bebebe;
	line-height: 1.2em;
}