html { text-align: center; }
body {
	width: 97%;
	max-width: 990px; 
	margin: 0.5em auto; position: relative;
	background-color: #063; color: #ffc;
	font: medium Papyrus, "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
h1 { margin-bottom: 0.5em; padding-bottom: 0; border-bottom: 1px solid #f90; }
p.first { margin-top: 0; }
p.last { margin-bottom: 0; }
ul { margin: 0; padding: 0; list-style: none; width: 100%; }
li {
	width: 33%;
	float: left;
}
li a { display: block; padding-top: 85px; margin-top: 1.5em; }
/* Row 1 */
li#russell a { background: url(/images/paulrussell.jpg) center top no-repeat; }
li#mfas a { background: url(/images/mfas.jpg) center top no-repeat; }
/* Row 2 */
li#newsbloq a { background: url(/images/newsbloq.jpg) center top no-repeat; }
li#krista a { background: url(/images/krista.jpg) center top no-repeat; }
/* Row 3 */
li#jane a { background: url(/images/photoeditor.jpg) center top no-repeat; }
li#weger a { background: url(/images/weger.jpg) center top no-repeat; }
/* Row 4 */
li#mason a { background: url(/images/mason.jpg) center top no-repeat; }
li#steve a { background: url(/images/stonescapes.jpg) center top no-repeat; }
/* Row 5 */
li#dobbs a { background: url(/images/dobbs2.jpg) center top no-repeat; }
li#ima a { background: url(/images/ima.jpg) center top no-repeat; }
/* Row 6 */
li#hardy a { background: url(/images/hardycreek.jpg) center top no-repeat; }
li#cubby a { background: url(/images/cubby.jpg) center top no-repeat; }

#aboot { margin: 1em 0 0; border-top: 1px solid #f90; border-bottom: 1px solid #f90; }
#aboot li { width: 50%; margin: 1em 0; }
#aboot li a { display: inline; padding-top: 0; }
#copyrite { color: Black; clear: both; text-align: center; margin: 0 2em; padding-top: 0.5em; font-size: 90%; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

a { color: #ffc; }
a:hover { color: #f90; }

@media screen and (max-width: 640px) {
	ul#portfolio li {
		width: 50%;
	}
}