*, *::after, *::before { margin: 0; padding: 0; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { font-family: 'Ubuntu', sans-serif; font-weight: 300; text-align: center; background: url(../images/bkgd_interior.jpg) center top no-repeat; position: relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

html, body { height: 100%; }
li { list-style-type: none; }
nav, footer { display: block; }

.bkgdImage { min-height: 100%; margin-bottom: -46px; }
.bkgdImage:after { content: "."; display: block; height: 46px; }

.logoArea { width: 100%; padding: 7px 0; background: url(../images/bkgd_menu.png) top left repeat; }
.logoArea img { width: 250px; }

.navArea { width: 100%; position: absolute; bottom: 45px; background: url(../images/bkgd_halfwhite.png) top left repeat; padding: 18px 0 24px 0; }
.navArea p { color: white; margin: 0 0 10px 0; font-size: 16px; }
.navArea li {display:-moz-inline-stack;display:inline-block; *display: inline; /* for IE < 8 */ *zoom: 1; /* for IE < 8 */ vertical-align: top; position: relative; }
.navArea li a { width: 240px; display: block; margin: 5px; text-decoration: none; font-size: 14px; }

.btnWithArrow { text-transform: uppercase; font-weight: 400; padding: 13px 25px; text-decoration: none; background-color: #2D343C; color: white; display: inline-block; 
                cursor: pointer; }
.btnWithArrow:before { content: ""; width: 18px; height: 14px; background: url(../images/icn_arrows.gif) -18px 0 no-repeat; display: inline-block; margin: 2px 22px -1px 0px; }
.btnWithArrow:hover { background-color: #298c89; }
.btnWithArrowRight:before { float: right; background-position: 0 0; margin: 2px 0 -1px 22px; }

.secFooter { width: 100%; background: url(../images/bkgd_blue.png) top left repeat red; position: absolute; bottom: 63px; overflow: hidden; }
.secFooter img { display: block; margin: 0 auto; }

.footer { width: 100%; font-size: 12px; padding: 12px 0; border-top: 1px solid gray; background-color: #2D343C; position: absolute; bottom: 0; color: #828282; }

.footer li { display: inline-block; *display: inline; /* for IE < 8 */ *zoom: 1; /* for IE < 8 */ vertical-align: top; list-style-type: none; border-left: 1px solid gray; padding: 0 10px; margin: 3px -1px; }
.footer li a { color: #828282; text-decoration: none; }
.footer li a:hover { color: white; }
.footer li:first-child { border: none; }

/* Media Quries */
@media only screen and (max-width : 480px) {
    .navArea { width: 74%; margin-left: -35%; left: 50%; }
    .navArea li a { width: 160px; padding: 6px 12px; font-size: 14px; }
    .secFooter img { width: 50%; }
}