html,body { font-size: 22px;font-family: "Trebuchet MS",Arial,sans-serif; }
div.slide { counter-increment: slide; }
.left {float:left;margin:0 1em 1em 0;}
.right {float:right;margin: 10px; width:50%; height: 25em}
.center {display:block;clear:both;text-align:center;margin:0 auto;padding-right:10%;}
h1 em {font-style: normal;color:#c00;}
.slide:after, .last:after {display:block;content: ".";visibility: hidden;height: 1px;clear: both;}
object {background:transparent;}
iframe { width:40%;height:70% }

@media screen {
body {background-color:#ddd;}
.note {color:#c63;}
.slide:before, .last:before { content: "slide #" counter(slide); float:right; }
.slide, .last {background-color:#fff;border:1px #ccc solid;padding:0.5em 1em;margin-bottom: 2em;}
/*.screen {display:block;}
.projection, .last {display:none;}*/
}

@media projection {
html, body, .presentation { height: 100%; margin: 0px; padding: 0px; }
h1 { font-size: 1.8em; margin-bottom:0.6em; font-family:  arial, sans-serif;}
h2 { font-size: 1.4em}
h1.nomargin {margin-bottom:0.5em}
.note, .screen {display:none;}
.slide, .last {display: block; padding:5% 5% 0 10%; overflow: visible;position:relative;}
.slide:after, .last:after {page-break-after: always;}
div.last:after {page-break-after:avoid;}
body {background:#fff url(bg1000.gif) no-repeat 0% 0% fixed;padding:0;margin:0;font-family:'myriad', 'myriad pro','trebuchet ms',arial,sans-serif;  color:#000;}
li {margin-bottom: 0.5em;}
p.pgbottom {position:absolute;bottom:5em;}
}
/* styles for different screen sizes */
@media projection and (min-device-height:600px)  { body { font-size: 16px; background-image: url(bg800.gif); }}
@media projection and (min-device-height:768px) { body { font-size: 22px; background-image: url(bg1000.gif); }}
@media projection and (min-device-height:900px) { body { font-size: 26px; background-image: url(bg1200.gif); }}
@media projection and (min-device-height:1200px) { body { font-size: 32px; background-image: url(bg1600.gif); }}

.center {
	margin: 10% auto 0 auto;
	}
	
.right {
	float: right;
	}