html {
		background: #ffffff;
		min-width:500px;
}

/* All header stuff. */

#header {
	height: 200px;
	min-width: 580px;
	margin-left: 0px;
}

#header h2 {
	margin-top: -12px;
	margin-left: 27px;
	font-family: helvetica, sans-serif;
	font-weight: 100;
	font-size: 17px;
	text-align: left;
	color: black;
}

#logo-section {
	width: 300px;
    height: 200px;
	float: left;
}

#photo-section {
	width: 180px;
	height: 100%;
	float:right;
}

#photo-section img {
	padding-top: 35px;
	
}

#menu-section {
	height: 180px;
	font-family: helvetica, sans-serif;
	text-align: left;
	float: left;
}

.menu-item {
	padding-top:0px;
}

.menu-item li {
	list-style: none;
	padding: 8px;
	padding-left:0px;
	display: table;
}

.menu-item ul {
	margin:0;
	padding: 0;
}

.menu-item a {
	display: block;
	width: 100px;
	color: #333;
	text-decoration: none;
	text-align: left;
	font-size: 17px;
	font-family: helvetica;
	font-weight: 300;
}

.menu-item a:hover, focus, active {
	color: #ffbe64;
}

/* End of header stuff. */


.content-container {
	margin-left: 0px;
	font-weight: 200;
	padding: 15px;
	height: auto;
	width: auto;
	position: relative;
}

.content-container p {
	padding-left: 12px;
	font-family: helvetica, sans-serif;
}

.content-container-background {
	background-color: #fff;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	opacity: 0.90;
	z-index: -1; /* put it behind everything else */
	position: absolute;
	top: 0;
	left: 0;

}

#about-me-section {
	height: 400px;
	width: auto;
}

#about-me-section a {
	color: #fc498d;
}

#about-me-section a:hover, focus, active, visited {
	color: #ffbe64;
}

#about-me-image-container {
	width: 235px;
	height: 100%;
	float: left;
	
	margin-right: 20px;
}

#about-me-text-container {
	float: left;
	height: 100%;
	width: 500px;
}

.about-me-image {	
	float: left;
	padding: 10px;
	padding-right: 20px;
	z-index: 1; /* bring it in front of everything else */
	width: 225px;

}

/* Portfolio specific */

.portfolio {
	resize: both;
	width: auto;
	height: auto;
}

.portfolio-item {
	width: 300px;
	height: 200px;
	float: left;
	padding-right: 7px;
}

.portfolio-item-circle {
	width: 150px;
	height: 200px;
	float:left;
	padding-top: 25px;
	padding-bottom: 25px;
}

.portfolio-item-circle img {
	height: 150px;
	opacity: 0.8;
}

.portfolio-item-blurb {
	width: 150px;
	height: 200px;
	float: right;
	word-wrap: break-word;
	text-align: left;
	font-family: helvetica;
	font-weight: 100;

}
.portfolio-item-title {
	font-size: 17px;
	font-weight: 400;
	margin-left: -5px;
}
.portfolio-item-text {
	font-size: 13px;
	margin-left: -5px;
}


/* Contact me thing. */

#contact-me a {
	color: #fc498d;
}
#contact-me a:hover, focus, active, visited {
	color: #ffbe64;
}