/* @override 
	http://clients.youknowwhodesign.com/mey/css/screen.css
	http://clients.youknowwhodesign.com/mey/css/reset.css
*/

/* CSS Document */



/* Main design styles
----------------------------------------------------------------------------------------- */
html,body {
background:#e6e6e6 url(../images/background-main.gif) repeat;
font-family:Helvetica, Arial, Verdana , sans-serif;
font-size: 15px;
line-height: 24px;
}

a {
	color: #115072;
}

a:hover, a:visited{
	color: #186691;
}

#container{
width:960px;
background:url(../images/top-image.jpg) top no-repeat;
margin:0 auto;
height:500px;
color: white;
padding-top: 20px;
}

#home{
	height: 25px;
	padding-left: 30px;
	padding-top: 5px;
	font-size: 11px;
	background: url(../images/home-icon.png) left no-repeat;
	color: #6287a9;
	text-transform: uppercase;
}

#home a{
	color: #6287a9;
	text-decoration: none;
}

#home a:hover{
	color: #7ba9d2;
	text-decoration: none;
}

div#main-content {
	padding-top: 250px;
}

.slideshow{
width: 208px;
height: 313px;
}

#iphone{
width:255px;
position:relative;
margin: 65px 63px 0 63px;
}

#iphone-casing{
width:255px;
position:absolute;
top: -85px;
left: -23px;
display: block;
}

#content{
width: 540px;
float: left;
margin-left:20px;
margin-bottom: 50px;
}

#content h2{
	margin: 20px 0px;
}

#content ul {
	margin: 25px 0px;
	list-style: disc;

}

div#app-store {
	width: 194px;
	height: 60px;
	float: left;
	padding-left: 70px;
}

div#tweet-it{
	width: 194px;
	height: 60px;
	float: left;
	margin-top: 20px;
	padding-left: 70px;
}


#app-store a {
	background: url(../images/app_store_button.jpg) top no-repeat;
	height: 60px;
	width: 194px;
	display: block;
	text-indent: -9999px;
}

#app-store a:hover {
	background-position: 0 -60px;
}


#tweet-it a {
	background: url(../images/tweet_it_button.jpg) top no-repeat;
	height: 60px;
	width: 194px;
	display: block;
	text-indent: -9999px;
}

#tweet-it a:hover {
	background-position: 0 -60px;
}

.clear{
	clear: left;
}

#next-iphone a{
position: absolute;
width: 40px;
top: 150px;
background: url(../images/next_arrow.gif) top left no-repeat;
display: block;
left: 240px;
text-indent: -9999px;
	height: 40px;
}

#next-iphone a:hover{
	background-position: -45px 0;
}

#previous-iphone a{
position: absolute;
width: 40px;
top: 150px;
background: url(../images/previous_arrow.gif) top left no-repeat;
display: block;
height: 40px;
left: -68px;
text-indent: -9999px;
}

#previous-iphone a:hover{
	background-position: -45px 0;
}

div#left_col {
	float: left;
}


#buttons{
	clear: left;
	float: left;
	width: 340px;
	padding-top: 125px;
}