/*  
Site Name: HaloIPT
Site URI: ---
Description: ---
Version: 1.0

UPDATE INFO ---------------------------------------

Revision number: 1.0
Last updated: 
Last update made by: Adam Wright (@rike, big-backyard.co.nz) for Fracture Syndicate.

CONVENTIONS ---------------------------------------

hyphenate class / id names - #my-id-name, .my-class-name
class / id names to start with lower case letter (ID's reserved for .net use will start with Upper case letter)

CREDITS -------------------------------------------
this file adapted from the fantastic resources at http://html5boilerplate.com/
html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
other relevant credits have been left inline

CONTENTS ------------------------------------------

*01: Reset
*03: Default Styles
*03: Util classes
*04: Structure
*05: Common Containers & Subclasses
*06: Custom Containers & Subclasses
*07: Print Styles
*08: Media & Orientation

*/

/* *01: Reset -----------------------------------------------------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }


/* *02: Default Styles --------------------------------------------------------------------------------------------------------*/

body 							{ 
	font: 13px sans-serif; *font-size:small; *font:x-small; line-height: 18px; color: #7b7b7b; font-family: "proxima-nova-1","proxima-nova-2", Helvetica, Arial, sans-serif;
	background: #272727 url(../Images/interface/bg-body.jpg);
}
html 							{ -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4, h5, h6 			{ color: #bbb; font-weight: bold; text-rendering: optimizeLegibility; position: relative; }
h1 								{ font-size: 24px; line-height: 36px; margin: 0 0 0 0; background: url(../Images/interface/ind-h1.png) no-repeat 0 10px; padding-left: 24px; left: -24px; }
h2 								{ font-size: 21px; line-height: 36px; margin: 0 0 0 0; font-weight: 600; }
h2 em							{ color: #999; font-size: 15px; line-height: 15px; display: block; margin-bottom: 18px; font-style: normal; }
h3 								{ font-size: 14px; line-height: 18px; margin: 0 0 0 0; font-weight: normal; }

p 								{ font-size: 15px; line-height: 24px; margin: 18px 0px 0px 0px; }
.bold							{ /*font-weight: 600;*/ color: #bbb; }

a 								{ color: #00afed; outline: none; text-decoration: none; }
a:hover, a:active 				{ color: #68d5fb; outline: none; }
a:visited						{ }

table 							{ font-size: inherit; font: 100%; }
td, td img 						{ vertical-align: top; }
select, input, textarea 		{ font: 99% sans-serif; }
pre, code, kbd, samp 			{ font-family: monospace, sans-serif; }
sub 							{ vertical-align: sub; font-size: smaller; }
sup 							{ vertical-align: super; font-size: smaller; }
small 							{ font-size:85%; }
strong, th 						{ font-weight: bold; }

input[type="radio"] 			{ vertical-align: text-bottom; } /* align checkboxes, radios, text inputs with their label - by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="checkbox"] 			{ vertical-align: bottom; *vertical-align: baseline; }
.ie6 input 						{ vertical-align: text-bottom; }

label, input[type=button], input[type=submit], button { cursor: pointer; } /* hand cursor on clickable input elements */

::-moz-selection 				{ background: #007ca8; color:#fff; text-shadow: none; }/* text selection colour & kills text shadow when highlighted */
::selection 					{ background: #007ca8; color:#fff; text-shadow: none; } 

a:link 							{ -webkit-tap-highlight-color: #FF5E99; } /* Tap highlight colour on webkit touch devices - j.mp/webkit-tap-highlight-color */
button 							{  width: auto; overflow: visible; } /* make buttons play nice in IE: - www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
.ie7 img 						{ -ms-interpolation-mode: bicubic; } /* bicubic resizing for non-native sized IMG: - code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
/*behavior: url(/scripts/iepngfix.htc)*/

ul li 							{ list-style-type: none; }
ol li 							{ list-style-type: decimal; }
.copyright 						{ font-style:italic; font-size: 11px; }


/* *03: Util Classes ----------------------------------------------------------------------------------------------------------*/

.ir 							{ display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; } /* for image replacement */
.hidden 						{ display:none; visibility:hidden; } /* Hide for both screenreaders and browsers - css-discuss.incutio.com/wiki/Screenreader_Visibility */
.visuallyhidden 				{ position:absolute !important; /* Hide only visually, but have it available for screenreaders - www.webaim.org/techniques/css/invisiblecontent/ */
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }
.invisible 						{ visibility: hidden; } /* Hide visually and from screenreaders, but maintain layout */
.clearfix:after 				{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 						{ display: inline-block; }
* html .clearfix 				{ height: 1%; } /* Hides from IE-mac \*/
.clearfix 						{ display: block; }

/* *04: Structure -------------------------------------------------------------------------------------------------------------*/

#page-header 			{ position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 114px; background: url(../Images/interface/bg-header.png) no-repeat 560px 0; }
.js #page-header		{ z-index: 1; }
#page-header ul 		{ overflow: hidden; }
#page-footer			{ position: fixed; bottom: 0; left: 0; z-index: 5; background: url(../Images/interface/bg-footer.png) no-repeat; width: 100%; height: 63px; }
#page-footer ul 		{ overflow: hidden; margin: 22px 0px 0px 50px; }

/* *05: Common Containers & Subclasses ----------------------------------------------------------------------------------------*/

#debug { font-size: 30px; position: fixed; top: 0; right: 0; z-index: 10; padding: 20px; color: #fff; }

/* header ==========================================*/
#page-header #logo-holder 			{
	display: block; width: 240px; height: 114px;
	background: url(../Images/interface/bg-logo-holder.png) no-repeat;
	position: relative;
}
#page-header #logo 				{ width: 132px; height: 80px; position: absolute; top: 10px; left: 30px; }
#page-header li 				{ float: left; margin-right: 10px; }
#page-header a 					{ 
	text-decoration: none; font-weight: 600; font-size: 14px; padding: 3px 10px 3px 10px; display: block; text-shadow: rgba(0,0,0, 0.5) 0px 1px 1px; 
	background: #232323;
	-moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px;
	position: relative;
}
#page-header a .txt				{ position: relative; z-index: 2; }
#page-header a .hi 				{ display: block; position: absolute; top: 0; left: 0; z-index: 1; background: url(../Images/interface/bg-dots.png); }
#page-header a:hover			{ color: #fff; }
#page-footer a 					{ text-decoration: none; font-weight: 600; font-size: 14px; margin-right: 30px; display: block; text-shadow: rgba(0,0,0, 1) 0px 0px 5px; }
#page-header .selected a 		{ color: #fff; background: #00b0eb; text-shadow: rgba(0,0,0, 0.2) 0px 1px 1px; }
#page-footer .selected a 		{ color: #bbb; text-shadow: rgba(255,255,255, 0.2) 0px 0px 5px; }
#page-header #main-nav 			{ position: absolute; top: 60px; left: 240px; }
#page-header #secondary-nav 	{ width: 400px; position: absolute; top: 36px; left: 620px; }
#page-header #secondary-nav a	{ width: 100px; margin: 0; }

/* footer ==========================================*/
#page-footer li 					{ float: left; margin-right: 20px; }
#page-footer li a 					{ background: url(../Images/interface/ind-footer-arrow.png) no-repeat 0 4px; padding-left: 14px; margin: 0; }
#page-footer li a:hover, 			{ background-position: 0 -12px; }
#page-footer .selected a 			{ background-position: 0 -28px; }

#fracture							{ display: block; text-indent: -9999px; background: url(../Images/interface/eagle.gif) no-repeat; position: absolute; bottom: 10px; right: 15px; z-index: 99; width: 16px; height: 15px; margin: 0; }


/* sections ========================================*/
#linear-sections 						{ padding: 150px 50px 50px 50px; }
#linear-sections section				{ margin-bottom: 50px; }
.js #linear-sections 					{ overflow: hidden; position: relative; height: 100%; padding: 0; }
.js #linear-sections #bg-wrapper		{ overflow: hidden; width: 50%; height: 500px; position: relative; z-index: -1; }
.js #linear-sections.allow-scroll		{ overflow-y: auto; }
.js #linear-sections.allow-scroll .bg-wrapper {  }
.js #linear-sections section 			{ margin: 100px auto 0 auto; }
.js #linear-sections.active section		{ position: absolute; top: 0; left: 0; margin: 0; z-index: 1; }

/* ajax content ====================================*/
#linear-sections section.ajax-content					{ height: auto; top: 200px !important; }
.ajax-content article 									{ width: 555px; padding: 60px; background: #fff; z-index: 5; margin-bottom: 100px;
	-moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; 
	box-shadow: 2px 2px 5px rgba(0,0,0, 0.3); -moz-box-shadow: 0px 0px 10px rgba(0,0,0, 1); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0, 0.43);
}
.ajax-content article h1 								{ background: none; color: #272727; font-size: 22px; font-weight: 600; left: 0; padding: 0; margin-bottom: 20px; }
.ajax-content article h2 								{ color: #272727; font-size: 16px; font-weight: normal; }
.ajax-content article h3								{ color: #272727; font-weight: bold; }
.ajax-content article p 								{ font-size: 14px; margin: 0px 0px 26px 0px; }
.ajax-content article img								{ margin-bottom: 26px; }
.ajax-content article ul 								{ margin-bottom: 26px; }
.ajax-content article li 								{ list-style-type: disc; font-size: 14px; line-height: 24px; }
.ajax-content nav 										{ position: absolute; top: 40px; left: -300px;  width: 220px; padding: 100px 40px 100px 40px; background: #1d1d1d; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; }
.small-mode .ajax-content nav 							{ width: 180px; left: -260px; }
.small-mode .ajax-content nav a 						{ font-size: 13px; }
.ajax-content nav p 									{ margin: 0 0 30px 0; }
.ajax-content nav li 									{ margin: 0 0 10px 0; }
.ajax-content nav a 									{ font-size: 14px; font-weight: 600; text-decoration: none; display: block; }
.ajax-content nav a.selected							{ color: #fff; background: #00B0EB; padding: 2px 5px; text-shadow: rgba(0,0,0, 0.2) 0px 1px 1px; }

/* buttons =========================================*/
.btn-big			{ 
	width: 300px; 
	height: 74px;
	display: block; 
	background: url(http://www.haloipt.com/Images/interface/btn-big.png) no-repeat;
	text-align: center;
	font-size: 24px; font-weight: bold; text-decoration: none; color: #00afed;
	padding-top: 26px;
	position: relative; left: -8px;
}
.btn-big span 		{ font-size: 21px; display: block; margin-bottom: 5px; }
.btn-big:hover		{ color: #007ca8; }

/* next / prev ====================================*/
#prev, #next 		{ position: fixed; top: 0; left: 0; width: 200px; }
#next				{ left: auto; right: 0; }
/*
#prev.disabled		{ left: -200px; }
#next.disabled		{ right: -200px; }
*/
#prev a, #next a 	{
	display: block; width: 60px; height: 60px;
	position: absolute; top: 0; z-index: 99;
	background: url(../Images/interface/bg-arrows.png) no-repeat;
	box-shadow: 0px 0px 5px rgba(0,0,0, 0.5); -moz-box-shadow: 0px 0px 5px rgba(0,0,0, 0.5); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0, 0.45);
}
#prev.disabled,
#next.disabled		{ /*display: none;*/ }
/*
#prev a 			{ left: -100px; }
#prev a:hover		{ background-position: 0 -60px; }
#next a 			{ right: -100px; background-position: -60px 0; }
#next a:hover		{ background-position: -60px -60px; }
*/
#prev a 			{  }
#prev a:hover		{ background-position: 0 -60px; }
#next a 			{ right: 0; background-position: -60px 0; }
#next a:hover		{ background-position: -60px -60px; }

/* scrollbar fixes */
#big-bg 						{ z-index: -2; }
#parallax-bg 					{ z-index: -1; }
.ujs_flashblock_placeholder 	{ display: none !important; }

/* *06: Custom Containers & Subclasses ----------------------------------------------------------------------------------------*/

/* Homepage ========================== */
.js #home #linear-sections #big-bg 					{ background: url(../Images/interface/bgs/home-2.png) no-repeat bottom left; width: 3225px; height: 894px; position: fixed; bottom: 0; }
.js #home #linear-sections #parallax-bg				{ background: url(../Images/interface/bgs/home-1.png) no-repeat bottom left; width: 4200px; height: 894px; position: fixed; bottom: 0; left: 0; }
.js #home #linear-sections.small-mode #parallax-bg 	{ bottom: -150px; }
.js #home #linear-sections #extra-bg				{ background: url(../Images/interface/bgs/advantages-2.png) no-repeat; width: 6500px; height: 894px; position: fixed; bottom: 0; left: 0; }
.js #home #page-footer								{ display: none; }
.js #home-intro										{ /*height: 450px;*/ height: 580px; width: 860px; }
/*.js .small-mode #home-intro							{ height: 350px; }*/
#home-intro { top: 150px !important; }
.js #home-intro h1 									{ font-size: 98px; padding: 0; background: none; left: 0; color: #fff; text-align: right; }
/*.js .small-mode #home-intro h1						{ font-size: 70px; margin-top: 0px; }*/
.js #home-intro h1 span 							{ font-size: 44px; font-weight: normal; display: block; padding-top: 40px; }
/*.js .small-mode #home-intro h1 span					{ font-size: 30px; padding-top: 20px; }*/
.js #home-intro p 									{ width: 380px; float: right; position: relative; z-index: 2; }
/*.js .small-mode #home-intro p 						{ font-size: 14px; line-height: 20px; margin-top: 20px; }*/

.js #home-intro #home-car							{ position: absolute; top: 0px; left: -680px; z-index: 1; }

.js #home-nav 										{ position: absolute; bottom: -100px; left: -100px; z-index: 3; width: 900px; }
/*.js .small-mode #home-nav 							{ bottom: -100px; left: 0; }*/
.js #home-nav li 									{ float: left; margin-right: 20px; }
.js #home-nav li.last 								{ margin: 0; }
.js #home-nav a { 
	background: #1d1d1d;
	display: block; width: 220px; position: relative;
	padding: 24px 30px 24px 30px;
	font-size: 21px; font-weight: bold;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
	box-shadow: 0px 0px 10px rgba(0,0,0, 0.3); -moz-box-shadow: 0px 0px 10px rgba(0,0,0, 0.3); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0, 0.3);
	border: 1px solid #272727;
}
.js #home-nav a span 								{ display: block; color: #7a7a7a; font-weight: normal; font-size: 13px; position: relative; top: 3px; }
.js #home-nav a span.arrow							{ 
	width: 55px; height: 84px; position: absolute; top: 0; right: 10px;
	background: url(http://www.haloipt.com/Images/interface/bg-trans-arrows.png) no-repeat -62px -48px;
	display: none;
}

.js #feature-box {
	width: 1072px; height: 266px;
	background: url(../Images/interface/bg-feature-box.png) no-repeat;
	position: absolute; bottom: -50px; left: -200px; z-index: 1;
}
/*.js .small-mode #feature-box 			{ left: -130px; bottom: -300px; }*/
.js #home #linear-sections.small-mode	{ overflow-y: auto; }

#home .pad					{ position: absolute; bottom: -170px; left: -200px; z-index: 2; }

/*
.js .small-mode #home-intro h1,
.js .small-mode #home-intro p				{ background: #242424; }
.js .small-mode #home-intro h1				{ padding-bottom: 25px; }
.js .small-mode #home-intro p				{ margin: 0; }
*/

#home #page-header {  }

.js #featured					{ position: absolute; top: 45px; left: 80px; width: 635px; height: 186px; overflow: hidden; }
.js #featured ul 				{ }
.js #featured li 				{ width: 635px; height: 186px; position: absolute; top: 0; left: 635px; }
.js #featured li.hover			{ cursor: pointer; }
.js #featured img				{ float: left; margin-right: 30px; }
.js #featured h2				{ margin: 0; padding: 30px 30px 0px 30px; position: static; }
.js #featured li.hover h2 a 	{ color: #fff; text-shadow: rgba(255,255,255,0.2) 0px 0px 5px; }
.js #featured p 				{ float: none; width: auto; margin: 0; padding: 0px 30px 0px 30px; color: #00afed; position: static; }
.js #featured #inds 			{ position: absolute; bottom: 11px; right: 15px;}
.js #featured #inds li 			{ width: 11px; height: 11px; background: url(../Images/interface/ind-features.png) no-repeat; float: left; margin-right: 4px; position: relative; left: 0; top: 0; }
.js #featured #inds li.selected	{ background-position: 0 -11px; }
	
.js #news						{ width: 316px; height: 186px; position: absolute; top: 45px; right: 19px; overflow: hidden; }
.js #news ul 					{ }
.js #news li 					{ width: 256px; height: 120px; padding: 66px 30px 0px 30px; position: absolute; top: 0; left: 316px; }
.js #news a 					{ color: #fff; font-size: 15px; line-height: 24px; }
.js #news span					{ color: #127ea5; display: block; font-size: 12px; }
.js #news h2 					{ position: absolute; top: 30px; left: 30px; color: #fff; }
.js #news .controls				{ position: absolute; bottom: 10px; right: 12px; }
.js #news .controls a.more		{ color: #127ea5; font-size: 12px; line-height: 18px; position: relative; top: -2px; left: -5px; }
.js #news .controls .btn		{
	text-indent: -9999px; width: 18px; height: 18px;
	background: url(../Images/interface/btn-headlines.png) no-repeat;
	border: none;
	display: inline-block;
}
.js #news .controls .btn:hover				{ background-position: 0 -18px; }
.js #news .controls #next-headline			{ background-position: -18px 0; }
.js #news .controls #next-headline:hover	{ background-position: -18px -18px; }

/* Technology ======================== */
.js #technology #linear-sections #big-bg 			{ background: url(../Images/interface/bgs/tech-1.png) no-repeat; width: 5500px; height: 894px; position: fixed; bottom: 0; }
.js #technology #linear-sections #parallax-bg		{ background: url(../Images/interface/bgs/tech-2.png) no-repeat; width: 4200px; height: 894px; position: fixed; bottom: 0; left: 0; }
.js #technology #linear-sections.small-mode #big-bg 	{ bottom: -100px; }
.js #technology #linear-sections.small-mode p		{ font-size: 13px; line-height: 20px; }
.js #charging 										{ width: 700px; }
.js #charging #vimeo								{ margin-top: 20px; background: #4d4b4b; }
.js #how-it-works									{ width: 1020px; height: 380px; }
.js #how-it-works #how-lead							{ font-size: 16px; width: 380px; }
.js #how-it-works .prehead							{ margin-bottom: -10px; }
.js #how-it-works #primary,
.js #how-it-works #secondary						{ width: 295px; position: absolute; top: 100px; left: 0; }
.js #how-it-works #secondary 						{ left: auto; right: 0; }
.js #how-it-works #bulb 							{ position: absolute; top: 0px; left: 370px; }

.js .small-mode #how-it-works						{ width: 870px; height: 320px; }
.js .small-mode #how-it-works #primary				{  }
.js .small-mode #how-it-works #secondary			{  }
.js .small-mode #how-it-works #bulb 				{ left: 300px; }


.js #in-cars 										{ width: 700px; }
.js #in-cars p 										{  }
.js #car-details									{ height: 441px; }
.js .small-mode #car-details h1 					{ position: relative; top: 60px;}
.js #car 											{ width: 760px; height: 400px; position: relative; }
.js #car ol 										{ font-size: 16px; position: absolute; top: -120px; left: 100px; }
.js #car li 										{ padding-left: 25px; margin-bottom: 5px; }
.js #tech-specs 									{ width: 465px; }
.js #tech-specs p a 								{ text-decoration: none; }
.js #tech-specs .btn-big							{ margin-top: 36px; }

/* Advantages ======================== */
.js #advantages #linear-sections #big-bg 			{ background: url(../Images/interface/bgs/advantages-1.png) no-repeat; width: 4770px; height: 894px; position: fixed; bottom: 0; }
.js #advantages #linear-sections #parallax-bg		{ background: url(../Images/interface/bgs/advantages-2.png) no-repeat; width: 6500px; height: 894px; position: fixed; bottom: 0; left: 0; }

.js #advantages #linear-sections.small-mode #big-bg { bottom: -50px; }

.js #advantages #linear-sections section			{ width: 880px; }
.js #advantages #linear-sections #details			{ width: auto; }
.js #advantages section div.copy					{ width: 380px; float: left; margin-right: 40px; }
.js #advantages section img 						{ float: left; margin-top: 60px; box-shadow: 0px 0px 5px rgba(0,0,0, 0.5); -moz-box-shadow: 0px 0px 5px rgba(0,0,0, 0.5); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0, 0.45); }
.js #advantages #linear-sections section img 		{ margin-bottom: 18px; }
.js #advantages #linear-sections section p 			{ font-size: 15px;  }
.js #advantages #linear-sections.small-mode p		{ font-size: 13px; line-height: 20px; }
.js #advantages #linear-sections h1 				{ padding: 0; background: none; left: 0; font-size: 21px; font-weight: 600; }
.js #advantages-intro 								{ width: 660px !important; }
.js #advantages-intro ul							{ font-size: 16px; margin-top: 13px; }
.js #advantages-intro li 							{ margin-top: 5px; }

/* Vision ============================ */
.js #vision #linear-sections #big-bg 				{ background: url(http://www.haloipt.com/Images/interface/bgs/vision-1.png) no-repeat; width: 4200px; height: 850px; position: fixed; bottom: 0; }
.js #vision #linear-sections #parallax-bg			{ background: url(http://www.haloipt.com/Images/interface/bgs/vision-2.png) no-repeat; width: 4200px; height: 894px; position: fixed; bottom: -50px; left: 0; }
.js #vision #linear-sections.small-mode #big-bg 	{ bottom: -50px; }
.js #vision #linear-sections.small-mode #parallax-bg 	{ bottom: -150px; }
.js #vision section									{ width: 750px; }
.js #vision #it-means								{ position: absolute; left: -120px; background: #232323; background: rgba(35,35,35, 0.8); color: #fff; padding: 0px 10px 0px 10px; }
.js #vision .ajax-content nav 						{ padding: 25px 20px 40px 40px; width: 120px; left: auto; right: 380px; }
.js #vision .ajax-content article					{ padding: 40px; width: 300px; float: right; }

/* Contact =========================== */
.js #contact										{}
.js #contact #linear-sections #big-bg,
.js #ajax-content #linear-sections #big-bg 			{ background: url(../Images/interface/bgs/advantages-1.png) no-repeat; width: 4770px; height: 894px; position: fixed; bottom: -50px; }
.js #contact #linear-sections #parallax-bg,
.js #ajax-content #linear-sections #parallax-bg		{ background: url(../Images/interface/bgs/advantages-2.png) no-repeat; width: 6500px; height: 894px; position: fixed; bottom: -100px; left: -1900px; }
.js #contact #linear-sections.small-mode #big-bg 			{ bottom: -100px; }
.js #contact #page-footer							{ display: none; }
.js #contact section								{ height: 300px; }
.js #contact-details								{ width: 840px; }
.js #contact #linear-sections h1 					{ padding: 0; background: none; left: 0; font-size: 21px; font-weight: 600; margin-bottom: 40px; }
.js #contact-information 							{ overflow: hidden; margin-top: 20px; font-size: 16px; }
.js .ajax-content #contact-information 				{ margin: 0; font-size: 14px; }
.js #contact-information li 						{ float: left; margin-right: 80px; }
.js #contact-information li.last					{ float: left; margin-right: 0; }
.js #contact-information li li 						{ float: none; margin: 0; line-height: 25px; }
.js #contact-information li li.hi					{ line-height: 50px; }

.js #sharelinks{
	
	position: absolute; bottom: 20px; left: 40px;z-index: 9999;
}
/* Straight Content ================== */
.js #ajax-content #page-footer						{ display: none; }

/* Media centre =========================== */
#news-list li		{ list-style-type: none; margin-bottom: 26px; }
#news-list h3		{ font-size: 16px; font-weight: normal;}
.date 				{ font-size: 13px; color: #a3a3a3; margin: 0 !important; }
#news-list li p 	{ margin: 0; }

#login-form 						{}
#login-form h3						{ font-size: 16px; font-weight: normal; }
#login-form ul 						{ width: 250px; float: left; }
#login-form ul.register 			{ margin-right: 50px; }
#login-form li 						{ list-style-type: none; margin-bottom: 20px; overflow: hidden; }
#login-form label					{ width: 80px; display: block; float: left; }
#login-form input					{ float: left; font-family: "proxima-nova-1","proxima-nova-2", Helvetica, Arial, sans-serif; width: 163px; }
#login-form input.btn				{ border: none; background: #00b0eb; color: #fff; padding: 10px 20px; float: right; width: auto; }
#login-form input.btn:hover			{ color: #212121; }


.download-listing 					{ overflow: hidden; margin-top: 10px; }
.download-listing li 				{ list-style-type: none !important; float: left; width: 267px; margin-right: 19px; }
.download-listing li.no-margin 		{ margin-right: 0; }
.download-listing img				{ border: 1px solid #bdbdbd; display: block; margin: 0 0 10px 0 !important; }
.download-listing a 				{ display: block; }
.download-listing span				{ display: block; }

.doc-listing li 					{ width: 170px; margin-right: 22px; background: url(http://www.haloipt.com/Images/interface/icon-doc.png) no-repeat 50% 0; padding-top: 50px; }

.vid-listing li 					{ width: 176px; margin: 0 13px 40px 0; }

#video-holder						{ background: #ccc; height: 446px; line-height: 335px; text-align: center; font-weight: bold; font-size: 20px; margin: 20px 0; }

/* *07: Print styles-----------------------------------------------------------------------------------------------------------*/

@media print {
  * 				{ background: transparent !important; color: #444 !important; text-shadow: none; }
  a, a:visited 		{ color: #444 !important; text-decoration: underline; }
  a:after 			{ content: " (" attr(href) ")"; } 
  abbr:after 		{ content: " (" attr(title) ")"; }
  .ir a:after 		{ content: ""; }  /* Don't show links for images */
  pre, blockquote 	{ border: 1px solid #999; page-break-inside: avoid; }
  img 				{ page-break-inside: avoid; }
  @page 			{ margin: 0.5cm; }
  p, h2, h3		 	{ orphans: 3; widows: 3; }
  h2, h3			{ page-break-after: avoid; }
}

/* *08: Media & Orientation ---------------------------------------------------------------------------------------------------*/

@media all and (orientation:portrait) 		{ /* Style adjustments for portrait mode goes here */
}
@media all and (orientation:landscape) 		{ /* Style adjustments for landscape mode goes here */
}
@media screen and (max-device-width: 480px) { /* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) - Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
	
	html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } /* Prevent iOS, WinMobile from adjusting font size */
	
}