@charset "UTF-8";
/* CSS Document */



/*Main Content*/

#maincontentwrapper {
    background-color:#1F1F1F;
    overflow:hidden;
}

#maincontent {
    width:1200px;
    margin-top: 80px;
    margin-bottom: 50px;
	margin-right:auto;
	margin-left:auto;
    text-align:center;
    overflow:hidden;
}

#maincontent h2 {
    text-align:center;
	font-size: 28px;
    color: #fff;
    
    
}

#maincontent h3 {
    text-align:left;
	margin-top: 25px;
	font-size: 22px;
    color:#199CCF;
}

#maincontent p {
    font-size:18px;
    color: #fff;
    font-weight:bold;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 5px;
}

#maincontent a {
	color:#199CCF;
    transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

#maincontent a:hover {
    color:#106789;
}

#maincontent a:visited {
    color:#199ccf;
}

#maincontent .entry {
    width: 850px;
    margin-right:auto;
    margin-left: auto;
    overflow:hidden;
    margin-top: 50px;
}

#maincontent .entry .left {
    float: left;
    width: 36%;
    margin-right: 19%;
}

#maincontent .entry .right {
    float: left;
    width: 44%;
    text-align:left;
	
    
    
}

.representation {
	overflow:hidden;
}

.representation img {
	width: 95%;
	border: solid 3px #199ccf;
}

.representation .rleft {
	margin-top: 20px;
	float: left;
	width: 34%;
	overflow:hidden;
}

.representation .rright {
	margin-top: 20px;
	float: right;
	width: 61%;
	
	overflow:hidden;
}

img#headshot {
    width: 100%;
    border: solid 2px #000;
}