body {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: -.2px;
	color: #555;
	margin: 0px;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}
a.h1 {
	text-decoration:none;
	color:#222;
}
*img {
	width:100%;
}
*p {
	padding: 0px 10px;
}
section img {
	padding:15px 15px 0 0;
}
h1 {font-family:  Arial, Helvetica, sans-serif; 
	font-size: 28px; 
	font-weight:normal;
	letter-spacing:-.5px;
	margin: 15px 20px 0 0;}

.container-main {
	margin: 0 auto;
	width:100%;
	text-align:center;
	padding:10px 30px 30px;
}
article {
	float:left;
	width:28%;
	text-align:left;
	max-width:300px;
}
section { 
	float:right;
	width:68%;
	text-align:left;
	padding-bottom:40px;
}
section.about {
	float:left;
	padding-top:10px;
	max-width: 650px;
}
section.bio {
	float:left;
	padding-top:7px;
	max-width: 800px;
}
section.bio img {
	width:100%;
	padding: 0px;
}
.pers p {
	line-height:19px;
}
.hm {
	padding: 0px 0px 60px;
	float:left;
	padding-top:15px;
}
.hm img {
	width:780px;	
	padding:80px 0px 0 0;
}
.ptgs2, .ptgs3, .ptgs500 {
	padding: 0px 40px 60px;
	float:left;
	width:100%;
}
.ptgs2 img {
	width:450px;
}
.ptgs3 img {
	width:370px;
}
.ptgs500 img {
	max-width:500px;
}
.wrk {
	position:relative;
}


@media screen and (min-width:860px) {
	section.about, section.bio {
		padding-left:20px;
	}
}
@media screen and (max-width:860px) {
}
@media screen and (max-width:768px) {
	.container-main {
		padding: 10px 0;
	}
	.container-main h1 {
		margin: 10px 0px 25px 0;
	}
	.nix { display:none;}

	article, section { 
		width:100%;
		max-width:99%;
		text-align:center;
		padding-top:25px;
	}
	section.bio {
		padding-left:0px;
	}
	section img {
		padding:5px;
	}
	section.about {
		padding-left:10px;
		padding-right:10px;
		max-width:100%;
		width: 96%;
	}
	.hm {
		float:none;
		margin-bottom:30px;
		padding-top:0px;
	}
	.hm img, .wrk img {
		padding: 5px;
	}
	.ptgs2, .ptgs3, .ptgs500 {
		padding: 0px 0px 30px;
		float:none;
	}
	.ptgs2 img {
		width:370px;
	}
}
@media screen and (max-width: 711px) {
	.hm img {
		border: 0px solid #fff;
		padding: 5px;
	}
}
@media screen and (max-width:640px) {
	.hm img {
		width:100%;
	}
	.ptgs500 img {
		width:370px;
	}
}
@media screen and (max-width:460px) {
	.hm img {
		width:400px;
		padding: 0 0;
	}
	.ptgs2 img, .wrk img, .ptgs500 img {
		width:320px;
		padding: 0 0;
	}
}
@media screen and (max-width:380px) {
	.hm img {
		width:320px;
	}
}