@charset "UTF-8";
/* CSS Document */

/* Colours
  Pink  #df0051
  Brown  #514936
  Red    #e20a16 (MASHUPS)
  Orange  #f66014 (ADVERTISING)
  Yellow  #ff9c04  (IDENTITY)
  Green   #52a128 (CONTENT)
  Cyan  #0084ae (LOCATION)
  Blue  #00135d (SOCIAL)
  Purple  #3c1459 (RETAIL)
  Magenta  #a70966 (SEARCH)
  
*/

/*reset*/
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/*main*/

body {
  padding: 0px;
  margin: 0px;
  color: #ffffff;
    font: 0.75em/1.5 helvetica, sans-serif;
}

body#one{
  width:100%;
  background-image:url(images/background_london_1.jpg);
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:top left;
  }
  
body#two{
  width:100%;
  background-image:url(images/background_london_2.jpg);
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:top left;
  }
  
body#three{
  width:100%;
  background-image:url(images/background_london_3.jpg);
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:top left;
  }
  
body#four{
  width:100%;
  background-image:url(images/background_london_4.jpg);
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:top left;
  }
  
body#five{
  width:100%;
  background-image:url(images/background_london_5.jpg);
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:top left;
  }
  
body#six{
  width:100%;
  background-image:url(images/background_london_6.jpg);
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:top left;
  }
  
body#seven{
  width:100%;
  background-image:url(images/background_london_7.jpg);
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:top left;
  }
  
body#eight{
  width:100%;
  background-image:url(images/background_london_8.jpg);
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:top left;
  }
  
body#nine{
  width:100%;
  background-image:url(images/background_london_9.jpg);
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:top left;
  }
  
body#ten{
  width:100%;
  background-image:url(images/background_london_10.jpg);
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:top left;
  }
  
body#eleven{
  width:100%;
  background-image:url(images/background_london_11.jpg);
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:top left;
  }
  
body#bafta{
  width:100%;
  background-image:url(images/background_bafta.jpg);
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:top left;
  }
  
body#story{
  width:100%;
  background-image:url(images/background_story.jpg);
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:top left;
  }
  
body#mashups{
  width:100%;
  background-image:url(images/background_mashups.jpg);
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:top left;
  background-color:#000000;
  }
  
body#advertising{
  width:100%;
  background-image:url(images/background_advertising.jpg);
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:top left;
  background-color:#000000;
  }
  
body#identity{
  width:100%;
  background-image:url(images/background_identity.jpg);
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:top left;
  background-color:#000000;
  }
  
body#value{
  width:100%;
  background-image:url(images/background_value.jpg);
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:top left;
  background-color:#000000;
  }

body#content{
  width:100%;
  background-image:url(images/background_content.jpg);
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:top left;
  background-color:#000000;
  }
  
body#location{
  width:100%;
  background-image:url(images/background_location.jpg);
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:top left;
  background-color:#000000;
  }
  
body#social{
  width:100%;
  background-image:url(images/background_social.jpg);
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:top left;
  background-color:#000000;
  }
  
body#retail{
  width:100%;
  background-image:url(images/background_retail.jpg);
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:top left;
  background-color:#000000;
  }
  
body#search{
  width:100%;
  background-image:url(images/background_search.jpg);
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:top left;
  background-color:#000000;
  }
  
#maincontentwrapper {
  width:80%;
  float:left;
  }

#header {
  width:550px;
  height:200px;
  }
  
.login {
  margin:48px 0px 0px 0px;
  height:30px;
  background-color:#FFFFFF;
  line-height:30px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  padding:0px 5px 0px 5px;
  color:#000000;
  text-transform:uppercase;
  font-weight:bold;
  float:left;
  width:auto;
  text-decoration:none;
  vertical-align:bottom;
  }

.login a, .login a:link {
  background-color:#FFFFFF;
  color:#000000;
  text-decoration:none;
  text-transform:uppercase;
  }
  
.login a:hover {
  background: #000000;
  color:#ffffff;
  }
  
.tab .register a:hover {
  background: #ffffff;
  color: #df0051
  }
  
#leftcolumn {
  width:20%;
  float:left;
  }
  
#centrecolumn {
  width:50%;
  float:left;
  background-image:url(images/background_80black.png);
  margin-top:70px;
  padding:10px;
  height:100%;
  }
  
#centrecolumn ul, li{
  font-size:130%;
  padding-bottom:10px;
  }

#centrecolumn ul, li.progadvertising {
  font-size:150%;
  color:#f66014;
  margin-left:40px;
  }

li.progadvertising a {
  color:#f66014;
}
  
#centrecolumn ul, li.progidentity{
  font-size:150%;
  color:#ff9c04;
  margin-left:40px;
  }

li.progidentity a {
  color:#ff9c04;
}
  
#centrecolumn ul, li.progcontent{
  font-size:150%;
  color:#52a128;
  margin-left:40px;
  }

li.progcontent a {
  color:#52a128;
}
  
#centrecolumn ul, li.proglocation{
  font-size:150%;
  color:#0084ae;
  margin-left:40px;
  }

li.proglocation a {
  color:#0084ae;
}
  
#centrecolumn ul, li.progsocial{
  font-size:150%;
  color:#4c598d;
  margin-left:40px;
  }

li.progsocial a {
  color:#4c598d;
}
  
#centrecolumn ul, li.progretail{
  font-size:150%;
  color:#765a8a;
  margin-left:40px;
  }

li.progretail a {
  color:#765a8a;
}
  
#centrecolumn ul, li.progsearch{
  font-size:150%;
  color:#a70966;
  margin-left:40px;
  }

li.progsearch a {
  color:#a70966;
}
  
#centrecolumnclear {
  width:50%;
  float:left;
  padding:0px;
  height:100%;
  }
  
#centrecolumnclear p{
  margin-top:10px;
  margin-bottom:10px;
  font-size:110%;
  }
  
#centrecolumnclear2 {
  width:50%;
  float:left;
  padding:0px;
  height:100%;
  margin-top:50px;
  }
  
#centrecolumnclear2 p{
  margin-top:10px;
  margin-bottom:10px;
  font-size:110%;
  }
  
#centrecolumncontent {
  width:100%;
  float:left;
  background-image:url(images/background_80black.png);
  padding:10px;
  height:100%;
  }
  
#centrecolumncontent .intro{
  font-size:140%;
  margin-bottom:15px;
  }
  
#centrecolumncontent .introcaps{
  font-size:150%;
  margin-bottom:15px;
  text-transform:uppercase;
  width:100%;
  float:left;
  color:#df0051;
  }
  
#centrecolumncontent .intro a, a:link{
  color:#df0051;
  text-decoration:underline;
  background:none;
  text-transform:none;
  padding:0px;
  }
  
#centrecolumncontent .intro a:hover{
  color:#ffffff;
  }
  
#rightcolumn {
  width:17%;
  float:right;
  }
  
#sponsors {
  width:19%;
  height:100%;
  float:left;
  background-color:#FFFFFF;
  border-left:#df0051 solid 2px;
  background-image:url(images/background_white.gif);
  }
  
html>body #sponsors {
  width:19.5%;
  height:100%;
  float:left;
  background-color:#FFFFFF;
  border-left:#df0051 solid 2px;
  background-image:url(images/background_white.gif);
  }
  
#sponsors a:visited {
  background-color:#FFFFFF;
  margin:0px 0px 0px 0px;
  }
  
#sponsors h2 {
  background-color:#514936;
  width:87%;
  color:#FFFFFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size:100%;
  text-transform:uppercase;
  margin:10px;
  padding:5px;
  height:20px;
  line-height:20px;
  float:left
  }
  
#sponsors .box {
  width:100%;
  padding-left:10px;
  float:left;
  }
  
html>body #sponsors .box {
  width:100%;
  float:left;
  }
  
#sponsors img {
  width:auto%;
  height:auto;
  float:none;
  margin:5px 10px 15px 5px;
  }
  
.logo {
  float:left;
  width:auto;
  }
  
.MainMenu {
  width:100%;
  margin:0;
  border:0;
  float:left;
  }
  
.MainMenuRight {
  width:100%;
  margin:0;
  border:0;
  float:right;
  }

/*--navigation left--*/

.tab {
  margin:0;
  line-height:30px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:100%;
  padding:0px;
  color:#FFFFFF;
  }
  
.tab ul {
  margin:0;
  padding:0;
  list-style:none;
  float:left;
  }

.tab li {
  float:left;
  margin:0;
  padding:0;
  clear:both;
}
  
.tab a {
  background: #514936;
  margin:0;
  padding:0px 10px 0px 10px;
  text-decoration:none;
  text-transform:uppercase;
  width:auto;
  border:0;
  display:block;
  color:#FFFFFF;
  float:left;
  }

.home .home a,
.speakers .speakers a,
.demos .demos a,
.programme .programme a,
.rates .rates a,
.venue .venue a,
.partners .partners a,
.sponsorship .sponsorship a,
.videos .videos a,
.story .story a,
.contact .contact a
 {
  background: #ffffff;
  margin:0;
  padding:0px 10px 0px 10px;
  text-decoration:none;
  text-transform:uppercase;
  width:auto;
  border:0;
  display:block;
  color:#514936;
  float:left;
  }
  
.home a:hover,
.speakers a:hover,
.demos a:hover,
.programme a:hover,
.rates a:hover,
.venue a:hover,
.partners a:hover,
.sponsorship a:hover,
.videos a:hover,
.story a:hover,
.contact a:hover
 {
  background: #ffffff;
  color:#514936;
  }
  
.tab .register a {
  background: #df0051;
  margin:0;
  padding:0px 10px 0px 10px;
  text-decoration:none;
  text-transform:uppercase;
  width:auto;
  border:0;
  display:block;
  color:#ffffff;
  float:left;
  list-style:none;
  }
  
.tab .register a:hover {
  background: #ffffff;
  color: #df0051;
  }

.register .register a {
  background: #ffffff;
  margin:0;
  padding:0px 10px 0px 10px;
  text-decoration:none;
  text-transform:uppercase;
  width:auto;
  border:0;
  display:block;
  color:#df0051;
  float:left;
  list-style:none;
  }
  
.register .register a:hover {
  background: #ffffff;
  color: #df0051;
  }
  

  
/*--navigation right--*/

.tabright {
  margin:0;
  line-height:30px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:100%;
  padding:0px;
  color:#FFFFFF;
  }
  
.tabright ul {
  margin:0;
  padding:0;
  list-style:none;
  float:right;
  }

.tabright li {
  float:right;
  margin:0;
  padding:0;
  clear:both;
}
  
.tabright a {
  background: #514936;
  margin:0;
  padding:0px 10px 0px 10px;
  text-decoration:none;
  text-transform:uppercase;
  width:auto;
  border:0;
  display:block;
  color:#FFFFFF;
  float:right;
  }
  
.tabright .mashups a {
  background: #e20a16;
  margin:0;
  padding:0px 10px 0px 10px;
  text-decoration:none;
  text-transform:uppercase;
  width:auto;
  border:0;
  display:block;
  color:#ffffff;
  float:right;
  }
  
.tabright .mashups a:hover {
  background: #ffffff;
  color: #e20a16;
  }
  
.mashups .mashups a {
  background: #ffffff;
  margin:0;
  padding:0px 10px 0px 10px;
  text-decoration:none;
  text-transform:uppercase;
  width:auto;
  border:0;
  display:block;
  color:#e20a16;
  float:left;
  }
  
.mashups .mashups a:hover {
  background: #ffffff;
  color: #e20a16;
  }
  
.tabright .advertising a {
  background: #f66014;
  margin:0;
  padding:0px 10px 0px 10px;
  text-decoration:none;
  text-transform:uppercase;
  width:auto;
  border:0;
  display:block;
  color:#ffffff;
  float:right;
  }
  
.tabright .advertising a:hover {
  background: #ffffff;
  color: #f66014;
  }
  
.advertising .advertising a {
  background: #ffffff;
  margin:0;
  padding:0px 10px 0px 10px;
  text-decoration:none;
  text-transform:uppercase;
  width:auto;
  border:0;
  display:block;
  color:#f66014;
  float:left;
  }
  
.advertising .advertising a:hover {
  background: #ffffff;
  color: #f66014;
  }

.tabright .identity a {
  background: #ff9c04;
  margin:0;
  padding:0px 10px 0px 10px;
  text-decoration:none;
  text-transform:uppercase;
  width:auto;
  border:0;
  display:block;
  color:#ffffff;
  float:right;
  }
  
.tabright .identity a:hover {
  background: #ffffff;
  color: #ff9c04;
  }
  
.identity .identity a {
  background: #ffffff;
  margin:0;
  padding:0px 10px 0px 10px;
  text-decoration:none;
  text-transform:uppercase;
  width:auto;
  border:0;
  display:block;
  color:#ff9c04;
  float:left;
  }
  
.identity .identity a:hover {
  background: #ffffff;
  color: #ff9c04;
  }
  
.tabright .content a {
  background: #52a128;
  margin:0;
  padding:0px 10px 0px 10px;
  text-decoration:none;
  text-transform:uppercase;
  width:auto;
  border:0;
  display:block;
  color:#ffffff;
  float:right;
  }
  
.tabright .content a:hover {
  background: #ffffff;
  color: #52a128;
  }
  
.content .content a {
  background: #ffffff;
  margin:0;
  padding:0px 10px 0px 10px;
  text-decoration:none;
  text-transform:uppercase;
  width:auto;
  border:0;
  display:block;
  color:#52a128;
  float:left;
  }
  
.content .content a:hover {
  background: #ffffff;
  color: #52a128;
  }
  
.tabright .location a {
  background: #0084ae;
  margin:0;
  padding:0px 10px 0px 10px;
  text-decoration:none;
  text-transform:uppercase;
  width:auto;
  border:0;
  display:block;
  color:#ffffff;
  float:right;
  }
  
.tabright .location a:hover {
  background: #ffffff;
  color: #0084ae;
  }
  
.location .location a {
  background: #ffffff;
  margin:0;
  padding:0px 10px 0px 10px;
  text-decoration:none;
  text-transform:uppercase;
  width:auto;
  border:0;
  display:block;
  color:#0084ae;
  float:left;
  }
  
.location .location a:hover {
  background: #ffffff;
  color: #0084ae;
  }
  
.tabright .social a {
  background: #00135d;
  margin:0;
  padding:0px 10px 0px 10px;
  text-decoration:none;
  text-transform:uppercase;
  width:auto;
  border:0;
  display:block;
  color:#ffffff;
  float:right;
  }
  
.tabright .social a:hover {
  background: #ffffff;
  color: #00135d;
  }
  
.social .social a {
  background: #ffffff;
  margin:0;
  padding:0px 10px 0px 10px;
  text-decoration:none;
  text-transform:uppercase;
  width:auto;
  border:0;
  display:block;
  color:#00135d;
  float:left;
  }
  
.social .social a:hover {
  background: #ffffff;
  color: #00135d;
  }
  
.tabright .retail a {
  background: #3c1459;
  margin:0;
  padding:0px 10px 0px 10px;
  text-decoration:none;
  text-transform:uppercase;
  width:auto;
  border:0;
  display:block;
  color:#ffffff;
  float:right;
  }
  
.tabright .retail a:hover {
  background: #ffffff;
  color: #3c1459;
  }
  
.retail .retail a {
  background: #ffffff;
  margin:0;
  padding:0px 10px 0px 10px;
  text-decoration:none;
  text-transform:uppercase;
  width:auto;
  border:0;
  display:block;
  color:#3c1459;
  float:left;
  }
  
.retail .retail a:hover {
  background: #ffffff;
  color: #3c1459;
  }
  
.tabright .search a {
  background: #a70966;
  margin:0;
  padding:0px 10px 0px 10px;
  text-decoration:none;
  text-transform:uppercase;
  width:auto;
  border:0;
  display:block;
  color:#ffffff;
  float:right;
  }
  
.tabright .search a:hover {
  background: #ffffff;
  color: #a70966;
  }
  
.search .search a {
  background: #ffffff;
  margin:0;
  padding:0px 10px 0px 10px;
  text-decoration:none;
  text-transform:uppercase;
  width:auto;
  border:0;
  display:block;
  color:#a70966;
  float:left;
  }
  
.search .search a:hover {
  background: #ffffff;
  color: #a70966;
  }
/*--end--*/
  
.subtitleblock {
  background-color:#000000;
  color:#514936;
  font-family:Arial, Helvetica, sans-serif;
  font-size:140%;
  text-transform:uppercase;
  padding:0px 5px 0px 5px;
  display:block;
  width:auto;
  float:left;
  }
  
.dateblock {
  background-color:#000000;
  color:#ffffff;
  font-family:Arial, Helvetica, sans-serif;
  font-size:150%;
  text-transform:uppercase;
  padding:0px 5px 0px 5px;
  display:block;
  width:auto;
  float:left;
  clear:both
  }
  
.dateblock span{
  color:#514936;
  }
  
.introblock {
  background-color:#514936;
  color:#ffffff;
  font-family:Arial, Helvetica, sans-serif;
  width:auto;
  font-size:140%;
  text-transform:uppercase;
  padding:0px 5px 0px 5px;
  display:block;
  float:left;
  clear:both;
  }
  
.headerblock {
  background-color:#ffffff;
  color:#514936;
  font-family:Arial, Helvetica, sans-serif;
  font-size:175%;
  text-transform:uppercase;
  padding:0px 5px 0px 5px;
  display:block;
  width:auto;
  float:left;
  clear:both
  }
  
.headerblock span{
  text-transform:lowercase;
  }
  
.headerblockregister {
  background-color:#df0051;
  color:#ffffff;
  font-family:Arial, Helvetica, sans-serif;
  font-size:175%;
  text-transform:uppercase;
  padding:0px 5px 0px 5px;
  display:block;
  width:auto;
  float:left;
  clear:both
  }
  
.speaker, .demo {
  width:100%;
  margin-bottom:10px;
  border-bottom:#df0051 solid 1px;
  }

.speaker img {
  width:75px;
  height:75px;
  margin-right:10px;
  float:left;
  }
  
.speaker p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:100%;
  line-height:120%;
  margin:5px 0px 10px 85px;
  }

.speaker h5, .demo h5, .demo h5 a{
  font-family:Arial, Helvetica, sans-serif;
  font-size:120%;
  color:#df0051;
  line-height:120%;
  }
  
.form-item {
  margin:20px 0px 20px 0px;
  font-size:130%;
  border:none;
  }
  
.form-submit {
  background: #df0051;
  margin:0px 0px 20px 0px;
  padding:10px;
  text-decoration:none;
  font-family:Arial, Helvetica, sans-serif;
  font-size:130%;
  text-transform:uppercase;
  width:auto;
  border:0;
  display:block;
  color:#ffffff;
  float:left;
  }
  
.form-box {
  clear:both;
  margin:10px 0px 10px 0px;
  }
  
.description {
  margin:5px 0px 20px 0px;
  font-size:80%;
  }
  
/* speakers */

.speakerswelcome {
  background:#E20A16;
  margin: 0px 0px 5px 0px;
  padding:5px;
  text-transform:uppercase;
  width:auto;
  display:block;
  font:120% Arial,Helvetica,sans-serif bold;
  color:#ffffff;
}

.speakersmashups {
  background: #e20a16;
  margin:0px 0px 5px 0px;
  padding:5px;
  text-transform:uppercase;
  width:auto;
  display:block;
  font:120% Arial, Helvetica, sans-serif bold;
  color:#ffffff;
  }
  
.speakersadvertising {
  background: #f66014;
  margin:0px 0px 5px 0px;
  padding:5px;
  text-transform:uppercase;
  width:auto;
  display:block;
  font:120% Arial, Helvetica, sans-serif bold;
  color:#ffffff;
  }
  
.speakersidentity {
  background: #ff9c04;
  margin:0px 0px 5px 0px;
  padding:5px;
  text-transform:uppercase;
  width:auto;
  display:block;
  font:120% Arial, Helvetica, sans-serif bold;
  color:#ffffff;
  }
  
.speakerscontent {
  background: #52a128;
  margin:0px 0px 5px 0px;
  padding:5px;
  text-transform:uppercase;
  width:auto;
  display:block;
  font:120% Arial, Helvetica, sans-serif bold;
  color:#ffffff;
  }
  
.speakerslocation {
  background: #0084ae;
  margin:0px 0px 5px 0px;
  padding:5px;
  text-transform:uppercase;
  width:auto;
  display:block;
  font:120% Arial, Helvetica, sans-serif bold;
  color:#ffffff;
  }
  
.speakerssocial {
  background: #00135d;
  margin:0px 0px 5px 0px;
  padding:5px;
  text-transform:uppercase;
  width:auto;
  display:block;
  font:120% Arial, Helvetica, sans-serif bold;
  color:#ffffff;
  }
  
.speakersretail {
  background: #3c1459;
  margin:0px 0px 5px 0px;
  padding:5px;
  text-transform:uppercase;
  width:auto;
  display:block;
  font:120% Arial, Helvetica, sans-serif bold;
  color:#ffffff;
  }
  
.speakerssearch {
  background: #a70966;
  margin:0px 0px 5px 0px;
  padding:5px;
  text-transform:uppercase;
  width:auto;
  display:block;
  font:120% Arial, Helvetica, sans-serif bold;
  color:#ffffff;
  }
  
#broughttoyou {
  width:150px;
  background-color:#00758c;
  font:120% Arial, Helvetica, sans-serif;
  text-align:center;
  padding:5px;
  float:right;
  }
  
.demo img {
  width:150px;
  margin-right:10px;
  float:left;
  }
  
.demo p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:100%;
  line-height:120%;
  margin:5px 0px 10px 160px;
  }

.speakersadvertising a {
  color:white;
  text-transform:uppercase;
}

.speakersidentity a {
  color:white;
  text-transform:uppercase;
}

.speakerscontent a {
  color:white;
  text-transform:uppercase;
}

.speakerslocation a {
  color:white;
  text-transform:uppercase;
}

.speakerssocial a {
  color:white;
  text-transform:uppercase;
}

.speakersretail a {
  color:white;
  text-transform:uppercase;
}

.speakerssearch a {
  color:white;
  text-transform:uppercase;
}