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

body {
	font-family: 'Lato', sans-serif;
	background-color:#ffffff;
	color: #fffffff;
}

.container {
	width: 768px;
	background-color:#ffffff;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}


.header {}

.content {margin: 20px;
padding: 20px;}



.nav {float: left;	
        margin-bottom: 20px;}
	
.one {
width: 256px;
height: 50px;
display: block;
background-image:url(Images/portfolioButton.png);
float:left}
	
.one:hover {background-image:url(Images/portfolioButtonHover.png);}

.two {
width: 256px;
height: 50px;
display: block;
background-image:url(Images/resumeButton.png);
float: left}
	
.two:hover {background-image:url(Images/resumeButtonHover.png);}

.three {
width: 256px;
height: 50px;
display: block;
background-image:url(Images/contactButton.png);
float:left}
	
.three:hover {background-image:url(Images/contactButtonHover.png);}

.oneone {
width: 256px;
height: 50px;
display: block;
background-image:url(Images/portfolioHighlight.png);
float:left}
	
.oneone:hover {background-image:url(Images/portfolioButtonHover.png);}

.twotwo {
width: 256px;
height: 50px;
display: block;
background-image:url(Images/resumeHighlight.png);
float: left}
	
.twotwo:hover {background-image:url(Images/resumeButtonHover.png);}

.threethree {
width: 256px;
height: 50px;
display: block;
background-image:url(Images/contactHighlight.png);
float:left}
	
.threethree:hover {background-image:url(Images/contactButtonHover.png);}

h3 {
	border-right: #FFFFFF;
	border-left: #FFFFFF;
	border-top: #FFFFFF;
	border-bottom: #7CB8A7;
	border-style: solid;
	color: #004043;
}

.footer {
	padding: 1px;
	color: white;
	background-color: #004043 ;
}

#button {
	padding-left: 216px;
	}
	
#info {
	padding-left: 101px;
	}