/* Reset */
	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:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0;}
	
	/* Basic */
	html { -webkit-font-smoothing: antialiased; }
	body { background: #fbfbfb url(../img/header_bg.png) repeat-x; font-family: 'Helvetica Neue', Helvetica , Arial, sans-serif; color: #333; font-size: 13px;}
	hr { border:none; border-bottom:1px solid #dddcdc; margin:15px 0 15px 0; }
	p { font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 19px; color: #666; }
	a { text-decoration: none; color: #2d71ac; }
	a:hover { text-decoration: underline;}
	input::-webkit-input-placeholder {
		color:    #444;
	}
	input:-moz-placeholder {
		color:    #444;
	}
	.clear{ clear:both; }
	.center { text-align:center; }
	.page_wrap { 
		width: 960px; 
		margin: 0 auto;
	}
	img, embed, object, video {
		max-width:100%;
	}
	
	/* Header */
	#header {
		overflow: hidden;
		height: 98px;
	}
	#logo { 
		float: left; 
		width: 300px;
	}
	#logo h1 {
		background: url(../img/logo.png) no-repeat;
		width: 251px;
		height: 63px;
		text-indent: -9999px;
		position: relative;
		top: 21px;
	}
	#free_trial { 
		float: right;
		width: 400px;
		text-align: right;
	}
	#free_trial h3 {
		font-family: 'Open Sans', sans-serif;
		color: #444444;
		font-size: 24px;
		font-weight: normal;
		position: relative;
		top: 36px;
	}
	#free_trial h3 span.trial_blue {
		color: #4785bd;	
	}
	
	/* HERO SECTION */
	#hero {
	background: url(../img/hero_bg.png) repeat;
	text-align: center;
	padding-top: 0px;
	}
	#hero h2 {
		font-family: 'Open Sans', sans-serif;
		font-size: 36px;
		color: #445869;
		font-weight: normal;
		margin-bottom: 20px;
	}
	#hero_screenshot { 
		margin-top: 0px;
		-webkit-animation: fade 1s alternate;
		-moz-animation: fade 1s alternate;
		animation: fade 1s alternate;
	}
	
	#slider {
		position:relative;
	}
	
	#slider #slide_viewport {
		height:457px;
		overflow:hidden;
		position:relative;
		width:860px;
		margin: 0 auto;
		text-align: center;
	}
	
	#slider #slide_container {
		height:457px;
		left:0;
		overflow:hidden;
		position:relative;
		top:0;
		width:10000px;
		
		-o-transition:all 0.3s ease;
		-moz-transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
		transition:all 0.3s ease;
	}
	
	#slider .slide {
		float:left;
		height:457px;
		line-height:457px;
		text-align:center;
		width:860px;
	}
	
	#slider .slide img {
		vertical-align:middle;
	}
	
	#slider #slider_navigation {
		top: 0;
		right: 0;
		overflow: hidden;
		position: absolute;
		text-align: right;
		width: 100%;
	}
	
	#slider #slider_navigation a {
		background:url(../img/btn_slide.png) no-repeat -17px 0;
		display:inline-block;
		height:18px;
		width:17px;
		margin-left: 5px;
	}
	
	#slider #slider_navigation a.active {
		background-position:0 0;
	}
	
	#slider #left_arrow {
		background:url(../img/slider_arrows.png) no-repeat 0 0;
		display:none;
		height:45px;
		left:0;
		position:absolute;
		top:230px;
		width:45px;
		
		-o-transition:all 0.3s ease;
		-moz-transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
		transition:all 0.3s ease;
	}
	
	#slider #right_arrow {
		background:url(../img/slider_arrows.png) no-repeat -45px 0;
		display:none;
		height:45px;
		position:absolute;
		right:0;
		top:230px;
		width:45px;
		
		-o-transition:all 0.3s ease;
		-moz-transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
		transition:all 0.3s ease;
	}
	
	
	/* HERO CSS3 ANIMATIONS */
	
	@-webkit-keyframes fade {
		0%   {
			-webkit-transform: scale3d(0.5, 0.5, 0.5);
			opacity: 0;
		}
		100% {
			-webkit-transform: scale3d(1, 1, 1);
			opacity: 1;
		}
	}
	
	@-moz-keyframes fade {
		0%   {
			
		}
		100% {
			-webkit-transform: scale(1);
			opacity: 1;
		}
	}
	
	@keyframes fade {
		0%   {
			-webkit-transform: scale(0.5);
			opacity: 0;
		}
		100% {
			-webkit-transform: scale(1);
			opacity: 1;
		}
	}
	
	/* GET ACCESS */
	
	#get_access {
		background: url(../img/access_bg.png) repeat-x;
		height: 1px;
		-webkit-box-shadow: 0px -10px 10px 0px #e4e4e4; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
		-moz-box-shadow: 0px -10px 10px 0px #e4e4e4; /* FF3.5 - 3.6 */
		box-shadow: 0px -10px 10px 0px #e4e4e4; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
	}
	#get_access h4 { 
		font-family: 'Open Sans', sans-serif;
		font-size: 18px;
		color: #445869;
		font-weight: bold;
		text-align: center;
		padding-top: 15px;
		margin-bottom: 10px;
	}
	.form_field {
		width: 500px;
		margin: 0 auto;
		position: relative;
	}
	.input_beta { 
		background: url(../img/input_signup.png) no-repeat; 
		width: 350px; 
		height: 41px; 
		border: none; 
		outline: none;
		color: #444444; 
		font-size: 13px; 
		font-weight: bold;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		padding: 0 110px 0 41px;
	}
	.input_submit {
		background: url(../img/submit_btn.png) no-repeat  top right; 
		display: inline-block; 
		border: none; 
		width: 86px; 
		height: 32px; 
		text-indent: -9999px; 
		outline: none; 
		cursor:pointer; 
		position: absolute;
		right: 4px;
		top: 4px;
	}
	.input_submit:hover {background-position: 0 -32px; border: none; outline:none; }
	.input_submit:active {background-position: 0 -64px; border: none; outline:none; }
	
	/* BOXES */
	#boxes {
		background: url(../img/bg.jpg) repeat;
		padding-top: 60px;
	}
	.threecolbox {
		background: #FFF;
		float: left;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		width: 260px;
		padding: 20px;
		margin-right: 30px;
		-moz-box-shadow: 0px 1px 3px rgba(147,167,183, 0.60);
		-webkit-box-shadow:0px 1px 3px rgba(147,167,183, 0.60);
		box-shadow: 0px 1px 3px rgba(147,167,183, 0.60);
		margin-bottom: 60px;
		position: relative;
	}
	.threecolboxlast {
		margin-right: 0;
	}
	.threecolbox h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #445869;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
	}
	.icon_settings { 
		position: absolute;
		top: -29px;
		left: -26px;	
	}
	.icon_dashboard {
		position: absolute;
		top: -29px;
		left: -26px;
	}
	.icon_support {
		position: absolute;
		top: -29px;
		left: -26px;
	}
	
	/* TESTIMONIAL */
	#testimonial { 
		background: #FFF;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		width: 920px;
		padding: 20px;
		-moz-box-shadow: 0px 1px 3px rgba(147,167,183, 0.60);
		-webkit-box-shadow:0px 1px 3px rgba(147,167,183, 0.60);
		box-shadow: 0px 1px 3px rgba(147,167,183, 0.60);
		margin-bottom: 60px;
		position: relative;
	}
	#testimonial p {
	font-family: Arial, sans-serif;
	font-size: 20px;
	line-height: 29px;
	color: #666;
	text-align: center;
	}
	.testimonial p {
		text-align: center;
	}
	#testimonial span, cite { 
		font-family: 'QlassikBoldRegular', Arial, sans-serif;
		font-size: 15px;
		color: #9a9a9a;
		float: right;
		margin-right: 60px;
	}
	
	@font-face {
		font-family: 'QlassikMediumRegular';
		src: url('../fonts/Qlassik_TB-webfont.eot');
		src: url('../fonts/Qlassik_TB-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/Qlassik_TB-webfont.woff') format('woff'),
			 url('../fonts/Qlassik_TB-webfont.ttf') format('truetype'),
			 url('../fonts/Qlassik_TB-webfont.svg#QlassikMediumRegular') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}
	
	@font-face {
		font-family: 'QlassikBoldRegular';
		src: url('../fonts/QlassikBold_TB-webfont.eot');
		src: url('../fonts/QlassikBold_TB-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/QlassikBold_TB-webfont.woff') format('woff'),
			 url('../fonts/QlassikBold_TB-webfont.ttf') format('truetype'),
			 url('../fonts/QlassikBold_TB-webfont.svg#QlassikBoldRegular') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}
	.icon_testimonial_left {
		position: absolute;
		top: -29px;
		left: -26px;
	}
	.icon_testimonial_right {
		position: absolute;
		bottom: -29px;
		right: -26px;
	}
	/* testimonials: */
	#testimonial_wrap {
		width:920px;
		margin:10px 0;
	}
	.testimonialrotator { 
		position:relative; 
	}
	.testimonialrotator .testimonial { 
		position:absolute; 
		top:0; 
		left:0;  
		display:none; 
	}
	.testimonialrotator .testimonial:first-child{  
		position:relative; 
		display:block; 
	}
	.testimonial span { 
		font-size: 2.5em;
		font-family: Courier New, Arial;
		font-style: italic; 
		line-height:1em; 
		color:#555; 
	}
	.testimonial .the-author { 
		font-size: 1em;
		font-family: Courier New, Arial;
		font-style: italic;  
		color:#aaa; margin-top:10px; 
	}
	
	
	
	/* FREE TRIAL BG */
	#free_trial_btn {
		background: url(../img/btn_free_trial.png) no-repeat  top right; 
		display: block;
		border: none;
		width: 504px;
		height: 45px;
		text-indent: -9999px;
		outline: none;
		cursor: pointer;
		margin-left: 215px;
	}
	#free_trial_btn:hover {background-position: 0 -45px; border: none; outline:none; }
	#free_trial_btn:active {background-position: 0 -90px; border: none; outline:none; }
	#free_trial_bg { 
		background: url(../img/div_divider.png) no-repeat; 
		background-position: center center;
		text-align: center;
		margin-bottom: 60px;
	}
	
	/* TWO COL BOX */
	.twocolbox {
		background: #FFF;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		width: 390px;
		float: left;
		padding: 20px;
		-moz-box-shadow: 0px 1px 3px rgba(147,167,183, 0.60);
		-webkit-box-shadow:0px 1px 3px rgba(147,167,183, 0.60);
		box-shadow: 0px 1px 3px rgba(147,167,183, 0.60);
		margin-bottom: 60px;
		position: relative;
		min-height: 160px;
	}
	.twocolbox h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #445869;
	font-weight: bold;
	text-align: left;
	margin-bottom: 20px;
	text-indent: 30px;
	}
	.twitter {
		margin-right: 100px;
	}
	.twitter p {
		border-bottom: 1px dotted #a7b2ba;
		padding-bottom: 8px;
		margin-bottom: 8px;
	}
	.twitter p:last-child {
		border-bottom: 0px;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	.icon_twitter {
		position: absolute;
		top: -29px;
		left: -26px;
	}
	.icon_newsletter {
		position: absolute;
		top: -19px;
		left: -30px;
	}
	.input_name {
		background: url(../img/input_name.png); 
		width: 320px;
		height: 41px;
		border: 0;
		padding: 0 10px 0 40px; border: 0; 
		outline: none;
		color: #444444; 
		font-size: 13px; 
		font-weight: bold;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		margin-left: 10px;
		margin-bottom: 9px;
	}
	.input_email {
		background: url(../img/input_email.png); 
		width: 320px;
		height: 41px;
		border: 0;
		padding: 0 10px 0 40px; border: 0; 
		outline: none;
		color: #444444; 
		font-size: 13px; 
		font-weight: bold;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		margin-left: 10px;
		margin-bottom: 9px;
	}
	.submit_btn {
		background: url(../img/btn_submit.png) no-repeat  top right; 
		display: block; 
		border: none; 
		width: 86px; 
		height: 32px; 
		text-indent: -9999px; 
		outline: none; 
		cursor:pointer; 
		float: right;
		margin-right: 10px;
	}
	.submit_btn:hover {background-position: 0 -32px; border: none; outline:none; }
	.submit_btn:active {background-position: 0 -64px; border: none; outline:none; }
	
	/* FOOTER */
	#footer {
		height: 100px;
		border-top: 1px solid #d6d6d6;
	}
	.copyright { 
		float: left; 
		width: 500px;
		margin-top: 40px;
	}
	.footer_nav { 
		float: right; 
		margin-top: 40px;
		text-align: right;
	}
	ul.footer_nav li { 
		float: left;
		padding-left: 10px;
		text-align: right;
	}
	
	/* Media Queries Section */
	
	/* Media for anything with a max width of 960px. Mostly large tablets such as the iPad */
	@media (min-width: 768px) and (max-width: 960px) {
		.page_wrap {
			margin:0 auto;
			width:748px;
		}
		#slider .slide {
			width: 648px;
		}
		#slider #slide_viewport {
			width: 648px;
			height: 402px;
		}
		#hero_screenshot { 
			margin-top: 0;
		}
		#slider #slider_navigation {
			top: 35px;
		}
		#hero {
		background: url(../img/hero_bg_768.png) repeat-x;
		text-align: center;
		padding-top: 0px;
		}
		#get_access h4 {
			margin-top: 0;
		}
		.threecolbox  {
			float: none;
			width: 85%;
			margin: 0 auto 40px;
		}
		#testimonial {
			width: 85%;
			margin: 0 auto 60px;
		}
		#testimonial_wrap {
			width: 85%;
		}
		#testimonial_wrap blockquote {
			width: 85%;
		}
		#free_trial_bg {
			background: url(../img/div_divider_748.png) no-repeat;
			width: 748px;
			margin-bottom: 40px;
		}
		#free_trial_btn {
			margin-left: 120px;
			position: relative;
			top: -21px;
		}
		.twocolbox  {
			float: none;
			margin: 0 auto;
			margin-bottom: 40px;
		}
		.newsletter {
			margin-bottom: 0;
		}
		#boxes {
			padding-bottom: 40px;
		}
	}
	
	
	/* Media for anything with a max width of 767px. Mostly small tablets and iPhones & Smartphones */
	
	@media (min-width: 0px) and (max-width: 767px) {
		.page_wrap {
			width:100%;
		}
		#logo { 
			float: left; 
			width: 150px;
		}
		#logo h1 {
	background: url(../img/logo_small.png) no-repeat;
	width: 150px;
	height: 40px;
	text-indent: -9999px;
	position: relative;
	top: 35px;
		}
	
		#slider .slide {
			width: 320px;
			height: 202px;
			line-height: 232px;
		}
		#free_trial h3 {
			font-size: 12px;
			top: 45px;
		}
		#slider #slide_viewport {
			width: 320px;
			height: 202px;
		}
		#free_trial {
			width: 35%;
			top: 25px;
		} 
		#free_trial_bg { 
			margin-top: 60px;
		}
		#slider #slide_container {
			height: 342px;
		}  
		#hero h2 {
			font-size: 30px;
		}
		#hero_screenshot {
			margin-top: 0;
		}
		#slider #left_arrow, #slider #right_arrow {
			display: none !important;
		}
		#hero {
			background: url(../img/hero_bg_iphone.png) repeat-x;
			text-align: center;
			padding-top: 35px;
			padding-top: 0px;
		}
		.input_beta {
			background: url(../img/input_signup_small.png) no-repeat; 
			width: 149px;
		}
		.input_submit {
			right: 14px;
		}
		.form_field {
			width: 310px;
		}
		.threecolbox  {
			float: none;
			width: 80%;
			margin-right: 0;
			margin: 0 auto;
			margin-bottom: 40px;
		}
		#testimonial {
			width: 80%;
			margin: 0 auto;
		}
		#testimonial_wrap {
			width: 90%;
		}
		#testimonial_wrap blockquote {
			width: 90%;
		}
		#testimonial p {
			font-size: 18px;
			line-height: 24px;
		}
		#free_trial_btn {
			background: url(../img/btn_free_trial_small.png);
			width: 300px;
			margin: 0 auto;
			margin-bottom: 30px;
			margin-top: 30px;
		}
		.twocolbox  {
			float: none;
			width: 80%;
			margin: 0 auto;
			margin-bottom: 30px;
			text-align: center;
		}
		.newsletter {
			margin-bottom: 0;
		}
		#boxes {
			padding-bottom: 40px;
		}
		.copyright {
			width: 95%;
			text-align: center;
			float: none;
			margin-top: 20px;
		}
		.footer_nav {
			width: 95%;
			float: none;
			text-align: center;
			margin-top: 25px;
		}
		ul.footer_nav li {
			padding-left: 50px;
		}
		.input_name {
			background: url(../img/input_name_small.png);
			width: 200px;
		}
		.input_email {
			background: url(../img/input_email_small.png);
			width: 200px;
		}
		.icon_dashboard, .icon_support, .icon_settings, .icon_testimonial_left, .icon_twitter, .icon_newsletter {
			left: 0;
		}
		.icon_testimonial_right {
			right: 0;
		}
	}
	#boxes address {
		text-align: left;
		font-style: normal;
		line-height: 1.4em;
	}
	#boxes .label {
	float: left;
	color: #CCC;
	margin-left: 30px;
	}
	#boxes .detail {
	margin-left: 105px;
	text-align: left;
	}