@import url(http://fonts.googleapis.com/css?family=Lato);
@charset "UTF-8";
img {max-width:100%;}
body {
	font: 90% Lato, Tahoma, Helvetica Neue, Arial, Verdana,Helvetica, sans-serif;
	background: #fff url(../images/hdr_bkg.gif) repeat-x ;
	margin: 0px;
	padding: 0px;
	text-align: center; 
	color: #666;
	line-height:1.3em;
	font-weight:400;
	
}
#container {
	max-width: 960px;
	width: 96%;
	margin: 0px auto;
	text-align: left;
	padding: 0px;
	position:relative;
}
#mainContent {
	clear:both;
	margin: 0px;
	margin-top: 80px;
	padding: 0px 20px;
}
#header {
	
	padding: 0px;  
	height: 70px;
}

#nav {
	font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: right;
	margin-right: 3%;
	margin-top:80px;
	margin-bottom: 40px;
	float:right;
	color:#aaa;
}

.tabwrapper {border-top:1px solid #ddd; width:100%; margin:0px; padding: 10px;}
div.bio {
	margin: 0px 8%;	
}

p{ text-align:justify;}

div.contact {
	margin: 120px 10% 0px 10%;
}

div.left	{
	margin-bottom: 30px;
	float:left;
	padding-right:14px;"
}
div.rightcol {
	margin-left: 255px;
	
}
.small {font-size: .9em; font-weight: normal;}

.button	{
	border: 1px solid #966;
	padding: 1px 7px;
}


h2	{
	font: Verdana, Geneva, sans-serif 16px;
	font-weight:normal;
	margin: 0px;
	padding: 0 0 12 0px;
}

a:link {text-decoration:none; color:#b56666; border:0;}
a:visited {text-decoration:none; color:#953344;}
a:hover	{text-decoration:underline;}

div#nav a:link {text-decoration:none; color:#aaa;}
div#nav a:visited {text-decoration:none; color:#aaa;}
div#nav a:hover	{text-decoration:underline;}

.p-desc {clear:left; margin-right: 250px;margin-left: 2%;}
.p-item {clear: both; margin: 10px; padding: 8px; border: 1px solid #ddd; font-size: .85em;}
.p-images {float:right; margin: 1.2em 1% 1em 3%; width:210px;}
.p-images img	{border: 0px;width:200px; }
.p-images img.podimages {margin: 2px; width:140px;}
 
h4 {margin-top: 0px; margin-bottom: 4px;padding-top: 7px;margin-left: 2%;}
.p-item h4 {float:left;}
.clear {clear: all;}

#top img {float:left; }
#top h1 {
	margin-top: 42px;
	float: left;
	margin-left: 3%;
	font-family: Lato, TrebuchetMS, Helvetica, san serif;
	font-weight: 400;
	color:#000;
	}
p.infotext {font-size: 10px; color:#666; padding: 0; margin: 5px 2%;} 

.tabcontent {display:block; padding-top: 30px;}
.tabcontent img {vertical-align:top;}
.tabcontent img.border {border: 1px solid #ccc;}


@media only screen and (max-width: 650px) {
	.p-images {float:none; margin: 20px 2%; width: 100%; clear:left;}
	.p-desc {margin: 0 1%;}

	
}
@media only screen and (max-width: 550px) {
	
	#mainContent {padding:0; width:100%;}
	#nav {margin-top:0px; margin-right: 2%;}
	.tabwrapper {padding:0;}
	.rightcol {margin-left:0!important; clear:left;}
	.contact {margin: 120px 8% 0px 8%!important;}
	.left {padding:0!important; text-align:center!important;float:none!important;}
	
}

@media only screen and (max-width: 320px) {
.p-desc p {font-size: 14px;}
#nav {margin-bottom: 20px;}
}