html, body {
background-color: #fcfcfc;
margin: 0;
padding: 0;
font-family: "Helvetica Neue", Arial, "Lucida Grande", Verdana, sans-serif;
font-weight: 200;
font-size: 0.9em;
text-align: justify;
height: 100%;

}

.social-box{
float: right;
display: inline;

}

.main{
padding-left: 5em;
padding-top: 4em;
width: 90%;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -7em; /* the bottom margin is the negative value of the footer's height */
}

.title{
width: 75%;
margin-bottom: 4em;
}

.nav{
float: left;
text-align: center;
word-spacing: 2em;
background-color: #e4e4e4;
margin-left: -150px;
padding-left: 150px;
padding-right: 1em;
}

.sideheader{
color: #a8760c;
font-size: 1.3em;
word-spacing: normal;
}

.content{
font-size: 1.3em;
float: left;
width: 90%;
padding-bottom: 1em;
margin-top: 3em;
}

.content-blog{
width:70%;
}

.push{
height: 7em;
}

.footer{
background-repeat: no-repeat;
clear: both;
width: 100%;
padding-top: 1em;
background-color: #afafaf;
color: white;
text-align: center;
word-spacing: 1.5em;
height: 6em;
}

.left{
float: left;
width: 70%;
}

.port-container{
border-style: dotted;
border-color: #ebebeb;
height: auto;
display: table;
width: 99%;
margin-bottom: 1em;
font-size: 0.9em;
}

.port-image{
margin: 0.5em;
float: left;
}

.port-content{
margin: 0.5em;
margin-left: 1em;
}

.port-nav {
position:absolute;
display: block;
}

/* heading styles */

h1{
color: #c78c0d;
font-family: "Helvetica Neue", Geneva, Arial, "Lucida Grande", Verdana, sans-serif;
font-weight: 300;
margin: 0px auto;
font-size: 3em;
}

h2{
color: #afafaf;
font-family: Geneva, Arial, "Lucida Grande", Verdana, sans-serif;
font-weight: 100;
margin: 0px auto;
font-size: 2em;
}

h3{
color: #2c4287;
font-family: "Helvetica Neue";
font-weight: 200;
margin: 0px auto;
font-size: 1.6em;
}

h4{
font-style: italic;
font-size: 1.7em;
font-weight: 200;
color: #3a66cc;
margin: 0;
}

.small{
font-size: 1em;
}

/* link styles */

div.nav a:link, div.nav a:visited {
border: 1px solid #e4e4e4;
border-top: none;
border-bottom: none;
}

div.nav a:hover {
border: 1px solid #c78c0d;
}

div.footer a:link, div.footer a:visited {
border: 1px solid #afafaf;
}

div.footer a:hover {
border: 1px solid #c78c0d;
}

a:link, a:visited {
color: #2c4287;
border: 1px solid #fcfcfc;
}

a:hover {
color: #c78c0d;
border: 1px solid #c78c0d;
text-decoration: none;
}

a:link img, a:visited img {
border: 1px solid #fcfcfc;
}

a:hover img {
border: 1px solid #c78c0d;
}

a[href$=jpg], a[href$=jpeg], a[href$=jpe], a[href$=png], a[href$=gif] {
	text-decoration: none;
	border: 0 none;
	}

div.sideheader a:link, div.sideheader a:visited{
color: #a8760c;
text-decoration: none;
}

div.nav a:link, div.nav a:visited {
text-decoration: none;
}

a.none {
text-decoration: none;
}

/* Sticky Footer courtesy of http://ryanfait.com/sticky-footer/ */

.opacity50 {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.textform{
height: 1.5em;
font-size: 1em;
font-family: inherit;
font-weight: 200;
color: black;
padding-left: 0.3em;
padding-right: 0.3em;
background-color: white;
border: 1px solid #c78c0d;
}

.buttonform{
border: 1px solid #c78c0d;
height: 2em;
font-size: 1.2em;
font-family: inherit;
font-weight: 200;
color: #2c4287;
padding-left: 0.3em;
padding-right: 0.3em;
background-color: white;
letter-spacing: 0.1em;
}

.buttonform-hover{
border: 1px solid #c78c0d;
height: 2em;
font-size: 1.2em;
font-family: inherit;
font-weight: 200;
color: #c78c0d;
padding-left: 0.3em;
padding-right: 0.3em;
background-color: white;
letter-spacing: 0.1em;
}