body {
margin: 0 auto;
text-align: center;
}

#container {
width: 800px;
height: 600px;
background-color: white;
margin: 0 auto;
position: relative;
top: 10px;

}

#header {
text-align: center;
height: 80px;
width: 800px;

}

.logo {
position: center;
left: 10px;
top: 0px;
border: none;
}

#navigation {
text-align: center;
font-family:Georgia,sans-serif;
font-variant: small-caps; 
text-transform: none; 
font-weight: 100; 
font-size:14px;
color:#4E443C;
width: 800px;
height: 23px;

}

#navigation a {
text-decoration: none;
padding: 2px 20px;
color: #4E443C;
}

#navigation a:hover {
text-decoration: none;
color: #69c;
}

.splash {
position: absolute;
top: 140px;
left: 45px;
}

#footer {
border-top: solid 3px black;
height: 20px;
width: 800px;
position: absolute;
top: 580px;
left: 0px;
}

#footer h5 {
color: #999;
font-weight: normal;
text-align: right;
}

#content {
width: 500px;
height: 440px;
position: absolute;
left: 270px;
top: 120px;
}


#content a {
text-decoration: none;
text-align: left;
color: black;
position: absolute;
font-size: 20px;
top: -500px;
background-color: white;
padding-left: 20px;
padding-right: 20px;
}


#content a:hover {
text-decoration: none;
color: #69c;
}


h1 {
font-family: Georgia,sans-serif;
font-variant: small-caps;
text-align: left;
font-weight: normal;
font-size: 20px;
margin-top: 30px;
}

h1 a{
font-family: Georgia,sans-serif;
font-variant: small-caps;
text-align: left;
font-weight: normal;
font-size: 20px;
margin-top: 30px;
}

h1 a:hover{
font-family: Georgia,sans-serif;
font-variant: small-caps;
text-align: left;
font-weight: normal;
font-size: 20px;
margin-top: 30px;
color: #6c3
}

h2 {
font-family:arial, sans-serif;
text-align: left;
font-size: 15px;
width: 300px;
font-weight: normal;
margin-left: 10px;
}

h3 {
text-align: left;
font-family: arial, sans-serif;
width: 300px;
margin-top: 35px;
font-weight: normal;
font-size: 20px;
}

h4 {
text-align: left;
font-family: arial, sans-serif;
width: 300px;
font-weight: normal;
font-size: 14px;
}


p {
Width: 300px;
text-align: left;
line-spacing: 10px;
}


#contactpic {
position: absolute;
top: 150px;
left: 110px;
}

#contact {
position: absolute;
top: 130px;
left: 350px;
}

#contact a {
margin-left: 15px;
text-decoration: none;
}

#contact a:hover {
text-decoration: none;
color: #6c3;
}

.hannah {
position: absolute;
top: 150px;
left: 110px;
z-index: 5;
}

h6 {
text-align: left;
width: 300px;
margin-left: 50px;
font-weight: normal;
}

.sidebar {
position: absolute;
top: 105px;
left: 0px;
}

#photo {
height: 325px;
width: 500px;
position: absolute;
top: 170px;
left: 280px;
}

.next {
border: none;
position: absolute;
top: 520px;
left: 650px;
}

.back {
border: none;
position: absolute;
top: 520px;
left: 380px;
}


.wedpack1 {
border: none;
position: absolute;
top: 230px;
left: 80px;
}

.wedpack2 {
border: none;
position: absolute;
top: 550px;
left: 0px;
}

.wedpack3 {
border: none;
position: absolute;
top: 870px;
left: 80px;
}


.fb {
border: none;
}

.port1 {
border: none;
position: absolute;
top: 150px;
left: 0px;
}


.port2 {
border: none;
position: absolute;
top: 450px;
left: 0px;
}

.port3 {
border: none;
position: absolute;
top: 800px;
left: 0px;
}


.wthumb {
border: none;
position: absolute;
top: 150px;
left: 80px;
}



.ethumb {
border: none;
position: absolute;
top: 250px;
left: 80px;
}

.pthumb {
border: none;
position: absolute;
top: 350px;
left: 80px;
}


.show {
border: none;
position: absolute;
top: 150px;
left: 50px;
}

.adelicon {
border: none;
position: absolute;
top: 200px;
left: 100px;
}

.debicon {
border: none;
position: absolute;
top: 300px;
left: 100px;
}

.erinicon {
border: none;
position: absolute;
top: 400px;
left: 100px;
}

.collage {
position: absolute;
border: none;
top: 190px;
left: 300px;
}