html, body {
	margin: 0;
	padding: 0;
}

body {
	background-color: #362f2d;
	font-family: Helvetica, Arial, sans-serif;
}

#container {
	background-color: #adc992;
	margin: 0;
	padding: 20px;
	float: left;
	width: 300px;
	min-height: 118px;
}

.page {
	float: left;
	clear: left;
	width: auto;
	margin-bottom: 2em;
}

.page h4 .pagetitle {
	float: left;
}

.page h4 .divider {
	display: block;
	border-bottom: 0.2em solid #f2a2b2;
	float: left;
	width: auto;
}

.page .content {
	clear: both;
}

#rows {
	display: block;
}

#jaws {
	background: url(/images/jaws.png) repeat-y;
	float: left;
	height: 158px;
	width: 56px;
	margin: 0;
}

.hundred {
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

#foot {
	clear: both;
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 1.2em;
}

#loader {
	position: absolute;
	left: 5px;
	top: 5px;
	display: none;
}

.box {
	width: 140px;
	height: 140px;
	border-width: 16px 16px 16px 16px;
	border-style: solid;
	margin: 0.4em 0.3em 1.3em 0.3em;
	float: left;
	cursor: pointer;
}

.box .title {
	font-size: 0.8em;
	height: 16px;
	margin: -16px 0 0 0;
	text-align: right;
	text-transform: lowercase;
}

.box.odd		{ border-color:  #FFFFFF !important; background-color: #d7dcb3 !important; }
.box.even		{ border-color:  #d7dcb3 !important; background-color: #FFFFFF !important; }
.box:hover		{ border-color: #363b4e !important; color: #cf8484 !important; font-weight: bold !important; }
.box:hover .title { text-transform: uppercase !important; }
.box.disabled	{ cursor: default !important; }


.box.microfied {
	float: left;
	clear: left;
	overflow: hidden;
	margin: 0.2em 0em 0.4em 0em;
	border-width: 10px 10px 10px 10px;
}

.box.microfied.disabled h3 {
	font-size: 10px;
}
.box.microfied .title {
	display: none;
}

.box.microfied img {
	width: 1em;
	height: 1em;
}

.row.microfied {
	float: left;
	clear: none;
	width: 60px;
	margin-left: 0.5em;
}

h2.microfied {
	float: right;
	clear: none;
	margin: 0;
	width: 24px;
	min-height: 166px;
}

h2.microfied .vertimage {
	display: inline-block;
}

h2.microfied .rowimage {
	display: block !important;
}

h2.microfied:hover .smallextra {
	display: block;
	float: right;
}

h2.microfied span {
	display: none;
}

h2.microfied img {
	display: none;
}

a img {
	text-decoration: none;
	border: 0;
}

h1#head {
	margin: 1em 0 0 -50px;
	line-height: 1;
	float: left;
}


h2 {
	position: relative;
	color: #000000;
	margin: 0 0 0 -20px;
	clear: both;
}

h2 a {
	margin-left: 0.5em;
	border-bottom: 1px dotted #000;
	text-decoration: none;
	color: #000000;
}

h2 a:hover {
	background-color: #363b4e;
	color: #cf8484;
}

h2.microfied a:hover {
	background: none;
}

h2 .special {
	position: absolute;
	top: -200px;
	left: -65px;
}

h3 {
	text-align: center;
	line-height: 1;
	font-size: 2em;
	padding: 0;
	margin-top: 34%;
	text-transform: uppercase;
}

h4 {
	font-size: 1.5em;
	margin: 0;
}

#closehatch {
	float: left;
	font-size: 1.2em;
}

.about-js {
	margin-top: 2em;
	font-size: 0.9em;
	float: right;
	width: 300px;
}

noscript {
	position: absolute;
	top: 3em;
	left: 3em;
	z-index: 10;
}
noscript img {
	float: right;
}