body{
margin: 0;
padding: 0;
width: 100%;
}
h1 {
font-family:"Wellfleet";
font-weight:normal;
font-size: 40px;
text-align: center;
color: #aaa;
margin: 0;
padding: 0;
}
p {
font-family:"Wellfleet";
font-weight:normal;
font-size: 20px;
text-align: left;
color: #aaa;
margin: 0;
padding: 0;
}
.center { margin: 0 auto; }
.content{ margin: 0 auto; width: 1200px; }
.clear { clear: both; }

#header {
width: 100%;
height: 120px;
z-index: 10;
background-color: #111;
opacity: 0.6;
position: fixed;
margin-top: 30px;
}

#nav { width: 350px; height: 10px; float: right; margin-top: 2px; color: #fff; opacity:0.6; font-size: 22px; text-decoration: none; font-family: 'Wellfleet';}
#logo { text-decoration: none; float: left; font-size: 60px; margin-top: 10px; color: #bbb; font-family:"Wellfleet"; font-weight: bold; }
#gallery{
    width: 850px;
    margin: 0 auto;
    z-index: 2;
}
#nav ul{
list-style: none;
display: block;
margin: 0 auto;
}
#nav li{
margin-top: 9px;
float: left;
padding-left: 5px;
}
#nav li a { color: #fff; opacity:0.6; font-size: 18px; text-decoration: none; font-family: 'Wellfleet'; }
#nav li a.active { color: #bbb; opacity:1; border-bottom: 2px solid #fff; }
#nav li a:hover { color: #bbb; opacity:1; }

#slide1, #slide2, #slide3, #slide4, #slide5, #slide6{ width: 100%; }
#slide1{
    background:url('../images/1.jpg') 50% 0 no-repeat fixed;
    background-color: #fff;
    background-size: cover;
    height: 600px;
    margin: 0 auto;
    padding: 150px 0;
     
    
}
#slide2{
    background-color: #fff;
    height: 80px;
    margin: 0 auto;
    overflow: hidden;
    padding: 50px 0;
}
#slide3{
    background:url('../images/Sky.jpg') 50% 0 no-repeat fixed;
    background-size: cover;
    color: #fff;
    height: 600px;
    margin: 0 auto;
    overflow: hidden;
    padding: 150px 0 0 0;
}
#slide4{
    background-color: #fff;
    height: 80px;
    margin: 0 auto;
    overflow: hidden;
    padding: 50px 0;
}
#slide5{
    background:url('../images/Wave.jpg') 50% 0 no-repeat fixed;
    background-size: cover;
    color: #fff;
    height: 600px;
    margin: 0 auto;
    overflow: hidden;
    padding: 150px 0 0 0;
}
#description {
width: 800px;
font-family:"Wellfleet";
font-weight:normal;
font-size: 14px;
text-align: left;
color: #bbb;
margin: 0;
padding: 0;
float: bottom;
z-index: 2;
}
#slide6{
    background:url('../images/Sunset.jpg') 50% 0 no-repeat fixed;
    background-size: cover;
    color: #fff;
    height: 600px;
    margin: 0 auto;
    overflow: hidden;
    padding: 150px 0 0 0;
}