/*
|--------------------------------------------------------------------------
| HTK Horizon Landing Page Layout stylesheet
|--------------------------------------------------------------------------
| 
*/

/* 
|--------------------------------------------------------------------------
| Default styles - override these with a Theme 
|--------------------------------------------------------------------------
*/

.HTK_MainContainer, .htk_maincontainer{
	width: 960px;  /* Set to either 960px or 100% */
	font-family: Arial, Helvetica, sans-serif; 
	color: #333333;
}

.HTK_Background , .htk_background{ 
	background-color: #eeeeee;
	background-image: none; 
}

html, body {
	background-color: #eeeeee;
}

h1, h2, h3, h4 { 
	font-family: Arial, Helvetica, sans-serif; 
	color: #333333;
}

.HTK_Heading, .HTK_Heading h1, .htk_heading, .htk_heading h1 { 
	font-family: Arial, Helvetica, sans-serif; 
	line-height: 140%;
	color: #000000;
}

.HTK_HeaderWrapper, .htk_headerwrapper {
	background-color: #ffffff;
	color: #555555;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
}

.HTK_MainWrapper , .htk_mainwrapper{
	background-color: #ffffff;
	color: #555555;
}

.HTK_FooterWrapper, .htk_footerwrapper {
	background-color: #cccccc;
	color: #555555;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.HTK_PostFooterWrapper , .htk_postfooterwrapper{
	background-color: #transparent;
	color: #555555;
}


/* 
|--------------------------------------------------------------------------
| Landing page layout 
|--------------------------------------------------------------------------
*/

/* Body & headers */
html, body {
	line-height: 170%;
	font-weight: normal;
	font-size: 13px;
	min-width: 980px;
}

h1 {
	font-size: 30px;
	font-weight:bold;
    	line-height: 140%;
	margin:0 0 10px 0;
}
h2 {
	font-size: 20px;
	font-weight:bold;
	line-height: 130%;
	margin:0 0 15px 0;
}
h3 {
	font-size: 15px;
    	font-weight:bold;
    	line-height: 120%;
	margin:0 0 10px 0;
}
h4 {
	font-size:13px;
	font-weight:bold;
	line-height: 120%;
}
/* / Body & headers */

/* Header row */
.HTK_Header , .htk_header{
	width:960px;
	margin:20px auto 0 auto;
	padding:20px 0 10px 0px;
	position:relative;
	overflow:hidden;
	position:relative;
	background-color:transparent;
}

.HTK_Logo img , .htk_logo img{
	display:block;
}
/* / Logo */


/* / Headerrow */




/* Rows and columns containers */

.HTK_MainContainer, .htk_maincontainer {
	margin-left:auto;
	margin-right:auto;
}

.HTK_Main , .htk_main{
	width:960px;
	margin:0 auto;
	padding:10px 0px 20px 0px;
	position:relative;
	overflow:hidden;
	position:relative;
	background-color: transparent;
}

.HTK_MainRow , .htk_mainrow{
	width:960px;
	overflow:hidden;
	position:relative;
	clear:both;
	padding:0;
}

.HTK_fullWidth , .htk_fullwidth{
	width:920px;
	float:left;
	clear:both;
	margin:0 0 0 0;
	position:relative;
	padding:0 20px 0 20px;
	margin: 0;
}

.HTK_oneFromTwo, .htk_onefromtwo {
	width:440px;
	float:left;
	margin:0;
	padding: 0 20px 0 20px;
}

.HTK_oneFromTwoRightSide , .htk_onefromtworightside{
	width:440px;
	float:left;
	margin:0;
	padding: 0 20px 0 20px;
}

.HTK_oneFromThree, .htk_onefromthree {
	width:280px;
	float:left;
	margin:0;
	padding: 0 20px 0 20px;
}

.HTK_twoFromThree, .htk_twofromthree {
	width:600px;
	float:left;
	margin:0;
	padding: 0 20px 0 20px;
}

.HTK_oneFromFour , .htk_onefromfour{
	width:200px;
	float:left;
	margin:0;
	padding: 0 20px 0 20px;
}

.HTK_threeFromFour , .htk_threefromfour{
	width:660px;
	float:left;
	margin:0;
	padding: 0 20px 0 20px;
}

/* Heading */
.HTK_Heading , .htk_heading{
	font-size: 30px;
}

.htk_onefromtwo p, 
.htk_onefromtworightside p, 
.htk_onefromfour p, 
.htk_threefromfour p, 
.htk_onefromthree p {
	margin:0 0 20px 0;
}

/* / Rows and columns containers */


.clear {
	clear:both;
}
.center {
	text-align:center;
}
.marginBottom {
	margin-bottom:20px;
}

/* / Others */

/* Footer */

.HTK_Footer, .htk_footer {
	width:960px;
	margin:0 auto;
	padding:20px 0 20px 0;
	position:relative;
	overflow:hidden;
	position:relative;
}

.HTK_PostFooter , .htk_postfooter{
	width:960px;
	margin:0 auto;
	padding:0 0 10px 0;
	position:relative;
	overflow:hidden;
}

/* / Footer */


/* / Media queries*/


/* browser sizes under 358px fix oversized captcha */
@media only screen and (max-width:358px) {
	.hp-captchaClass {
		position: relative;
		left: 20px;
	}
	.hp-captchaClass .hp-form-item-body {
		width: 100%;
		margin: 0 auto;
	}
}


@media only screen and (max-width: 980px) {
	html,body, .HTK_background, .htk_background {width:100%; min-width:100%;}
	img { max-width:100%; height:auto;  }
	.shadow {-webkit-background-size:contain ; -moz-background-size: contain; -o-background-size: contain; background-size: contain;}
	.shadow {margin-bottom:0 !important;}
	.HTK_MainContainer, .htk_maincontainer, .HTK_Header, .htk_header, .HTK_Main, .htk_main, .HTK_Footer, .htk_footer, .HTK_PostFooter, .htk_postfooter, .shadow {width:96% !important; margin-right:2% !important; margin-left: 2% !important;}
	.HTK_Heading, .htk_heading {width: auto; }
	.HTK_fullWidth, .htk_fullwidth, .HTK_MainRow , .htk_mainrow {width: 96%;}
	.HTK_oneFromTwo , .htk_onefromtwo {width: 44%; margin: 0; padding: 0 3%;}
	.HTK_oneFromTwoRightSide , .htk_onefromtworightside {width: 44%; margin: 0; padding: 0 3%;}
	.HTK_oneFromThree , .htk_onefromthree {width: 30.3%; margin: 0 3% 0 0; padding: 0;}
	.HTK_twoFromThree , .htk_twofromthree {width: 63.6%; margin: 0 3% 0 0; padding: 0;}
	.HTK_oneFromFour , .htk_onefromfour {width: 40%; margin: 0 2% 10px 2%;}
	.HTK_oneFromFour:nth-child(odd) , .htk_onefromfour:nth-child(odd){clear:left;}
	.HTK_threeFromFour , .htk_threefromfour {width: 60%; margin-right:3%; margin-bottom: 10px;}
	.oneFromTwo p, .htk_onefromtwo p, .oneFromFour p , .htk_onefromfour p {margin: 0 0 10px 0;}
	.marginTop {margin-top: 15px;}
	.HTK_oneFromThree h3, .htk_onefromthree h3, .HTK_oneFromFour h3 , .htk_onefromfour h3 {margin-bottom:5px;}
	.HTK_oneFromTwo h3 , .htk_onefromtwo h3 {margin-bottom:10px;}
	h1 {margin: 0 0 5px 0;}
	.big {width: 100%;font-size: 14px;display: block; text-align: center;}
	.medium {width:98px;}
	form.hp-smartInsertForm .hp-form-item .hp-form-item-label { clear: both;}
}


@media only screen and (max-width: 480px) {
	html,body, .HTK_background {width:100%;min-width:100%;}
	img { max-width:100%; height:auto;  }
	.shadow {-webkit-background-size:contain ; -moz-background-size: contain; -o-background-size: contain; background-size: contain;}
	.shadow {margin-bottom:0 !important;}
	.HTK_MainContainer, .htk_maincontainer, .HTK_Header, .htk_header, .HTK_Main, , .htk_main, .HTK_Footer, .htk_footer, .HTK_PostFooter, .htk_postfooter, .shadow {width:100% !important; margin-right:0% !important; margin-left: 0% !important;}
	.HTK_fullWidth, .htk_fullwidth {width: 96% !important; font-size: 14px; padding: 0px 2% 10px 2% !important; }
	.HTK_oneFromTwo , .htk_onefromtwo {width: 96% !important; font-size: 14px; padding: 0px 2% 10px 2% !important;}
	.HTK_oneFromTwoRightSide , .htk_onefromtworightside {width: 96% !important; font-size: 14px; padding: 0px 2% 10px 2% !important;}
	.HTK_oneFromThree , .htk_onefromthree {width: 96% !important; margin-bottom: 0px; font-size: 14px; padding: 0px 2% 10px 2% !important;}	
	.HTK_twoFromThree , .htk_twofromthree {width: 96% !important; margin-bottom: 0px; font-size: 14px; padding: 0px 2% 10px 2% !important;}
	.HTK_oneFromFour , .htk_onefromfour {width: 96% !important; font-size: 14px; margin-bottom: 0px; padding: 0px 2% 10px 2% !important; }
	.HTK_threeFromFour , .htk_threefromfour {width: 96% !important; font-size: 14px; margin-bottom: 0px; padding: 0px 2% 10px 2% !important; }
	.HTK_oneFromTwo p , .htk_onefromtwo p {margin: 0 0 10px 0;}
	.HTK_oneFromFour p , .htk_onefromfour p {margin: 0 0 10px 0;}
	.HTK_HeaderWrapper , .htk_headerwrapper {-webkit-border-top-left-radius: 0px; -moz-border-top-left-radius: 0px;border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-top-right-radius: 0px; border-top-right-radius: 0px; }
	.HTK_FooterWrapper , .htk_footerwrapper {-webkit-border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;}
	.big {display:inline-block; width:210px;}
	.marginTop {margin-top: 15px;}
	.HTK_Footer , .htk_footer {padding-top: 10px;}
	.htk_heading  {font-size: 20px!important; }
	h1 {margin: 0 0 5px 0; font-size:20px !important;}
	h2 {margin: 0 0 5px 0; font-size:18px !important;}
	h3 {margin: 0 0 5px 0; font-size:16px !important;}
	form.hp-smartInsertForm fieldset { font-size: 14px;}
	form.hp-smartInsertForm .hp-form-item .hp-form-item-label { clear: both; float: left; width: 90%; }
	form.hp-smartInsertForm fieldset.hp-form-group-checkbox { clear: both; float: left; }
	form.hp-smartInsertForm fieldset.form-group-checkbox { clear: both; float: left; }
	form.hp-smartInsertForm .hp-form-submit { clear: both; float: left; }
	form.hp-smartInsertForm input[type=text], form.hp-smartInsertForm input[type=password] { width: 100%;	text-indent: 5px; height: 30px; font-size: 16px; margin-top: 0px;}
	form.hp-smartInsertForm textarea { width: 100%;	text-indent: 5px; font-size: 16px; margin-top: 0px;}
}