body {background: #000 url('./browser_view_support/dark-flowers.jpg') no-repeat top center;}

html,body {
	height:100%;
}

* {
	border:none;
	margin:0;
	padding:0;
}

iframe {
	background-color:#000;
	vertical-align:middle;
}

body {
	width:100%;
	font-size:0.8em;
	letter-spacing:1px;
	font-family:Helvetica, Verdana;
	line-height:140%;
	overflow:hidden;
	background-color:#000;
}

.header {
	clear:both;
	float:left;
	width:100%;
	height:20px;
}

.content {
	clear:both;
	overflow:hidden;
	width:388px;
	height:730px;
	background:#000 url('./browser_view_support/iPhone_frame_p.png') no-repeat left top;
	margin:0 auto;
}

body[class='landscape'] .content {
	width:730px;
	height:388px;
	background:#000 url('./browser_view_support/iPhone_frame_l.png') no-repeat left top;
}

.footer {
	clear:both;
	float:left;
	width:100%;
	height:10px;
}

.flip {
	position:relative;
	left:301px;
	top:136px;
	width:16px;
	height:16px;
	background:transparent url('./browser_view_support/arrow_l.png') no-repeat right top;
	cursor:pointer;
}

body[class='landscape'] .flip {
	left:564px;
	top:37px;
	background:transparent url('./browser_view_support/arrow_p.png') no-repeat right top;
}

.reload {
	height:16px;
	width:16px;
	cursor:pointer;
	background:#000 url('./browser_view_support/iPhone_frame_l.png') no-repeat left top;
}

.iframeDiv {
	visibility:hidden;
	position:absolute;
	overflow:hidden;
	background-color:#000;
	height:460px;
	width:320px;
}

.iframeObj {
	overflow:visible;
	height:460px;
	width:320px;
}

body[class='landscape'] .iframeDiv,body[class='landscape'] .iframeObj {
	height:300px;
	width:480px;
}