/*	Reset
================================================= */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,  strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
section, article, aside, header, footer, nav, dialog, figure {
	display:block;
}


/*	Reusable Classes
================================================= */

.hide {display: none !important;}
.clear {clear: both !important;}
.noborder {border: none !important;}
.nopadding {padding: 0 !important;}

/*	Structure
================================================= */

html {
	background-color: #fff;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	-webkit-text-stroke: 1px rgba(255, 255, 255, 0);
}

body {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 50px;
}

/*	Header
================================================= */

header {
	height: 140px;
	padding-top: 60px;
	border-bottom: 1px solid #bbb;
	margin-bottom: 10px;
}

header h1 {
	font-weight: normal;
	font-size: 10.5pt;
	color: #e83a58;
	text-transform: lowercase;
	text-align: center;
	letter-spacing: 1pt;
	width: 300px;
	margin: 0 auto;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

header p {
	font: 8pt "Lucida Grande", "Verdana", "Tahoma", sans-serif;
	color: #696161;
	padding-top: 10px;
	width: 260px;
	margin: 0 auto;
	text-align: center;
	line-height: 13pt;
}

header p .available {
	border-bottom: 1px dotted #999;
}

footer {
	border-top: 1px solid #bbb;
	margin-top: 10px;
	padding: 10px;
	text-align: right;
	font: 8pt "Lucida Grande", "Verdana", "Tahoma", sans-serif;
	color: #696161;
}

footer span {
	margin-left: 6px;
	padding-left: 8px;
	border-left: 1px solid #ccc;
}

p a, footer a {
	color: #e83a58;
	font-weight: bold;
	text-decoration: none;
}

p a:hover, footer a:hover {
	color: #ea8a9a;
}

/*	Content
================================================= */

section {
	width: 300px;
	height: 200px;
	margin: 10px;
	float: left;
}

section a {
	display: block;
	width: 300px;
	height: 200px;
	text-decoration: none;
}

section .image {
	width: 300px;
	height: 200px;
	overflow: hidden;
	position: absolute;
}

section .info {
	padding-top: 165px;
	line-height: 10pt;
	background-image: url("/img/a_visit.png");
	background-position: right 170px;
	background-repeat: no-repeat;
}

section.visit .info {
	background-image: url("/img/a_visit.png");
}

section.download .info {
	background-image: url("/img/a_download.png");
}

section a h2 {
	color: #e83a58;
	font-size: 10pt;
}

section a span {
	color: #696161;
	font: 8pt "Lucida Grande", "Verdana", "Tahoma", sans-serif;
}