/* CSS Document */

* {
	margin: 0;
 	padding: 0;
	border: 0;
}
a {
	color:#FFF;
	text-decoration:none;
}
span.hidden {
	display: none;
}
body {
	background: #c5cdd2;
	margin: 0;
	padding: 0;
	font: normal 0.625em verdana;
	color: #fff;
}
#container {
	width: 806px;
	margin: 0 auto 20px auto;
	background: url(../Images/page-tile.gif) bottom repeat-y;
}
p {
	font-size: 1em;
	padding:0 0 15px 0;
	line-height:15px;
}
li span {
	font-size: 1em;
	color:#FFF;
	display:block;
}
#wrapper {
	width: 717px;
	margin: 0 auto;
	background: url(../Images/page-footer.gif) bottom no-repeat;
	padding: 0 43px 4.2em 47px;
}
#maincontent {
	background: url(../Images/page-tile.gif) bottom repeat-y;
	padding: 3.3em 0 0 0;
}
#maincontent #page-header {
	width: 717px;
	margin: 0 0 2.9em 0;
	overflow: hidden;
}
#page-intro {
	width: 717px;
	margin: 0 0 2em 0;
	overflow: hidden;
}
#maincontent #page-header h1, #maincontent #page-header h2 {
	font-size: 3.7em;
	height: 46px;
}
#maincontent #page-header h1#logo-blueroom {
	background: url(../Images/blueroom/logo-blueroom.png) no-repeat;
	float: left;
	width: 444px;
}
#maincontent #page-header h1#text-NYE {
	background: url(../Images/priority/text-priority.gif) no-repeat;
	float: left;
	width: 444px;
}
#maincontent #page-header h1#indigo {
	background: url(../Images/indigo/text-indigo.gif) no-repeat;
	float: left;
	width: 225px;
}
#maincontent #page-header h1#cannesawards {
	background: url(../Images/indigo/text-cannes-awards.gif) no-repeat;
	float: left;
	width: 245px;
}
#maincontent #page-header h2#logo-o2 {
	background: url(../Images/logo-o2.gif) no-repeat;
	float: right;
	width: 48px;
}
#flashcontent {
	width: 439px;
	float: left;
	margin: 0;
	border: solid #999999 1px;
}
#flashplayer {
	width: 656px;
 	float: left;
	margin: 0 28px 28px 0;
	border: solid #999999 1px;
	overflow: hidden;
}
#page-sumary {
	width: 248px;
	float: left;
	padding-left:28px;
}
#flashcontent #placeholder-flash, #maincontent.content-tiles ul li img {
	border:solid #7b858a 1px;
}
#content-tiles {
	width: 657px;
	background: url(../Images/bg-content-tiles.gif) repeat-y;
	margin: auto;
	padding: 2.6em 29px 0 30px;
	overflow: hidden;
}
#maincontent #content-tiles h3 {
	font-size: 1.5em;
	margin: 0 0 1.4em 0;
	font-weight:normal;
}
#maincontent #content-tiles ul {
	list-style-position: inside;
	margin: 0;
	padding: 0;
}
#maincontent #content-tiles ul li {
	width: 200px;
	min-height: 200px;
	list-style-type: none;
	float: left;
	overflow: hidden;
	margin: 0 28px 0 0;
}
#maincontent #content-tiles ul li.third {
	margin: 0 0 0 0;
}
/***** LIGHTBOX CLASSES *****/

#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox img {
	width: auto;
	height: auto;
}
#lightbox a img {
	border: none;
}
#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer {
	padding: 10px;
}
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav {
	left: 0;
}
#hoverNav a {
	outline: none;
}
#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	display: block;
}
#prevLink {
	left: 0;
	float: left;
}
#nextLink {
	right: 0;
	float: right;
}
/*
#prevLink:hover, #prevLink:visited:hover { background: url(../Images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../Images/nextlabel.gif) right 15% no-repeat; }
*/
#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
}
#imageData {
	padding:0 10px;
	color: #666;
}
#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}
#imageData #caption {
	font-weight: bold;
}
#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
	outline: none;
}
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}