* { margin: 0; padding: 0; }
/*--------------------------------------------
Global Styles
---------------------------------------------*/
body {
	background: #1e1e1e url('../img/blueprint.png') repeat	top left;
	color: #fff;	
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 14px;
}
div.container { width: 960px; margin: 0 auto; }
/*--------------------------------------------
head
---------------------------------------------*/

h3 { 
display: inline; 
}


div#head {
	padding-top: 50px;
	overflow: auto;
}
	div#head div.phones {
		float: left;
		height: 625px;
		width: 421px;
		background: url('../img/iphones1.png') no-repeat top;
	}
	div#head div.info {
		float: right;
		width: 500px;
		margin-top: 100px;
	}
		div#head h1 {
			width: 500px;
			height: 200px;
			text-indent: -999999px;
			background: url('../img/logo1.png') no-repeat;		
		}	
		div#head .info p {
			font-size: 15px;
			width: 500px;
			line-height: 26px;
			text-shadow: 2px 1px 8px #000;
			margin: 38px 0px 23px 0px;
		}
		div.comingsoon {
			margin: 0px 0px 18px -12px;
			width: 500px;
			height: 105px;
			background: url('../img/app_store.png') no-repeat top;	
		}
			div.comingsoon a {
				width: 100%;
				height: 100%;
				display: block;
				opacity: 0;
				filter: alpha(opacity=0); 
				text-indent: -999999px;
				background: url('../img/app_store.png') no-repeat bottom;			
			}
			div.comingsoon a:hover { filter:none; }
/*--------------------------------------------
details
---------------------------------------------*/
div#details {
	background: url('../img/h_separator.png') repeat-x top;
	padding: 40px 0px 30px 0px;	
	overflow: auto;
}
	div#details div.screenshots {
		width: 460px;
		float: left;
		border-right: 1px solid #292929;
		padding-left: 12px;
	}
		div#details div.screenshots ul{ list-style: none; }
			div#details div.screenshots ul li {
				float: left;
				margin: 0px 30px 30px 0px;
				position: relative;
			}
			div#details div.screenshots ul li.right { margin-right: 0; }
			div#details div.screenshots ul li.bottom { margin-bottom: 0; }
			div#details div.screenshots ul li span {
				width: 176px;
				height: 120px;
				background: #000 url('../img/magnify.png') no-repeat	center center;
				position: absolute;
				top: 5px;
				left: 4px;
				display: none;
				-moz-border-radius: 7px;
				-webkit-border-radius: 7px;
				border-radius: 7px;
			}
	div#details div.features {
		width: 430px;
		float: right;
		padding-left: 55px;
	}
		div#details div.features h2 {
			font-size: 24px;
			color: #fff;
			font-weight: normal;
			margin-bottom: 18px;
		}
		div#details div.features ul{ list-style: none; margin-bottom: 30px; }
			div#details div.features ul li {
				color: #ffffff;
				font-size: 15px;
				margin: 0px 0px 8px -3px;
				padding-left: 25px;
				background: url('../img/bullet.png') no-repeat left;				
			}
/*--------------------------------------------
awards
---------------------------------------------*/
#awards{
	background: url('../img/h_separator.png') repeat-x top;
	padding: 40px 0px 30px 0px;	
	overflow: auto;
}
#awards h2 {
			font-size: 24px;
			color: #fff;
			font-weight: normal;
			margin-bottom: 18px;
		}
.awardslot {
	margin-top: 7px;
	margin-bottom: 7px;
	width: 290px;
	height: 150px;
	float: left;
	opacity: 0.75;
}

.awardslot:hover{
	opacity: 1;
}

#pennapps {
	margin-right:14px;
	background:url('../img/pennappslogo.png') center -15px no-repeat;
	background-size:cover;
	border-radius: 10px;
}

#techarb {
	margin-right:14px;
	background:url('../img/techarblogo.png') center -15px no-repeat;
	background-size:cover;
	border-radius: 10px;
}

#thousand {
	margin-right: 14px;
	background: url('../img/1000pitcheslogo.png') center -15px no-repeat;
	background-size: cover;
	border-radius: 10px;
}

#yahoo {
	margin-right: 14px;
	background: url('../img/yahoologo.png') center -15px no-repeat;
	background-size: cover;
	border-radius: 10px;
}
/*--------------------------------------------
Footer
---------------------------------------------*/
div#footer {
	padding: 20px 0px 80px 0px;
	background: url('../img/h_separator.png') repeat-x top;
}			
	div#footer ul { list-style: none; }
		div#footer ul li {
			float: left;
			width: 40px;
			margin-right: 1%;
		}
		div#footer ul li.copyright { margin-right: 0; width:214px; }
			div#footer ul li a{
				height: 37px;
				display: block;
				padding-left: 54px;
				color: #ccc;
				font-size: 12px;
				text-decoration: none;
				line-height: 20px;			
				opacity: 0.75;	
				filter: alpha(opacity=75);
			}
			div#footer ul li a span { color: #83b546; }
			div#footer ul li a:hover{ opacity: 1; filter: alpha(opacity=100); }
				div#footer ul li.about a{ background: url('../img/about.png') no-repeat top left;}
				div#footer ul li.email a{ background: url('../img/email.png') no-repeat top left;}
				div#footer ul li.twitter a { background: url('../img/twitter.png') no-repeat top left;}
				div#footer ul li.facebook a{ background: url('../img/facebook.png') no-repeat top left; }
				div#footer ul li.copyright a{ background: url('../img/copyright.png') no-repeat top left; }
/*--------------------------------------------
Utilities
---------------------------------------------*/
img { border: none; }
a { outline: none; -moz-outline: none; }