@charset "utf-8";

/*
Hive Colony Website
Copyright (c) 2008-2016 Hive Solutions Lda.

This file is part of Hive Colony Website.

Hive Colony Website is free software: you can redistribute it and/or modify
it under the terms of the Apache License as published by the Apache
Foundation, either version 2.0 of the License, or (at your option) any
later version.

Hive Colony Website is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
Apache License for more details.

You should have received a copy of the Apache License along with
Hive Colony Website. If not, see <http://www.apache.org/licenses/>.
*/

/*
__author__    = Francisco Castro <v-fcastro@hive.pt> & João Magalhães <joamag@hive.pt>
__version__   = 1.0.0
__revision__  = $LastChangedRevision$
__date__      = $LastChangedDate$
__copyright__ = Copyright (c) 2008-2016 Hive Solutions Lda.
__license__   = Apache License, Version 2.0
*/

@font-face {
    font-family: Rockwell;
    src: local("Rockwell"), url(../fonts/rock.ttf);
}

@font-face {
    font-family: Rockwell;
    font-weight: bold;
    src: local("Rockwell Bold"), local("Rockwell-Bold"),  url(../fonts/rockb.ttf);
}

body {
    background-color: #444444;
    font-family: "Lucida Sans", Tahoma, Verdana, Arial;
    font-size: 9pt;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

img {
    border: none;
}

ul, ul li {
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

a {
    color: #98be40;
    text-decoration: none;
}

a:hover {
    color: #ffffff;
}

a.bulleted {
    background: transparent url(../images/arrow-bullet-green.gif) no-repeat left center;
    padding-left: 10px;
}

a.bulleted:hover {
    background-image: url(../images/arrow-bullet-white.gif);
}

h1 {
    font-family: Rockwell;
    margin: 0px 0px 6px 0px;
}

p {
    font-size: 9pt;
    margin: 0px 0px 10px 0px;
}

.clear {
    clear: both;
}

.white {
    color: #ffffff;
}

#header-wrapper {
    background: transparent url(../images/header-background.gif) repeat-x left top;
    width: 100%;
}

.header-content {
    height: 64px;
    margin: 0px auto 0px auto;
    width: 960px;
}

#content-wrapper {
    background: #ffffff url(../images/content-wrapper-background.gif) repeat-x left bottom;
    width: 100%;
}

.content {
    margin: 0px auto 0px auto;
    width: 960px;
}

#footer-wrapper {
    border-top: 1px solid #000000;
}

.footer-content {
    height: 180px;
    margin: 0px auto 0px auto;
    width: 960px;
}

.branding a {
    background: transparent url(../images/colony-header-logo.png) no-repeat left 2px;
    display: block;
    float: left;
    height: 54px;
    width: 140px;
}

.branding a:hover {
    background-image: url(../images/colony-header-logo-hover.png);
}

ul.navigation-menu {
    float: right;
}

ul.navigation-menu li {
    color: #ffffff;
    float: left;
    font-family: Rockwell;
    font-size: 11pt;
    font-weight: bold;
    letter-spacing: -0.05em;
    margin-left: 20px;
    padding-top: 12px;
    text-shadow: 1px 1px 1px #000000;
    text-transform: uppercase;
}

ul.navigation-menu li a {
    color: #ffffff;
    display: block;
    padding-top: 2px;
}

ul.navigation-menu li a:hover,ul.navigation-menu li.active a {
    color: #98be40;
}

ul.navigation-menu li.active a {
    cursor: default;
}

.button {
    cursor: pointer;
}

.content-panel{
    background-color: #333333;
    float: left;
    margin: 0px 0px 10px 0px;
}

.content-panel.single-width{
    width: 184px;
}

.content-panel.double-width {
    width: 378px;
}

.content-panel.triple-width {
    width: 572px;
}

.content-panel.quadruple-width {
    width: 766px;
}

.content-panel.quintuple-width {
    width: 960px;
}

.content-panel.left {
    margin-right: 10px;
}

.content-panel.right {
    margin-left: 10px;
}

#slideshow-home {
    background: #848484 url(../images/home-slideshow-background.png) repeat-x left top;
    border-bottom: 1px solid #000000;
    height: 440px;
}

.colony-badge > a {
    background: transparent url(../images/colony-badge.png) no-repeat center center;
    display: block;
    height: 64px;
    margin: 64px auto 64px auto;
    width: 100px;
}

.colony-description {
    padding: 16px 0px 24px 0px;
}

.colony-description h1,
.colony-description p,
.colony-description a {
    margin-left: 16px;
}

.colony-description p {
    color: #bfbfbf;
}

.colony-download a {
    background: #666666 url(../images/download-button-large-background.png) no-repeat center 14px;
    background-color: #666666;
    color: #ffffff;
    display: block;
    font-family: Rockwell;
    font-size: 18pt;
    font-weight: bold;
    padding: 120px 0px 17px 0px;
    text-align: center;
    text-shadow: -1px -1px -1px #000000;
    width: 100%;
}

.colony-download a:hover {
    background-color: #999999;
}

.landing .branding {
    background: transparent url(../images/colony-landing-logo.png) no-repeat center center;
    height: 150px;
    margin-bottom: 50px;
    margin-top: 130px;
    width: 100%;
}

.landing h1 {
    color: #ffffff;
    font-weight: normal;
    margin-bottom: 40px;
    text-align: center;
}

.landing p {
    color: #ffffff;
    font-family: Rockwell;
    font-size: 12pt;
    margin-bottom: 20px;
    text-align: center;
}

.landing .presentation {
    display: none;
    margin: 12px auto 12px auto;
    width: 425px;
}

.landing .video {
    display: none;
    margin: 12px auto 12px auto;
    width: 720px;
}