body, html {
background-color: #e6e6e6;
padding: 0px;
margin: 0px;
font-family: arial, sans-serif;
height: 100%;
}
#container {
background-color: #ffffff;
width: 980px;
margin: auto;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -80px; /* the bottom margin is the negative value of the footer's height */
}
#footer, .push {
height: 80px; /* .push must be the same height as .footer */
}
#footer {
width: 100%;
margin: auto;
background-color: #eeeeee;
}
#footer .content {
margin: auto;
width: 980px;
font-size: 12px;
padding: 12px;
text-align: center;
}
.footer-links {
margin-top: 6px;
}
#top {
height: 90px;
}
#logo {
float: left;
background-image: url('img/logo.png');
background-repeat: no-repeat;
width: 210px;
height: 60px;
margin: 15px;
}
#header-text {
width: 740px;
text-align: center;
margin-left: 240px;
padding-top: 30px;
color: #58595b;
font-family: 'Play',arial,sans-serif;
font-weight: 800;
font-size: 24px;
}
#menu {
height: 43px;
background-color: #086ea1;
margin-bottom: 15px;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(bottom, #086EA1 0%, #0A85C2 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(bottom, #086EA1 0%, #0A85C2 100%);
/* Opera */
background-image: -o-linear-gradient(bottom, #086EA1 0%, #0A85C2 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #086EA1), color-stop(1, #0A85C2));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(bottom, #086EA1 0%, #0A85C2 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to top, #086EA1 0%, #0A85C2 100%);
}
#menu ul {
list-style-type:none;
margin:0;
padding:0;
font-size: 14px;
font-family: Arial;
font-weight: bold;
}
#menu li {
list-style: none;
display: inline-block;
height: 31px;
padding-left: 12px;
padding-right: 12px;
padding-top: 12px;
}
#menu li.active {
list-style: none;
display: inline-block;
height: 31px;
padding-left: 12px;
padding-right: 12px;
padding-top: 12px;
background-color: #000000;
/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(bottom left, #000000 0%, #525252 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(bottom left, #000000 0%, #525252 100%);
/* Opera */
background-image: -o-linear-gradient(bottom left, #000000 0%, #525252 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #000000), color-stop(1, #525252));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(bottom left, #000000 0%, #525252 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to top right, #000000 0%, #525252 100%)
}
#menu li:hover {
list-style: none;
display: inline-block;
height: 31px;
padding-left: 12px;
padding-right: 12px;
color: white;
background-color: #000000;
/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(bottom left, #000000 0%, #525252 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(bottom left, #000000 0%, #525252 100%);
/* Opera */
background-image: -o-linear-gradient(bottom left, #000000 0%, #525252 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #000000), color-stop(1, #525252));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(bottom left, #000000 0%, #525252 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to top right, #000000 0%, #525252 100%)
}
#menu li:hover a {
color: white;
}
#menu a {
color: white;
text-decoration: none;
}
#banner {
height: 326px;
background-image: url('../../../images/banner.jpg');
background-repeat: no-repeat;
padding-left: 40px;
font-family: 'Play',arial,sans-serif;
margin-bottom: 20px;
}
#banner .header {
background-color: #ffffff;
width: 650px;
padding: 10px;
font-size: 32px;
font-weight: 800;
}
#banner .text {
background-color:rgba(0,0,0,0.6);
padding: 20px;
font-size: 18px;
line-height: 150%;
color: #ffffff;
width: 440px;
}
#contact {
float: left;
margin-left: 20px;
padding: 20px;
background-color: #e6e6e6;
width: 230px;
font-size: 14px;
line-height: 150%;
}
#contact .contact-header1 {
font-family: 'Play',arial,sans-serif;
font-weight: 800;
font-size: 28px;
color: #59585b;
margin-bottom: 16px;
}
#contact .contact-header2 {
font-family: 'Play',arial,sans-serif;
font-weight: 800;
font-size: 24px;
color: #59585b;
margin-bottom: 14px;
}
#contact .contact-header3 {
font-family: 'Play',arial,sans-serif;
font-weight: 800;
font-size: 24px;
color: #02396A;
margin-bottom: 36px;
}
#content {
margin-left: 320px;
line-height: 200%;
width: 640px;
min-height: 500px;
}
h1, h2, h3 {
font-family: 'Play',arial,sans-serif;
font-weight: 800;
margin-bottom: 0.75em;
}
h1 {
font-size: 40px;
color: #02396A;
}
h2 {
font-size: 32px;
color: #59585b;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}