/* FONT IMPORT */

@font-face {
    font-family: 'SourceSansProSemiboldItalic';
    src: url('font/SourceSansPro-SemiboldIt-webfont.eot');
    src: url('font/SourceSansPro-SemiboldIt-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/SourceSansPro-SemiboldIt-webfont.woff') format('woff'),
         url('font/SourceSansPro-SemiboldIt-webfont.ttf') format('truetype'),
         url('font/SourceSansPro-SemiboldIt-webfont.svg#SourceSansProSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProBold';
    src: url('font/SourceSansPro-Bold-webfont.eot');
    src: url('font/SourceSansPro-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/SourceSansPro-Bold-webfont.woff') format('woff'),
         url('font/SourceSansPro-Bold-webfont.ttf') format('truetype'),
         url('font/SourceSansPro-Bold-webfont.svg#SourceSansProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProBoldItalic';
    src: url('font/SourceSansPro-BoldIt-webfont.eot');
    src: url('font/SourceSansPro-BoldIt-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/SourceSansPro-BoldIt-webfont.woff') format('woff'),
         url('font/SourceSansPro-BoldIt-webfont.ttf') format('truetype'),
         url('font/SourceSansPro-BoldIt-webfont.svg#SourceSansProBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProBlack';
    src: url('font/SourceSansPro-Black-webfont.eot');
    src: url('font/SourceSansPro-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/SourceSansPro-Black-webfont.woff') format('woff'),
         url('font/SourceSansPro-Black-webfont.ttf') format('truetype'),
         url('font/SourceSansPro-Black-webfont.svg#SourceSansProBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProBlackItalic';
    src: url('font/SourceSansPro-BlackIt-webfont.eot');
    src: url('font/SourceSansPro-BlackIt-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/SourceSansPro-BlackIt-webfont.woff') format('woff'),
         url('font/SourceSansPro-BlackIt-webfont.ttf') format('truetype'),
         url('font/SourceSansPro-BlackIt-webfont.svg#SourceSansProBlackItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProExtraLight';
    src: url('font/SourceSansPro-ExtraLight-webfont.eot');
    src: url('font/SourceSansPro-ExtraLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/SourceSansPro-ExtraLight-webfont.woff') format('woff'),
         url('font/SourceSansPro-ExtraLight-webfont.ttf') format('truetype'),
         url('font/SourceSansPro-ExtraLight-webfont.svg#SourceSansProExtraLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProExtraLightItalic';
    src: url('font/SourceSansPro-ExtraLightIt-webfont.eot');
    src: url('font/SourceSansPro-ExtraLightIt-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/SourceSansPro-ExtraLightIt-webfont.woff') format('woff'),
         url('font/SourceSansPro-ExtraLightIt-webfont.ttf') format('truetype'),
         url('font/SourceSansPro-ExtraLightIt-webfont.svg#SourceSansProExtraLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProLight';
    src: url('font/SourceSansPro-Light-webfont.eot');
    src: url('font/SourceSansPro-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/SourceSansPro-Light-webfont.woff') format('woff'),
         url('font/SourceSansPro-Light-webfont.ttf') format('truetype'),
         url('font/SourceSansPro-Light-webfont.svg#SourceSansProLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProLightItalic';
    src: url('font/SourceSansPro-LightIt-webfont.eot');
    src: url('font/SourceSansPro-LightIt-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/SourceSansPro-LightIt-webfont.woff') format('woff'),
         url('font/SourceSansPro-LightIt-webfont.ttf') format('truetype'),
         url('font/SourceSansPro-LightIt-webfont.svg#SourceSansProLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProRegular';
    src: url('font/SourceSansPro-Regular-webfont.eot');
    src: url('font/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/SourceSansPro-Regular-webfont.woff') format('woff'),
         url('font/SourceSansPro-Regular-webfont.ttf') format('truetype'),
         url('font/SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProItalic';
    src: url('font/SourceSansPro-It-webfont.eot');
    src: url('font/SourceSansPro-It-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/SourceSansPro-It-webfont.woff') format('woff'),
         url('font/SourceSansPro-It-webfont.ttf') format('truetype'),
         url('font/SourceSansPro-It-webfont.svg#SourceSansProItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProSemibold';
    src: url('font/SourceSansPro-Semibold-webfont.eot');
    src: url('font/SourceSansPro-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/SourceSansPro-Semibold-webfont.woff') format('woff'),
         url('font/SourceSansPro-Semibold-webfont.ttf') format('truetype'),
         url('font/SourceSansPro-Semibold-webfont.svg#SourceSansProSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* GENERAL CSS */

body
{
	margin: 0;
	padding: 0;
	font-family: 'SourceSansProRegular', sans-serif;
	/*font-family: 'Droid Sans', sans-serif;*/
	/*font-family: 'Yanone Kaffeesatz', sans-serif;*/
	font-size: 22px;
	font-weight: 200;
	font-size: 21px;
	color: #ACACAC;
    background: #1e1e1e;
}

ol, ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#head
{
	background: #020202;	
	border-bottom: 1px solid #282828;
}

#head #head-container
{
	margin: 0 auto;
	width: 960px;
	height: 75px;
	color: white;
}

#head #head-container #logo-small
{
    width: 193px;
    height: 45px;
    background: url("../img/futurehaller_logo_small.png");
    float: left;
    margin-top: 15px;
}

#head #head-container ul
{
	float: right;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
	list-style: none outside none;
    margin: 0;
    padding: 0;
}

#head #head-container ul li
{
	float: left;
}

#head #head-container ul li a.last
{
	padding-right: 0px!important;
}

#head #head-container ul li a
{
	color: #888888;
    height: 12px;
    margin-top: 10px;
    padding: 19px 18px 29px;
    text-decoration: none;
    display: block;
}

#head #head-container ul li a.current
{
	color: #ffffff;
}

#head #head-container ul li a:hover
{
	color: #ffffff;
}

#content_index
{
	height: 750px;
	background: #1d1d1d url("../img/bg-texture.jpg") bottom center repeat-x;
}

#content_index div.content-inner	
{
	width: 960px;
	margin: 0 auto;
	/*color: white;*/
}

#content_index div #logo
{
	float: left;
	width: 325px;
	height: 135px;
	/*background: red;*/
}

#content_index div #logo h1.frontlogo
{
	background: url("../img/futurehaller_logo.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 75px;
    text-indent: -9999px;
    width: 322px;
}

#content_index div #logo img
{
	margin-top: 30px;
}

#content_index div #slogan
{
	float: left;
	width: 635px;
	height: 135px;
	/*border-left: 1px dotted #4C4C4C;*/
	/*background: green;	*/
}

#content_index div #slogan #slogan_text
{
	float: right;
	width: 595px;
	height: 70px;
	border-left: 1px dotted #4C4C4C;
	/*background: red;	*/
	margin-top: 30px;
}

#content_index div #slogan #slogan_text h2
{
    font-family: 'SourceSansProLight', sans-serif;
	margin-left: 20px;
	font-weight: 200;
	font-size: 32px;
	line-height: 20px;
	float: right;
	color: white;
    text-shadow: 1px 1px 0px black;
   	letter-spacing: 1px;
}

#content_index div #text
{
	float: left;
	width: 375px;
	height: 330px;
	/*background: yellow;	*/
}

#content_index div #text ul li
{
	font-family: 'SourceSansProLight', sans-serif;
    background: url("../img/sjekkliste.png") no-repeat scroll 14px 18px transparent;
	border-bottom: 1px dotted #4C4C4C;
    color: #ACACAC;
    font-size: 20px;
    line-height: 50px;
    padding: 0 10px 0 50px;
    text-shadow: 1px 1px 0px black;
    letter-spacing: 1px;
}

#content_index div #text ul li:last-child 
{
    border-bottom: medium none;
}

#content_index div #video_container
{
	float: right;
	width: 570px;
	height: 330px;
	/*background: blue;*/	
}

#content_index div #video_container #video
{
	background: #000000;
	float: right;
	width: 545px;
	height: 307px;
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.25),0px 0px 0px rgba(0,0,0,0);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25),0px 0px 0px transparent;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.25),0px 0px 0px transparent;
}

#content_index div #call_to_action_head
{
    padding-top: 35px;
    width: 990px;
    float: left;
}

#content_index div #call_to_action_head h4
{
    font-family: 'SourceSansProLight', sans-serif;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
    background: url("../img/bg_div.png") no-repeat scroll left 12px transparent;
    color: #FFFFFF;
    font-size: 22px;
    line-height: 22px;
    text-shadow: 1px 1px 0 #000000;
    text-align: center;
    letter-spacing: 1px;
}

#content_index div #call_to_action
{
	float: left;
	margin-top: 25px;
	background-color: rgba(0, 0, 0, 0.4);
    border-color: #999999;
    border-radius: 5px 5px 5px 5px;
    border-width: 0;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 0 transparent;
    height: 47px;
    padding: 15px;
    width: 930px;
}

.container-input
{
    float: left;
    margin-right: 15px;
    position: relative;
    text-align: left !important;
}

.label_contact 
{
    -moz-transition: all 0.15s ease-in-out 0s;
    font-family: "Helvetica Neue", Helvetica, Arial,sans-serif !important;
    text-shadow: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: #000000;
    cursor: text;
    font-size: 15px;
    font-weight: 400;
    line-height: 17px;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    padding: 15px 15px 14px;
    position: absolute;
    z-index: 10;
}

.input_contact
{
	border: medium none;
    border-radius: 3px 3px 3px 3px;
    background-color: rgba(255, 255, 255, 0);
    font-family: "Helvetica Neue", Helvetica, Arial,sans-serif !important;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    padding: 15px;
    position: relative;
    z-index: 20;
}

.input_contact.focus
{
	background-color: rgba(255, 255, 255, 0.5);
}

.input_contact.contains-text
{
	background-color: #ffffff;
	z-index: 60;
}

.label_contact.name 
{
    width: 280px;
}

.input_contact.name
{
    width: 280px;
}

.label_contact.phone 
{
    width: 280px;
}

.input_contact.phone
{
    width: 280px;
}

.btn
{
	-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-transition: none 0.3s ease-in-out 0s;
    background: none repeat scroll 0 0 #99CA42;
    border-color: #A5D74B -moz-use-text-color -moz-use-text-color;
    border-radius: 2px 2px 2px 2px;
    border-right: medium none;
    border-style: solid none none;
    border-width: 1px medium medium;
    color: #FFFFFF !important;
    font-family: "SourceSansProNormal",sans-serif;
    font-size: 18px;
    margin: 0 -2px 0 0;
    padding: 10px 26px 11px;
    text-align: center;
    text-shadow: 0 1px 1px #426806;
}

.btn:hover
{
	background: none repeat scroll 0 0 #92C23D;
	cursor: pointer;
}

.btn.contact
{
	width: 280px;
}

.btn.sub-call
{
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-transition: none 0.3s ease-in-out 0s;
    background: none repeat scroll 0 0 #91C540;
    border-color: transparent -moz-use-text-color #79AC2A;
    border-left: medium none;
    border-radius: 2px 2px 2px 2px;
    border-right: medium none;
    border-style: solid none;
    border-width: 1px medium;
    color: #FFFFFF !important;
    font-family: "SourceSansProNormal",sans-serif;
    font-size: 22px;
    margin: 0 -2px 0 20px;
    padding: 12px 26px 13px;
    text-align: center;
    text-shadow: 0 1px 1px #426806;
}

#content
{
	background: #ffffff;
	padding-top: 40px;
    padding-bottom: 40px;
}

#content #content-holder
{
	margin: 0 auto;
	width: 960px;
}

#content h2
{
    font-family: 'SourceSansProLight', sans-serif;
    color: #000000;
    font-weight: normal;
    font-size: 28px;
    margin-bottom: 10px;
}

#content p
{
    font-family: 'SourceSansProNormal', sans-serif;
    color: #444444;
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0px;
}

#content p strong
{
    font-size: 16px;
    font-weight: normal;
    color: #222222;
}

#page_content
{
  	background: #ffffff;
	padding-top: 40px;
    padding-bottom: 40px;  
}

#page_content #page_content-holder
{
	margin: 0 auto;
	width: 960px;
}

#page_content #page_content-holder #submenu
{
	width: 250px;
    float: left;
}

#page_content #page_content-holder #submenu ul
{
    list-style: none outside none;
}

#page_content #page_content-holder #submenu ul li
{
    border: 0 none;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

#page_content #page_content-holder #submenu ul li span.icon
{
    display: block;
    height: 50px;
    margin-left: -55px;
    position: absolute;
    width: 50px;
    background: url("../img/icons-all.png") repeat scroll 0 0 transparent;
}

#page_content #page_content-holder #submenu ul li.item-info a .icon
{
    background-position: 0 3px;
}

#page_content #page_content-holder #submenu ul li.item-pics a .icon
{
    background-position: 0 -40px;
}

#page_content #page_content-holder #submenu ul li.item-price a .icon
{
    background-position: 0 -75px;
}

#page_content #page_content-holder #submenu ul li.item-draw a .icon
{
    background-position: 0 -110px;
}

#page_content #page_content-holder #submenu ul li.item-info a:hover .icon
{
    background-position: 53px 3px;
}

#page_content #page_content-holder #submenu ul li.item-pics a:hover .icon
{
    background-position: 53px -40px;
}

#page_content #page_content-holder #submenu ul li.item-price a:hover .icon
{
    background-position: 53px -75px;
}

#page_content #page_content-holder #submenu ul li.item-draw a:hover .icon
{
    background-position: 53px -110px;
}

#page_content #page_content-holder #submenu ul li.item-info.current a .icon
{
    background-position: 53px 3px;
}

#page_content #page_content-holder #submenu ul li.item-pics.current a .icon
{
    background-position: 53px -40px;
}

#page_content #page_content-holder #submenu ul li.item-price.current a .icon
{
    background-position: 53px -75px;
}

#page_content #page_content-holder #submenu ul li.item-draw.current a .icon
{
    background-position: 53px -110px;
}

#page_content #page_content-holder #submenu ul li a
{
    color: #666666;
    display: block;
    text-decoration: none;
    font: 15px/50px "SourceSansProNormal",sans-serif;
    height: 50px;
    padding-left: 40px;
}

#page_content #page_content-holder #submenu ul li a:hover
{
    color: #000000;

}

#page_content #page_content-holder #submenu ul li.current a
{
    color: #000000;

}

#page_content #page_content-holder #the_content
{
	width: 660px;
    margin-left: 50px;
    float: left;

}

#page_content #page_content-holder #the_content h1
{
    padding: 0;
    margin: 0;
    font-family: 'SourceSansProLight', sans-serif;
    color: #000000;
    font-weight: normal;
    font-size: 36px;
}

#page_content #page_content-holder #the_content h2
{
    padding: 0;
    margin: 0;
    font-family: 'SourceSansProLight', sans-serif;
    color: #000000;
    font-weight: normal;
    font-size: 24px;
}

#page_content #page_content-holder #the_content p
{
    font-family: 'SourceSansProNormal', sans-serif;
    color: #000000;
    font-weight: normal;
    font-size: 13px;
}

#page_content #page_content-holder #the_content p strong
{
    font-family: 'SourceSansProNormal', sans-serif;
    color: #000000;
    font-weight: normal;
    font-size: 16px;
}

#page_content #page_content-holder #the_content ul
{
    list-style-type: square;
    padding-left: 13px;
}

#page_content #page_content-holder #the_content ul li
{
    font-family: 'SourceSansProNormal', sans-serif;
    color: #000000;
    font-weight: normal;
    font-size: 13px;
    padding-left: 10px;
}

#sub-call-action
{
    height: 90px;
    background: #ffffff;
    padding-top: 20px;
}

#sub-call-action-container
{
    margin: 0 auto;
	width: 960px;
    text-align: center;
}

#sub-call-action-container span.text
{
    font-family: 'SourceSansProLight', sans-serif;
    color: #000000;
}

#footer
{
    /*background: #1E1E1E;*/
    height: 180px;
}

#footer #footer-holder
{
	margin: 0 auto;
	width: 960px;
	color: white;
}

#footer #footer-holder .footer-item
{
    width: 230px;
    float: left;
    margin-right: 10px;
}

#footer #footer-holder .footer-item p
{
    color: #888888;
    font-size: 12px;
    line-height: 18px;
}

#footer #footer-holder .footer-item p strong
{
    border-bottom: 1px dotted #4C4C4C;
    color: #FFFFFF;
    font-size: 15px;
}

#footer #footer-holder .footer-item p a
{
    color: #888888;
    font-size: 12px;
    text-decoration: none;
}

#footer #footer-holder .footer-item p a:hover
{
    text-decoration: underline;
}

.white-border
{
	border: 10px solid white;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}

.video-thumb
{
	display: block;
	overflow: hidden;
	background: url("../img/video-thumbnail-2.png") top left no-repeat;
	z-index: 99;
	width: 545px;
	height: 307px;
	-o-transition: none 0.3s ease-in-out 0s;
	-webkit-transition: none 0.3s ease-in-out 0s;
	-moz-transition: none 0.3s ease-in-out 0s;
}

.pic-holder
{
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25), 0 0 0 transparent;
    overflow: hidden;
    padding: 10px;
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
}

.size-1
{
    width: 350px!important;
    height: 210px!important;
}

.size-2
{
    width: 634px!important;
    height: 337px!important;
}

.pic-holder-gallery
{
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25), 0 0 0 transparent;
    overflow: hidden;
    padding: 7px;
    padding-bottom: 1px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

table.table-pricing
{
	font-family: 'SourceSansProNormal', sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #666666;
}

table.table-pricing strong
{
	font-family: 'SourceSansProBold', sans-serif;
	font-weight: normal;
}

table.table-pricing td.first
{
	background: #F6F6F6;
}

table.table-pricing td.second
{
	background: #FAFAFA;
}

table.table-pricing td.head
{
	font-family: 'SourceSansProLight', sans-serif;
	font-weight: normal;
	font-size: 18px;
}

table.table-pricing td.sub-head
{
	font-family: 'SourceSansProLight', sans-serif;
	font-weight: normal;
	font-size: 13px;
}

table.table-pricing td.top-border
{
	border-top: 1px solid #EBEBEB;
}

table.table-pricing td
{
	border-bottom: 1px solid #EBEBEB;
	border-top: 1px solid #FFFFFF;
}

p.price-table-bottom
{
	font-family: 'SourceSansProLight', sans-serif!important;;
	color: #666666!important;
	font-size: 13px!important;
}

ul.drawings
{
	padding-left: 0!important;
	margin-bottom: 15px;
	float: left;
	width: 330px;
}

ul.drawings li
{
	list-style-type: none;
	padding-left: 0!important;
	line-height: 22px;
	background: url("../img/pdf_icon_small.gif") no-repeat;
}

ul.drawings li a
{
	font-family: 'SourceSansProLight', sans-serif!important;
	font-size: 14px;
	padding-left:22px;
	color: #000000;
	text-decoration: none;
}

ul.drawings li a:hover
{
	text-decoration: underline;
}

.column {
  float: left;
  width: 50%;
  text-align: center;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

a[href^="tel:"] {
  color: white;
  text-decoration: underline;
}