/* francois-one-regular - latin */
@font-face {
    font-family: 'Francois One';
    font-style: normal;
    font-weight: 400;
    src: local('Francois One Regular'), local('FrancoisOne-Regular'),
         url('../fonts/francois-one-v11-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/francois-one-v11-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* open-sans-condensed-300 - latin */
  @font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'),
         url('../fonts/open-sans-condensed-v12-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/open-sans-condensed-v12-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
* {
    background: transparent;
}

body {
    background-color: #001627;
    font-family: Arial, Helvetica, sans-serif;
}

.container {
    background: #043156;
    background-image: url('../images/bg-page.jpg');
    background-repeat: no-repeat;
    background-position: center top;
}

.header .top-header {
    background-image: url('../images/bg-header.png');
}

.header .top-header h1 {
    color: #fff;
    text-shadow: 2px 2px 5px #000;
    font-family: 'Francois One', sans-serif;
    font-weight: 500;
    font-size: 35px;
}

.header .top-header h2 {
    color: #ffd21f;
    text-shadow: 1px 1px 2px #000;
    font-family: 'Open Sans Condensed', sans-serif;
}

.navigation-vertical ul {
    background: none;
}

.navigation-vertical ul li {
    color: #fff;
    text-shadow: 1px 1px 2px #043156;
    font-family: 'Francois One', sans-serif;
}

.separator {
    background: url('../images/separator.png') repeat-x;
}

.page-header {
    background: url('../images/separator.png') repeat-x bottom;
}

.page-header h1 {
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    font-family: 'Open Sans', sans-serif;
    margin: 10px 0;
}

.article {
    color: #fff;
    background: url('../images/separator.png') repeat-x left bottom transparent;
    font-family: Arial, Helvetica, sans-serif;
}

.navigation-horizontal {
    background: url('../images/bg-widget.png');
    box-shadow: rgba(0, 0, 0, 0.5);
    color: #fff;
}

.navigation-horizontal h1 {
    color: #ffd21f;
}

.navigation-horizontal ul li {
    border-top: 1px dotted #748da1;
    border-bottom: 1px dotted #748da1;
    background: url('../images/bullet.png') no-repeat 5px center;
    padding: 5px 10px 5px 25px;
}

a {
    color: #fff;
}

.article.project h2 {
    color: #ffd21f;
}

.page-indicator {
    color: #ffd21f;
}

div.image {
    background-image: url('../images/keyboard.jpg');
    width: 975px;
    height: 241px;
}

.navigation-horizontal div button {
  color: #dddddd;
  font-family: Arial, Helvetica, sans-serif;
  margin: 2px;
}

.navigation-horizontal button[data-toggle] {
    background-color: #ffd21f;
    color: #000;
}

footer {
    background: url('../images/bg-header.png') repeat-x;
    color: #aaaaaa;
}
footer div {
    font-family: 'Open Sans Condensed', sans-serif;
}
footer div p {
  color: #ffd21f;
}