@import url(http://fonts.googleapis.com/css?family=Open+Sans);

html{
	height: 100%;'
}
body{
	background: ;
	color: rgba(70,90,120, 1);
	height: 100%;
	font-family: verdana, sans-serif;
}
.tint1{color: rgba(70,90,120, 0.8);}
.tint2{color: rgba(70,90,120, 0.6);}
.tint3{color: rgba(70,90,120, 0.4);}
.tint4{color: rgba(70,90,120, 0.2);}

#behindHead{
    bottom: 225px;
    left: 120px;
    position: fixed;
    width: auto;
}
#behindHead ul{
	border-left: 1px solid #e9e9e9;
	margin: 1em 0 0 0.75em;
}
#behindHead li{
	line-height: 2;
	margin: 0 0 0 0.75em;
	font-family: 'Open Sans', Sans-serif;
}
#me{
	bottom: -200px;
    height: 800px;
    left: 300px;
    position: fixed;
    width: 500px;
}
#foregroundWrapper{
    bottom: 0;
    height: 382px;
    left: 372px;
    position: absolute;
    width: 343px;
}

#content {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E9E9E9;
    color: #44567a;
    height: 150px;
    padding: 1em 1em 3em;
    width: 333px;
}
h1, h2, h3{
	font-family: 'Open Sans', Sans-serif;
	text-transform: uppercase;
}
h1{
    color: #EFEFEF;
    font-size: 7.5em;
    line-height: 1;
    padding-top: 1em;
    text-align: center;
    text-shadow: 0 -1px 1px #888888;
}
a{
	color: rgba(70,90,120, 1);
}

#content p{
	text-align: center;
	font-size: 0.8em;
	margin: 1.5em 0 0 0;
	border-top: 1px solid #e9e9e9;
	padding: 1.25em 0 0 0;
}

ul#socialmedia{
	margin-top: 1em;
	overflow: auto;
}
ul#socialmedia li{
	float: left;
	width: 57px;
	text-align: center;
}
ul#socialmedia li+li{
	margin-left: 12px;
}
ul#socialmedia a{
	text-decoration: none;
	font-size: 10px;
}



/* Reset
-------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;border:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

* {
	margin: 0;
	padding: 0;
}