/* css reset code from http://rikrikrik.com/log/css-reset/ */

*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,li,dl,ol,ul{list-style:none}legend{color:#000}button,select,textarea,input{font:100% serif}table{border-collapse:collapse}caption,th,td{text-align:left}

a {
	color: black;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

html {
	background: black;
	height: 100%;
	text-align: center;
}

body {
	font-family: Verdana, Helvetica, sans-serif;
	height: 100%;
	position: relative;
}

#content {
	width: 40em;
	height: 20em;
	border-bottom: 0.2em solid #777;
	padding-bottom: 2em;
/*	margin: 0.5em auto 0.5em auto;
*/	position: relative;
	text-align: left;
	background: white url(images/roundleft.gif) no-repeat top left;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -20em;
	margin-top: -11em;
}

#wrapper {
	background: transparent url(images/roundright.gif) no-repeat top right;
	position: relative;
	padding: 1em;
	width: 39em;
	height: 20em;
	margin: 0px;
	border-bottom: 0.2em solid #777;
}

h1 {
	font: 1.8em "Gill Sans", Helvetica, sans-serif;
	margin-bottom: 0.0em;
	margin-top: -0.2em;
	letter-spacing: 0.05em;
}

.index h1 {
	font: 2.8em "Gill Sans", Helvetica, sans-serif;
	margin-top: -0.1em;
}

h2 {
	color: #777;
	font: 1.4em "Gill Sans", Helvetica, sans-serif;
	margin-bottom: 0em;
/*	letter-spacing: 0.15em;*/
}

.index h2 {
	font: 1.2em "Verdana", Helvetica, sans-serif;
}

h2+h2 {
	margin-bottom: 0.4em;
}

#navigation {
	position: absolute;
	bottom: .26153846153846153846em;
	left: 3px;
	right: 3px;
	font: 1.3em "Helvetica Neue Light", HelveticaNeue-light, Verdana, Helvetica, sans-serif;
	border-top: 1px solid black;
	padding-top: 0.3em;
/*	width: 100%;*/
	background: url(images/50white.png);
}

#navigation a {
	color: black;
	text-decoration: none;
	padding: 0.3em 0.3em;
}

#navigation img {
	height: 1.4em;
	position: relative;
	top: 0.1em;
}

img.smaller {
	height: 1.4em !important;
	position: relative !important;
	top: 0.1em !important;
	margin-left: -0.2em !important;
}

#navigation a:hover {
	position: relative;
	top: 0.3em;
	padding-top: 0.8em;
}

.here {
	position: relative;
	top: 0.3em;
}

#navigation li {
	display: inline;
}

.mainimage {
	float: right;
	margin-right: 0.2em;
	margin-top: -0.85em;
	height: 21.6em;
}

#info {
	text-align: center;
	font-size: 0.8em;
	color: #ccc;
}

#info a {
	color: #ccc;
	text-decoration: underline;
}

#contact {
	margin-top: 3.8em;
	font-size: 0.85em;
}

#contact a {
	color: blue;
}

.index #contact {
	margin-top: 0.4em;
	font-size: 0.8em;
}

.index #contact dd {
	margin-left: 0px;
	margin-bottom: 0.5em;
}

.index #contact a {
	font-size: 110%;
	color: blue;
}

#contact dt {
	width: 5em;
	text-align: right;
	float: left;
	clear: left;
	margin-right: 0.8ex;
}

#contact dd {
	margin-left: 5.5em;
	margin-bottom: 1em;
}

#info {
	color: white;
	width: 30em;
	margin-left: -15em;
	font-size: 70%;
	position: absolute;
	bottom: 10px;
	left: 50%;
	text-align: center;
}

.scroller {
	overflow: auto;
	height: 15.625em;
	margin-top: 0.6em;
	margin-right: 1em;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	padding: 0.5em 0;
	font-size: 0.8em;
}

.credits li {
	margin-bottom: 0.6em;
}

.credits p {
	font-size: 0.9em;
	font-style: normal;
}

.credits p+p {
	font-style: normal;
}

.credits strong {
	font-size: 1.4em;
}

.gallery {
	text-align: center;
}

.gallery img {
	border: 2px solid black;
}

.gallery h3 {
	font-size: 1.2em;
	font-style: italic;
}

.gear li {
	margin-bottom: 0.8em;
}

.gear>ul>li {
	font-weight: bold;
}

.gear>ul>li>ul>li {
	font-weight: normal;
	margin-bottom: 0.0em;
	margin-left: 0.6em;
}

.gear a {
	color: #044;
	
}

#telephone {
	float: right;
	margin-top:  0.3em;
	font-size: 0.85em;
}

.index .bio {
	margin-top: 0.8em;
	margin-bottom: 0.5em;
	font-size: 0.75em;
}

.index .bio+.bio {
	margin-top: 0em;
}

.glyph {
	position: relative;
	bottom: 0.5em;
	font-size: 0.8em;
}