@charset "utf-8";

/* --------------------------------------------------------------------------------------------------- */
/*                  Microsoft Growth and Innovation Day :: gallery CSS document                        */
/* --------------------------------------------------------------------------------------------------- */


/* -------------------- */
/* GLOBAL LAYOUT STYLES */
/* -------------------- */
* {
	margin:0;
	padding:0;
	border:0;
}


html {
	font-size:62.5%;	
}

body {
	background-color:#777;
	font-family:arial, sans-serif;
	font-size:1em;
	line-height:1.2em;
	color:#fff;
}
	body#thumbs {
		background-color:#000;
	}

h1 {
	position:absolute;
	top:324px;
	left:240px;
	width:200px;
	height:172px;
	overflow:hidden;
	font-weight:normal;
	font-size:2.2em;
	line-height:1em;
}
	h1 .grey {
		font-size:0.8em;
		color:#ababab;
	}
	h1 .small {
		font-size:0.5em;
		line-height:1.2em;
		color:#c0c0c0;
	}	
	h1 .img {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;	
		background-image:url(../img/title.gif);
		background-repeat:no-repeat;	
	}
	h1 .address {
		font-size:0.6em;
		line-height:1.1em;
	}

h2 {
	height:30px;
	overflow:hidden;
	font-size:2.2em;
	line-height:1em;
}
	h2 span {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;	
		background-repeat:no-repeat !important;	
	}

h3 {
	font-size:1.7em;
	line-height:1.1em;
	height:3em;
	text-transform:uppercase;
}
	h3#interactivePanel {
		margin-top:5px;
	}

h4 {
	font-size:1.4em;
	margin-bottom:0.4em;
	font-weight:normal;
	text-transform:uppercase;
}

h5 {
	font-size:1.4em;
	line-height:1.1em;
	margin-bottom:0.4em;
	text-transform:uppercase;
}

h6 {
	font-size:1.3em;
	line-height:1.2em;
	margin-bottom:0.4em;
	font-weight:normal;
}

p {
	font-size:1.1em;
	line-height:1.3em;
	color:#ababab;
	padding-bottom:1.3em;
}
	p.small {
		font-size:0.9em;
		padding-bottom:1em;
	}
	p.small2 {
		font-size:1.1em;
		margin-bottom:-2em;
	}

em {
}

strong {
}

img {
}

.clearBoth {
	clear:both;
}

.tbc {
	font-weight:normal;
	font-size:0.6em;
}
.lowercase {
	text-transform:lowercase !important;
}
.fontWeightNormal {
	font-weight:normal;
}

.white {
	color:#fff !important;
}


/* ------------------------ */
/* GLOBAL CONTENT CONTAINER */
/* ------------------------ */

#container {
	position:absolute;
	top:50%;
	left:50%;
	width:950px;
	height:580px;	
	margin-left:-475px;
	margin-top:-290px;
	overflow:hidden;
	background:url(../img/bg_gallery.jpg);
}


/* --------------- */
/* MAIN NAVIGATION */
/* --------------- */
#nav_main {
	position:absolute;
	top:140px;
	left:260px;
	padding:3px 0 0 12px;
	border-left:1px solid #4d4d4d;
	font-size:1.2em;
}
	#nav_main ul {
		list-style-type:none;
		padding-bottom:0.7em;
	}
	#nav_main ul li {
		padding-top:0.7em;
	}
		#nav_main ul li#li_videos {
			margin-top:1em;
		}
		#nav_main ul li.title {
			color:#ababab;
		}
		#nav_main ul li.subNav {
			margin-left:10px;
			font-size:0.9em;
			padding-top:0.5em;
		}
	#nav_main a {
		display:block;
		color:#ababab;
	}
		#nav_main a:hover {
			color:#fff;
		}
	#nav_main a#eventOverview_link {
		color:#fff;
		text-decoration:none;
	}

			
/* ------------ */
/* MAIN CONTENT */
/* ------------ */
#title {
	position:absolute;
	z-index:1;
	left:485px;
	top:42px;
	width:440px;
}		
	#title h2 {
		margin-bottom:0;
		text-transform:uppercase;
	}
	#title h5 {
		color:#ababab;
	}

#eventOverview, #openingDinner, #outside, #exhibitionArea, #mainRoom, #breakoutA, #breakoutB, #loungeArea, #press, #rome {
	display:none;
	position:absolute;
	top:140px;
	right:15px;
	width:450px;
	height:340px;
}
#eventOverview {
	display:block;
}

	ul.gallery  {
		height:300px;
		width:440px;
		overflow:auto;	
	}
	ul.gallery li {
		list-style-type:none;
		float:left;
		margin:0 5px 5px 0;
		width:96px;
		height:72px;
		border:#fff 1px solid;		
	}
		ul.gallery li img {
			width:96px;
			height:72px;
		}
		
	ul.videos  {
		height:300px;
		width:440px;
		overflow:auto;
	}
	ul.videos li {
		clear:both;
		width:400px;
		list-style-type:none;
		height:87px;
		border-bottom:#333 1px solid;
		margin-bottom:12px;
	}
		ul.videos li img {
			width:96px;
			height:72px;
			border:#fff 1px solid;
			margin-right:20px;
		}
		ul.videos li a {
			display:block;
			float:left;
		}
		ul.videos li h5 {
			padding-top:20px;
		}

#thumbs {
	background-color:#000;
}

.print {
	margin-top:2em;
}
	.print a {
		text-transform:uppercase;
		text-decoration:underline;
	}
		.print a:hover {
			text-decoration:none;
		}
	
a#back  {
	display:block;
	position:absolute;
	left:260px;
	top:450px;
	color:#ababab;
	text-transform:uppercase;
	text-decoration:underline !important;
}	
	a#back:hover {
		color:#fff;
		text-decoration:none !important;
	}

/* --------- */
/* SITE INFO */
/* --------- */
.site_info, .site_info_2 {
	position:absolute;
	text-align:right;	
	font-size:0.8em;
}
	.site_info a, .site_info_2 a {
		color:#ababab !important;
	}
		.site_info a:hover, .site_info_2 a:hover {
			color:#fff !important;
		}
.site_info {
	bottom:0;
	right:17px;
}		
.site_info_2 {
	top:550px;
	right:44px;
}

.logo {
	position:absolute;
	top:524px;
	left:805px;
	width:101px;
	height:14px;
	padding-top:3px;
	overflow:hidden;
	font-weight:bold;
	font-style:italic;
	font-size:18px;	
}
	.logo span {
	position:absolute;
	left:0;
	top:0;
	width:101px;
	height:17px;
	background-image:url(../img/logo-microsoft.gif);
	background-repeat:no-repeat;
	}