
 <style type="text/css">
		* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0;
}
img,
html,
body,
div,
nav,
p,
h1,h2,h3,h4,h5{
    margin: 0;
    padding: 0;
}


	body{
	font-family:'exoregular';
	
	
	background:url(pics/backgroundtexture.jpg)no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}
#CPbody{
	font-family:'exoregular';
	
	
	background:url(pics/backgroundtexture.jpg)no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden;
  
}


	

@font-face {
    font-family:'exoregular';
    src: url('fonts/exo_body/exo-regular-webfont.eot');
    src: url('fonts/exo_body/exo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/exo_body/exo-regular-webfont.woff2') format('woff2'),
         url('fonts/exo_body/exo-regular-webfont.woff') format('woff'),
         url('fonts/exo_body/exo-regular-webfont.ttf') format('truetype'),
         url('fonts/exo_body/exo-regular-webfont.svg#exoregular') format('svg');
    font-weight: normal;
    font-style: normal; 
}

@font-face {
	 font-family: 'exo_2semi_bold_expanded';
    src: url('fonts/exo_heads/exo2-semiboldexpanded-webfont.eot');
    src: url('fonts/exo_heads/exo2-semiboldexpanded-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/exo_heads/exo2-semiboldexpanded-webfont.woff2') format('woff2'),
         url('fonts/exo_heads/exo2-semiboldexpanded-webfont.woff') format('woff'),
         url('fonts/exo_heads/exo2-semiboldexpanded-webfont.ttf') format('truetype'),
         url('fonts/exo_heads/exo2-semiboldexpanded-webfont.svg#exo_2semi_bold_expanded') format('svg');
    font-weight: normal;
    font-style: normal;
}

<!--mobile nav stuff-->



	

	
#nav {
	position:relative;
	margin: 0;
	padding: 0;
		}
	

	
#nav ul {
		    list-style: none;
		    padding: 0;
		    border-bottom: 1px solid #eee;
		    margin-top: 0em; 
			margin-bottom: 0em;
			margin-right: 0;
			margin-left:0;
		}

#nav li {
		   border-top: 1px solid #515a61;
		}
	
#nav a {
		   display: block;
		   font-size: .9em;
		   color: #a0b2c2;
		   text-decoration: none;
		   padding: .4em 1.3em; 
		}
	
#nav a:hover {
		   background: #f8f8f8;
		}
	
#nav nav {
		    height: 0;
		    overflow: hidden;
		}
		
#nav input[type=checkbox] {
		    display:none;
			vertical-align: top;
			
		}
	
#nav label { 
		    display: block;
	
		    background: url("pics/icon-menu.png")  no-repeat left center;
		    height: 36px;
		    text-indent: -999em;
		    cursor: pointer;
			
		    -webkit-user-select: none;  /* Chrome all / Safari all */
		    -moz-user-select: none;     /* Firefox all */
		    -ms-user-select: none;      /* IE 10+ */
		    user-select: none;
		}
	
#nav input[type=checkbox]:checked ~ nav {
		    height: auto;
		    overflow: hidden;
			  
		}
.FBicon {
	margin-top:.2em;
}
	
<!--end mobile nav stuff-->


.picdiv {
	width: 188px;
	height: 170px;
	float:left;
	border-radius: .9em; 
	border: 2px solid #cedbe8;
	margin-right: 1.7em;
	margin-top: .475em;
	background: url('pics/seanportrait.jpg') no-repeat;
}

.current_projects_picdiv {
	
	position: relative;
	display: block;
	border-radius: .9em; 
	border: 2px solid #cedbe8;
	margin-right: 1.7em;
	margin-top: .475em;
	overflow: hidden;
	line-height: 0;
	min-width: 50%;
}

.current_projects_picdiv img {
	
	width: 100%;
}



.clearthefloats {
	
	clear:both;
}

p {
	font-size: 1em;
	line-height: 1.7em;
	font-family:'exoregular';
}
.sidebar {
	font-size: .9em;
	line-height: 1.425em;
	font-family:'exoregular';
}

h1{
	
	font-size: 2.2em;
	line-height: 1em;
	font-family:'exoregular';
	color: #df5820;
	padding-bottom: .25em;
}
h2{
	
	font-size: 1.45em;
	font-style:italic;
	line-height: 1.45em;
	font-family:'exoregular';
	color: #405068;
	margin-top: .2em;
}

input, textarea{
	font: 1em/1.7em 'exoregular', sans-serif;
	border-radius: .7em;
	border:1px solid #df5820;
  	padding : 0 10px;
  	margin-bottom  : .9em;
	width: 90%;
	overflow: hidden;
}
.butt{
    max-width: 50%;
	
}

a:link{
	color: #92acc2; text-decoration:none;
}
a:visited{
	color: #92acc2;
}


<!--Styles for mobile layout-->



#bigheader { display: none; }

#bigheader img { display: none; }

#splashheader { display: none; }

#splashheader img { display: none; }

#smallheader { 
display: block;
width: 100%;
height: auto;
position: relative;
margin-bottom: -5px;
padding: 0;

}

#smallheader img {
	max-width: 100%;
	
}

#content {
	
	width:90%;
	margin-bottom: 0em;
	margin-right: auto;
	margin-left: auto;
	padding-right:1.27em;
	padding-left:1.27em;
	padding-top:2.55em;
	padding-bottom:2.55em;
	
	border:1px solid #cedbe8;
	background-color: white;
	
}

#CPcontent {
	
	width:90%;
	margin-bottom: 0em;
	margin-right: auto;
	margin-left: auto;
	padding-right:1.27em;
	padding-left:1.27em;
	padding-top:2.55em;
	padding-bottom:2.55em;
	
	border:1px solid #cedbe8;
	background-color: white;
	overflow:hidden;
}

#rightcontent{
	border-bottom:3px solid #8299A2;
	
}

#rightcontent img{
	display: none;
	
}

#rightcontent h2{
	color: #049ae0;
}

	




</style>
