* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

#wrapper{
width: 960px;
height: auto;
margin: 0 auto;
padding: 0;
padding-bottom: 3%;
background-image: url('../images/background.png');
border-left: 1px solid black;
border-right: 1px solid black;
}

#banner{
width: 960px;
height: 242px;
background-image: url('../images/banner.png');
padding: 0px;
margin: 0px;
border-bottom: 10px solid black;
}

#logo{
width: 960px;
margin-top: -72px;
}

a{
font-family: 'Arvo', serif;
font-weight: bold;
text-decoration: none;
border: 0px;
border-style: none;
}

#projects a img {border: none; }

#projects a:hover img{
border: 3px solid #A0A29F;
border-top: 7px solid #A0A29F;
border-bottom: 7px solid #A0A29F;
margin: -1px;
background-color: #A0A29F;
}

#navleft{
width: 227px;
height: 50px;
margin-top: -75px;
float: left;
}

#navright{
width: 227px;
height: 50px;
margin-top: -75px;
float: right;
}

#navscroll{
position: fixed;
margin-left: 820px;
margin-top: -260px;
padding-right: 10px;
-moz-opacity:0; filter:alpha(opacity=0); opacity:0;
}

#content{
width: 550px;
margin: 0 auto;
clear: both;
}

#home{
height: 1000px;
padding-top: 20px;
}

#projects{
height: 4250px;
padding-top: 20px;
}

#about{
height: 1750px;
padding-top: 20px;
}

#employment{
height: 2000px;
padding-top: 20px;
}

#contact{
height: 1000px;
padding-top: 20px;
}

#addyleft{
width: auto;
float:left;
}

#addyright{
width: auto;
float: right;
}

#navleft a:link, a:visited{
display: block;
text-decoration: none;
text-align: center;
font-size: 25px;
color: black;
padding: 10px;
}

#navright a:link, a:visited{
display: block;
text-decoration: none;
text-align: center;
font-size: 25px;
color: black;
padding: 10px;
}

#navscroll a:link, a:visited{
display: block;
width: 130px;
text-decoration: none;
text-align: right;
font-size: 18px;
color: black;
padding: 5px;
}

#navscroll li{
clear: both;
}

#home a:link, a:visited{
text-decoration: none;
font-size: 22px;
color: black;
}

#employment a:link, a:visited{
text-decoration: none;
font-size: 22px;
color: black;
}


#form{
position: relative;
width: 550px;
margin-top: 20px;
clear: both;
}

#complete{
display: none;
margin-top: 20px;
clear: both;
}

a:hover{
color: #A0A29F !important;
}

body{
margin: 0px;
padding: 0px;
background-color: #545246;
font-family: 'Open Sans', sans-serif;
}

ul{
list-style-type: none;
margin: 0px auto;
padding: 0px;
overflow: hidden;
}

li{
float: left;
}

h1{
font-weight: 700;
font-size: 40px;
padding: 0px;
color: black;
}

h2{
position: relative;
color: black;
font-size: 30px;
left: -80px;
}

h3{
position: relative;
color: black;
font-size: 22px;
left: -30px;
}

p{
font-weight: 600;
font-size: 20px;
color: black;
text-align: left;
}

#about p{
text-align: justify;
font-size: 18px;
height: 185px;
}

img{
margin: 0;
padding: 5px;
padding-top: 0px;
padding-bottom: 0px;
width: 125px;
height: 125px;
}

.imgcenter{
display: block;
margin: 0 auto;
width: auto;
height: auto;
}

.floatleft{
float:left;
width: 175px;
height: 175px;
margin-right: 7px;
margin-bottom: 0px;
}

.floatright{
float:right;
width: 175px;
height: 175px;
margin-left: 7px;
margin-bottom: 0px;
}

.centerlink{
width: 227px;
text-align: center;
margin-top: -20px;
}

.noshow { display:none; }