@import url("reset.css");
@import url("text.css");

body { margin: 0; }
a, a:visited { color: #0C870F; text-decoration: none; }
a:hover { text-decoration: underline; }
blockquote p { border-left: 2px solid #EEE; padding-left: 25px; }
h1 {
	font-size: 18px;
	margin: 0.2em 0;
}
h2 {
	font-size: 16px;
	margin: 0.2em 0;
}
h2.subtitle { margin: -0.4em 0 0.2em; }
img {
	height: auto;
	max-width: 100%;
}

header {
	background: #000;
	background: -moz-linear-gradient(top, #3C3C3C 0%, #111 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3C3C3C), color-stop(100%,#111));
	border: 1px solid #2A2A2A;
	border-left: none;
	border-right: none;
	color: #FFF;
	font-weight: bold;
	overflow: auto;
	padding: 5px;
	text-shadow: 0 -1px 1px #000;
}
	header a, header a:hover, header a:focus, header a:active { color: #DDD; }
	header h1 {
		float: left;
		font-size: 16px;
		margin: 0.3em 0;

	}
	header .phone {
		float: right;
		font-size: 16px;
		margin: 0.3em 0;
	}

div#container {
	padding: 10px;
	position: relative;
}

	.datalist {
		margin: 0;
		padding: 0;
	}
	.datalist li {
		background: #FEFEFE;
		background: -moz-linear-gradient(top, #FDFDFD 0%, #EEE 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FDFDFD), color-stop(100%,#EEE));
		border-top: 1px solid #CCC;
		list-style: none;
		margin: 0;
		padding: 3px;
		position: relative;
		text-shadow: 0 1px 1px #F6F6F6;
	}
		.datalist .inner {
			padding: 0 70px 0 10px;
			position: relative;
		}
		.datalist .count {
			background: -moz-linear-gradient(center top , #FDFDFD, #EEE) repeat scroll 0 0 #EEE;
			border: 1px solid #CCC;
			color: #444;
			cursor: pointer;
			font-size: 11px;
			font-weight: bold;
			margin-top: -0.9em;
			padding: 0.1em 10px;
			position: absolute;
			right: 30px;
			text-decoration: none;
			top: 50%;
			text-shadow: 0 1px 1px #F6F6F6;
			-moz-border-radius: 9px;
			border-radius: 9px;
		}
		.datalist .icon {
			background: rgba(0, 0, 0, 0.4) url('../images/icons-18-white.png') no-repeat -108px 0;
			height: 18px;
			margin-top: -9px;
			position: absolute;
			right: 10px;
			top: 50%;
			width: 18px;
			-moz-border-radius: 9px;
			border-radius: 9px;
		}
	.datalist li:last-child { border-bottom: 1px solid #CCC; }
	.datalist li:hover {
		background: #FFF;
		background: -moz-linear-gradient(top , #FFF, #F5F5F5);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#F5F5F5));
		border-color: #AAA;
		text-shadow: 0 1px 1px #FFF
	}
	.datalist li.btn {
		cursor: pointer;
		min-height: 70px;
	}
	.datalist li.prop_type {
		cursor: pointer;
	}
	.datalist img {
		float: left;
		height: auto;
		margin-right: 10px;
		max-width: 100px;
	}
	.datalist h3 {
		color: #000;
		font-size: 16px;
		margin: 0.6em 0;
	}
	.datalist h3, .datalist h3 a { color: #000; }
	.datalist p {
		font-size: 12px;
		margin: -0.5em 0 0.6em;
	}

/*****
	TABLES
*****/
table.full { width: 100%; }
table th, table td {
	border: 1px solid #DDD;
	padding: 3px 10px;
}
table th {
	background: #FFF;
	text-align: left;
}


/*****
	CLEARFIX
*****/
	.clear {
		clear: both;
		display: block;
		height: 0;
		overflow: hidden;
		visibility: hidden;
		width: 0;
	}


/*****
	PRINT STYLES
	Inlined to avoid required HTTP connection
	www.phpied.com/delay-loading-your-print-css/
*****/
	@media print {
		* { background: transparent !important; color: #444 !important; text-shadow: none !important; }
		a, a:visited { color: #444 !important; text-decoration: underline; }
		a:after { content: " (" attr(href) ")"; }
		abbr:after { content: " (" attr(title) ")"; }
		.ir a:after { content: ""; }  /* Don't show links for images */
		pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
		img { page-break-inside: avoid; }
		@page { margin: 0.5cm; }
		p, h2, h3 { orphans: 3; widows: 3; }
		h2, h3{ page-break-after: avoid; }
	}


/*****
	MEDIA QUERIES
	for responsive design
*****/
	@media all and (orientation:portrait) {
		/* Style adjustments for portrait mode goes here */
	}

	@media all and (orientation:landscape) {
		/* Style adjustments for landscape mode goes here */
	}

	/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)
		Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
	@media screen and (max-device-width: 480px) {
		/* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
			j.mp/textsizeadjust
		html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
	}