html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	height: 100%;
	color: #999999;
	margin: 0;
	padding: 0;
	background: #e4e2df;
	font-family: Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
}

h1 {
	margin: 0px;
	line-height: 1.3em;
	font-size: 0.8em;
	color: #7f7f7f;
	font-style: normal;
	font-weight: normal;
}

h2 {
	line-height: 1.3em;
	margin-left: 0;
	margin-bottom: 1em;
	margin-right: 0;
	margin-top: 2px;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
}


a:link {
	text-decoration: underline;
	color: #999999;
	border-style: none;
}

a:visited {
	text-decoration: underline;
	color: #999999;
	border-style: none;
}

a:hover {
	color: #0b75b9;
	text-decoration: underline;
}

img {
	border-width: 0px;
	vertical-align:top;/* fix to prevent gaps in internet explorer */
}

#page {
	/* this is critical to getting the background color to flow all the way to the bottom of browser window even when the content doesn't fit on the window and you have to scroll down (height: 100% doesn't work)*/
	min-height: 100%;
	margin-left: auto;
	margin-bottom: 0px;
	margin-right: auto;
	margin-top: 0;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #c5c4c1;
	border-left-color: #c5c4c1;
	background-color: #e8e7e4;
	width: 920px;
}

#header {
	background-repeat: no-repeat;
	background-image: url(/img/kemper_smith.png);
	height: 160px;
	padding: 5px 10px;
}


#main {
	padding-right: 10px;
	padding-left: 30px;
	float: left;
	width: 640px;
}

#portfoliorow {
	float: left;
	padding: 0px;
	margin-bottom: 16px;
	width: 640px;
}

#portfoliorow h1 {
	margin-top: 6px;
}

#projectrow {
	position: relative;
	width: 860px;
}

#projectrow img {
	margin-bottom: 40px;
	clear: none;
	float: left;
}

#projecttext {
	text-align: left;
	width: 200px;
	float: right;
	margin-top: 0px;
	margin-bottom: 40px;
}

#projectrowtext {
	left: 660px;
	bottom: 0px;
	position: absolute;
	margin-bottom: 40px;
	text-align: left;
	width: 200px;
	float: right;
}

#sidebar {
	padding-right: 30px;
	padding-left: 10px;
	float: right;
	width: 200px;
}

#footer {
	padding-left: 30px;
	padding-bottom: 5px;
	padding-right: 30px;
	padding-top: 5px;
	clear: both;
}

.portfolioitemleft {
	float: left;
	padding-right: 10px;
	width: 200px;
}

.portfolioitemmiddle {
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	width: 200px;
}

.portfolioitemright {
	float: left;
	padding-left: 10px;
	width: 200px;
}