/*
	COPYRIGHT WISP
	
	ALL RIGHTS RESERVED
	
	WRITTEN N2014

*/

body {
	font-family: 'Vollkorn', Georgia, Times, serif;
	font-size:1em;
	background-color:#494949;
	overflow-y: scroll;
	margin:0px; padding:0px;
}

.clearfix:before, .clearfix:after { content: " ";display: table; }
.clearfix:after { clear: both;}
.clearfix { *zoom: 1; }
	
a { outline: none; }
a img { border: none; }

a {
	color: lightgrey;
	text-decoration: none;}

a:hover {
	color: #494949;}
	
p {
	margin-bottom:15px;}

h1 {
    font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
    font-size: 1.7em;
	text-align:left;
	margin-top:10px;
	margin-bottom:30px;
	color:#FFF;
	text-shadow: 1px 1px 2px rgba(50, 50, 50, 0.35);
}
	
h2 {
	font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
    font-size: 1.3em;
	text-align:left;
	margin-top:10px;
	margin-bottom:30px;
	color:#FFF;
	text-shadow: 1px 1px 2px rgba(50, 50, 50, 0.35);}

#wrapper {
	width:100%;
	position:absolute;
	top:0px;left:0px;
	float:left;
	overflow:hidden;
}

#midarea {
	width:900px;
	margin-left: auto ;
	margin-right: auto ;
}

#top, #middle, #bottom {
	width:100%;
	position:relative;
}

#top, #topsmall {
	background-color:lightgrey;
}

#top {
	height:580px;
}

#topsmall {
	height:380px;
}

#logo, #logoleft{
	height:212px;
	width:306px;
	position:relative;
	float:left;
}

#logo { margin-left:120px; margin-top:170px; }
#logoleft { margin-left:10px; margin-top:45px; }

#phone {
	width:452px;
	height:937px;
	position:relative;
	float:left;
	margin-left:448px;
	margin-top:40px;
	z-index:10000;
}

#phoneimg {
	position: absolute;
	top:0;left:0;
	width:100%;
	height:100%;
	background-image:url('../img/phone.png');
}

#phone_screen_one, #phone_screen_two, #phone_screen_three, #phone_screen_four, #phone_screen_five {
	position: absolute;
	top:0;left:0;
	width:373px;
	height:662px;
	margin-left:38px;
	margin-top:139px;
}

#phone_screen_one { background-image:url('../img/screenshot1.png'); }

#phone_screen_two { background-image:url('../img/screenshot2.png'); }

#phone_screen_three { background-image:url('../img/screenshot3.png'); }

#phone_screen_four { background-image:url('../img/screenshot4.png'); }

#phone_screen_five { background-image:url('../img/screenshot5.png'); }

#middle {
	background: #f47d3f; /* Old browsers */
	background: -moz-linear-gradient(left,  #f47d3f 0%, #f05324 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f47d3f), color-stop(100%,#f05324)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #f47d3f 0%,#f05324 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #f47d3f 0%,#f05324 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #f47d3f 0%,#f05324 100%); /* IE10+ */
	background: linear-gradient(to right,  #f47d3f 0%,#f05324 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47d3f', endColorstr='#f05324',GradientType=1 ); /* IE6-9 */
	min-height:400px;
	color:white;
	font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
	font-size:1.3em;
	padding:20px;
}

.right_blocked {
	width:400px;
}

#bottom {
	background-color:#494949;
	min-height:50px;
	color:lightgrey;
}

#bottomtxt {
	float:left;
	padding-top:35px;
	padding-left:20px
}

#bottomtxt a {
	color:#FFF;
}

#bottomtxt a:hover {
	text-decoration:underline;
}

#appstore {
	margin:10px;
	float:right;
}