/*
MideastBerry App Page
© 2009 MideastYouth.com

Author: Tammy Hart (http://www.tammyhartdesigns.com)
*/

* {
	margin:0;
	padding:0;
}

a {
	color:#00b6ed;
	text-decoration:none;
}

a:hover {
	color:#faa74a;
}

p {
	margin:15px 0;
	line-height:20px;
}

ul {
	margin:16px 0 -5px;
	line-height:20px;
}

ul li {
	padding-bottom:5px;
}

span {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	display:block;
	width:100%;
	height:100%;
	background-position:0 0;
}

h1, h2, h3 {
	position:relative;
	overflow:hidden;
}

body {
	background:#06243f url(images/body.jpg) no-repeat 50% 0;
	font:14px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
}

#page {
	margin:0 auto;
	width:900px;
	text-align:left;
}


#header {
	height:123px;
	padding:57px 3px 0 26px;
}

	#header h1 {
		float:left;
		width:286px;
		height:46px;
	}
	
	#header h1 span { background-image:url(images/logo.png); }

	#header h2 {
		float:right;
		width:498px;
		height:25px;
		margin-top:17px;
	}
	
	#header h2 span { background-image:url(images/tagline.png); }
	

#phone {
	float:left;
	width:339px;
	margin-left:-2px;
	height:800px;
	background:url(images/phone.jpg) no-repeat 0 0;
	position:relative;
}

	.slidercase {
		position:absolute;
		top:93px;
		left:24px;
		width:290px;
		height:194px;
	}
	
		.overlay {
			width:100%;
			height:100%;
			position:absolute;
			top:0;
			left:0;
			z-index:500;
			background:url(images/overlay.png)
		}
		
		.next, .prev {
			width:34px;
			height:34px;
			position:absolute;
			top:81px;
			text-indent:9999px;
			overflow:hidden;
			border:none;
			cursor:pointer;
		}
		
		.prev { 
			background:url(images/prev.png); 
			left:-40px; 
		}
		
		.next { 
			background:url(images/next.png);
			right:-43px; 
		}
		
		.next:hover, .prev:hover {
			background-position:0 100%;
		}
		
		.slider {
			visibility:hidden;
			left:-9999px;
		}
		
		.slider ul {
			margin:0;
		}
		
		.slider li {
			list-style:none;
			padding:0;
			width:290px;
			height:194px;
		}

	#phone a {
		position:absolute;
		display:block;
		left:24px;
		width:294px;
		height:64px;
	}
	
	#phone a:hover span {
		background-position:100% 0;
	}
	
	#phone a.install { bottom:140px; }
	
	#phone a.install span { background-image:url(images/install.png); }

	#phone a.appworld { bottom:70px; }
	
	#phone a.appworld span { background-image:url(images/appworld.png); }
	
	#phone a.tweet { bottom:0; }
	
	#phone a.tweet span { background-image:url(images/tweet.png); }


#content {
	float:right;
	width:500px;
	padding:25px 0 40px;
}

	#content h3 {
		margin:47px 0 -5px;
		color:#faa74a;
	}

	#content h3.features {
		width:119px;
		height:20px;
		margin-left:-1px;
	}
	
	#content h3.features span { background-image:url(images/features.png); }

	#content h3.how {
		width:120px;
		height:21px;
		margin-left:-1px;
	}
	
	#content h3.how span { background-image:url(images/how.png); }
	

#footer {
	background:url(images/footer.jpg) no-repeat 50% 0;
	height:120px;
	clear:both;
}

	#footer a {
		display:block;
		width:240px;
		height:60px;
		margin:0 auto;
		position:relative;
	}
	
	#footer a span { background-image:url(images/back.png); }
	
	#footer a:hover span { background-position:0 100%;
	}


/*
Whatever your hand finds to do, do it with all your might,
for in the grave, where you are going, there is neither
working nor planning nor knowledge nor wisdom.
Ecclesiastes 9:10
*/

/*
Tammy Hart
www.tammyhartdesigns.com
*/