html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
img { border: 0; }

body {
	text-align: center;
	font: 10px/14px Arial, Helvetica, Verdana;
	color: #333;
}

.flash-backup {
	width: 684px;
	height: 327px;
	background-position: left top;
	background-repeat: no-repeat;
	position: relative;
}

#wrapper {
	width: 684px;
	text-align: left;
}

#screen1 { background-image: url(./images/flash-backup/meso_intro.jpg); }
#screen1-main { position: absolute; top: 90px; left: 178px; width: 170px; }
#screen1-main  h1 { font: 18px/20px Arial, Verdana; color: #032F7B; }
#screen1-main  p { margin-top: 15px; font: 13px/19px Arial, Verdana; color: #032F7B; width: 150px; }
#screen1 #experience { width: 150px; height: 327px; background: url(./images/flash-backup/exper_meso.jpg) left top no-repeat; position: absolute; left: 384px; top: 0; }
#screen1 a { text-decoration: none; color: #032F7B; }
#screen1 #experience div, #screen1 #discover div { padding: 0 13px 0 20px; }
#screen1 #experience p, #screen1 #discover p { margin-top: 10px; font-size: 11px; }
#screen1 #experience h2, #screen1 #discover h2 { padding-top: 178px; color: #032F7B; font-family: Arial, Verdana; font-size: 16px; line-height: 20px; font-weight: normal; }
#screen1 #discover { width: 150px; height: 327px; background: url(./images/flash-backup/discover_science.jpg) left top no-repeat; position: absolute; left: 534px; top: 0; }

#screen2 { background-image: url(./images/flash-backup/meso_science_screen.jpg); }
#screen2 a#main-link { display: block; position: absolute; top: 10px; right: 15px; color: #032F7B; padding-right: 18px; background: url(./images/flash-backup/arrow_graphic.gif) right center no-repeat; text-decoration: none; font-size: 12px; }
#screen2 #screen2-main { position: absolute; top: 55px; left: 233px; width: 451px; }
#screen2-main h1 { font-size: 16px; color: #032F7B; font-weight: normal; }
#screen2-main p { font-size: 11px; margin-top: 15px; line-height: 17px; padding-right: 20px; }
#screen2 #buckets { position: absolute; top: 220px; left: 233px; width: 400px; }
#screen2 #buckets div { float: left; width: 90px; margin-right: 10px; font-size: 9px; color: #032F7B; }

#screen3 { background-image: url(./images/flash-backup/meso_products_screen.jpg); }
#screen3 a#main-link { display: block; position: absolute; top: 10px; right: 15px; color: #032F7B; padding-right: 18px; background: url(./images/flash-backup/arrow_graphic.gif) right center no-repeat; text-decoration: none; font-size: 12px; }
#screen3 #screen3-main { position: absolute; top: 20px; left: 83px; width: 325px; }
#screen3-main h1 { font-size: 16px; line-height: 20px; color: #032F7B; font-weight: normal; }
#screen3 #screen3-subcontent { position: absolute; left: 124px; top: 80px; width: 455px; }
#screen3-subcontent h2 { color: #FFF; font-size: 14px; line-height: 18px; font-weight: normal; padding-right: 75px; }
#screen3-subcontent div { float: left; }
#screen3-subcontent ul { width: 200px; margin: 11px 0 0 19px; font-size: 11px; }
#screen3-subcontent ul li { list-style-image: url(./images/flash-backup/ddf_bullet.gif); margin-bottom: 7px; padding-right: 20px; }
#screen3 #screen3-bottomcopy { position: absolute; left: 83px; bottom: 20px; width: 500px; font-size: 11px; }