@charset "utf-8";

/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	background:none repeat scroll 0 0 transparent;
	border:0 none;
	margin:0;
	outline:0 none;
	padding:0;
}
*{
	margin:0;
	padding:0;
}
.clear{
	clear:both;
	font-size:0px;
	line-height:0px;
}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

@font-face {
	font-family: 'droid_sansregular';
	src: url('fonts/droidsans-webfont.eot');
	src: url('fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/droidsans-webfont.woff') format('woff'),
	url('fonts/droidsans-webfont.ttf') format('truetype'),
	url('fonts/droidsans-webfont.svg#droid_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
@font-face {
	font-family: 'aaux_officelightregular';
	src: url('fonts/aaux_officelight-webfont.eot');
	src: url('fonts/aaux_officelight-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/aaux_officelight-webfont.woff') format('woff'),
	url('fonts/aaux_officelight-webfont.ttf') format('truetype'),
	url('fonts/aaux_officelight-webfont.svg#aaux_officelightregular') format('svg');
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
html, body{
	height: 100%;
	width: 100%;
}
body{
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: url(../images/background.jpg) top left repeat transparent;
}


/* ---------- Header Content ---------- */

header section.zidox-logo{
	display: block;
	height: 112px;
	margin: 0 auto;
	width: 990px;
	background: url(../images/zidox-logo.png) center center no-repeat transparent;
	overflow: hidden;
	text-indent: -9999px;
}
header section.what-is-zidox{
	display: block;
	height: 219px;
	width: 100%;
	background: url(../images/header-bar.jpg) top left repeat-x transparent;
	-moz-transition: height 300ms ease-out; 
	-webkit-transition: height 300ms ease-out;  
	-ms-transition: height 300ms ease-out;  
	-o-transition: height 300ms ease-out;  
	transition: height 300ms ease-out;
}
.section-holder{
	margin: 0 auto;
	width: 995px !important;
}
.zidox-details{
	font-size: 43px;
	color: #fff;
	padding: 58px 0 0 0;
	text-align: center;
	font-family: "aaux_officelightregular";
	text-shadow: #000 1px 1px 0px;
	-moz-transition: height 300ms ease-out; 
	-webkit-transition: height 300ms ease-out;  
	-ms-transition: height 300ms ease-out;  
	-o-transition: height 300ms ease-out;  
	transition: height 300ms ease-out;
}

/* ---------- End Header Content ---------- */

/* ---------- Main Content ---------- */

hr{
	background: url(../images/dottet-line.jpg) top left repeat-x;
	border: none !important;
	height: 2px !important;
	margin: 0px;
	padding: 0px;
}
.zidox-icons{
	width: 990px;
	margin: 0 auto;
	background: url(../images/bk-lights.jpg) top left no-repeat transparent;
}
.zidox-icons ul{
	background: url(../images/icons2.png) center center no-repeat transparent;
	width: 990px;
	margin: 0 auto;
}
.zidox-icons ul li{
	margin: 60px;
	display: inline-block;
	clear: none;
	height: 160px;
	width: 1px;
	overflow: hidden;
	text-indent: -9999px;
	-moz-transition: all 300ms ease-out; 
	-webkit-transition: all 300ms ease-out;  
	-ms-transition: all 300ms ease-out;  
	-o-transition: all 300ms ease-out;  
	transition: all 300ms ease-out;
}
.submit-email{
	margin: 30px 0px 10px 0px;
	-moz-transition: all 300ms ease-out; 
	-webkit-transition: all 300ms ease-out;  
	-ms-transition: all 300ms ease-out;  
	-o-transition: all 300ms ease-out;  
	transition: all 300ms ease-out;
}
.email-form{
	background: url(../images/email-bar.jpg) top left repeat-x transparent;
	min-height: 105px;
	margin-top: 30px;
	-moz-transition: all 300ms ease-out; 
	-webkit-transition: all 300ms ease-out;  
	-ms-transition: all 300ms ease-out;  
	-o-transition: all 300ms ease-out;  
	transition: all 300ms ease-out;
}
.form-title{
	text-align: left;
	width: 480px;
	margin: 0 auto;
	position: relative;
	font-family: "aaux_officelightregular";
	font-size: 43px;
	-moz-transition: all 300ms ease-out; 
	-webkit-transition: all 300ms ease-out;  
	-ms-transition: all 300ms ease-out;  
	-o-transition: all 300ms ease-out;  
	transition: all 300ms ease-out;
}
.form-title span{
	position: absolute;
	top: 42px;
	left: 1px;
	text-align: left;
	font-family: "droid_sansregular";
	text-shadow: #fff 1px 1px 0px;
	font-size: 14px;
	color: #4d4947;
}
.email-bar{
	margin-top: 20px;
}

/* ---------- Start Email Form ---------- */

.submit-email form{
	width: 690px;
	margin: 0 auto;
}
.submit-email label{
	background: url(../images/label.jpg) top left no-repeat transparent;
	display: inline-block;
	float: left;
	clear: none;
	border: none;
	margin: 11px 0 0 0;
	padding: 0px;
	overflow: hidden;
	text-indent: -9999px;
	height: 62px;
	width: 92px;
}
input:focus{
	outline: none;
}
.submit-email input[type = email], .submit-email input[type = text]{
	background: url(../images/field-repeat.jpg) top left repeat-x transparent;
	display: inline-block;
	float: left;
	clear: none;
	border: none;
	margin: 11px 0 0 0;
	padding: 0px;
	height: 62px;
	width: 412px;
	font-family: "aaux_officelightregular";
	font-size: 22px;
	color: #4d4947;
	font-weight: bold;
}
.submit-email input[type = email], .submit-email input[type = text] {
	line-height: 62px\9; /* ie7 & ie8 fix */
}
.submit-email input[type = button]{
	background: url(../images/submit-btn.jpg) top left repeat-x transparent;
	display: inline-block;
	float: left;
	clear: none;
	border: none;
	margin: 11px 0 0 0;
	padding: 0px;
	height: 62px;
	width: 179px;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
}

/* ---------- End Email Form ---------- */

/* ---------- End Main Content ---------- */

/* ---------- Start Footer Content ---------- */

footer div{
	font-family: "droid_sansregular";
	text-shadow: #fff 1px 1px 0px;
	font-size: 14px;
	color: #4d4947;
	text-align: center;
}
footer a{
	font-family: "droid_sansregular";
	text-shadow: #fff 1px 1px 0px;
	font-size: 14px;
	font-weight: bold;
	color: #4d4947;
	text-decoration: underline;
}
footer a:hover{
	font-family: "droid_sansregular";
	background:#e8bd14;
	color:#000;
	text-shadow: #d3d3d3 1px 1px 0px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}

/* ---------- End Footer Content ---------- */

/* ---------- Start Content Selection ---------- */
::selection {
	background:#e8bd14;
	color:#000;
	text-shadow: #d3d3d3 1px 1px 0px;
}
::-moz-selection {
	background:#e8bd14;
	color:#000;
	text-shadow: #d3d3d3 1px 1px 0px;
}
::-webkit-selection {
	background:#e8bd14;
	color:#000;
	text-shadow: #d3d3d3 1px 1px 0px;
}
/* ---------- End Content Selection ---------- */

/* ---------- Start Messages ---------- */
.message-holder{
	margin: 0 auto;
	display: block;
	position: relative;
	min-height: 20px;
}
*+html .message-error-empty, *+html .message-error-wrong, *+html .message-success{
	left: 195px;
}
.message-error-empty, .message-error-wrong, .message-success{
	display: none;
	height: 31px;
	top: 20px;
	left: 50%;
	margin-left: -240px !important;
	position: absolute;
	text-align: center;
}
.message-error-empty span, .message-error-wrong span{
	color: #d82323;
	height: 31px;
	display: block;
	line-height: 31px;
	width: 350px;
	padding-left: 40px;
	text-align: left;
	margin: 0 auto;
	font-family: "droid_sansregular";
	text-shadow: #d3d3d3 1px 1px 0px;
	background: url(../images/error-icon.png) center left no-repeat transparent;
}
.message-success span{
	color: #197500;
	height: 31px;
	display: block;
	line-height: 31px;
	width: 470px;
	padding-left: 40px;
	text-align: left;
	margin: 0 auto;
	font-family: "droid_sansregular";
	text-shadow: #fff 1px 1px 0px;
	background: url(../images/ok-icon.png) center left no-repeat transparent;
}

/* ---------- End Messages ---------- */


/* ---------- Start Media Queries 1024 ---------- */

@media all and (max-height: 768px){
	header section.what-is-zidox{
		height: 165px;
		-moz-transition: height 300ms ease-out; 
		-webkit-transition: height 300ms ease-out;  
		-ms-transition: height 300ms ease-out;  
		-o-transition: height 300ms ease-out;  
		transition: height 300ms ease-out;
	}
	.zidox-details{
		font-size: 40px;
		color: #fff;
		padding: 35px 0 0 0;
		-moz-transition: all 300ms ease-out; 
		-webkit-transition: all 300ms ease-out;  
		-ms-transition: all 300ms ease-out;  
		-o-transition: all 300ms ease-out;  
		transition: all 300ms ease-out;
	}
	.zidox-icons ul li{
		height: 68px;
		-moz-transition: all 300ms ease-out; 
		-webkit-transition: all 300ms ease-out;  
		-ms-transition: all 300ms ease-out;  
		-o-transition: all 300ms ease-out;  
		transition: all 300ms ease-out;
	}
	.submit-email{
		margin: 10px 0 0 0;
		-moz-transition: all 300ms ease-out; 
		-webkit-transition: all 300ms ease-out;  
		-ms-transition: all 300ms ease-out;  
		-o-transition: all 300ms ease-out;  
		transition: all 300ms ease-out;
	}
	.email-form{
		-moz-transition: all 300ms ease-out; 
		-webkit-transition: all 300ms ease-out;  
		-ms-transition: all 300ms ease-out;  
		-o-transition: all 300ms ease-out;  
		transition: all 300ms ease-out;
		min-height: 100px;
	}
	.form-title{
		width: 390px;
		font-size: 35px;
		-moz-transition: all 300ms ease-out; 
		-webkit-transition: all 300ms ease-out;  
		-ms-transition: all 300ms ease-out;  
		-o-transition: all 300ms ease-out;  
		transition: all 300ms ease-out;
	}
	.message-error-empty, .message-error-wrong, .message-success{
		margin-left: -195px !important;
	}
}
/* ---------- END Media Queries 1024 ---------- */

.pre-header {
	background-color: #fff;
	border-bottom: 2px solid #e8bc15;
	padding: 10px 0;
}

.pre-header ul.logos {
	max-width: 995px;
	margin: auto;
	padding: 0;
	list-style: none;
	text-align: center;
}

.pre-header ul.logos li {
	display: inline-block;
	vertical-align: middle;
	margin: 5px 40px;
}

footer {
	padding-bottom: 30px;
}

footer .disclaimer {
	max-width: 955px;
	margin: 20px auto;
	text-align: left;
}

footer .disclaimer a {
	color: #395eff;
	font-weight: bold;
}

a.button {
	background-color: #e2ab1d;
	padding: 15px 30px;
	margin: 30px 0;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	color: #000;
	font-size: 20px;
	border-radius: 3px;
	text-transform: uppercase;
	font-family: droid_sansregular;
}

a.button:hover {
	background-color: #f6c139;
}

.dont-show {
	display: none !important;
}