@font-face {
    font-family: FrutigerNextPro-Bold;
    src: url('../fonts/FrutigerNextPro-Bold.eot'), url('../fonts/FrutigerNextPro-Bold.woff');
}

@font-face {
    font-family: 'FrutigerNextPro-Light';
    src: url('../fonts/FrutigerNextPro-Light.eot'), url('../fonts/FrutigerNextPro-Light.woff');
}

html {
    height: 100%;
}

body {
    background: transparent url(../Images/ph_background.jpg) no-repeat !important;
    background-position: center 0px !important;
    padding-top: 65px;
    padding-bottom: 20px;
    font-family: "FrutigerNextPro-Light";
    font-size: 18px;
    line-height: 26px;
    height: 100%;
	color: white;
}

a {
	color: #444;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.content {
    margin-top: 20px;
    margin-left: 25px;
    margin-right: 25px;
}

.container_fluid {
    height: 100% !important;
}

footer {
    color: white;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
    text-decoration: underline;
    color: white;
}

.nav > li > a {
    color: white;
    font-family: "FrutigerNextPro-Bold";
    font-size: 18px;
    font-weight: normal;
}

.navbar-fixed-top {
    margin-top: 15px;
}

.navbar-toggle {
    background-color: #333;
    border-color: #333;
}

.icon-bar {
    background-color: white;
}

@media only screen and (max-width: 766px) {
    .collapsing, .in {
        background-color: #f7f7f7;
    }
    .collapsing ul li a, .in ul li a {
        color: #555!important;
    }
    .collapsing ul li a:hover, .in ul li a:hover {
        color: white!important;
        background-color: #555;
        text-decoration: none;
    }
}