*{
	
	margin: 0;
	padding: 0;
	
}

html{

	font-size: 100%;

}

body{

	max-width: 100%;
	font-size: 1em;
	background-color: #ffffff;

}

a{
	
	color: #852052; 
	font-weight: bold;
	
}

#wrapper{

	position: relative;
	width: 60em;
	height: 180em;
	left: 50%;
	margin-left: -30em;

}

#branding{

	font-family: sans-serif;
	width: 98%;
	height: 6%;
	margin: 1%;
/*	background-color: #0000a9; */
	background-color: #205385;
	color: #ffffff;
	
	background-image: url("mad180.jpg");
	background-repeat: no-repeat;
	background-position: right;

}

#branding h1{

	font-size: 3.5em;
	font-weight: lighter;
	letter-spacing: -0.05em;
/*	font-variant: small-caps; */
}

#branding h2{

/*	position: absolute;*/
	
/*	left: 7.2em;*/
	width: 50%;
	margin-top: 2%;
	margin-left: 25%;
	font-size: 1.75em;
	font-weight: lighter;

}

#columns{
	
	width: 98%;
/*	height: 85%;*/
	height: 60%;
	margin: 1%;

}

#content{

	float: left;
	width: 74%;
	height: 96%;
	margin: 1%;
/*	background-color: ; 
	overflow: auto;*/
 
}

#content h2{
	
	text-align: center;
	margin: 1em 0 0.5em 0;
	font-family: sans-serif;
	font-size: 1.75em;
	color: #852052;
	
}

#content h3{

	margin: 1em 0 1em 0;
	font-family: sans-serif;
	font-size: 1.25em;
	color: #852052;


}

#content p{

	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	margin: 1.5em 0 0 2em;

}

#content li{

	margin: 1.5em 0 0 4em;

}

#content li a{

	color: #000000;

}

#resume li{

	margin: 0.5em 0 0 4em;

}


p.introduction:first-letter{

  font-size: 400%;
  font-weight: bold;
  float: left;
  width: 1em;
  margin: 0 0 0.25em 0;
  color: #852052;

}

#navigation{

	float: right;
/*	width: 21%; */
	width: 20%;
	height: 96%;
	margin: 1%;
	background-color:;
/*	border: 0.1em solid #000000; */

}

#navigation ul{
	
	list-style: none;

}

#navigation li{

/*	float: right; */
	margin: 1em 0 0 2em;

}

#navigation li a{
	
	display: block;
/*	width: 10em; */
	width: 8em;
	
	height: ;
	line-height: 2em;
	color: #000000;
	font-family: sans-serif;
	font-weight: normal;
/*	background-color: #717182;
	background-color: #aaaaaa; */ 
	background-color: #8d8de3; 
	text-decoration: none;
	border: 0.1em solid #000000;
	border-style: outset;
	text-indent: 0.5em;

}

#navigation li a:hover{
	
	background-color: #203883; 
	border: 0.1em solid #000000;
	border-style: inset;
	color: #fff;

}

#navigation h3{

	width: 10em;
/*	float: right;*/
	text-align: center;
	font-size: 1.0em;
	line-height: 1.5em;
	margin: 2em 0 1em 1em;
	background-color: #852052;
	color: #ffffff;

}
#navigation p{

/*	float: right; */
	font-size: 0.85em;
	line-height: 1.5em;
	margin: 2em 0 0 1em;
/*	margin: 0.75em 3em 0.75em 3em;*/

}

#credits{

	clear: both;
	width: 98%;
	height: 8%;
	margin: 1%;
	background-color: #888888;

}

.imgright{

	float: right;
	margin: 0.5em 0 0 0.25em;

}

.imgleft{

	float: leftt;
	margin: 0.5em 0.25em 0 0;

}

#angelwater{ float: right;

margin: 0.5em 0 0 1em;

}

#bowbridge{

/*margin-left: 20%;*/

}

#ramble_arch{

float: left;
margin-right: 1em;

/* margin: 0 0.5em 0 0.25em; */


}

.details{

	margin: 0;
	list-style: none;

}