/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 31, 2014, 10:40:30 AM
    Author     : rosenad
*/
html {
    height: 100%;
}

body {
    height: 100%;
    background-color: #dce6e9;
    margin:0;
    padding:0;
}

#main-div {
    height: 100%;
}

#top-area {
    position: relative;
    height: 68%;
}

#logo-container {
    margin: 0 auto;
    padding-top: 2em;
    height: 400px;
    width: 400px;
    text-align: center;
}

#logo-container h3 {
    margin:0 auto;
    color: #0e2329;
    font-family: sans-serif;
    font-size: 1.9em;
}

#logo-container #text {
    color: #7f99a6;
    font-family: sans-serif;
    font-size: 1.3em;
}

#about {
    margin: 0 auto;
    width: 90%;
}

#menu-container {
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    width: 99.8%;
    background-image: url('images/menu-bg.png');
    background-repeat: repeat-x;
    background-size: 20px 60px;
    border-top: 1px solid #7f99a6;
    border-right: 1px solid #7f99a6;
    border-left: 1px solid #7f99a6;
    border-bottom: 3px solid #7f99a6;
    text-align: center;
}

#menu-container #menu {
    list-style-type: none;
    font-family: verdana;
    font-size: 16px;
}

#menu-container #menu li {
    display: inline;
    margin: 0;
    padding-left: 2em;
    padding-right: 2em;
    border-left: 1px solid #7f99a6;
}

#menu-container #menu li:last-child {
    border-right: 1px solid #7f99a6;
}

#menu-container #menu li a {
    text-decoration: none;
    font-weight: 600;
    color: #657a85;
}

#footer-area {
    height: 32%;
    background-color: #0e2329;
    bottom: 0;
}

#social-link-area {
    margin:0 auto;
    padding-top: 6%;
    width: 50%;
    text-align: center;
}

#social-link-area img {
    padding-left: 0.5em;
    padding-right:0.5em;
}

#social-link-area img a {
    border: none;
}