/*** WEBSITE: Indigo Homes
	 AUTHOR: Gordon Campbell & Lauren Markwell
	 CREATED: 2008
/******************************************************
    SKIN LAYOUT STYLES
******************************************************/
#bodyDiv { width:100%; height: 100%; text-align:center; background-color:#ffffff; padding: 0px; margin: 0px;}
html>body #bodyDiv { height:auto; min-height: 100%;}
#frame{width:950px;margin-left:auto;margin-right:auto;text-align:left;}
html>body #frame{ width:950px;}
#branding { height: 68px;}
#menu{ height:19px; background: url(images/IH_menuBG_5x19.jpg) repeat-x top left; padding-top:1px}
#menuDesign { width:100%; height: 9px; padding-top: 10px;}
* html #menu{height:18px}
html>body #menuDesign { height: 19px;}
#contentArea { width:100%; float:left; background: url(images/IH_contentRep.jpg) top left repeat-y;}
#contentAreaProp{width:100%;float:left;background: url(images/IH_contentRep.jpg) top left repeat-y;}
#enclose { width: 555px; float: left;background: url(images/IH_vertDvdr.jpg) repeat-y top right; padding-right: 5px}
.mediaPanel {width: 950px; height:295px; background:url(images/IH_stripyRep_5x44.jpg) repeat top left}
html>/**/body .mediaPanelProp {margin-top: -10px}
.mediaPanel h2 {margin:0;padding:0}
.mediaPanelProp {height:295px; width:950px; background:url(images/IH_stripyRep_5x44.jpg) repeat top left;}
/*.imagePanelPropCont {height:345px; width:950px; background:#fff; padding: 10px;}*/
.leftPanel { width:154px; padding: 0px; float:left; background: #dbdbdb url(images/IH_vertDvdr.jpg) repeat-y top right; margin-right:0px;}
.registerForm {margin-left: 5px}
.leftPanelAdm {width:154px; padding: 0px; float:left; background: #dbdbdb url(images/IH_vertDvdr.jpg) repeat-y top right;}
.leftPanelInr {width:154px; padding: 0px; float:left; background: #dbdbdb url(images/IH_vertDvdr.jpg) repeat-y top right;}
.leftPanelProp {width:154px; padding: 0px; float:left;}
.contentPanel{ width:390px;float:right; padding: 15px 0px; }
html>/**/body .contentPanel {padding: 10px 0px}
.contentPanelAdm {width:800px}
.contentPanelInr {width:775px;float:right; padding: 10px 10px 0px 0px}
.contentPanelProp {width:760px;float:right; padding: 10px 10px 0px 0px}
.contentPanelPropCont {width:950px;float:right}
.rightPanel { width:380px; padding: 5px 0px 0px 10px; float:right;}
* html .rightPanel {padding-left:0px; }
#footer {clear:both; width:938px; text-align:right; font-size: 11px; color:#666666; padding: 5px 7px 5px 7px;}
html>body #footer { width: 936px;}
#footer a, #footer a:link, #footer a:active, #footer a:visited, #footer a.footerMenuItem {font-size: 11px; color:#666666; text-decoration: underline;}
#footer a:hover {text-decoration: none;}
#dnn_LeftPane h2 {padding:10px 0px 0px 15px; font-size:14px; font-weight:bold; color:#996633;}
/******************************************************
    DIGICON CLEAN CSS HORIZONTAL MENU STYLES              
******************************************************/
/***  CLEAN MENU FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
.menu, .menu ul {margin: 0; padding: 0; border: 0; list-style-type: none; display: block; zoom: 1;/*IE6*/ min-height: 0;/*IE7*/}
.menu li {margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; white-space: normal;}
.menu li:hover {z-index: 10000; white-space: normal;}
.menu li.menuHover /*IE6*/{z-index: 10000;}
.menu .menuHoverUL /* li:hover>ul selector */ /*IE6*/{visibility: visible;}
.menu .menuHoverUL /* 1st-level submenu go below their parent item */ /*IE6*/{top: 100%; left: 0;}
.menu .menuHoverUL .menuHoverUL /* 2nd+ levels go on the right side of the parent item */ /*IE6*/{top: 0; left: 100%;}
.menu li li {float: none;}
.menu ul {visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0;}
.menu li:hover>ul {visibility: visible;	top: 100%;}
.menu li li:hover>ul /* 2nd+ levels go on the right side of the parent item */{top: 0; left: 100%;}
.menu a, .menu a:link, .menu a:active, .menu a:visited, .menu a:link:hover, .menu li.active {display: block; position: relative;}
.menu ul a /*fix clickability-area problem*/ /*IE6*/{zoom: 1;}
.menu li li /*fix white gap problem*/ /*IE6*/{float: left; width: 100%;}
.menu li li /*prevent double-line between items*/ /*IE6*/{margin-top: -1px;}
html>body .menu li li { margin-top: 0px;}
/***  CLEAN MENU DESIGN STYLES - CHANGE ONLY THESE STYLES  ***/
.menu {margin-left:120px;}
.menu, .menu ul li {color: #433976;/* margin-left:120px;*/}
.menu ul li {background: #999; text-align: left; /*width: 150px;*/}
.menu li { padding-top:0px;}
.menu ul {width: 150px;}
/* Top Level Menu Items */
.menu a, .menu a:link, .menu a:active, .menu a:visited, .menu a:hover, .menu a:link:hover, .menu li.active {text-decoration: none; color: #433976; padding: 0px 20px 0px 10px; font-size: 12px; background:url(images/IH_mainNavDvdr.gif) no-repeat center right;}
.menu li.active { padding-top: 0px;}
.menu a:hover, .menu a:link:hover, .menu li:hover>a { text-decoration:underline; }
.menu a:hover, .menu a:link:hover, .menu .menuHoverA /* li:hover>a selector */ /*IE6*/{color: #333399;}
/* Drop Down Menu Items */
ul.menu ul {margin-top:-6px;}
ul.menu ul a, ul.menu ul a:link, ul.menu ul a:active, ul.menu ul a:visited, ul.menu ul a:hover, ul.menu ul a:link:hover, ul.menu ul li.active { background: #e7e7e8 none; border-right: 0px;  color: #58595b; padding: 2px 5px 2px 10px; margin:0px;}
ul.menu ul li.active { background: #d1d2d4; width:135px; border-right: 2px solid #fff;}
ul.menu ul li a:hover, ul.menu ul li a:link:hover, ul.menu ul li li:hover>a {color: #666; background: #d1d2d4 url(images/IH_menuPtr_white.jpg) no-repeat center right; margin:0px; text-decoration:none; border-left: 5px solid #352d67; padding-left:5px;}
.menu ul a:hover, .menu ul a:link:hover, .menu ul .menuHoverA /* ul li:hover>a selector */ /*IE6*/{color: #666;	background: #d1d2d4;}
ul.menu ul li.active /* needs to be adjusted by hand - seems to be dropdown width minus a padding */{ /*width: 136px;*/ background: #d1d2d4 url(images/IH_menuPtr_white.jpg) no-repeat center right; /*border-right: 1px solid #333;*/}
.menu li li {border: 2px solid #FFF;}
.menu ul>li + li /*remove top border on all but first item in the list*/{border-top: 0;}
.menu li li:hover>ul /*position of 2nd+ submenus, overlapping*/{top: -1px; left: 100%;}
.menu .menuHoverUL .menuHoverUL /*position of 2nd+ submenus, overlapping*/ /*IE6*/{top: 0px; left: 100%;}
/***  CLEAN MENU FIXES AND EXTRA FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
/* special colouring for first menu item on each level */
/*.menu>li:first-child>a, .menu li + li + li li:first-child>a {color: #567;}*/
/* float clear - force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both;}
/* float clear end */
/* sticky submenu - it should not disappear when your mouse moves a bit outside the submenu YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!	if you do it, make sure you 110% know what you do */
.menu ul {background-image: url(images/empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */ padding: 12px 30px 30px 30px; margin: -10px 0 0 -30px; /*background: #f00;*/	/* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */}
html>body .menu ul {padding-top: 10px;}
.menu ul ul {padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px;}
/**CONTAINER STYLES***/
.container{ width:100%;}
.containerContent { padding: 0px;}
/***SELECTOR and COMMONLY USED DNN STYLES*******/
html {height: auto;/* Firefox and IE7 hack for 100% background */}
body {margin:0px; padding:0px; background: #FFFFFF; height: 100%;/* IE6 hack for 100% background  */}
body, td, ul li, p, .normal, .NormalDisabled, .blogCalendar td, .SkinObject{ font-family: "Trebuchet MS", Trebuchet MS, arial, verdana, helvetica;	font-size: 11px;color: #666666;font-weight: normal;line-height:1.5em;}
.contentPanel p {font-size: 11px}
/* text style used for rendered text which should appear disabled */
.NormalDisabled { color: #D3D3D3;}
/* style of item titles on edit and admin pages */
.SubHead {color: #423A71; font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; text-align: left;}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead { font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color: #000;}
/* text style used for rendered text which requires emphasis */
.NormalBold { font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold;}
/* text style used for error messages */
.NormalRed { font-weight: bold; color: #790000!important}
/* heading styles */
h1, h2, h3, h4, h5, dt, h6, .head, h2 span.head, .container h2 span.head, 
h3 span.SubHead, .newstitle, tfoot, thead, th {font-family:arial, verdana, helvetica; color:#423A71; margin:0px; padding:0px; margin-bottom:10px; font-weight:normal; font-size: 12px;}
h1 {font-size:22px; color:#423A71;}
h2, .head, h2 span.head, .container h2 span.head {font-size:20px;line-height:25px}
.rightPanel h2,.leftPanelProp h2 {}
.leftPanelProp p{margin:0}
.contentPanelProp h2 {border-bottom: 2px solid #CAE29B;padding-bottom:2px; font-weight:bold; color:#423a71;font-size:22px}
.contentPanel h1,.contentPanelInr h1,.contentPanelAdm h1{border-bottom: 2px solid #CAE29B;padding-bottom:2px; font-weight:bold;}
h3, h3 span.SubHead, .newstitle {font-size: 16px; font-weight: bold;}
h4 {font-size: 14px; font-weight: bold;}
h5, DT {font-size: 13px; font-weight: bold;}
h6 {font-size: 12px; font-style: italic;}
p {margin: 5px 0px 5px 0px;}
ul { margin: 0px 0px 10px 25px;}
ul li { margin-left:5px; padding:0px; list-style-type: disc; /*list-style:none; list-style-image: url(bullet.gif)*/}
ul li li { list-style-type: disc;}
ul li li li { list-style-type: circle;}
ol li { list-style-type: decimal;}
ol ol li { list-style-type: lower-alpha;}
ol ol ol li{ list-style-type: lower-roman;}
hr { color: dimgrey; height:1pt; text-align:left;}
img{ border:0px; margin:0px; padding:0px;}
/* link styles */
a, a:link, a:active, a:visited { color:#23408F; text-decoration:none; padding: 0px; margin:0px;}
a:hover { text-decoration:underline; color:#97cd35;}
blockquote {font-size:15px; font-family:"Lucida Sans Unicode"; float:right;}
pre {font-family: Lucida Console, monospace;color: #434343;font-weight: normal;	font-size: 11px;}
address {font-family: Arial, Verdana, Helvetica;color: #434343;font-weight: normal;font-size: 11px;font-style: italic;}
/**** FORM STYLES *****/
/* Generic Form Element classes */
.formInput{ width:150px; height:18px; border:1px solid #CCCCCC;}
.formBtn{}.formRadio{}.formCheckBox{}
.formItem { clear: both;}
.label { clear: both; float: left; width: 120px; text-align: right; padding-right: 10px; font-weight: bold;}
.labelDetails { width: 390px;}
.labelDetails p { margin: 0px 0px 7px 0px;}
/* button style for standard HTML buttons */
.StandardButton, a.StandardButton, a:link.StandardButton, a:active.StandardButton, a:visited.StandardButton, input.StandardButton, a.CommandButton, a:link.CommandButton, a:active.CommandButton, a:visited.CommandButton { padding-left:8px; padding-right: 8px; width:0; overflow:visible; font-weight: normal; font-size: 11px; border: 1px solid #423a71; background: #fff; color: #423A71; font-family: Tahoma, Verdana, sans-serif; text-transform: lowercase; margin: 0px; cursor: pointer; clear: both;white-space: nowrap;}
input.StandardButton[class], a.CommandButton[class], a:link.CommandButton[class], a:active.CommandButton[class], a:visited.CommandButton[class] { width: auto;} /* Non IE browsers read this */
a:hover.CommandButton, input:hover.StandardButton{color: #fff;background:#423a71}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox, input.longTextBox, input.longmedTextBox, input.medTextBox, input.medshortTextBox, input.shortTextBox { font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: normal;}
input.longTextBox { width: 250px;}
input.longmedTextBox { width: 200px;}
input.medTextBox { width: 150px;}
input.medshortTextBox { width: 100px;}
input.shortTextBox { width: 60px;}
select { font-size: 10px;}
span.mandatory { color: #334692; font-weight:bold;}
/***GENERAL STYLES**/
.floatLeft{ float:left;}
.floatRight{ float:right;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*  DNN STYLES**/
/* styles used by Data Grids */
.DataGrid_AlternatingItem { background-color:#fff; color: #FF0000; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal;}
.DataGrid_Container { background-color: Transparent;}
.DataGrid_Footer { background-color:#fff;}
.DataGrid_Header { background-color:Transparent; color: #000; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: bold; text-align: center;}
.DataGrid_Item { background-color:Transparent; color: #000; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal;}
.DataGrid_SelectedItem { background-color: #D3D3D3; color: Blue; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal;}
/* text style used for help text rende#FF0000 by modules */
.Help { border: #000 1px solid; padding: 2px; font-weight: normal; font-size: 11px; color: #000; font-family: Tahoma, Arial, Helvetica; background-color: #ffff99;}
SMALL { font-size: 8px;}
BIG { font-size: 14px;}
/*** DIGICON QUICK LINK STYLES***/
.QuickLink { padding:4px 0px;}
.linker {padding:4px 10px 4px 5px ; border-top: 2px solid #FFF; background:url(../../Quicklink%20Images/IH_QL_icon_9x13.jpg) no-repeat 86% 50%; width:100%;}
.linker a{ margin:4px 10px 4px 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#996633; width:100%;}
.linker:hover{ padding:4px 12px 4px 5px; background:url(../../Quicklink%20Images/IH_QL_BG_hvr_149x26.jpg) no-repeat center left; }
.QuickLink h2 { margin:0px; padding:10px;}
.QuickLink img { float:left; padding-right:3px;}
.QuickLink p { margin:0px; padding-top:10px;}
/******************************************************
    QUICK LINKS WITHOUT DESCRIPTION STYLES
******************************************************/
#Highlight_SubHead {color: #230C69;background-color: #DEE4F2;font-family: Arial;font-size: 14px;font-weight: bold;	height: 20px;padding: 2px;}
#Highlight{border: solid 1px #230C69;}
#dnn_LeftPanel h3 {padding:10px;}
/******************************************************
    ORIZONTI NUKE NEWS STYLES
******************************************************/
.rssFeedSummary {display: block}
/* News List Header */
.adminButtons {}
.pageLinks {}
/* News List Item */
.newscontainer{	width: 100%;}
.NukeNews_Item, .NukeNews_AltItem {padding: 5px 0px 5px 0px; background: transparent;}
.newsrow {padding: 5px 0px 5px 0px;}
.newstitle /*Set to equivalent to h3 in selectors section of this file*/{line-height:1.5em}
a:link.newstitle, a:visited.newstitle, a:active.newstitle { color:#996633;}
a:hover.newstitle{ color:#97CD35;}
.newspostdate{font-size:10px;color:#666;padding: 5px 0px 5px 0px;}
.newscategoryimagecontainer {float: left;}
.newscategoryimagecontainer img { margin: 0px 5px 0px 0px;}
.newssummary {font-size:11px;}
.readMore { padding-bottom: 5px;}
.rating {}
/* News List Footer */
.rssFeed { margin-top: 10px;}
/* News Display Template */
.fullArticle {text-align: left;}
.viewNewsImage{float:right; padding: 0px;}
.viewNewsArticle {}
.viewNewsPostedBy {font-size:10px; color:#666; padding: 0px;}
.returnLink {}
/* Links */
.newsreadmore:link, .newsreadmore:active, .newsreadmore:visited, .newsreadmore:hover,
.viewnewsreturn:link, .viewnewsreturn:active, .viewnewsreturn:visited, .viewnewsreturn:hover,
.archivedisplaymonthlink:link, .archivedisplaymonthlink:active, .archivedisplaymonthlink:visited, .archivedisplaymonthlink:hover{color: #423A71; font-weight: bold; text-decoration: none;}
.newsreadmore:hover, .viewnewsreturn:hover, .archivedisplaymonthlink:hover{ color: #97CD35; text-decoration: underline;}
.newsactionbarlinks:link, .newsactionbarlinks:active, .newsactionbarlinks:visited, .newsactionbarlinks:hover{font-size:11px; color:#996633; text-transform: uppercase; background-color: #CAE29B; padding: 3px 8px 4px 8px; margin-right: 5px; text-decoration: none; font-weight: normal;}
.newsactionbarlinks:hover{background-color:#58BCE5;}
/*****  Comments & Ratings *****/
.newsRatingsDisplay{font-size: 11px;}
.RatingLabel{font-size: 12px;}
.CommentsEntryLabel{}
.SaveCommentsRating:link, .SaveCommentsRating:active, .SaveCommentsRating:visited{font-size:11px;text-decoration: underline;}
.SaveCommentsRating:hover{text-decoration:none;	}	
.EditCommentsLink:link, .EditCommentsLink:active, .EditCommentsLink:visited{font-size:11px;text-decoration: underline;}
.EditCommentsLink:hover{text-decoration:none;}	
.commentsRating{font-size:12px;}
.CurrentRatingLabel{font-size: 12px;}
.CurrentRating{	font-size: 12px;}
.RatingLabelRow{font-size: 11px; font-weight:bold; padding-top:10px;}
.RatingRow{	color:#666;	font-size: 11px;padding-top:10px;}
.CommentsRow{color:#666;	font-size: 11px;}
/* REM STYLING */
.mainImage {float:left;margin-left: 25px!important}
.pnlImgSet1,.pnlImgSet2,.pnlImgSet3 {float:left; margin-left: 5px;margin-bottom:0px;}
/*.propertyImages {padding-bottom: 5px; height:430px;}*/
.rightImages {background: url(images/IH_stripyRep_5x44.jpg) bottom left repeat-x; padding:10px 0px 45px 0px;margin-bottom: 10px;}
html>/**/body .rightImages {padding-top: 0px;}
.smallImg {margin-left: 5px!important}
.resNavBar a.linkPrev {background:url(images/IH_backArrow.gif) no-repeat left center}
/* more images */
.moreImagesLink {height:20px; float:right; padding: 15px 8px 0px; margin-right: 10px;width:100px; text-align:right}
.moreImagesLink a,.moreImagesLink a:link, .moreImagesLink a:visited {color:#352D67; background:url(images/IH_morePhotos.gif) bottom right no-repeat; padding-right: 15px;padding-top: 5px;}
html>/**/body .moreImagesLink a,html>/**/body .moreImagesLink a:link, html>/**/body .moreImagesLink a:visited {padding-right:13px}
.moreImagesLink a:hover {color:#352D67; text-decoration:underline}
.moreImagesLink img {}

/* bedrooms */
li.iconBath {background: top left no-repeat url(Images/icon_bg_bathrooms.gif);margin-left:10px;font-size: 15px;font-weight:bolder; list-style:none;}
li.iconBed {background: top left no-repeat url(Images/icon_bg_bedrooms.gif);margin-left:10px;font-size: 15px;font-weight:bolder; list-style:none}
li.iconCar {background: top left no-repeat url(Images/icon_bg_car.gif);margin-left:10px;font-size: 15px;font-weight:bolder; list-style:none;}
li.iconLand {background: top left no-repeat url(Images/icon_bg_land.gif);margin-left:10px;font-size: 15px;font-weight:bolder; list-style:none;}
.propertyIcons {float:left;padding-top:25px;width:500px; clear:both;}
* html .propertyIcons {padding-bottom: 3px}
.propertyIcons ul{display:inline; margin:0px;padding:0px;}
.propertyIcons ul li {display:inline;padding:0px 35px 5px 5px;width:text-align:left;color:#352d67; font-weight:bold;}
.topRegion {width: 500px}
.resAddress {border-bottom: 2px solid #C6E194; display:inline; color:#625688; font-size: 14px; font-weight:bold}
.pdfLink {float:left; width:50px; background:url(images/pdfLink.png) top right no-repeat;font-weight:bold; height:30px; padding: 15px 50px 0px 0px!important; margin-right:15px!important; margin-top:-8px !important;}
.iconPlan a:hover {color:#087C00 !important;}
/*bedrooms on search page*/
.resProperty li.iconBath {background: top left no-repeat url(Images/bathIcon2.gif);margin-left:10px;font-size: 15px;font-weight:bolder; list-style:none;}
.resProperty li.iconBed {background: top left no-repeat url(Images/bedIcon2.gif);margin-left:10px;font-size: 15px;font-weight:bolder; list-style:none;}
.resProperty li.iconCar {background: top left no-repeat url(Images/carIcon2.gif);margin-left:10px;font-size: 15px;font-weight:bolder; list-style:none;}
.resProperty li {color:#423A71!important;padding:0 0 4px 5px;margin:0}
.resProperty ul {padding-top: 20px}

/*Lightbox*/
#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(prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(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%	; }
*:first-child+html #imageDataContainer {overflow:visible}

#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; }