html, body, div, span, p, blockquote, ul, ol, li, dl, dt, dd, img, h1, h2, h3, h4, h5, h6, abbr, acronym, form {margin: 0; padding: 0; border: 0; }
html, body {direction: ltr; height: 100%; }
body {font-size: 62.5%; font-family: verdana, sans-serif; color: #333; background: #fff; }

.left {float: left; clear: left; }
.right {float: right; clear: right; }
.clear {clear: both; }
a {outline: none; }

@font-face {font-family: ClearviewBold;  src: url('http://dev1.jpdmi.com/common/fonts/ClvATT-2.otf'); }
@font-face {font-family: ClearviewBook;  src: url('http://dev1.jpdmi.com/common/fonts/ClvATT-6.otf'); }
@font-face {font-family: ClearviewLight; src: url('http://dev1.jpdmi.com/common/fonts/ClvATT-A.otf'); }

#container {width: 942px; margin: 0 auto; position: relative; }
#content {padding: 0 0 36px 0; border: 1px solid #ccc; background: #fff url('images/bg-content.png') no-repeat left top; min-height: 500px; }

h2.headline {width: 381px; height: 99px; padding: 56px 38px; /* background: url('images/headline.gif') no-repeat 38px 50%; text-indent: -9999px; */}

	#slider {position: absolute; top: 95px; right: 98px; width: 179px; height: 600px; background: url('images/iphone-24.png') no-repeat left top; _background-image: url('images/iphone-8.gif'); }
	#slider #mask {position: absolute; top: 0; left: 0; width: 179px; height: 332px; z-index: 500; background: url('images/iphone-24-mask.png') no-repeat left top; _background-image: url('images/iphone-8-mask.gif'); }
	
	#iphone {width: 179px; height: 600px; margin: 0; padding: 0; overflow: auto; overflow-x: hidden; position: relative; }
	#iphone .scrollContainer {width: 900px; }
	#iphone .logos {margin: 0; }
	#iphone .screen {float: left; position: relative; z-index: 250; }
	#iphone .logos {}
	#iphone .logos li {display: block; list-style-type: none; float: left; }
	
	.scroll-buttons {position: absolute; top: 371px; z-index: 500; cursor: pointer; }
	.scroll-buttons.scroll-left {left: -6px; }
	.scroll-buttons.scroll-right {right: -6px; }
	
	.navigation {position: absolute; top: 377px; left: 30px; z-index: 500; }
	.navigation li {list-style-type: none; display: block; float: left; width: 14px; height: 13px; margin: 0 5px; cursor: pointer; }
	.navigation li a {display: block; width: 14px; height: 13px; background: url('images/bg-nav-link.gif') no-repeat left top; text-indent: -9999px; }
	.navigation li a.selected {background: url('images/bg-nav-link-active.gif') no-repeat left top; }

#dl-app-store {position: absolute; top: 332px; left: 412px; }
#dl-app-store h3 {margin-bottom: 8px; color: #ff7200; text-align: center; font-size: 18px; font-weight: 400; font-family: ClearviewBook, tahoma, sans-serif; }

#what-it-do {padding: 24px 0 0 24px; }
#what-it-do h3 {font-size: 20px; font-family: ClearviewBook, arial, sans-serif; }
#what-it-do .features {padding: 6px 0 0 18px; }
#what-it-do .features li {font-size: 13px; color: #666; margin-bottom: 6px; }
#what-it-do .faq {position: relative; top: 6px; left: 12px; }

#panels {padding: 140px 0 0 0; background: url('images/border-horiz.gif') no-repeat 20px 20px; }
#panels h3 {padding: 0 0 0 40px; font-size: 24px; font-family: "ClearviewATT", arial, sans-serif; font-weight: 700; }
#panels ul {padding: 24px 0 0 20px; }
#panels ul li {display: block; float: left; width: 444px; height: 148px; margin: 0 12px 0 0; }
#panels ul li a {}
#panels ul li a img {}

#legal {padding: 2em 3.5em; font-family: verdana, sans-serif; line-height: 1.4em; color: #999; }
#legal p {margin-bottom: 1em; }
#legal p strong {color: #666; white-space: nowrap; }
#legal p a {color: #ff7200; white-space: nowrap; }