html {
	height:100%;
	max-height:100%;
}

body {
	background:url(../images/bg.png) center repeat;
	height:100%;
	max-height:100%;
	overflow:hidden;
	zoom:1;
}

.demo-content {
	background:url(../images/demo_panorama.jpg) center center no-repeat;
	height:100%;
	min-width:768px;
}

#ipad-container {
	display:block;
	width:1008px;
	height:100%;
	margin:0 auto;
	padding:0px 120px;
	background:#f9f9f9 url(../images/ipad_background.png) center center repeat-y;
	clear:both;
}

#demo-container {
	margin:0 auto;
	border:none;
	height:100%;
	width:768px;
	overflow:auto;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: none;
}

::-webkit-scrollbar-button:vertical:increment {
    background-color: #f9f9f9;
}

::-webkit-scrollbar-track-piece {
    background-color: #eee;
    -webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background-color: #ccc;
    -webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 50px;
    background-color: #ccc;
    -webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
	background-color:#b3b3b3;
}

::-webkit-scrollbar-thumb:active {
    background-color: #999999;
}

#back-button {
	display:inline-block;
	padding:10px;
	background:#333;
	color:#f1f1f1;
	font-weight:bold;
	position:absolute;
	top:0;
	left:0;
	text-decoration:none!important;
}