body{
	font-family: sans-serif;
	background-color: #555555;
	color: #eeeeee;
}
.nav-pills-custom {
  background-color: #dddddd;
  border-radius: 0px;
}
.nav-pills-custom > li {
  width: 15em;
  text-align: center;
  vertical-align: middle;
  font-size: 1.15em;
  display: inline-block;
  line-height: 30px;
  border-right: 1px solid #cccccc;
  margin-right: -4px;
}
.nav-pills-custom > li > a {
  background-color: #dddddd;
  color: #777777;
  border-radius: 0px;
  height: 50px;
  vertical-align: middle;
}
.nav-pills-custom > li.active > a,
.nav-pills-custom > li.active > a:focus {
  color: #eeeeee;
  background-color: #555;
}
#bodyy{
	margin-top: 50px;
	text-align: center;
}
.background {
	background-image: url(Data/luxo_jr.png);
	background-size: cover;
	height: 710px;
}
#references{
	padding-top: 50px;
	text-align: center;
}
.about {
	font-family: 'Open Sans',sans-serif;
	color: #cccccc;
	padding-left: 750px; 
	padding-top: 150px;
	padding-right: 50px;
}
.innerText {
	text-align: center;
	color: #aaa;
}
#member{
	color: #000000;
	margin-top: 5px;
	background-color: #bbbbbb;
	height: 400px;
	width:47em;
	display: inline-block;
	border-radius: 2px;
	margin: 3px;
}
#bio{
	height:300px;
	width: 20em;
	background-color: #aaaaaa;
	display: inline-block;
	margin: 1px;
	padding: 10px;
	text-align: left;
	border-radius: 2px;
}
#pic{
	height:300px;
	width: 20em;
	display: inline-block;
	margin: 1px;
	padding-top: 40px;
}
a{
	color: ORANGE;
	text-decoration: none;
}
a:hover{
	color: RED;
	text-decoration: none;
}
.brand{
	display:inline;
	height: 48px;
	width:auto;
	position: absolute;
	right: 25px;
	top: 1px;
	bottom: 1px;
}
#brandt{
	font-family: serif;
	font-size: 20px;
	color:#777777;
	display:inline;
	height: 48px;
	width:auto;
	position: absolute;
	padding-top: 10px;
	right: 85px;
	top: 1px;
	bottom: 1px;
}


.container {
	padding-left:10%;
    float:left;
    position: relative;
    width: 30%;
}

.image{
    float:left;
}

.image img {
    width: 110%;
    height: 110%;
}

.nav {

    display: inline;
}