@charset "UTF-8";
/* CSS Document */


html{}

body 
{ 
	background-color:#000000;
	font-family: Helvetica, Arial, sans-serif;
    font-size:100%;
	line-height:1em;
	padding: 0px;
	margin: 0px;
}

#main
{	
	display: block;
	position:relative;
	width:800px; height:800px;
	margin-right: auto;
	margin-left: auto;
}


#iphoneVertical
{ 

	display: block;
	position: relative;
	width: 395px; height: 750px;
	background-image: url(iphoneVertical.png);
	background-repeat: no-repeat;
	background-color:#000;
	top: 0px;
	left: 0px;
	visibility:visible;
	
}

#iphoneVerticalGlare
{ 

	display: block;
	position: relative;
	width: 222px; height: 296px;
	background-image: url(iphoneVerticalGlare.png);
	background-repeat: no-repeat;
	top: 122px;
	left: 51px;
	z-index:10;
}


#iphoneVerticalIFrame
{ 
	display: block;
	position: relative;
	width: 395px; height: 750px;
	top: -173px;
	left: -0px;
	
}



#iphoneHorizontal
{ 

	display: block;
	position: relative;
	width: 729px; height: 406px;
	background-image: url(iphoneHorizontal.png);
	background-repeat: no-repeat;
	background-color:#000;
	top: 0px;
	left: 0px;
	visibility:hidden;
	top:-750px;
}


#iphoneHorizontalGlare
{ 

	display: block;
	position: relative;
	width: 222px; height: 296px;
	background-image: url(iphoneHorizontalGlare.png);
	background-repeat: no-repeat;
	top: 39px;
	left: -130px;
	z-index:11;
	
	
}


#iphoneHorizontalIFrame
{ 
	display: block;
	position: relative;
	width: 481px; height: 321px;
	top: -256px;
	left: -1px;
}


#nav
{
	display: block;
	position: absolute;
	width: 322px; height: 50px;
	top:740px;
	left:250px;
}

#nav ul
{
	list-style:none;	
}

#nav li
{
	float:left;	
	padding:10px;
}

#nav a
{
	color:#333;
	cursor:pointer;

}

#nav a:hover
{
	color:#FFF;
	cursor:pointer;
}

#nav a:visited
{
	color:#333;
	cursor:pointer;
}