html {
  height: 100%; /* Needed for vertical center of #container in IE and FF. */
}

body {
  height: 100%; /* Needed for vertical center of #container in IE and FF. */
	background-color: #ffffff;
	font-family: myriadpro-regular, arial, sans-serif;
	color: black;
}

h2 {
  margin-top: 20px;
  font-family: myriadpro-bold, arial, sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
}

h2.first {
  margin-top: 0px;
}

h2 span.capital {
  font-size: 48px;
}

ul li {
  margin-bottom: 2px;
}

div.newrow {
	clear:both; 
	float:none; 
	width:100%; 
	height:0em;
	margin:0em;
	border:none; 
}

/*
  Basic template elements.
*/

#container {
  position: relative;
  top: 50%;
  margin-top: -265px; /* half of the height. */
  margin-right: auto;
  margin-left: auto;
  width: 735px;
  height: 530px;
}

#header {
  height: 105px;
  text-align: center;
}

#main-navigation {
  float: right;
}

#main-navigation a {
  float: left;
  width: 60px;
  font-family: myriadpro-bold, arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
}

#main-navigation a.active {
  border-style: solid;
  border-color: black;
  border-width: 2px 2px 0px 2px;
}

#content {
  margin-bottom: 20px;
  height: 345px;
  font-size: 14px;
  clear: both;
}

#content p {
  margin-bottom: 16px;
}

.media-navigation {
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  clear: both;
}

.media-navigation span {
  float: left;
  width: 50px;
  height: 16px;
}

.media-navigation a {
  float: left;
  margin: 0px 20px;
  width: 16px;
  height: 16px;
  border: 1px solid transparent;
  text-align: center;
}

.media-navigation a.active {
  border: 1px solid black;
}

/*
  Page specific.
*/

#contact {
  
  color: white;
  text-align: center;
}

#cv {
  padding: 30px 45px;
  color: white;
}

#vision {
  padding: 6px 40px;
  color: white;
  text-align: center;
}

#vision h2 {
  margin-top: 10px;
}

#vision h2 {
  margin-top: 0px;
}

#vision ul {
  list-style-type: disc;
}

#media-player {
  padding: 22px;
  color: white;
}

#media-player .player {
  float: left;
  width: 400px;
}

#media-player .content {
  float: left;
  margin-left: 22px;
  width: 260px;
}

#media-player .audio-controls {
  position: relative;
  top: -40px;
  left: 20px;
}