/* general formatting */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
    src: url('../webfonts/titilliumweb-light-webfont.eot');
    src: url('../webfonts/titilliumweb-light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/titilliumweb-light-webfont.svg#titillium_weblight') format('svg'),
         url('../webfonts/titilliumweb-light-webfont.woff') format('woff'),
         url('../webfonts/titilliumweb-light-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
	src: url('../webfonts/titilliumweb-regular-webfont.eot');
    src: url('../webfonts/titilliumweb-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/titilliumweb-regular-webfont.svg#titillium_webregular') format('svg'),
         url('../webfonts/titilliumweb-regular-webfont.woff') format('woff'),
         url('../webfonts/titilliumweb-regular-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
    src: url('../webfonts/titilliumweb-bold-webfont.eot');
    src: url('../webfonts/titilliumweb-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/titilliumweb-bold-webfont.svg#titillium_webbold') format('svg'),
         url('../webfonts/titilliumweb-bold-webfont.woff') format('woff'),
         url('../webfonts/titilliumweb-bold-webfont.ttf') format('truetype');
}

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
    src: url('../webfonts/titilliumweb-bold-webfont.eot');
    src: url('../webfonts/titilliumweb-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/titilliumweb-bold-webfont.svg#titillium_webbold') format('svg'),
         url('../webfonts/titilliumweb-bold-webfont.woff') format('woff'),
         url('../webfonts/titilliumweb-bold-webfont.ttf') format('truetype');
}

#body {
}

#header {

    margin: 0 auto 0 auto;
    width: 100%;
    height: 165px;
}

#header-top {

    margin: 0 auto 0 auto;
    width: 100%;
    height: 30px;
    background-image: url(../images/header_grad.jpg);
    background-position: top;
    background-repeat: no-repeat;
}

#header-top-inner {

    margin: 0 auto 0 auto;
    width: 960px;
    height: 30px;
    line-height: 30px;
    text-align: right;
    font-size: 1.2em;
}

#header-top-inner a {

    margin-left: 20px;
}

#header-inner {
    
    margin: 0 auto 0 auto;
    width: 960px;
    height: 134px;
}

#logo {

    width: 325px;
    height: 134px;
    float: left;
}

#nav {

    width: 635px;
    height: 134px;
    float: left;
}

#nav ul {

    padding: 0;
    margin: 0;
}

#nav li {

    padding: 45px 20px 0 20px;
    margin: 0;
    height: 90px;
    line-height: 90px;
    list-style: none;
    font-family: 'Titillium Web';
    font-weight: 300;
    font-size: 1.5em;
    float: left;
}

#nav li a {

    color: #231F20;
}

#nav li.underline {

    border-bottom: solid 9px #0169B4;
    height: 81px;
}

#nav li.underline a {

    color: #0169B4;
}

.dropdown-menu {

    margin: 0 10px 0 -40px;
    width: 180px;
    height: auto;
	position: absolute;
    background-color: #80B4DB;
	left: -999em;
}

.dropdown-menu ul {

    margin: 20px 0 10px 15px !important;
    width: 180px;
    float: left;
}

.dropdown-menu li {
    
    border-right: none !important;
    border-bottom: solid 1px #FFFFFF;
    padding: 0 !important;
    margin: 0 !important;
    width: 150px !important;
    height: 35px !important;
    line-height: 35px !important;
    font-size: 0.8em !important;
    text-align: left !important;
}

.dropdown-menu li a {

    color: #FFFFFF !important;
}

.dropdown-menu li:last-child {

    border-bottom: none;
}

#nav li:hover div#about-menu {
	left: auto;
	clear: left;
	z-index: 9999;
}

#footer {

    width: 100%;
    height: 100px;
    background-image: url(../images/footer_bg.jpg);
}

#footer-inner {

    margin: 0 auto;
    width: 960px;
    height: 100px;
}

#footer-inner a {

    color: #FFFFFF;
}

#footer-inner-1 {

    margin-top: 20px;
    width: 200px;
    height: 80px;
    color: #FFFFFF;
    float: left;
}

#footer-inner-2 {

    margin: 20px 20px 0 0;
    width: 230px;
    height: 80px;
    color: #FFFFFF;
    float: left;
}

#footer-inner-3 {

    margin-top: 20px;
    width: 190px;
    height: 80px;
    color: #FFFFFF;
    float: left;
}

#footer-inner-4 {

    margin-top: 20px;
    width: 215px;
    height: 80px;
    color: #FFFFFF;
    float: left;
}

#footer-inner-4 img {

    margin: 0 5px 0 5px;
}

#footer-inner-5 {

    margin-top: 20px;
    width: 85px;
    height: 80px;
    color: #FFFFFF;
    float: left;
}