html#root{

background-image: url(../images/rainbow_bg.png);
}
/*force vertical scroll bars on to avoid shifting page*/

html#root, html#root body {
  height: 100%;
  margin: 0 0 1px;
  padding: 0;
  
 }
 
body{

  font-family:arial;
  color: #222;
  font-size: 72%; /*11pt 70*/
  line-height: 1.3em;

scrollbar-base-color:#44444;
scrollbar-face-color:#777777;
scrollbar-arrow-color:#bbbbbb;
}

body {
  text-align: center;
  
  }
  
body#iframe {
  text-align: left;
  padding: 12px 0 12px 12px;
  }  
  
th, td{
  border: none;
  }

a, a:hover{
  color: #76015d;
}

a:focus {
    outline: 0;
}

ul{
  f1ont-size: 95%; /*12pt*/
 
}

dl{
  f1ont-size: 95%; /*12pt*/
  margin: 0;
  padding: 0;
  margin-bottom: 12px;
}
  
dl dt, dl dd{
  f1ont-size: 95%;
  margin: 0;
  padding: 0;
}
dl dt{
  margin-top: 6px;
  font-size: 103%;
  padding-left: 15px;
  background-image: url(../images/arrow_right_orange.png);
  background-repeat: no-repeat;
  background-position: 0 1px;
  color: #76015d;
}
  

  
dl dd{

  padding-left: 15px;

} 
 
p{
  margin-bottom: 12px;

}  



#container {
  
  margin: 0 auto;
  width: 924px;
  text-align: left;  
} 

#header{
  background-color: #fff;
  height: 139px;	

  IE7background-color: transparent;
  background-image: url(../images/trans.png);
  
}

#vanda-link{
  position: absolute;
  height: 107px;
  width: 170px; 
  text-decoration: none;
  font-size: 1%;

}

#decode-link{

  position: absolute;
  width: 256px;
  height: 62px;
  top: 0px;
  right: 1px;
}

#sap-link{

  position: absolute;
  width: 50px;
  height: 24px;
  top: 70px;
  right: 4px;
}
  
 #banner{
  background-image: url(../images/homepage_imageHeader.png);
  background-repeat: no-repeat;
  height: 107px;
}  




/* Main navigation */
.menu-container {

  margin: 0;
  padding-left: 12px;
  padding-top: 5px;

}

.menu-container ul {
	margin: 0;
  padding: 0;
	width: 750px;

}

.menu-container li {
	list-style: none;
	float: left;
  height: 21px;
	vertical-align: middle;


}

.menu-container li a {
  height: 21px;
	vertical-align: middle;
	text-align: center;
	display: block;
  text-decoration: none;
  
}







#home-link a { width: 45px; }
#exhibition-link a { width: 91px; }
#recode-link a { width: 56px; }
#design-link a { width: 134px; }
#bit-link a { width: 61px; }
#viistor-link a { width: 120px; }
#events-link a { width: 53px; }
#live-link  a { width: 77px; }
#shop-link a { width: 45px; }
#competition-link a { width: 81px; }

#code-link  a { width: 47px; }
#interactivity-link a { width: 86px; }
#network-link a { width: 67px; }


#home-link a { background: url(../images/menu/mainNav_home_normal.png) 0 0 no-repeat; }
#exhibition-link a { background: url(../images/menu/mainNav_exhibition_normal.png) 0 0 no-repeat;  }
#recode-link a { background: url(../images/menu/mainNav_recode_normal.png) 0 0 no-repeat;  }
#design-link a {  background: url(../images/menu/mainNav_whatIsDigitalDesign_normal.png) 0 0 no-repeat;  }
#bit-link a {  background: url(../images/menu/mainNav_bitCode_normal.png) 0 0 no-repeat;  }
#viistor-link a { background: url(../images/menu/mainNav_visitorInfo_normal.png) 0 0 no-repeat;  }
#events-link a {  background: url(../images/menu/mainNav_events_normal.png) 0 0 no-repeat;  }
#live-link a { background: url(../images/menu/mainNav_decodeLive_normal.png) 0 0 no-repeat;  }
#shop-link a { background: url(../images/menu/mainNav_shop_normal.png) 0 0 no-repeat;  }
#competition-link a {  background: url(../images/menu/mainNav_competition_normal.png) 0 0 no-repeat;  }

#code-link  a  {  background: url(../images/menu/exhibNav_codeAsRawMaterial_normal.png) 0 0 no-repeat;  }
#interactivity-link a  {  background: url(../images/menu/exhibNav_interactivity_normal.png) 0 0 no-repeat;  }
#network-link a  {  background: url(../images/menu/exhibNav_network_normal.png) 0 0 no-repeat;  }

#home-link.active a, #home-link a:hover   { background: url(../images/menu/mainNav_home_active.png) 0 0 no-repeat;  }
#exhibition-link.active a, #exhibition-link a:hover   { background: url(../images/menu/mainNav_exhibition_active.png) 0 0 no-repeat;  }
#recode-link.active a, #recode-link a:hover  { background: url(../images/menu/mainNav_recode_active.png) 0 0 no-repeat;  }
#design-link.active a, #design-link a:hover  {  background: url(../images/menu/mainNav_whatIsDigitalDesign_active.png) 0 0 no-repeat;  }
#bit-link.active a, #bit-link a:hover  {  background: url(../images/menu/mainNav_bitCode_active.png) 0 0 no-repeat;  }
#viistor-link.active a, #viistor-link a:hover  { background: url(../images/menu/mainNav_visitorInfo_active.png) 0 0 no-repeat;  }
#events-link.active a, #events-link a:hover  {  background: url(../images/menu/mainNav_events_active.png) 0 0 no-repeat;  }
#live-link.active a, #live-link a:hover  { background: url(../images/menu/mainNav_decodeLive_active.png) 0 0 no-repeat;  }
#shop-link.active a, #shop-link a:hover  { background: url(../images/menu/mainNav_shop_active.png) 0 0 no-repeat;  }
#competition-link.active a, #competition-link a:hover  {  background: url(../images/menu/mainNav_competition_active.png) 0 0 no-repeat;  }

#code-link.active a, #code-link a:hover   {  background: url(../images/menu/exhibNav_codeAsRawMaterial_active.png) 0 0 no-repeat;  }
#interactivity-link.active a, #interactivity-link a:hover  {  background: url(../images/menu/exhibNav_interactivity_active.png) 0 0 no-repeat;  }
#network-link.active a, #network-link a:hover   {  background: url(../images/menu/exhibNav_network_active.png) 0 0 no-repeat;  }


#exhibition-menu{

  padding: 0;
  margin: 0;
  margin-bottom: 24px;
  margin-left: 10px;
  position: relative;
  top: -4px;
}

#exhibition-menu.menu-container ul {
 width: 430px;
}






.navbutton{

  display: none;
}

ul#admin_menu{
  padding: 10px;
  background-color: #fff;
  border: 3px solid #ccf;
  border-top: 0;
  margin: 0;
  margin-left: 200px;
  margin-bottom: 12px;
  position: absolute;
  width:  450px;
  z-index: 100;

}
ul#admin_menu li{
list-style: none;
display: inline;
}

ul#admin_menu a{
color: #222838;
}


#footer-container{

}



#footer img{
margin-top: -11px;
*margin-top: -3px; /*IE6 only */
margin-right: 12px;



}

#footer {
position: relative;
  height: 32px;
  margin-top: 0px; /* Later designs had the footer on the bottom of the last content block */
  background-color: #fff;
  background-image: url(../images/trans.png);
}




img.info-panel {

  margin-top: 6px;
 
}




a.fulldiv {
  color: #000;
  text-decoration: none;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background:url(fake.jpg);/*for IE7*/

}

.clear{
clear: both;
}

#buy-ticket a{
  color: #fff;
  text-decoration: none;
  display: block;
  height: 21px;
  width: 121px;
  margin-right: 12px;  
  background:url(../images/headers/book.png	);
  background-repeat: no-repeat;
}

.content-container{

  
	position: relative;

	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;  
  margin-top: 10px;
  }
  


.content{
  background-color: #fff;
  padding: 12px;
  padding-top: 30px;
  background-color: #fff;
  background-image: url(../images/trans.png);
}

.left-half{
margin-right: 440px;
margin-bottom: 30px;
}

.right-half{
float: right;
width: 390px;


}

img.heading{
  display: block;
  margin-bottom: 22px;

}

 .footer-note{
  width: 400px;
  font-size: 95%;
  margin-top: 24px;
}  

 #right-col .footer-note{

  margin-top: 6px;
}  

 #exhibition .footer-note, #bit .footer-note{
  margin: 0;
  position: absolute;
  left: 36px;
  bottom: 12px;
}


#homepage .footer-note p, #exhibition .footer-note p, #bit .footer-note p{
  margin: 0;
}

 #homepage #main-content {
  height: 100%;
  
}
 #credits{
  font-size: 95%;
  margin-top: 24px;
}
 


h2{
  margin-left: 0;
  margin-top: 36px;
  font-size: 115%;
  font-weight: bold;
  margin-bottom: 6px;
  color: #76015d;
  text-transform: uppercase; 
}

#visitor h3, #events h3{

  margin-bottom: 0px;

}

img#exhibition-h1{

  margin-bottom: 11px;
}

h2.sub-heading{
  padding: 0;
  padding-bottom: 10px;
  margin-top: 6px;
  border-bottom: 1px solid #76015d;
  font-weight: normal;
  font-size: 145%; 
  margin-bottom: 12px;
  
}

 #main-content {
  width: 396px;
  margin: 0 24px;
 
}

.small-font{

font-size: 95%;

}

 #homepage #main-content {
  width: 396px;
  margin: 0 24px;
  
}

#right-col{
float: right;
width: 444px;
}

.right{
float: right;

}

img.header{
margin-bottom: 12px;
}



#recode #image-holder, #exhibition #image-holder{
  float: right;
  width: 500px;
  height: 300px;
  border: 1px solid #ccc;

}

.content.gallery{
  padding-top: 12px;
}

.gallery-box{
 height: 200px;
 color: #222;  
  display: inline;
  float: left;
  width: 200px;
  margin-right: 12px;
  overflow: hidden;
  margin-bottom: 12px;
}
.gallery-info{
  height: 38px;
}

.gallery-info, #show-info{

  background-image: url(../images/arrow_right_orange.png);
  background-repeat: no-repeat;
  background-position: 0 2px;
  padding-left: 15px;
  margin-bottom: 8px;
  text-align: left;
}

.gallery-info a, #show-name {
  font-size: 120%;
  color: #76015d;
  text-decoration: none;
  text-align: left;
}

#show-name {
font-weight: bold;
}

.gallery-image{
  line-height: 1%;
  width: 200px;
  height: 114px;
  margin-bottom: 6px;
}

p.gallery-desc{
 font-size:85%;
height: 50px;
}

#gallery{

  margin-top: 20px;

  margin-left: 24px;
  margin-right: 24px;
  
}

#show-link{
float: right;

}

.pagination{
  text-align: center;
  margin-left: 350px;
  clear: both;
  
}

#gallery-pages{
float: left;
margin: 3px 12px;
}

#gallery-previous{
float: left;
display: block;
}

#gallery-next{

display: block;
float: left;
}

/* Lightbox is 610px wide*/

#show-header-container{
margin-bottom: 26px;
}

h1#show-header{
font-weight: normal;
display: block;
width: 50%;
background-color: #76015d;

padding-top: 12px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 0;
font-size: 160%;
color: #fff;

margin: 0;
}

#show-info{
text-align: left;
width: 660px;


}
#show-info p{
margin-bottom: 0;
}
#show-previous{

float: left;
width: 28px;
text-align: center;
font-size: 1%;
height: 170px;
margin-right: 12px;
}

#show-previous a{
display: block;
height: 210px;
width: 28px;
background-image: url(../images/lightbox_leftBtn.png);
background-repeat: no-repeat;
background-position: 0 100%;
}

#show-previous a:hover{
  background-image: url(../images/lightbox_leftBtn_over.png);
}

#show-media{


width: 660px;
float: left;
text-align: center;

}



#show-next{
width: 28px;
float: right;
text-align: center;
height: 170px;
font-size: 1%;
margin-left: 12px;
margin-right: 12px;
}

#show-next a{
display: block;
width: 28px;
height: 210px;
background-image: url(../images/lightbox_rightBtn.png);
background-repeat: no-repeat;
background-position: 0 100%;
}

#show-next a:hover{
background-image: url(../images/lightbox_rightBtn_over.png);
}

#show-desc{
text-align: left;
margin-left: 43px;
margin-top: 3px;
width: 575px;
}

#show-results{
color: #000;
text-align: right;

}

#recode-action{

  display: block;
  width: 121px;
  height: 29px;
}

.exhibition-box{
float: left;
display: relative;
width: 294px;
margin-right: 9px;
margin-bottom: 28px;
}

 img.action-box{

  margin-top: 7px;
}

#exhibition3{

margin-right: 0px;
}





#exhibitions #right-content,#live #right-content {
float: right;
width: 415px;
margin-right: 25px;
}

#booking-button{
display: block;
margin-top: 12px;


}

#shop .left-col img{
margin-top: 12px;;

}

#shop h2{
margin-top: 12px;;

}

#shop .right-col{
float: right;
width: 500px;

}

#shop .left-col {
text-align: center;
margin-bottom: 12px;
}
#shop .right-col p{
margin-right: 48px;
}


#live-heading{

margin-bottom: 20px;
}

#live-content{
margin-bottom: 24px;
}

#live .left-col p{
margin-left: 24px;
width: 400px;
}

#live .right-col{
float: right;
width: 416px;
margin-left: 40px;
}

#live .right-col p{
margin-right: 24px;
}

#vimeo-container{
_float: right;  /* nasty ie6 hack to stop Vimeo being pushed down*/

}

#live-bottom{

margin-top: 20px;
}

.link-heading{
  font-weight: bold;
margin-bottom: 6px;
}

.link-container{
  clear: both;
  margin-right: 24px;
}

.link-container img{
  margin-bottom: 12px;
float: right;
}

#twitt-header, #link-header{

margin-bottom: 6px;
}

#twitter-container{

margin-left: 24px;
}

#twitter{
  width: 400px;

} 

#live p#twitter-info {
margin-left: 0px;
}

#live #flashmovie{
margin-bottom: 12px;

}

#twitter .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */

#twitter .twittLI{list-style:none;margin:0;padding:5px 0 0 0;padding:3px;margin-bottom: 20px;} 

#twitter .twittList a {color: #222; text-decoration: none;} /*Links inside the tweets list */


#twitter .twittProfile { float:left; width:50px; height:50px;}
#twitter .twittImage { width:50px; height:50px;}
#twitter .twittMain{
  *margin-top: -14px; /* nasty ie6/7 hack*/
  margin-left: 60px;
  width: 300px;
  padding-left: 20px;
  /*background-image: url(../images/arrow_right.png);*/

  background-repeat: no-repeat;
  background-position: 0px 3px;  
  }
#twitter .twittName, .link-heading{
  font-weight: bold;
  color: #76015d; 
  font-size: 103%;

  }


#twitter .twittDate, #twitter a.twittLink, .link-date {
  color: #444;
  
  }



#twitter .extLink{} /*CSS for the external links*/

#twitter .hashLink{} /*CSS for the hash links*/






  
 
  
/* The images styling is needed to turn the <ul> into a 3x3 grid */
#flickr {
	padding: 			0px;
	margin: 			0px;
  margin-top: 10px;

}
#flickr ul {
	list-style:			none;
	float: 				left;
	padding: 			0px;
	margin: 			0px;
}
#flickr ul li {
	display: 			inline;
}
#flickr ul li img {
	border: 			none;
	padding: 			0 5px 5px 0;
	width: 				50px;
	height: 			50px;
	opacity: 			0.6;
	-moz-opacity: 		0.6;	
}
#flickr ul li img:hover {
	opacity: 			1;
	-moz-opacity: 		1;
}



#bookmark{
position: absolute;
margin-left: 775px;
margin-top: -23px;
}
/*
#form1{
width: 330px;

}

#form1 li, #form1 ul{
margin: 0;
padding: 0;
}

#form1 li  label{
width: 100%;
display: block;
*margin-left: -16px;
}

#form1 .radio_list label{
*margin-left: 0px;
}

#form1  li{
  margin-top: 12px;;
  
}

#form1  textarea{
  height: 100px;
  
}


#form1 .radio_list li{
  list-style: none;
  margin-left: 100px;
}

#form1 .radio_list li label{
  width: 60px;
  display: inline;
  float: none;
}

#form1 ul.radio_list {

  margin-bottom: 12px;

}

#form1 #entry_email_from_vanda,  #form1 #entry_email_from_partner{
  display: block;
  clear: both;
  margin: 6px;

}
*/
#form1 .radio_list li{
  list-style: none;
  padding: 6px;
}



#form1 ul.radio_list {
margin: 0;
  margin-bottom: 12px;

}


#form1 ul.error_list li{
color: red;
	list-style: none;
  margin: 0; padding: 0;
}

#form1 th{
font-weight: bold;
text-align: left;
}


#form1 td.check{
padding-top: 12px;

}

#form1 td.check input{

display: block;
float: left;
margin-bottom: 30px;

margin-right: 12px;
}

#form1 td.padd{ padding:3px 5px 0px 0px; }
#form1 td, #form1 td input,#form1 td textarea { padding: 3px; }
#form1 td select { width:100px; padding: 3px;}

/* clear fix hack - to push down container with  floated child elements */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}




/* Drop shadow stuff */

.shadow-container {
	position: relative;

	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

.shadow {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}


/* To reduce the overlap efffect I've reduced the visibility of the north shadow */
.shadow-n {
	top: -3px;
	width: 100%;
	height: 3px;
  background-position: 100% 100%; 
	background: transparent url('../images/shadow/shadow_n.png') repeat-x;
}

.shadow-ne {
	top: -17px;
	right: -17px;
	width: 17px;
	height: 17px;
    background-position: 0% 100%;  
	background: transparent url('../images/shadow/shadow_ne.png') no-repeat;
}

.shadow-e {
	right: -17px;
	height: 100%;
	width: 17px;
	background: transparent url('../images/shadow/shadow_e.png') repeat-y;
}

.shadow-se {
	bottom: -17px;
	right: -17px;
	width: 17px;
	height: 17px;
  background-position: 0% 0%;    
	background: transparent url('../images/shadow/shadow_se.png') no-repeat;
}

.shadow-s {
	bottom: -17px;
	width: 100%;
	height: 17px;
	background: transparent url('../images/shadow/shadow_s.png') repeat-x;
}

.shadow-sw {
	bottom: -17px;
	left: -17px;
	width: 17px;
	height: 17px;
  background-position: 100% 0%;  
	background: transparent url('../images/shadow/shadow_sw.png') no-repeat;
}

.shadow-w {
	left: -17px;
	height: 100%;
	width: 17px;
	background: transparent url('../images/shadow/shadow_w.png') repeat-y;
}

.shadow-nw {
	top: -17px;
	left: -17px;
	width: 17px;
	height: 17px;
  background-position: 100% 100%;
	background: transparent url('../images/shadow/shadow_nw.png') no-repeat;
}



div#fancy_overlay {
z-index: 70;
}

div#fancy_div{
color: #444;
background-color: #fff;
}

div#fancy_close {
	position: absolute;
	top: 12px;
	right: 24px;
	height: 22px;
	width: 22px;
	background: url('../images/lightbox_closeBtn.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

div#fancy_close:hover {
	background: url('../images/lightbox_closeBtn_over.png') top left no-repeat;
}