/*-  normalize everything
----------------------------------------------------------------------*/

/* normalize margin, padding */
html, body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, pre, input, 
p, blockquote, th, td, img {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

/* normalize font-size for headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

/* remove list-style from lists */
ol, ul {
	list-style: none;
}

/* normalize font-style and font-weight to normal */
address, caption, cite, code, dfn, em,
th, var {
	font-style: normal;
	font-weight: normal;
}

/* remove table border spacing */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* remove border from fieldset and img */
fieldset, img {
	border: 0;
}

/* left-align text in caption adn th */
caption, th {
	text-align: left;
}


/*-  listing tile
----------------------------------------------------------------------*/
body {
	width: 500px;
	margin: 50px auto;
	font-size: 12px;
	color: #333;
	font-family: arial, verdana, sans-serif;
}

p {
	margin-bottom: 2em;
}

a:link, a:visited {
	color: #608d0e;
}

div.tile {
	background: #fff url(images/bg/tile.jpg) top left no-repeat;
	width: 208px;
	height: 271px;
	padding: 9px 8px;
	margin-right: 5px;
	margin-bottom: 4px;
	float: left;
}

div.tile p {
	padding-bottom: 0 ! important;
}

div.tile .inner {
	margin: 4px;
}
div.tile .header {
	background: transparent url(images/bg/tile_header.jpg) top left no-repeat;
	width: 208px;
	height: 77px;
	position: relative;
	margin-bottom: 8px;
}

div.tile .header img.thumb {
	position: absolute;
	top: 6px;
	left: 6px;
	border: solid 1px #bbb;
}

div.tile .header img.zoom {
	position: absolute;
	top: 52px;
	left: 9px;
}

.filmstrip {
	background-color: #333;
	width: 200px;
	height: 200px;
	position: absolute;
	top: 4px;
	left: 4px;
	border: solid 2px #5c870e;
}

.filmstrip:hover {
	cursor: pointer;
}

.filmstrip img.overlay {
	position: absolute;
	top: -20px;
	left: -2px;
}

div.tile .header .location {
	position: absolute;
	top: 6px;
	left: 80px;
}

div.tile .header .location a.name:link,
div.tile .header .location a.name:visited {
	display: block;
	font-size: 15px;
	color: #286bcf;
	text-decoration: none;
}

div.tile .header .location a.name:hover {
	text-decoration: underline;
}

div.tile .header .location .address {
	display: block;
	font-size: 12px;
	color: #666;
}

div.tile .header .location .id_number {
	display: block;
	font-size: 11px;
	color: #333;
}

table.stats {
	margin-bottom: 8px;
}

table.stats td.value {
	font-weight: bold;
}

div.tile p.description {
	font-size: 90%;
	color: #555;
	margin-bottom: 12px;
}

div.tile p.icons {
	margin: 8px 0;
}

div.tile p.icons img {
	margin-right: 3px;
}

div.tile p.buttons img {
	margin-right: 8px;
}