html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* TEXT AS GRAPHICS */
.bookplace, #plasa { font-size: 0px; line-height: 0px; text-indent: -10000px; }

/* COLOUR */
td, th, p, h2, h4, .speaker li, .daytwo { color: #58595B; }
td a, th a, p a, h1, h3, h3 a, .header li, .header li a, .speaker li a, .speakerimages a, h4 a { color: #00AEEF; }
.header li a:hover, .speaker li a:hover, .footer a:hover, h3 a:hover, .footer a.selected, .header li a.selected { color: #003D77; }

/* TYPOGRAPHY */
td, th, p, a, h1, h2, h3, h4, .header li, .header li a, .speaker li, .speaker li a { font-family: Verdana, Geneva, sans-serif; }
td, th, p, h4 { font-size: 11px; line-height: 16px; margin-bottom: 9px; }
td a, th a, p a, .intro a, h3 a, h4 a { text-decoration: none; border-bottom: 1px solid #00AEEF; padding-bottom: 1px; }
td a:hover, th a:hover, p a:hover, h3 a:hover, h4 a:hover { border-bottom: none; }
h1 { font-size: 14px; line-height: 16px; margin-bottom: 18px; }
h2 { font-size: 12px; text-transform: uppercase; margin-bottom: 12px; letter-spacing: 1px; font-weight: bold; }
.row h2 { margin-bottom: 30px; padding-top: 2px; }
.speakerimages a { font-size: 9px; line-height: 9px; }
.header li { font-size: 16px; }
h3, .header li, .speakerimages a { text-transform: uppercase; letter-spacing: 1px; font-weight: normal; }
h3 { font-size: 11px; font-weight: bold; margin-bottom: 0px; line-height: 16px; }
.programme h3 { font-size: 11px; margin: 0px 0px 3px 0px; }
.programme p { margin-bottom: 3px; }
.programme p.last { margin-bottom: 30px; }
h4, .header li a.selected , h1, .programme h3 { font-weight: bold; }
h4.forum { margin-bottom: 0px; text-transform: uppercase; }
.daytwo { padding-left: 60px; }

.header ul { padding-top: 44px; width: 400px; }
.header li { display: inline; }
.header li a { text-decoration: none; line-height: 24px; }

.speaker { width: 860px; clear: left; margin: 30px 0px 30px 0px; border-top: 1px solid #ccc; padding: 10px 0px 0px 0px;  }
.speaker li { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; display: inline; }
.speaker li a { text-decoration: none; line-height: 20px; }

.speaker .panellists { width: 860px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px 0px 10px 0px; }
.panellists li {  }
.panellists li a {  }

/* LAYOUT */
.wrapper { margin: auto; width: 860px; background: white; margin-top: 40px; }
.header, .main { width: 860px; }
.main { margin-top:50px; }
.clear { clear: both; }

/* LAYOUT - HEADER */
.bookplace { display: block; width: 205px; height: 80px; overflow: hidden; background: url('/img/bookplace2.png') top right no-repeat; float: left; margin-top: 40px; }
.bookplace:hover { background: url('/img/bookplace2.png') bottom right no-repeat; }
.header img { float: right; }

/* LAYOUT - MAIN */
/** SHARED **/
.images, .leveltwo .images { width: 420px; border-top: 15px solid #00AEEF; float: left; margin-right: 20px; }

/** LEVEL ONE PAGE **/
.intro { width: 380px; height: 200px; float: left; }
.block { width: 30px; height: 200px; float: right; border-top: 15px solid #00AEEF; }

.column { width: 420px; }
.one { float: left; }
.two, .column img { float: right; }
.column img { margin-left: 20px; }

/* TOOLTIP */
.speakerimages { margin-top: 10px; margin-bottom: 20px; border-bottom: 1px solid #ccc }
.speakerimages a { float: left; text-decoration: none; margin: 0px 20px 20px 0px; position: relative; z-index: 500; }
.speakerimages a img { border: 6px solid #CCC; }
.speakerimages a img:hover { border: 6px solid #00AEEF; }
.speakerimages a span { display: none; }
.speakerimages a:hover span { display: block; padding: 2px; position: absolute; background: white; border: 1px solid #00AEEF; z-index: 9999; width: 85px; top: 70px; left: 15px; text-align: center; }
.speakerimages a.last { margin-right: 0px; } 

/** LEVEL TWO PAGES **/
.leveltwo .block { width: 30px; height: 1px; float: right; border-top: 15px solid #00AEEF; }
.leveltwo .row { width: 640px; float: right; } 
.leveltwo .margin { margin-bottom: 40px }
.leveltwo .images {  width: 200px; min-height: 500px; } 
.leveltwo .column { width: 310px; }
.leveltwo .column p { clear: left; }
.leveltwo .column img { float: left; margin: 0px 20px 10px 0px; border: 6px solid #CCC; }

.leveltwo .column .logo { border: none; float: none; margin: 0px; }

.leveltwo .columnwide { width: 640px; }

/* LAYOUT - SPONSORS */
.sponsors { width: 860px; margin-top:20px; }
.sponsors img { padding-right: 10px; }

/* PROGRAMME */
.programme { margin-top:30px }
.programme .time p { border-top: 1px solid #A7A9AC; }
.programme img { float: right; margin-left: 10px; }
.programme td { padding: 0px 0px 30px 0px }

/* LAYOUT - FOOTER */
.footer { margin-top: 20px; }
.footer a { border-bottom: none; text-transform: uppercase; margin-right: 20px; font-weight: bold }
.footer #plasa { display: block; width: 101px; height: 31px; float: right; background: url('http://www.plasashow.com/img/PLASA.png'); background-repeat: no-repeat; margin-top: -10px; }