@font-face {
font-family: Akkurat;
src: local("Akkurat-Bold"),
url('../fonts/Akkurat-BoldItalic.ttf');
font-weight: bold;
font-style: italic;
}

@font-face {
font-family: Akkurat;
src: local("Akkurat-Bold"),
url('../fonts/Akkurat-Bold.ttf');
font-weight: bold;
font-style: none;
}

@font-face {
font-family: Akkurat;
src: local("Akkurat-Light"),
url('../fonts/Akkurat-LightItalic.ttf');
font-style: italic;
font-weight: normal;
}

@font-face {
font-family: Akkurat;
src: local("Akkurat-Light"),
url('../fonts/Akkurat-Light.ttf');
font-weight: normal;
}

.casper {
font-weight: bold;
color: #00B4FF;
}

body {
padding: 0;
margin: 0 auto;
width: 100%;
font-family: Akkurat, Helvetica;
color: #5C5C5C;
}

select, input, td {
   font-family: Akkurat, Helvetica;
   color: #5C5C5C;
}

p {
padding: 0;
margin: 0;
}

a {
  outline: none;
}

#top_holder {
width: 100%;
height: 584px;
background-color: #007EB3;
}

#top {
margin: 0 auto;
width: 960px;
background-image: url('../img/blue_gradient_bg.jpg');
background-repeat: no-repeat;
background-position: top left;
padding-top: 40px;
}

#logo_holder {
width: 960px;
height: 41px;
position: relative;
}

#casper_logo {
background-image: url('../img/casper_logo.png');
width: 486px;
height: 41px;
float: left;
}

#language {
width: 210px;
height: 30px;
float: right;
position: absolute;
top: 50%;
right: 0px;
margin-top: -15px;
}

#language img {
   margin: 5px;
   cursor: pointer;
}

#call_to_action {
        width: 341px;
        height: 100%;
        float: left;
}

#features_en {
        width: 329px;
        height: 294px;
        background: url('../img/call2action/en/call_en_01.png');
}

#features_de {
        width: 329px;
        height: 294px;
        background: url('../img/call2action/de/call_de_01.png');
}

#features_fr {
        width: 329px;
        height: 294px;
        background: url('../img/call2action/fr/call_fr_01.png');
}

#features_it {
        width: 329px;
        height: 294px;
        background: url('../img/call2action/it/call_it_01.png');
}

#features_nl {
        width: 329px;
        height: 294px;
        background: url('../img/call2action/nl/call_nl_01.png');
}

#airport_picker_holder {
        width: 960px;
        margin-top: 30px;
        height: 410px;
}

#airport_picker_wrapper {
        width: 617px;
        height: 410px;
        float: left;
        margin-right: 0px;
        position: relative;
        left: 0px;
        background-image: url('../img/airport_picker_bg.png');
        background-repeat: no-repeat;
        padding: 1px;
}

#airport_picker_app {
        width: 612px;
        height: 398px;
        padding: 0px;
        margin-top: 5px;
        margin-left: 5px;
        border: 1px solid #FFFFFF:
}

#learn_more {
        font-size: 13px;
        color: #7fd9ff;
        border-bottom: 1px solid #7FD9FF;
        height: 30px;
        line-height: 30px;
        margin-left: 6px;
}

#learn_more:hover {
        border-bottom: 0px;
}

#button_en {
        margin-top: 20px;
        display: block;
        width: 329px;
        height: 55px;
        background: url('../img/call2action/en/call_en_02.png');
}

#button_de {
        margin-top: 20px;
        display: block;
        width: 329px;
        height: 55px;
        background: url('../img/call2action/de/call_de_02.png');
}

#button_fr {
        margin-top: 20px;
        display: block;
        width: 329px;
        height: 55px;
        background: url('../img/call2action/fr/call_fr_02.png');
}

#button_it {
        margin-top: 20px;
        display: block;
        width: 329px;
        height: 55px;
        background: url('../img/call2action/it/call_it_02.png');
}

#button_nl {
        margin-top: 20px;
        display: block;
        width: 329px;
        height: 55px;
        background: url('../img/call2action/nl/call_nl_02.png');
}

#sign_in {
        font-size: 13px;
        color: #FFFFFF;
        height: 30px;
        line-height: 30px;
        margin-left: 6px;
}

#sign_in a {
        color: #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
}

#sign_in a:hover {
        border-bottom: 0px;
}

#nav_bar {
width: 970px;
height: 80px;
background-image: url('../img/nav_bar_bg.png');
background-repeat: no-repeat;
margin-top: 10px;
margin-left: -5px;
padding: 6px;
}

#nav_bar a.nav_bar_link {
display: block;
line-height: 68px;
padding: 0px 20px 0px 20px;
float: left;
color: #5C5C5C;
font-size: 22px;
}

#nav_bar a:hover.nav_bar_link {
background-image: url('../img/nav_button_highlight.gif');
background-position: bottom center;
background-repeat: repeat-x;
color: #00B4FF;
}

#nav_bar .nav_bar_link_down {
background-image: none;
color: #5C5C5C;
}

#nav_bar .nav_bar_link_selected {
background-image: url('../img/nav_button_highlight.gif');
background-position: bottom center;
background-repeat: repeat-x;
color: #00B4FF !important;
display: block;
line-height: 68px;
}

.nav_bar_sep {
width: 1px;
height: 68px;
float: left;
background-image: url('../img/nav_bar_sep.png');
background-repeat: no-repeat;
}

#content_holder {
width: 960px;
margin: 0 auto;
}

.column11 {
width: 660px;
float: left;
}

.h1 {
height: 85px;
line-height: 85px;
font-size: 36px;
color: #00B4FF;
padding: 0px 20px 0px 20px;
display: block;
border-bottom: 1px solid #C5C5C5;
}

.column4 {
width: 240px;
float: right;
}

.h2 {
height: 85px;
line-height: 85px;
font-size: 24px;
color: #00B4FF;
padding: 0px 20px 0px 20px;
display: block;
border-bottom: 1px solid #C5C5C5;
text-align: right;
}

.column5 {
width: 280px;
float: left;
}

.h4 {
height: 85px;
line-height: 85px;
font-size: 28px;
color: #00B4FF;
padding: 0px 20px 0px 20px;
display: block;
border-bottom: 1px solid #C5C5C5;
}

.columnall, .column {
width: 960px;
float: left;
clear: both;
}

a {
text-decoration: none;
color: #00B4FF;
}

a:hover {
}

a.news {
color: #5c5c5c;
}

a.news:hover {
   color: #000;
   cursor:pointer;
}

.content_item {
   padding: 20px;
}

.content_item p {
   padding-bottom: 10px;
}

.tweet {
   width; 240px;
   overflow-x: hidden;
   display: block;
   margin-bottom: 20px;
   color: #5c5c5c;
   font-size: 14px;
   line-height: 18px;
}

.tweet:hover {
   color: #000;
   cursor:pointer;
}

.tweet_time {
font-size: 12px;
color: #999;
}

.blog_title {
color: #00B4FF !important;
font-size: 24px;
margin-bottom: 10px;
}

.blog_date a.ref {
font-size: 14px;
color: #999999;
}

.blog_content {
line-height: 20px;
}

.blog_content p {
margin-bottom: 10px;
}

.h3 {
font-size: 20px;
line-height: 40px;
font-weight: bold;
margin-top: 15px;
display: block;
clear: both;
}

.photogallery {
margin-top: 20px;
}

.photo_holder {
float: left;
}

.photo_nav {
margin-top: 5px;
float: left;
width: 100%;
padding-left: 20px;
}

.num_photo {
padding: 5px;
font-size: 11px;
display: block;
cursor: pointer;
float: left;
margin-right: 5px;
}

.num_photo_down {
background-color:#FFFFFF;
color: #000000;
}

.num_photo_up {
background-color: #00B4FF;
color: #FFFFFF;
}

#requirements {
padding-top: 10px;
font-size: 13px;
}

#requirements_test {
margin-top: 5px;
font-weight: bold;
}

.requirement_line {
line-height: 16px;
margin-top: 5px;
}

.requirement_line img {
padding-right: 5px;
vertical-align: middle;
}

.recommended_browser {
margin-top: 10px;
}

.recommended_browser img {
padding-right: 5px;
vertical-align: middle;
}

.subscription {
margin-top: 10px;
margin-left: 20px;
width: 280px;
height: 540px;
background: #00B4FF url('../img/subscription_bg.jpg') no-repeat;
float: right;
position: relative;
top: -98px;
}

.subscription_label {
padding-left: 20px;
line-height: 85px;
font-size: 24px;
color: #FFFFFF;
}

.subscription_features {
padding: 20px 20px 10px 20px;
}

.subscription_feature {
margin-bottom: 7px;
line-height: 20px;
color: #FFFFFF;
text-shadow: #000000 0px 0px 4px;
font-size: 16px;
}

.subscription_feature img {
margin-right: 5px;
vertical-align: top;
}

.subscription_description {
font-size: 13px;
padding: 5px 20px 20px 20px;
color: #FFFFFF;
}

.subscription_description p {
margin-bottom: 10px;
}

a.subscription_button {
margin-left: 15px;
display: block;
width: 195px;
height: 54px;
line-height: 54px;
background-image: url('../img/subscr_button_lo.png');
text-align: right;
padding-right: 55px;
color: #5C5C5C;
font-weight: bold;
font-size: 18px;
position: absolute;
bottom: 20px;
}

a.subscription_button:hover {
background-image: url('../img/subscr_button_hi.png');
color: #00B4FF;
}

.error {
   background-color: #ffaaaa;
}

.error_text {
   text-align: left;
   vertical-align: top;
   color: #ff0000;
}

.right_div {
   float: right !important;
   margin-right: 12px;
}

.content_item td {
   padding: 5px;
}

.input_field, .select_field {
   width: 244px;
}

.pwd {
   font-family: Arial;
}

.form_button {
   width: 244px;
   height: 32px;
   background-image: url('../img/form_button_lo.png');
   cursor: pointer;
}

.form_button:hover {
   background-image: url('../img/form_button_hi.png');
}

.button_text {
   padding-left: 10px;
   padding-top: 6px;
   cursor: pointer;
}

.ctable {
   margin: 0px;
   padding: 0px;
}

.ctable th {
   padding: 5px;
   border-bottom: 1px solid #C5C5C5;
   border-right: 1px solid #C5C5C5;
}

.ctable td {
   border-right: 1px solid #C5C5C5;
}

.boxed {
   margin: 1em 0;
   padding: 1em;
   border: 1px solid black;
   width: 600px;
}

.faq_question {
   margin-top: 10px;
   margin-bottom: 5px;
   cursor: pointer;
}

.faq_answer {
   margin-left: 20px;
   display: none;
}

.noline {
   border: none;
   margin-top: 3px;
   margin-right: 5px;
}

td.line {
   border: 1px solid #C5C5C5;
   height: 28px;
}

td.title {
   text-align: right;
   vertical-align: top;
   padding-right: 10px !important;
}

.link_button {
   width: 39px;
   height: 26px;
   background-image: url('../img/form_button_small_lo.png');
   cursor: pointer;
   float: right;
}

.link_button:hover {
   background-image: url('../img/form_button_small_hi.png');
}

.left {
   float: left;
}

.form {
   margin-top: 5px;
}

.form td {
   padding: 0px;
   padding-left: 5px;
}

#footer {
   clear: both;
   text-align: right;
   margin-right: 20px;
}

.social { 
   padding-left: 20px;
}

.social > * {
   float: left;
   margin-right: 10px;
}

#hyves {
   width: 100px;
   height: 20px;
}