@charset "utf-8";

/* 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{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body, input, select, textarea{line-height:1;font:16px/20px Georgia, "Times New Roman", serif;color:#333}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;width:100%}header,footer,section,aside,nav,article{display:block!important}caption,th,td{text-align:left;font-weight:normal;}a img{border:none;margin:0;padding:0;}

body { 
	background: #ddd;
	color: #555;
	font-family: "helvetica neue", arial, sans-serif;
	margin: 0;
	padding: 0;
}

a {color: #2662c1; text-decoration: none;}
a:hover {color: #67a6f0;}

#header {

}

#header h1 {
	height: 120px;
	line-height: 130px;
	margin: 0 0 0 -7px;;
	padding: 0;
	width: 480px;
}
	
	#header h1 a {
		color: #000;
		display: block;
		font-size: 115px;
		height: 130px;
		margin: 0;
		padding: 0;
		text-decoration: none;
		text-shadow: 0 1px rgba(255, 255, 255, 0.5);
	}

#header h2 {
	margin: 0 0 30px 0;
	padding: 0;
	width: 480px;
}

	#header h2 a {
		color: #000;
		font-size: 22px;
		font-weight: normal;
		line-height: 22px;
		text-decoration: none;
		text-shadow: 0 1px rgba(255, 255, 255, 0.5);
	}

#content {
	background: transparent url('images/iPhone.png') no-repeat 25px right;
	margin: 0 auto;
	width: 720px;
}

#main {
	margin: 0 0 20px 0;
}
	
	#main p {
		clear: left;
		margin: 0 0 20px 0;
		width: 450px;
	}
	
	#main p.appstore {
			display: inline;
			float: right;
			margin: 250px 39px 0 0;
			width: auto;
	}
		
		#main p.appstore img {
			border: none;
		}
		
a.appstore-button {
	background: #67a6f0 url(/images/gradient.png) repeat-x bottom left;
	border: 1px solid #2662c1;
	border-bottom-color: #2154a6;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0 1px rgba(0,0,0,0.15), 0 1px rgba(255, 255, 255, 0.25) inset;
	-moz-box-shadow: 0 1px rgba(0,0,0,0.15), 0 1px rgba(255, 255, 255, 0.25) inset;
	-webkit-box-shadow: 0 1px rgba(0,0,0,0.15), 0 1px rgba(255, 255, 255, 0.25) inset;
	color: #fff;
	float: left;
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
	margin: 20px 0 40px 95px;
	padding: 0 30px;
	text-decoration: none;
	text-shadow: 0 1px #2662c1;
}

a.appstore-button:hover {	background-color: #4a88dc; }
a.appstore-button:active {	background-color: #2662c1; }

h3 {
	clear: left;
	color: #000;
	margin-bottom: 10px;
}

ul.features {
	clear: left;
	list-style: circle;
	width: 480px;
}

	ul.features li {
		margin-bottom: 10px;
	}

ul.screenshots {
	float: left;
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	width: 480px;
}
	
	ul.screenshots li {
		color: #000;
		display: inline;
		float: left;
		font-weight: bold;
		height: 210px;
		margin: 0;
		padding: 0;
		text-shadow: 0 1px rgba(255, 255, 255, 0.5);
		width: 160px;
	}
	
	ul.screenshots li img {
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		box-shadow: 0 2px 10px rgba(0,0,0,0.25), 0 0 2px rgba(0,0,0,0.5);
		-moz-box-shadow: 0 2px 10px rgba(0,0,0,0.25), 0 0 2px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.25), 0 0 2px rgba(0,0,0,0.5);
		margin: 5px 0 10px 0;
	}

#support {
	border-top: 1px solid #ccc;
	box-shadow: 0 1px rgba(255, 255, 255, 0.25) inset;
	-moz-box-shadow: 0 1px rgba(255, 255, 255, 0.25) inset;
	-webkit-box-shadow: 0 1px rgba(255, 255, 255, 0.25) inset;
	font-size: 0.75em;
	line-height: 20px;
	margin: 20px 0 0;
	padding: 20px 0 0;
}

#copyright {
	clear: both;
	font-size: 0.75em;
	line-height: 20px;
	margin: 0 0 100px 0;
	padding: 0;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	width: 480px;
}

#copyright a {
	color: #555;
	font-weight: bold;
	text-decoration: none;
}
#copyright a:hover {
	color: #000;
}