html,
body {
	margin:0;
	padding:0;
	height:100%;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:small;
	line-height:1.4em;
   color: #959593;
   background-color: #282624; 
}
h1{
	font-size: larger;
}
html>body #wrap {
	height:100%; 
	min-width: 770px; 	
} 
#header {
	width:100%;
	height:2em; /* 32px */
	background-color: #282624; 
}
html>body #header {
	position:fixed;
	z-index:10; /* Prevent certain problems with form controls */
}
#logo {
	color: #959593;
	font: 300 2.0em/2.3em;
	font-size: large;
	line-height: 2em;
	width: 700px;
	margin: 20% auto;
}

html>body #middlewrap {
	height:100%;
	margin: 0 auto;
	text-align: center;
} 
html>body #middle {
    padding: 2em 4em 0 0;
} 

/* my stuff */
html>body #rhi {
	width:700px;
	margin: 0 auto;
}

.iDisplay {
	padding-left: 50%; 
}
#pic {
	position: absolute;
	top: 50%;
	left:50%;
}

#footer {
	width:100%;
	height:3em;
	background-color: #282624; 
	color: #959593;
	padding-top: 1.5em;
}

html>body #footer {
	position:fixed;
	bottom:0;
	z-index:10; /* Prevent certain problems with form controls */
}

#navigation {
	width: 370px;
	vertical-align: middle;
	height: 2.5em;
	margin: 0 auto;
}
#controls {
	padding-top: .2em;
	display: inline-block;
	font-size: x-large;
	font-weight: bold;
}

#controls a {
   padding: .5em .1em;
   text-decoration: none;
}

#contact, #cv {
	width:700px;
	margin: 4em auto;
}
#contact p, #cv p, h1 {
	text-align: left;
}
#contact a, #controls a {
	color: #959593;	
}
#contact a:hover, #controls a:hover {
  	color: #BBBBBC;
}

.info  {
	color: #959593;
}
.infoTitle  {
	text-align: center;    
}
.nav {
	padding: .5em 0 0 0;
}
.nav {
	display: inline;
	float: left;
}

.nav a {
   color: #959593;
   padding: .1em 2em;
   margin: .1em 0 0 1.5em;
   text-decoration: none;
   border: solid #282624 1px;
}

.nav a:hover, a.textLink:HOVER, nav.a:hover{
	border: solid white 1px;
  	color: #BBBBBC;
}

.nav a:active, .nav a:focus {
	border: none;
	text-decoration: none;
}

a.current {
	border: solid #BBBBBC 1px;
  	color: #BBBBBC;
}

#copy {
	padding-left: 4em;
	font-size: 70%;
}
.iList {
}
.iListWrap {
	width: 700px; 
	margin-top:20px;
}
.tile {margin: 0; padding: 10px; list-style: none;  text-align: center;  float: left; clear: none;}
.tile img {margin: 0px; padding: 0; border: none; cursor: pointer; vertical-align: middle; }
.tile a {margin: 0; padding: 0; border: none;}
.selectedTile {border: 3px solid #BBBBBC;}