/* -- Presentation Style -- */
/* -- by d.s.			 -- */


/* -- basic HTML elements -- */
body {color: #000; background: #fff url(../i/body-bg.png) bottom left repeat-x; font: 24px "Lucida Grande", "Lucida Sans Unicode", sans-serif; margin: 0; padding: 0;}
a {text-decoration: none; color: #E62C00;}
a:hover, a:focus {color: #FF6C4F;}
h1, h2, h3, h4, h5, h6 {margin: 0;}
h2 {color: #E62C00; font: bold 42px Helvetica, Arial, sans-serif; letter-spacing: -2px;}
img {border: 0;}
li {color: #42668E; font: 30px "Lucida Grande", "Lucida Sans Unicode", sans-serif; list-style-image: url(../i/li.png); margin-bottom: 1em;}


/* -- header -- */
.p1 #header, .keynote .p37 #header, .designing .p58 #header {display: none;}
#header {height: 120px; background: url(../i/header-bg.png) 0 0 repeat-x;}
#header ul {margin: 0; padding: 0; list-style: none; position: absolute; top: 52px; right: 0; width: 85px; height: 25px; background: transparent url(../i/nav.png) 0 0 no-repeat;}
#header li {list-style-image: none;}

/* -- header image -- */
#header h1 a {width: 323px; height: 0; padding-top: 120px; background: url(../i/h1-presentations.png) no-repeat; overflow: hidden; display: block;}
.keynote #header h1 a {background: url(../i/h1-keynote.png) no-repeat;}
.designing #header h1 a {background: url(../i/h1-designing.png) no-repeat;}


#header li a {width: 26px; height: 0; padding-top: 25px; display: block; overflow: hidden; position: absolute; top: 0;}
#header li.prev a:hover, #header li.prev a:focus {background: transparent url(../i/nav.png) 0 -25px no-repeat;}
#header li.next a {left: 58px;}
#header li.next a:hover, #header li.next a:focus {background: transparent url(../i/nav.png) -58px -50px no-repeat;}
#header li.menu a {width: 30px; height: 20px; padding-top: 6px; left: 25px; overflow: visible; font: bold 15px Helvetica, Arial, sans-serif; text-align: right;}




/* -- title slide -- */
div.title {width: 920px; padding-top: 265px; margin: 0 auto; position: relative;}
div.title .pointer {position: absolute; top: 525px; right: 143px;}
.keynote .p1 #mainContent, .keynote .p37 #mainContent, .designing .p1 #mainContent {width: auto; margin: auto;}
.nopeeking div.title {width: 653px; padding-top: 265px; margin: 0 auto; position: relative;}



/* -- Regular slide body -- */
#mainContent {width: 625px; margin: 85px auto 0 auto;}
.tag, .property {color: #0000cc;}
.attrib {color: #990066;}
.value {color: #993300;}
.credit {font-size: 15px; text-align: right; display: block; padding: 10px 0;}


/* -- Fullscreen slides -- */
.keynote .p3 #mainContent, .keynote .p5 #mainContent, .keynote .p6 #mainContent, .keynote .p7 #mainContent, .keynote .p8 #mainContent, .keynote .p9 #mainContent, .keynote .p10 #mainContent, .keynote .p11 #mainContent, .keynote .p12 #mainContent, .keynote .p13 #mainContent, .keynote .p14 #mainContent, .keynote .p15 #mainContent, .keynote .p16 #mainContent, .keynote .p17 #mainContent, .keynote .p37 #mainContent,
.designing .p3 #mainContent, .designing .p5 #mainContent, .designing .p7 #mainContent, .designing .p11 #mainContent, .designing .p12 #mainContent, .designing .p13 #mainContent, .designing .p15 #mainContent, .designing .p18 #mainContent, .designing .p19 #mainContent, .designing .p20 #mainContent, .designing .p21 #mainContent, .designing .p22 #mainContent, .designing .p23 #mainContent, .designing .p44 #mainContent, .designing .p45 #mainContent, .designing .p58 #mainContent
{width: auto; margin: 0 auto; text-align: center;}




/* -- Accessibility Tweaks -- */
#accessibility {position: absolute; left: -9999px;}
.hide {display: none;}