@charset "UTF-8";

body {
	font-family: 'Open Sans', 'Arial Black', Arial, sans-serif;
	font-size: 16px;
	line-height: 1.4;
	background-color: #181818; /*Default bg, similar to the background's base color*/
	color:#CCC;
	margin:0;
}

 .header {
	height:55px;
    border-bottom: 1px solid #222;
    box-shadow: 0 1px 0 #262626;
    background-color: #191919;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#282828),to(#191919));
    background-image: -webkit-linear-gradient(top,#282828,#191919);
    background-image: linear-gradient(top,#282828,#191919);
    background-repeat: no-repeat;
    line-height: 12px;
    z-index: 9999;
}

#logo {
	position: fixed;
	top:0;
	right:0;
	width:360px;
	height:68px;
	background:	url('../hob.png') no-repeat;
}


.videoswipe { color:#772a10; font-weight:bold;}

h2, h3 { color:#FFAC0D;}
h2 .large { font-size:36px;}

.container {
	*zoom: 1;
	width:700px;
	padding:30px;
	margin:0 auto;  
}
/* line 38, /app/vendor/bundle/ruby/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.container:after { content: ""; display: table; clear: both; }

.button {
    background-color: #4B0FFF; /* Blue */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
	border-radius: 4px;
}
.btn-primary {
    color: #fff;
    background-color: #247fcc;
    background-repeat: repeat-x;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#50a3e2),to(#247fcc));
    background-image: -webkit-linear-gradient(top,#50a3e2,#247fcc);
    background-image: -moz-linear-gradient(top,#50a3e2,#247fcc);
    background-image: -ms-linear-gradient(top,#50a3e2,#247fcc);
    background-image: linear-gradient(top,#50a3e2,#247fcc);
    border: 1px solid #527593!important;
    padding: 7px 30px;
	line-height: 1.4;
	font-size:16px;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
	text-decoration:none;
}
.btn-primary:hover {
    background-color: #247fee;	
	background-image:none;
}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: rgba(38,38,38, 0.85);
    margin: 5% auto; /* 5% from the top and centered */
    padding: 20px;
    border: 1px solid #888888;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: white;
    text-decoration: none;
    cursor: pointer;
}


.content_box {
	overflow: hidden;
	*zoom: 1;
    background-color: rgba(38,38,38, 0.85);
    margin: 0 auto; /* 5% from the top and centered */
    padding: 20px;
	border:2px #666666 solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	margin-bottom:40px;
	padding: 20px;
}

.content_box ul {
	margin-top:0px;
}
.tryit {
	list-style-type: none;
}

.cover {
	margin-left:80px;
	margin-bottom:20px;
	width:60%;
  height:auto;
	display:block;
}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #dddddd;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dddddd;
	box-shadow:inset 0px 1px 0px 0px #dddddd;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-size:18px;
	font-weight:bold;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.myButton:active {
	position:relative;
	top:1px;
}

#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea {
    width:80%;
    box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
    -webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
    -moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
    border:1px solid #CCC;
    background:#FFF;
    margin:0 0 5px;
    padding:8px;
    border-radius:5px;
}
textarea {
	vertical-align: top;
	font-family:'Arial';
	min-height:80px;
}

#captcha {
	display:inline-block;
	margin:12px 0
}

#smallprint {
	font-family: Arial, sans-serif;
	font-size: 14px;
}

.footer {
	background: url(map-europe-light.png) no-repeat;
	clear: both;
}
	
#footerOld {	
	position:relative; color:#CCC; top:60px; overflow: hidden; *zoom: 1; background: rgba(0,0,0, 0.4) url(map-europe.png) no-repeat; clear: both; margin-bottom: 100px; border-top: 1px solid rgba(0, 0, 0, 0.8); -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0 inset; -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0 inset; box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0 inset; font-size: 14px; padding: 40px 0 40px; }
/* line 170, /app/source/css/_layout.scss */
#footer a { color: #4b4b4c !important; text-decoration: none; }
/* line 174, /app/source/css/_layout.scss */
#footer a:hover { color: #fff !important; }

/* line 182, /app/source/css/_layout.scss */
#fs-location { width: 27.91489%; float: left; margin-left:12px; margin-right: 2.12766%; display: inline; padding-top: 85px; }
@media (max-width: 30em) { /* line 182, /app/source/css/_layout.scss */
  #fs-location { width: 100%; float: left; margin-right: 2.12766%; } }
/* line 192, /app/source/css/_layout.scss */
#fs-location address { font-style: normal; line-height:1.1em;}

/* line 197, /app/source/css/_layout.scss */
#footer-nav { width: 65.95745%; float: right; margin-right: 0; *margin-left: -20px; display: inline; }
/* line 200, /app/source/css/_layout.scss */
#footer-nav dl { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #1e1e1f; float: left; margin: 0; min-height: 130px; padding-left: 20px; width: 33%; }
@media (max-width: 30em) { /* line 200, /app/source/css/_layout.scss */
  #footer-nav dl { display: none; } }
/* line 213, /app/source/css/_layout.scss */
#footer-nav dl dt { margin-bottom: 5px; }
/* line 217, /app/source/css/_layout.scss */
#footer-nav dl dd { margin: 0; }
@media (max-width: 30em) { /* line 200, /app/source/css/_layout.scss */
  #footer-nav dl { width: 48.93617%; float: left; margin-right: 2.12766%; padding-bottom: 40px; text-align: center; } }


