@charset "UTF-8";
@import url("navcss.css");
/* CSS Document */

* {
margin: 0; /*collapse the margin outside all elements*/
padding: 0; /*collapse the padding inside all elements*/
}

body {
	text-align:center; /*color behind wrapper*/
	background-image: url(images/bg_light.jpg);


}

#wrapper {
	width: 960px;
	margin:0 auto; /*centers the wrapper in the browser window*/
	text-align:left;
	background-repeat: repeat;
	position:relative;
	background-image: url(images/bg_dark.jpg);

}
#bodycontent{
	background-image:url(images/bg_dark.jpg);

	}
#header, #footernav, #footer, .about, .contact{
	width: 960px;
}

.about {
    height:360px;
	background-image:url(images/bg_about.jpg);
    padding:0px;
}
.about p{
	font-family: 'PT Sans', sans-serif;
	font-size:11px;
	line-height:13px;
	text-align:left;
	margin-top:20px;
	margin-right:20px;
	margin-left:10px;
	color:#58595b;

}

.about p strong{
	font-size:16px;
}
.about p em{
	font-weight:bold;
	font-style:normal;
}
 
.show_hide {
    display:none;
}

#photo{
	width:230px;
	float:left;
}
#photo img{
	margin-left:20px;
	margin-top:20px;
}
#aboutme{
	width:220px;
	height:360px;
	float:left;
	}
#awards{
	font-family: 'PT Sans', sans-serif;
	font-size: 11px;
	width:170px;
	height:360px;
	float:left;
}
#education{
	font-family: 'PT Sans', sans-serif;
	font-size: 11px;
	width:170px;
	height:360px;
	float:left;
	}
#skills{
	font-family: 'PT Sans', sans-serif;
	font-size: 11px;
	width:170px;
	height:360px;
	float:left;
	}
	
.contact{
	height:155px;
	background-image:url(images/bg_about.jpg);
	font-size:12px;
	font-family: 'PT Sans', sans-serif;
	color:#58595b;
	line-height:17px;
}
.contact p strong {
	font-size: 16px;
}

#contactLeft{
	width:105px;
	height:155px;
	float:left;
}
#contactLeft img{
	position:relative;top:20px;left:20px
}

#contactMid{
	width:220px;
	height:155px;
	text-align: left;
	float:left;

}
#contactMid p{
	margin-top:25px;
	margin-left:20px;
}
#contactRight{
	width:635px;
	height:155px;
	text-align: left;
	float:left;
	}
#contactRight p{
	margin-top:25px;
	margin-right:20px;
}
	

#header {
	height: 145px;
	background-image: url(images/header_grid.png);
}

#header img {
	margin-left:341px;
	margin-top:25px;
	float:left;
}

#header p em{
	font-style: normal;
	color: #81c1cc;

}
#header p{
	font-size:22px;
	font-family: 'PT Sans', sans-serif;
	color:#58595b;
}
#header strong{
	font-style:bold;
	font-size:25px;
}
#headerleft{
	width:436px;
}
#headerright{
	margin-left:436px;
	width:509px;
	height:81px;
	padding-left:15px;
	padding-top:64px;
	}


#contentwrapper {
	overflow: hidden;
}
#bodycontent {
	float: left;
	width: 960px;
	position:relative;
}
#portnav{
	width:205px;
	height:490px;
	float:left;
	margin-top:20px;
}
#portnav li{
	width: 192px;
	float: left;
	line-height: 36px;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	color: #81c1cc;
	text-decoration: none;
	display: block;/*creates button full size not just text*/
	text-align: center;
	font-weight: bold;
}
#portnav li a{
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	line-height: 36px;
	color: #58595b;
	text-decoration: none;
	display: block;/*creates button full size not just text*/
	text-align: center;
	font-weight: normal;
}

#portleft, #portmid, #portright, #portleft2{
	width:160px;
	height:150px;
	float:left;
	margin-top:20px;
	margin-right:35px;
}
#portleft img, #portmid img, #portright img, #portleft2 img{
	position:static;
	margin:0px;
}

#portgallery{
	width:160px;
	height:150px;
	float:left;
	margin-top:20px;
	margin-right:25px;
}
#portgallery img{
	position:static;
	margin:0px;
}

#footer{
	height:160px;
	
	
}
#footer_bar{
	background-image:url(images/bg_footer);
	height:40px;
	width:800px;
	float:left;
	position:fixed;
	bottom:0;
}
#footer_bar p{
	text-align:left;
	font-family: 'PT Sans', sans-serif;
	font-size:10px;
	color:#58595b;
	padding:5px;
	margin-left:420px;
	margin-top:8px;
}

#spacer{
	height:120px;
	width:800px;
	float:left;
}
#footer_grid{
	background-image:url(images/footergrid.png);
	width:160px;
	height:160px;
	float:left;
	position:fixed;
	bottom:0;
	margin-left:800px;
}

a.hidden {
	display: none;
}


a img {
	border: none; 
}