/**************************************************************
   www.creativelines.rjzone.com
 **************************************************************/
 
/**************************************************************
   All page content except for footer
 **************************************************************/

#content {
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
}

#content2 {
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  margin-top:200px;
}

/**************************************************************
   Topbar with newsletter form and theme change buttons
 **************************************************************/

#topbar {
  float: left;
  width: 100%;
  padding: 0.6em 0;

  font-size: 0.9em;
  text-transform: uppercase;

  color: #CFD9DB;
  background: #FFF url(../images/bg/topbar.gif) repeat-x bottom left;
}



/**************************************************************
   Top menu and logo
 **************************************************************/

#header {
	clear: both;
	position: relative;
	height: 5em;
	margin: 0 auto;
	background: #48525B url(../images/bg/header2.gif) repeat-x bottom left;
	border-bottom: 2px solid #48525B;
	background-color: #48525B;
}


#header img {
  position: absolute;
  top: 5%;
  left: 10px;
}

#header ul {
  margin: 3.5em 1em 0 0 !important;
  margin: 3.5em 0.5em 0 0;
  padding: 0;
  float: right;
}

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

#header ul li a {
  float: left;
  padding: 0 1em;

  font: 400 1.1em;
  letter-spacing: 0.1em;
  line-height: 0.8em !important;
  line-height: 1em;

  color: #fff;
  border-right: 1px solid #4D5760;
}

#header ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#header ul li a:hover {
  color: #A8C9DC;
}



/**************************************************************
   Header Image/Flash Movie
 **************************************************************/

#headerImg {
  margin: 0 auto;
  height: 143px;
  background: url(../images/header.jpg) no-repeat top left;
}

#mainheader {
  margin: 0 auto;
  height: 243px;
  background: url(../images/mainheader.jpg) no-repeat top left;
}

#1header {
  margin: 0 auto;
  height: 243px;
  background: url(../images/header1.jpg) no-repeat top left;
}

#2header {
  margin: 0 auto;
  height: 260px;
  background: url(../imagesheader2.jpg) no-repeat top left;
}

#3header {
  margin: 0 auto;
  height: 143px;
  background: url(../images/header3.jpg) no-repeat top left;
}

#4header {
  margin: 0 auto;
  height: 143px;
  background: url(../images/header4.jpg) no-repeat top left;
}

#5header {
  margin: 0 auto;
  height: 235px;
  background: url(../images/header5.jpg) no-repeat top left;
}

#6header {
  margin: 0 auto;
  height: 235px;
  background: url(../images/header6.jpg) no-repeat top left;
}

#7nheader {
  margin: 0 auto;
  height: 235px;
  background: url(../images/header7.jpg) no-repeat top left;
}

#8eheader {
  margin: 0 auto;
  height: 243px;
  background: url(../images/header8.jpg) no-repeat top left;
}





/**************************************************************
   Top Block Menu
 **************************************************************/

#menu {
  margin: 0 auto;
}

#menu ul {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;

  text-align: left;
  background: #3B5D77 url(../images/bg/menu.gif) repeat-x top left;
}

#menu ul li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}

#menu ul li a {
  float: left;
  width: 25%;
  height: 4.5em;

  font: 400 1.2em;
  letter-spacing: 0.1em;

  color: #fff;

  border-top: 7px solid #41637D;
  border-bottom: 15px solid #FFF;
}

#menu ul li a span {
  display: block;
  padding: 2px 7px;
}


#menu ul li a span.desc {
  font-size: 0.8em;
  color: #8C8D94;
}


#menu ul li a:hover,
#menu ul li a.here {
  background: #4A5C6A;
  border-top: 7px solid #455660;
}

#menu ul li a:hover span.desc,
#menu ul li a.here span.desc {
  color: #FFF;
}


/* Top menu icons */
#menu ul li a span.speaker {
  padding-left: 22px;
  background: url(../images/icons/speaker.gif) no-repeat 5px 50%;
}

#menu ul li a:hover span.speaker {
  background: url(../images/icons/speaker_on.gif) no-repeat 5px 50%;
}

#menu ul li a span.bubble {
  padding-left: 24px;
  background: url(../images/icons/bubble.gif) no-repeat 4px 4px;
}

#menu ul li a:hover span.bubble {
  background: url(../images/icons/bubble_on.gif) no-repeat 4px 4px;
}

#menu ul li a span.heart {
  padding-left: 20px;
  background: url(../images/icons/heart.gif) no-repeat 3px 50%;
}

#menu ul li a:hover span.heart {
  background: url(../images/icons/heart_on.gif) no-repeat 3px 50%;
}


#menu ul li a span.dollar {
  padding-left: 20px;
  background: url(../images/icons/dollar.gif) no-repeat 4px 50%;
}

#menu ul li a:hover span.dollar {
  background: url(../images/icons/dollar_on.gif) no-repeat 4px 50%;
}



/**************************************************************
   Top Dropdown Menu
 **************************************************************/

/* Container to center position the menu */
#menuContainer {
  position:relative;
  z-index: 6000;
  width:776px;

  margin: 0 auto 10px auto;
  padding: 0;
}

/* Holds top level menu items and creates blue bar */
ul#menubar {
  float: left;
  width: 100%;

  margin: 0 0 10px 0;
  padding: 0;

  text-align: left;

  background: #000 ;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}

ul#menubar li {
  float: left;
  position: relative;

  margin: 0;
  padding: 0;

  list-style: none;
}

/* Top level menu items */
ul#menubar li a {
  float: left;
  width: 133px;

  padding: 8px 10px;

  font-size: 1.2em;
  text-decoration: none;

  color: #ccc;
  border-right: 2px solid #000;
}

ul#menubar li.last a {
  width: 136px;
  border-right: 0;
}

#menubar a:hover {
  color: #FFF;
  background: #000;
}


/* Sub level menus */
.menu .options,
.menu .options li {
  padding: 0;
  margin: 0;
}

.menu .options {
  float: left;
	    
  background-color:#000;
  border-bottom:  2px solid #000;
  border-top:  2px solid #000;
}

/* Sub level menu items */
ul#menubar li .menu .options a {
  float: none;
  display:block;
    
  padding: 5px 10px;

  color: #fff;
  border-left:  2px solid #000;
}

ul#menubar li .menu .options a:hover {
  color: #000;
  background: #ccc;
}

ul#menubar li.first .menu .options a {
  padding-right: 10px;
  border-left: 0px;
}

ul#menubar li.last .menu .options a {
  border-right: 0px;
}

/**************************************************************
   Page Content
 **************************************************************/

#page {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 6em;
  text-align: left;
}

#columns {

  margin: 0 auto;
  
}


/* Column widths */
.width {
  width: 776px;
}

.widthPad {
  width: 746px;
  align: center;
  
}


.widthPad2 {
  width: 746px;
  align: center;
  padding-bottom: 70px;
  padding-left: 17px;
  
  
}


.width20 {
  width: 18%;
}

.width23 {
  width: 22%;
}

.width25 {
  width: 24%;
}

.width33 {
  width: 33%;
}

.width35 {
  width: 35%;
    margin-top:5px;
  margin-bottom:5px;
  padding: 0 0 0 0.6em;
}

.width38 {
  width: 38%;
  margin-top:5px;
  margin-bottom:5px;
  padding: 0 0 0 0.6em;
}

.width38 a {
 color:#ccc;
}

.width35 a {
 color:#ccc;
}

.width50 {
  width: 48%;
}

.width55 {
  width: 52%;
}

.width66 {
  width: 498px;
}

.width73 {
  width: 73%;
}

.width75 {
  width: 75%;
}



.width100 {
  width: 100%;
}

.width100d {
  width: 100%;
  text-align:center;
  margin-top:6px;
  margin-bottom:3px;
}

/**************************************************************
   Footer
 **************************************************************/


#footer {
  clear: both;
  float: left;
  width: 100%;
  height: 7em;
  margin-top: -5em;

}

#footer #bg {
  position: relative;
  height: 170px;
  margin: 0 auto;
  background: #000;

}


.footer_rightcol{

	width:185px;

	margin: 12px 8px 8px 8px;

	float:right;
	

}



.footer_submenu {

	list-style:none;

	padding-left:3px;

	margin:1px 0px 0px;

	background-color: #000000;
	
	text-align:left;

}

.footer_submenu li{

	border-bottom: #222 1px dotted;

	line-height: 135%;

	list-style:none;

}

.footer_submenu li a {

	color: #555;

	text-decoration: none;

	padding: 4px 0px 4px 2px;

	display:block;

}

.footer_submenu li a:visited{



	color: #555;

	text-decoration: none;

}



.footer_submenu li a:hover{

	text-decoration: none;

	background-color:#222;

	color:#88BC3E;

}



/**************************************************************
   Icons specific to the colour theme
 **************************************************************/

a.lightTheme img,
a.darkTheme img,
a.submitButton img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

a.lightTheme img {
  background: url(../images/icons/light_light_theme.gif) no-repeat center center;
}

a.darkTheme img {
  background: url(../images/icons/light_dark_theme.gif) no-repeat center center;
}

a.submitButton img {
  background: url(../images/icons/light_submit.gif) no-repeat center center;
}

/**************************************************************
   Posts HOME PAGE WITH DATE
 ************************************************/

.post {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;

  margin-bottom: 1.5em;

  border-bottom: 1px solid #CCCCCC;
}

.post .date {
  position: absolute;
  top: 0;
  left: 3px;

  width: 2.3em;
  text-align: right;
}

.post .date .month {
  text-transform: uppercase;
  font: 700 1.0em arial, sans-serif;
  color: #888;
}

.post .date .day {
  display: block;
  margin-top: -5px;
  font: 700 2.1em arial, sans-serif;
  color: #888;
}

.post .title {
  display: block;
  padding: 0 0 5px 0;

  font-size: 1.2em;
  font-weight: bold;
  color: #586B7A;
}

.post p {
  margin: 0 0 0 3.5em;
  padding:  0 0 1em 1.2em;
  border-left: 1px solid #CCCCCC;
}


/**************************************************************
   Posts NO DATE AND TIME
 **************************************************************

.post {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;

  margin-bottom: 1.4em;
  background: #fafafa;
  border-bottom: 1px solid #CCCCCC;
}



.post .title {
  display: block;
  padding: 0 0 7px 0;
  font-size: 1.1em;
  font-weight: bold;
  color: #586B7A;
}

.post p {
  margin: 0 0 0 0;
  padding:  0 0.6em 0.6em 0.6em;
  border-left: 1px solid #CCCCCC;
  text-align:justify;
  

}
*****************/
/**************************************************************
   Posts volunteer page
 **************************************************************/

.post2 {
  float: left;
  width: 550px;
  position: relative;
  margin-bottom: 1.4em;
  border-bottom: 1px solid #222;
}



.post2 .title {
  display: block;
  padding: 0 0 7px 0;
  font-size: 1.1em;
  font-weight: bold;
  color: #586B7A;
}

.post2 p {
  margin: 0 0 0 0;
  padding:  0 0.6em 0.6em 0.6em;
  
  text-align:justify;
  

}

/**************************************************************
   Posts PORTFOLIO PAGE
 **************************************************************/

.postnounderline {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;
  margin-bottom: 1.4em;
 
}

.postnounderline .title {
  display: block;
  padding: 0 0 7px 0;
  font-size: 1.2em;
  font-weight: 500;
  color: #999;
}

.postnounderline p {
  margin: 0 0 0 0;
  padding:  0 0.6em 0.6em 0.6em;
  color: #999;  
  text-align:justify;
}
  
 .postnounderline a {color: #ADBE70;
  
 }
 
 
 /**************************************************************
   PostsLINKS PAGE
 **************************************************************/

.postnounderline2 {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;
  margin-bottom: 1.4em;
 
}

.postnounderline2 .title {
  display: block;
  padding: 0 0 7px 0;
  font-size: 1.2em;
  font-weight: 500;
  color: #777;
}

.postnounderline2 p {
  margin: 0 0 0 0;
  padding:  0 0.6em 0.6em 0.6em;
  color: #777;  
  text-align:left;
}
  
 .postnounderline2 a {color: #ADBE70; font-weight:normal;
  
 }
  
  
  /**************************************************************
   FRONT PAGE LOWER POSTS
  *************************************************************/

.fpost {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;
  margin-bottom: 1.4em;
  border-bottom: 1px solid #3f3f40;
}

.fpost  .title {
  display: block;
  padding: 0 0 7px 0;
  font-size: 1.2em;
  font-weight: 500;
  color: #FFFF00;
}

.fpost  p {
  margin: 0 0 0 0;
  padding:  0 0.6em 0.6em 0.6em;
  color: #CCCCCC;  
  text-align:justify;
}
  
 .fpost  a {color: #F0A530;
  
 }

/**************************************************************
   Posts PORTFOLIO PAGE
 **************************************************************/

.post3 {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;
  margin-bottom: 1.4em;
  border-bottom: 1px solid #3f3f40;
}

.post3 .title {
  display: block;
  padding: 0 0 7px 0;
  font-size: 1.2em;
  font-weight: 500;
  color: #ccc;
}

.post3 p {
  margin: 0 0 0 0;
  padding:  0 0.6em 0.6em 0.2em;
  color: #CCCCCC;  
  text-align:justify;
}
  
 .post3 a {color: #ADBE70; font-weight:normal; }
  

/**************************************************************
   Posts SERVICES MAIN HEADER PAGE
 **************************************************************/

.post4 {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;
  margin-bottom: 1.9em;
  background-image:url(../images/BLOG_IMAGES/bg.jpg);
 
}

.post4 .title {
  display: block;
  padding: 0 0 7px 0;
  font-size: 1.2em;
  font-weight: 500;
  color: #ccc;
}

.post4 p {
  margin: 0 0 0 0;
  padding: 0.6em;
  color: #CCCCCC;  
  text-align:justify;
}
  
 .post4 a {color: #CCCCCC;
  
 }
  
  
  /**************************************************************
   Posts SERVICES MAIN HEADER PAGE
 **************************************************************/

.post5 {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;
  margin-bottom: 1.9em;

 
}

.post5 .title {
  display: block;
  padding: 0 0 7px 0;
  font-size: 1.2em;
  font-weight: 500;
  color: #ccc;
}

.post5 p {
  margin: 0 0 0 0;
  padding: 0.6em;
  color: #CCCCCC;  
  text-align:justify;
}
  
 .post5 a {color: #ADBE70;}
 
 .post5 a:hover {color: #ccc;
  
 }


/**************************************************************
   Posts SERVICES MAIN HEADER PAGE
 **************************************************************/

.post6 {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;
  margin-bottom: 1.9em;
  background-image:url(../images/BLOG_IMAGES/bg2.jpg);
 
}

.post6 .title {
  display: block;
  padding: 0 0 7px 0;
  font-size: 1.2em;
  font-weight: 500;
  color: #ccc;
}

.post6 p {
  margin: 0 0 0 0;
  padding: 0.6em;
  color: #CCCCCC;  
  text-align:justify;
}
  
 .post6 a {color: #CCCCCC;
  
 }

/**************************************************************
   Thumbnail RIGHT  Lists
 **************************************************************/

ul.thumbsright,
ul.thumbsright li {
  margin: 0;
  padding: 0;
}

ul.thumbsright li {
  margin: 0 0 10px 17px !important;
  margin: 0;
  padding: 0px;
  list-style: none;
}

a.thumrightb img {
  
  border: 1px solid #222;
}

a:hover.thumbright img {
  background: #8EB4C6;
  border: 1px solid #ccc;
}

a:hover.thumbright {
  background: none;
}

a.thumbright span {
  display: block;
  margin-top: -5px !important;
  margin-top: -2px;
}


/**************************************************************
   Thumbnail Lists
 **************************************************************/

ul.thumbs,
ul.thumbs li {
  margin: 0;
  padding: 0;
}

ul.thumbs li {
  margin: 0 0 12px 0 !important;
  margin: 0;
  padding: 0px;
  list-style: none;
}

a.thumb img {
  
  border: 2px solid #222;
}

a:hover.thumb img {
  background: #8EB4C6;
  border: 2px solid #222;
}

a:hover.thumb {
  background: none;
}

a.thumb span {
  display: block;
  margin-top: -5px !important;
  margin-top: -2px;
}

/**************************************************************
   Thumbnail Lists FOR PORTFOLIO AND SERVICES LARGE THUMBS
 **************************************************************/

ul.thumbs2,
ul.thumbs2 li {
  margin: 0;
  padding: 0;
}

ul.thumbs2 li {
  margin: 0 0 0 0 !important;
  margin: 0;
  padding: 0px;
  list-style: none;
}

a.thumb2 img {
  
  border: 2px solid #ccc;
}

a:hover.thumb2 img {
  background: #8EB4C6;
  border: 2px solid #888;
}

a:hover.thumb2 {
  background: none;
}

a.thumb2 span {
  display: block;
  margin-top: -5px !important;
  margin-top: -2px;
}

thumbs2 p {color:#fff; text-align:justify; padding: 10px;}

/**************************************************************
   Submenu Styles
 **************************************************************/

ul.submenu1,
ul.submenu2 {
  margin: 0 0 20px 0;
  padding: 0;
}

ul.submenu1 li,
ul.submenu2 li{
  margin: 0 0 0 7px;
  padding: 0 0 0 0;
  list-style: none;
  list-style-image: url(foo.gif); /* because IE sucks balls */
}

ul.submenu1 li a,
ul.submenu2 li a {
  display: block;
  height: auto !important;

  /* Start hide from IE Mac \*/
  height: 1%;
  /* End hide from IE Mac */

  padding: 1px 5px 1px 5px;
}

ul.submenu1 li a {
color: #353535;
  
}

ul.submenu1 a:hover {
  color: #888;
  
}

ul.submenu2 li a {
  color: #353535;
  
}

ul.submenu2 a:hover {
  color: #888;
 
}






/**************************************************************
   Generic Display 
 **************************************************************/


.block {
  display: block;
}

.clear {
  clear: both;
}

.marginRight {
  margin-right: 15px;
}

.paddingLeft {
  padding-left: 5px;
}

.paddingRight {
  padding-right: 5px;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignTop {
  vertical-align: top;
}

.alignMiddle {
  vertical-align: middle;
}

.alignBottom {
  vertical-align: bottom;
}

.lightBlueBg {
  background-color: #DDE3d2;

  background-image: url(../images/top.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  padding-top:15px; 
 
}



.lightBlueBg2 {
  background-color: #D3DEE7;
  
  background-image: url(../images/bluetop.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  padding-top:15px; 
}

.dark {
  color: #888;
}


.style2 {color: #627E9A}
.style3 {color: #62CC3C}
.style6 {color: #5C8096}
.style7 {color: #ADABAB}


#header_new			{
					width:776px;
					height:239px;
					background-image:url("../images/headermain.jpg");
					background-position:bottom;
					background-repeat:no-repeat;
					background-color:black;
					text-align:center;
					}
					
#header_portfolio		{
					width:776px;
					height:239px;
					background-image:url("../images/header5.jpg");
					background-position:bottom;
					background-repeat:no-repeat;
					background-color:black;
					text-align:center;
					}
#header_about			{
					width:776px;
					height:239px;
					background-image:url("../images/header3.jpg");
					background-position:bottom;
					background-repeat:no-repeat;
					background-color:black;
					text-align:center;
					}
#header_services			{
					width:776px;
					height:239px;
					background-image:url("../images/header4.jpg");
					background-position:bottom;
					background-repeat:no-repeat;
					background-color:black;
					text-align:center;
					}
#header_contact			{
					width:776px;
					height:239px;
					background-image:url("../images/header1.jpg");
					background-position:bottom;
					background-repeat:no-repeat;
					background-color:black;
					text-align:center;
					}
#header_prices			{
					width:776px;
					height:239px;
					background-image:url("../images/header2.jpg");
					background-position:bottom;
					background-repeat:no-repeat;
					background-color:black;
					text-align:center;
					}
#menu_new			{
					width:776px;
					height:28px;
					
					background-color:#000;
					margin-bottom: 12px;
					border-bottom:  double #7D825E;
				
					}
ul#menu_inner_new	{
					color:#000;
					padding:0px;
					margin:0px;
					list-style: none;
					}	
#menu_inner_new li	{
					list-style-type:none;
					float:left;
					width:110px;
					text-align:center;
					list-style: none;
					}
.link7_new			{
					font-family:helvetica;
					font-weight: bold;
					font-size:11px; 
					color:#7D825E;
					text-decoration:none;
					padding-top:4px;
					height:28px;
					display:block; 
					
					}
					
									
.link7_new:hover	{
					background-color:#333;
					font-family:helvetica;
					font-size:11px;
					color:#ccc;
					}
					
.link8_new			{
					font-family:helvetica;
					font-weight: bold;
					font-size:11px; 
					color:#7D825E;
					text-decoration:none;
					padding-top:4px;
					height:28px;
					display:block; 
					width:116px;
					
					}
					
									
.link8_new:hover	{
					background-color:#333;
					font-family:helvetica;
					font-size:11px;
					color:#ccc;
					}
					
					
					
					
					
					
					
.boxes				{
					float:left; 
					width:220px; 
					height:auto; 
					margin:5px 20px 0 0; 
					}
.bot_ad				{
					width:172px; 
					background-color:#EEEDF2;
					}
#ads ul				{
					list-style-image: url(../images/bullet2.gif);
					margin:0px; 
					margin-left:-12px; 
					_margin-left:25px;
					padding-right:7px;
					font-size:11px;
					}

					
.ads				{
					list-style-image: url(../images/bullet2.gif);
					
					}
					
.gallery            {
                     text-align:center;



                     }



.style8 {color: #F0A530; font-size: 1.0em;
  font-weight: 600;}
.style9 {color: #302F2D}
.style12 {color: #557761}
.style13 {	color: #666666;
	font-weight: bold;
}
/************************Begin of Overlay*************************/
#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/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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}