/*
Name: SONYBRAVIA560
Description: -
Version: 2 |090312
Author: ID
*/

/* -------------------------------- */
/* RESET HTML TAG					*/ 
/* -------------------------------- */

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;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{/*font-family: Arial, Helvetica, sans-serif; */font-size:1em; font-weight: normal; line-height: normal; margin: 0;}
q:before,q:after{content:'';}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}
img {-ms-interpolation-mode: bicubic;}

/* -------------------------------- */
/* STANDARD HTML TAG DEFINITION		*/ 

body {
	background: #0A0102 url(../img/bgrnd.jpg) no-repeat center top;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: /*1.125em*/ 0.9em;
	}
	body.bg2 {background: #0A0102 url(../img/bgrnd_2.jpg) no-repeat center top;}
	body.bg3 {background: #0A0102 url(../img/bgrnd_3.jpg) no-repeat center top;}
	body.bg4 {background: #0A0102 url(../img/bgrnd_4.jpg) no-repeat center top;}
	
h1 {font-size: 1.81em;}	/* 20px */
h2 {font-size: 1em; color: #FF9999; margin-bottom: 1em;}	/* 22px */
h3 {font-size: 1.72em;}	/* 19px */
h4 {font-size: 1.45em;}	/* 16px */
h5 {font-size: 1.27em}		/* 14px */
h6 {font-size: 1.27em}		/* 14px */
p {margin-bottom: 1.5em;}	
i {font-size: 0.909em; line-height: normal;}
a {cursor: pointer; text-decoration: none; color: #FF9999;}	
a:hover {/*text-decoration: underline;*/}
a:active, a:focus {outline: none;}

hr {display: none;}

/* -------------------------------- */
/* THE FIXED MAGIC					*/ 
/* -------------------------------- */

html {
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	background:#fff; /*color background - only works in IE */
	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow:hidden; /*get rid of scroll bars in IE */
	/* */        
	}
body {
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	overflow:hidden; /*get rid of scroll bars in IE */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */			
	}

/* -------------------------------- */
/* PAGE CONSTANT STURCTURE			*/ 
/* -------------------------------- */
/*
#navi		{background: purple;}
#wrap		{background: orange;}
#header		{background: lime;}
#footer		{background: pink;}
#footer2	{background: teal;}
#content	{background: blue;}
#main		{background: red;}
#side		{background: gold;}
.undertv	{background: silver;}
*/

#wrap {
	font-size: 0.6875em; /* 11px */
	height: 560px;
	width: 960px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	}	
	#header {
		height: 100px;
		}
	#footer {
		/*height: 131px;*/ /* when full */
		height: 35px;
		width: 960px;
		overflow: hidden;
		position: absolute;
		bottom: 30px;
		left: 0;
		z-index: 500;
		padding-bottom:;
		}
		#navi {
			position: absolute;
			bottom: -15px;
			left: 0;
			z-index: 1000;
			width: 790px;
			}
	#footer2 {
		overflow: hidden;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 960px;
		line-height: 30px;
		font-family: Arial, Helvetica, sans-serif;
		}
		#footer2 a {
			color: #FFF;
			}
		#footer2 p {
			float: left;
			}
		#footer2 li {
			float: right;
			color: #444;
			margin: 0 0 0 10px;
			}
			#footer2 li a {
				background: url(../img/footer_bullet.gif) no-repeat 0 50%;
				padding: 0 0 0 8px;
				}
		#share {
			position: absolute;
			right: 0;
			bottom: 8px;
			z-index: 1001;
			cursor: pointer;
			overflow: ;
			padding: 10px 0 0 60px;
			}
			#share_social {	
				display: none;	
				background: #ABABAB;
				height: 20px;
				right: 0;
				padding: 5px 0 5px 5px;
				position: absolute;
				top: -21px;
				width: 145px;
				z-index: 1002;
				}
				#share_social a {
					margin-right:2px;
					}				
				.over #share_social {
					display: block;		
					}
			
			#at16pf {
				display: none;
				}
				 #at16pf .at15t.at15t_more {
					display: none;
					}
			
	#content {
		height: 389px;
		width: 960px;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
		}	
		#content.pad {
			padding: 0 20px 0 20px;
			width: 920px;
			}
		#main {
			float: left;
			margin: 15px 20px 0 30px;
			width: 470px;
			display: inline;
			}	
			#main.vbg {
				background: url(../img/vbg.gif);
				width: 484px;
				height: 325px;
				}
			.tv #main {
				margin-right: 4px;
				width: 486px;
				}
		#side {
			float: left;
			display: inline;
			padding: 30px 10px 10px;
			margin: 0;
			width: 405px;
			background: url(../img/side.png) no-repeat;
			height: 292px;
			}
												
/* -------------------------------- */
/* INNER PAGE MODIFICATIONS			*/ 
/* -------------------------------- */

.frame {
	background: url(../img/frame.jpg) no-repeat;
	padding: 10px;
	width: 450px;
	height: 270px;
	}
	
.frame2 {
	background: url(../img/frame2.jpg) no-repeat;
	padding: 10px;
	width: 304px;
	height: 270px;
	}

.videoholder {
	background: url(../img/img_tvlcd2.png) no-repeat;
	width: 461px;
	height: 393px;
	padding: 22px 0 0 25px;
	position: relative;
	display: none;
	}
	
#terms .wrapper {
	background: #000 url(../img/bg_overlay.jpg) repeat-x fixed; 
	/*height: 339px; */
	height: 248px;
	margin-bottom: 65px;
	overflow-y: scroll;
	padding: 25px;
	}
	#terms h1 {
		margin-bottom: 1em;
		}
	#terms .wrapper ol {
		margin-bottom: 2em;
		}
		
	/* -------------------------------- */
	/* INTRO / INDEX					*/ 
	
	body#intropage {
		background: #000 none;
		position: relative;
		}
		#intropage .top {
			width: 100%;
			margin: -560px 0 0 0;
			/*top: 0;
			left: 100px;*/
			}
			#intropage .top_content {
				width: 980px;
				height: 99px;
				margin: 0 auto;
				overflow: hidden;
				background: url(../img/indextop.gif) no-repeat 50px 0;
				position: relative;
				}
				#intropage .top_content a {
					position: absolute;
					top: 0;
					text-indent: -9999em;
					}
					#intropage .top_content a.sony {
						width: 90px;
						height: 78px;
						left: 30px;
						}
					#intropage .top_content a.bravia {
						width: 151px;
						height: 82px;
						right: 30px;
						}
		#intropage .btm {
			width: 100%;
			}
			#intropage .btm_content {
				width: 980px;
				height: 103px;
				margin: 431px auto 0;
				overflow: hidden;
				font-size: 0.6875em;
				z-index: 1000;
				position: relative;
				}
				#intropage #footer2 {
					margin-left: 10px;
					}
		
	/* -------------------------------- */
	/* HOME								*/ 
	
	.hometv {
		background: url(../img/home_tv.png) no-repeat 30px 0;
		width: 960px;
		height: 395px;
		}
	#home #tvc_home {
		left: 61px;
		top: 1px;
		}
		#tvc_home {
			position: absolute;
			left: 15px;
			top: 5px;
			}
	 .hometext {
		position: absolute;
		/*right: 10px;
		top: 180px;*/
		right: 90px;
		top: 180px;	
		width: 250px;
		}
		
	/* -------------------------------- */
	/* BACKSTAGE TECHNICAL				*/ 
	
	#backstage_technical .center {
		height: 300px;
		}
		#motionflow_gear .btn_back {
			margin-top: 10px;
			}
		
	/* -------------------------------- */
	/* MOTIONFLOW_GEAR					*/ 
	
	#motionflow_gear .center {
		height: 290px;
		}
		#motionflow_gear .btn_back {
			margin-top: 10px;
			}
			
	/* -------------------------------- */
	/* MOTIONFLOW_200hz					*/ 
	
	#motionflow_200hz .center {
		height: 290px;
		}
			
		
	/* -------------------------------- */
	/* THE CENTER OVERLAY				*/ 
	
	.center {
		background: url(../img/bg_overlay.jpg) repeat-x;
		width: 865px;
		margin: 0 auto;
		height: 348px;
		padding: 20px 10px 25px 25px;
		overflow: hidden;
		position: relative;
		}
		.center_left {
			width: 50%;
			float: left;
			display: inline;
			margin: 0 25px 0 0;
			}
		.center_right {
			width: 45%;
			float: left;
			display: inline;
			}
		.center h2 {
			color: #FFF;
			font-size: 1.09em;
			font-weight: bold;
			margin-bottom: 0.5em;
			}
			
		/* OVERLAY BUTTONS */
		.center .center_right .overlay_buttons {
	/* 		width: 258px; */
			height: 25px;
			position: absolute;
			right: 10px;
			bottom: 20px;
			padding: 0;
			font-family: Verdana, Tahoma, sans-serif;
			font-size: 11px;
			}
			.center .center_right .overlay_buttons li {
				float: left;
				display: inline;
				height: 25px;
				margin-right: 5px;
				}
			.center .center_right .overlay_buttons li a {
				height: 25px;
				width: 40px;
				display: block;
				background: url(../img/btn_overlay.gif) no-repeat;
				text-decoration: none;
				color: #FFF;
				line-height: 25px;
				text-align: center;
				}
				.center .center_right .overlay_buttons li a:hover {
					background: url(../img/btn_overlay_current.gif) no-repeat;
					font-weight: bold;
					}
				.center .center_right .overlay_buttons li.back a {
					background: url(../img/btn_overlay_back.gif) no-repeat;
					width:40px;
					padding-left: 12px; 
					}
				.center .center_right .overlay_buttons li a.current {
					background: url(../img/btn_overlay_current.gif) no-repeat;
					}
				.center .center_right .overlay_buttons li.next a,  {
					background: url(../img/btn_overlay_next.gif) no-repeat;
					width:40px;
					padding-right: 12px; 
					}
					
	/* -------------------------------- */
	/* SLIDES							*/ 
	
	.slider-wrap { 
		position: relative;
		width: 100%;
		}
	.csw {width: 100%;  background: ; overflow: hidden;}
	.csw .loading {margin: 200px 0 300px 0; text-align: center}
	.stripViewer { 
		position: relative;
		overflow: hidden; 
		margin: auto;
		width: 960px; 
		clear: both;
		height: 448px;
		}
	.stripViewer .panelContainer { 
		position: relative;
		left: 0; top: 0;
		width: 100%;
		list-style-type: none;
		}
	.stripViewer .panelContainer .panel { 
		float:left;
		height: 100%;
		position: relative;
		width: 960px;
		}
	.stripNavL, .stripNavR { 
		position: absolute;
		top: 230px;
		text-indent: -9000em;
		}
	.stripNavL a, .stripNavR a {
		display: block;
		height: 40px;
		width: 40px;
		}
	.stripNavL {left: 0;}
	.stripNavR {right: 0;}
	#stripNav0 {
		display: none;
		}
	
	/* -------------------------------- */
	/* VIDEO GALLERY					*/ 
	
	#gallery_video #main {
		overflow: hidden;
		height: 290px;
		}
	
	#gallery_video #side {
		padding-top: 10px;
		}
	
	#gallery_video h1 {
		margin-bottom: 10px;
		}
	#gallery_video h2 {
		margin-bottom: 6px;
		color: #FFF;
		}
		
	.video_gallery {
		clear: both;
		}
		.video_gallery li {
			float: left;
			line-height: normal;
			text-align: center;
			}
			.video_gallery li.title {
				display: block;
				width: 100%;
				text-align: left;
				color: #FF9999;
				}
				#gallery_video .video_gallery li.title h2 {
					font-size: 0.909em;
					margin: 0 0 2px 0;
					float: none;
					color: #FF9999;
					}
			.video_gallery li a {
				display: block;
				width: 66px;
				height: 56px;
				margin: 0 5px 5px 0;
				padding: 2px;
				border: 1px solid #751412;
				background: url(../img/bg_thumb.jpg);
				}
				.video_gallery li a:hover, .video_gallery .ui-tabs-selected a {
					background: #751412;
					color: #FFF;
					}
			.video_gallery li span {
				display: block;
				font-size: 0.818em;
				margin: 3px 0 0 0;
				font-family: Arial, Helvetica, sans-serif;
				line-height: 1;
				}
				.video_gallery a img {
					height: 35px;
					}
				
	/* -------------------------------- */
	/* PHOTO GALLERY					*/ 
	
	#gallery_photo #main, #backstage_event #main {
		margin-top: 0;
		margin-left: 100px;
		width: 324px;
		text-align: right;
		overflow: hidden;
		height: 290px;
		}
	
	#photo_gallery {
		font-size: 12px;
		padding: 0;
		}
		#photo_gallery a {
			text-decoration: none;
			display: block;
			}
			#photo_gallery #photo_building {
				height: 60px;
				width: 149px;
				background: url(../img/photo_building.jpg) no-repeat;
				}
				#photo_gallery a:hover #photo_building,
				#photo_gallery .ui-tabs-selected #photo_building { background: url(../img/photo_building_hover.jpg) no-repeat;}
			#photo_gallery #photo_drome {
				height: 60px;
				width: 149px;
				background: url(../img/photo_drome.jpg) no-repeat;
				}
				#photo_gallery a:hover #photo_drome,
				#photo_gallery .ui-tabs-selected #photo_drome { background: url(../img/photo_drome_hover.jpg) no-repeat;}
			#photo_gallery #photo_kaka {
				height: 60px;
				width: 149px;
				background: url(../img/photo_kaka.jpg) no-repeat;
				}
				#photo_gallery a:hover #photo_kaka,
				#photo_gallery .ui-tabs-selected #photo_kaka { background: url(../img/photo_kaka_hover.jpg) no-repeat;}
			#photo_gallery a:hover, .ui-tabs-selected a {
				color: #FFF;
				}
		#photo_gallery li {
			list-style: none;
			margin-bottom: 10px;
			position: relative;
			}
			#photo_gallery li span {
				position: absolute;
				left: 120px;
				top: 15px;
				}	
				
	/* -------------------------------- */
	/* SITEMAP							*/ 
						
	#sitemap {
		background:  url(../img/list_vertical.jpg) repeat-y;
		margin: 1em 0 0 0;
		font-size: 0.9em;
		}
		#sitemap a {
			text-decoration: none;
			color: #FFF;
			}
		#sitemap a:hover {
			text-decoration: underline;
			color: #FFF;
			}	
	#sitemap h1 {
		color: #FFF;
		}
	#sitemap li {
		display: block;
		clear: both;
		background: url(../img/list_hori.gif) 0px -8px no-repeat;
		padding-left: 20px; 
		}
	#sitemap ul li {
		float: left;
		display: inline;
		clear: none;
		margin: 3px 8px 3px 0;
		}
		#sitemap ul li a {
			color: #c34f4f;
			}
		#sitemap ul {
			background: url(../img/list_vertical.jpg) repeat-y;
			padding: 0;
			margin: 0;
			}
		#sitemap ul ul {
			margin-top: 0;
			background: url(../img/list_vertical.jpg) repeat-y;
			padding: 0;
			}
		#sitemap ul ul li {
			float: none;
			display: block;
			padding-left: 20px;
			list-style: none;
			}
	#sitemap ul li li a {
		color: #a82d2f;
		}
	#sitemap ul li li li a {
		color:#a82d2f;
		}
			
	/* -------------------------------- */
	/* H1 IMAGES						*/ 
	
	h1.h1_history {
		background: url(../img/backstage/history.png) no-repeat;
		}
	h1.h1_drome {
		background: url(../img/backstage/sets_world_record.png) no-repeat;
		}
	h1.h1_science {
		background: url(../img/backstage/science_in_motion.png) no-repeat;
		}
		
	/*Backstage H1s*/
	#side h1#b_arrival		{ background: url(../img/backstage/kaka_arrives.png) no-repeat;text-indent: -9999em; height: 40px;}
	#side h1#b_before	 	{ background: url(../img/backstage/drome_appear_before.png) no-repeat;text-indent: -9999em;}
	#side h1#b_cargo		{ background: url(../img/backstage/an_unusual_cargo.png) no-repeat;text-indent: -9999em;}
	#side h1#b_drome		{ background: url(../img/backstage/sets_world_record.png) no-repeat;text-indent: -9999em;}
	#side h1#b_event		{ background: url(../img/backstage/to_italy.png) no-repeat;text-indent: -9999em;}
	#side h1#b_history		{ background: url(../img/backstage/history.png) no-repeat;text-indent: -9999em;}
	#side h1#b_kickoff		{ background: url(../img/backstage/genius_kicks_off.png) no-repeat;text-indent: -9999em;}
	#side h1#b_science		{ background: url(../img/backstage/science_in_motion.png) no-repeat;text-indent: -9999em;}
	#side h1#b_spin			{ background: url(../img/backstage/event_in_a_spin.png) no-repeat;text-indent: -9999em; height:40px;}
	#side h1#b_technical	{ background: url(../img/backstage/lets_get_technical.png) no-repeat;text-indent: -9999em;}
	#side h1#b_toy			{ background: url(../img/backstage/from_toy_to_ten.png) no-repeat;text-indent: -9999em;}
	
	/*Motion H1s*/
	#side h1#b_200hz		{ background: url(../img/motion/200hz_motionflow.png) no-repeat;text-indent: -9999em;}
	#side h1#b_gear			{ background: url(../img/motion/motion_up_gear.png) no-repeat;text-indent: -9999em;}
	#side h1#b_technology	{ background: url(../img/motion/explain_technology.png) no-repeat;text-indent: -9999em;}
	
	/*Gallery*/
	#side h1#b_photo		{ background: url(../img/motion/photo_gallery.png) no-repeat;text-indent: -9999em;}
	#side h1#b_video		{ background: url(../img/motion/video_gallery.png) no-repeat;text-indent: -9999em;}
		

/* -------------------------------- */
/* CUSTOM CLASSES					*/ 
/* -------------------------------- */

.fl		{float: left; margin: 0 1em 1em 0;}
.fr		{float: right; margin: 0 0 1em 1em;}
.fl0	{float: left;}
.fr0	{float: right;}
.mb0	{margin-bottom: 0;}
.mb1em	{margin-bottom: 1em;}
.altcolor {color: #ff6600;}
.absolute {position: absolute;}
#wrap .none	{display: none;}

.ui-tabs-hide {
     display: none;
}

blockquote,ul.list,ol.list,dl.list {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
	}
ol.list,ul.list,dl.list {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
	}
	ol.list li {
		/*giving OL's LIs generated numbers*/
		list-style: decimal outside;	
		}
	ul.list li {
		/*giving UL's LIs generated disc markers*/
		list-style: disc outside;
		}

	/* -------------------------------- */
	/* NICE LIST						*/ 
	
	ul.niceList {
		margin: 0 0 0 1em;
		}		
		ul.niceList li {
			list-style: none;
			background: url(../img/list.png) no-repeat 0 4px;
			padding-left: 2em;
			}
			.niceList h3 {
				margin: 0;
				}
			
	/* -------------------------------- */
	/* CLEARBITCH						*/ 
	
	.clearfix:after, 
	.video_gallery:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}
	.clearfix, 
	.video_gallery {
		display: inline-block;
		}
	* html .clearfix,
	* html .video_gallery {
		height: 1%;
		}
	.clearfix,
	.video_gallery {
		display: block;
		}
	.clear { clear: both; }
	
	/* -------------------------------- */
	/* BUTTONS							*/ 
	
	.btn {
		display: block;
		text-indent: -9999em;
		background-repeat: no-repeat;
		}
		/* Like No Other */
		.likenoother {
			background: url(../img/logo_lno.gif) no-repeat;
			width: 115px;
			height: 30px;
			margin: 0;
			}
		/* SONY LOGO */
		#logosony {
			background: url(../img/logo_sony.gif) no-repeat;
			width: 111px;
			height: 78px;
			}
		/* BRAVIA LOGO */
		#logobravia {
			background: url(../img/logo_bravia.gif) no-repeat;
			width: 151px;
			height: 82px;
			}
		/* undertv */
		.undertv {
			position: absolute;
			/*bottom: 15px;
			left: 290px;*/
			width: 80px;
			height: 15px;
			opacity: 0.8;
			z-index: 1000;
			top: 328px;
			left: 20px;
			}
			#home .undertv {
				top: auto;
				left: 118px;
				bottom: 37px;
				}
				
	#right h2 {
		font-size: 11px;
		font-weight: normal;
		color: #ff9999;
		margin-bottom: 28px;
		}
	a.btn_next {
		height: 25px;
		width: 40px;
		display: block;
		background: url(../img/btn_overlay_next.gif) no-repeat;
		text-decoration: none;
		font-size: 11px;
		color: #FFF;
		line-height: 25px;
		text-align: center;
		padding-right: 12px; 
		float: right;
		display: inline;
		}
		a.btn_next:hover {
			background: url(../img/btn_overlay_next_hover.gif) no-repeat;
			}
	a.btn_back {
		height: 25px;
		width: 40px;
		display: block;
		background: url(../img/btn_overlay_back.gif) no-repeat;
		text-decoration: none;
		font-size: 11px;
		color: #FFF;
		line-height: 25px;
		text-align: center;
		padding-left: 12px; 
		float: right;
		display: inline;
		}
		a.btn_back:hover {
			background: url(../img/btn_overlay_back_hover.gif) no-repeat;
			}

/* -------------------------------- */
/* LIGHTBOX							*/ 
/* -------------------------------- */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: transparent url(../images/blank.gif) no-repeat; /* 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/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#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;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}