body {
    margin: 0;
    padding: 0;
    color: #3f312e;
    background: #53777a;
    font: 14px Helvetica, Arial, Sans-Serif;
    background: -webkit-linear-gradient(##53777a, #fff);
    /* For Safari 5.1 to 6.0 */
    /* For Opera 11.1 to 12.0 */
    /* For Firefox 3.6 to 15 */
    background: -webkit-linear-gradient(#53777a, #fff);
    background: linear-gradient(#53777a, #fff);
    /* Standard syntax */
}
a {
    color: #4f4f4f;
}
.info {
    position: absolute;
    position: fixed;
    top: 115px;
    left: 15px;
    width: 250px;
    margin: 10px auto;
    padding: 10px;
    background: rgba(250, 250, 250, .2);
}
#info-content {
    overflow: auto;
    width: 250px;
    margin: 0 auto;
    background-color: cadetblue;
    
}
.info p {
    padding: 10px;
    text-align:center;
    font-weight: bold;
}
.info a:hover {
    color: #fff;
}
#header-container {
    margin: 0 auto 25px;
    width: 100%;
    min-height: 100px;
    background: black;
}
#header {
    width: 960px;
    margin: 0 auto;
}
#header img {
    height: 100px;
    float: left;
}
#navigation ul {
    margin: 40px 0 0 0;
    padding: 0;
    float: right;
}
#navigation ul li {
    display: inline;
    margin-right: 20px;
    list-style-type: none;
}
#navigation ul li a {
    font-size: 15px;
    font-weight: bold;
    color: #53777A;
    text-decoration: none;
}
#navigation ul li a:hover {
    text-decoration: underline;
}
#container {
    overflow: auto;
    width: 960px;
    margin: 0 auto;
    padding: 10px;
    background: rgba(250, 250, 250, .2);
}
#content,
#about-content,
#contact-content {
    width: 960px;
    min-height: 850px;
    margin: 0 auto;
    background: #fff;
}
#photos-content {
    width: 960px;
    min-height: 700px;
    margin: 0 auto;
    background: #fff;
}
#contentleft,
#about-contentleft,
#photos-contentleft,
#contact-contentleft {
    width: 580px;
    float: left;
    margin-right: 20px;
    padding: 20px;
}
#contentleft h1,
#about-contentleft h1,
#photos-contentleft h1,
#contact-contentleft h1 {
    font-size: 24px;
    margin-top: 0;
}
#contentleft p,
#about-contentleft p,
#photos-contentleft p,
#contact-contentleft p {
    text-align: justify;
}
#contentleft img {
    width: 580px;
    float: left;
    margin: 0 20px 20px 0;
}
#about-contentleft img {
    width: 278px;
    float: left;
    margin: 3px 10px 0 0;
}
#photos-contentleft img {
    width: 275px;
    margin: 5px;
}
#contact-contentleft img {
    width: 580px;
    height: 200px;
    float: left;
    margin: 0 20px 20px 0;
}
#contact-info p {
    margin: 0 auto 0 75px;
}
form input {
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
    margin: 5px auto;
    border-radius: 3px;
}
form textarea {
    box-sizing: border-box;
    max-width: 580px;
    width: 100%;
    margin: 5px auto;
    padding: 5px;
    max-height: 75px;
    border-radius: 3px;
}
form #submit {
    width: 280px;
    margin: 10px 10px 0 0;
    float: left;
    padding: 10px;
}
form #reset {
    width: 280px;
    margin: 10px 0 0 10px;
    float: left;
    padding: 10px;
}
#sidebar {
    width: 280px;
    float: left;
    padding: 20px;
}
#sidebar ul {
    margin: 0px;
    padding: 0;
    list-style-type: none;
}
#sidebar ul li {
    margin: 0 0 7px 0;
}
#sidebar h3 {
    color: #fff;
    background: #53777a;
    padding: 7px 10px;
    text-transform: uppercase;
    font-size: 14px;
}
.sidebar-element {
    overflow: auto;
    margin-top: 15px;
}
#footer-container {
    width: 100%;
    height: 40px;
}
#footer {
    width: 960px;
    height: 40px;
    margin: 20px auto 0px auto;
    text-align: center;
    background-color: #000;
}
#footer ul {
    margin: 15px 10px 0 0;
    padding: 0;
    list-style-type: none;
    float: right;
}
#footer ul li {
    display: inline;
    margin-right: 5px;
}
#footer ul li a {
    text-transform: uppercase;
    text-decoration: none;
}
#footer ul li a:hover {
    text-decoration: underline;
}
#footer p {
    font-weight: bold;
    float: left;
    margin-left: 10px;
}