div.thumb {
position: relative;
height: 100px;
float: left;
background: black;
left: 55px;
}
.thumb img {
position: relative;
float: center;
margin: 5px;
border: 0;
}
div.phototitle {
position: absolute;
float: center;
font-weight: normal;
width: 200px;
text-align: center;
top:230px;
}


img{
	border:0;
}
body {
color: silver;
background-color: black;
padding: 0;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
width: 800px;
}
li{
  position: relative;
  list-style-image: url(img/ball.gif);
  list-style-type: circle;
  left: -15px;
}
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 5;
font-size: 1.2em;
color: silver;
background-image: url('img/bckh3.jpg');
background-repeat: repeat;
text-transform: capitalize;
text-transform: uppercase;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0 px;
font-size: 1.1em;
}
h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 5px;
font-size: 1.0em;
}
h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
color: Black;
background-image: url('img/bckh5.jpg');
background-repeat: repeat;
text-transform: capitalize;
}
h5 {

color: white;
text-align: right;
padding-bottom: 2px;
}
h6{
	font-size: 0.8em;
	color: black;
	background-color: white; 
	text-transform: uppercase;
	font-weight: bold;
	margin: 0px;
	text-align: center;
	padding: 5px;
	letter-spacing: 5px;
}
h7{
font-size: 1em;
color: white;
background-color: red;
text-align: right;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
}
h8 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1em;
color: black;
background-image: url('img/book.gif');
background-repeat: repeat;
text-transform: capitalize;
text-transform: uppercase;
font-weight: bold;
}
p {

line-height: 1.6em;
margin: 5px 0 5px 0;
padding: 0px;
}
a{
	color: gray;
    font-weight: 950;
	border: 0;
	border-color: black;
	text-decoration: none;
}
a:hover{
	border: 0;
	color: #CC0000; /* white */
	}

/*Content------------------------------------------. */
#content{
  position: relative;
  color: grey;
  padding: 0px;
  width: 750px;
  top: 5px;
  margin-bottom: 10px;
  border: 0px;
}
#content p{
  position: relative;
  color: white;
  background-color: red;
  padding: 3px;
  width: 744px;
  border: 0px;
}

#content ul {
  text-align: center;
  }
#content li {
  display: inline;
  width: 790px;
  list-style: none;
}
/*Mainfeature------------------------------------------. */
#mainfeature {
  position: relative;
  color: gray;
  padding: 0px;
  width: 550px;
  top: 5px;
  margin-bottom: 5px;
  border: 0px;

  /*background-image: url('img/bckmainfet.jpg');
  background-repeat: repeat-y;*/
 }
#mainfeature h2 {
  margin: 0;
  font-weight: bold;
  color: gray;
  padding: 0px;
}
#mainfeature p {
  font-size: 100%;
  padding: 5px;
}

#mainfeature p.enano{
	font-size: 0.8em;
	text-align: center;
}
#mainfeature p.more{
  text-align: right;
  color: white;
  margin: 0;
  left: 25px;
}
#mainfeature p.author{
  text-align: left;
  color: white;
  font-weight:  normal;
  margin: 0;
  padding: 5px;  

}
#mainfeature p.special{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	color: black;
	background-image: url('img/book.gif');
	background-repeat: repeat;
	font-weight:  normal;
	margin: 0;
	padding: 15px;  
}
#mainfeature FORM p{
  position: relative;
  left: 20px;
  border: 0px;
  margin: 0px 0px 0px 0px;
  font-weight:  bold;
}
#mainfeature FORM p input{
  position: relative;
  color: white;
  margin-left: 20px;
  border: 3px;
  margin: 0px 0px 10px 10px;
  top: 5px;
  color: black;
}
#mainfeature FORM p textarea{
  position: relative;
  color: white;
  margin-left: 20px;
  border: 3px;
  margin: 0px 0px 10px 10px;
  top: 5px;
  color: black;
}
#mainfeature FORM h2{
  border: 0px;
  margin: 0px 0px 0px 0px;
  padding: 5px;
}
#mainfeature FORM p.izq{
  border: 0px;
  margin: 0px 0px 10px 0px;
  padding: 5px;
  left: 0px;
  color: gray;
}
#mainfeature p.mp3{
  text-align: center;
  color: white;
  font-weight:  bold;
  font-size: 0.8em;
  margin: 0px 0px 0px 0px;
}
#mainfeature ul.mp3 li{
  text-align: center;
  color: gray;
  font-size: 1em;
  display: inline;
  list-style:none;
}
#mainfeature li img {
  float: left;
  margin: 0 5px 5px 0;
  text-align: center;
  border: 1px solid gray;
}
#mainfeature li ul{
  text-align: center;
  color: gray;
  font-size: 90%;
  }


#mainfeature li{
  list-style:none;
}

  
.col2 {margin-left: 20em;}




/*Wrapper------------------------------------------. */
#wrapper {
  margin: 5px 5px 5px 5px;
  padding: 20px;
}
/*Nav-menu------------------------------------------. */
/* Hide from IE5-Mac \*/
#nav-menu li a{
float: none;
}
/* End hide */
#nav-menu{
		position: absolute;
        width: 800px;
        left: 230px ;
        border: 0px;
	    background-color: black;
        text-align: center;
}
/*Header Bottom------------------------------------------. */
#header-bottom ul {
  margin-bottom: 10px;
  padding: 0 5px 0 0;
  text-align: center;
  width: 750px;
}
#header-bottom ul.shop{
  top: 90px;
  margin-top: 0 px;
  text-align: center;
  }
#header-bottom ul.description{
  position: relative;
  background-color: #112236;
  text-align: center;
  color: gray;
  font-weight: bold;
  width: 530px;
}
#header-bottom li {
  display: inline;
  width: 790px;
}
#header-bottom a:link, #header-bottom a:visited {
   font-size: 11px;
   color: white;
}
#header-bottom {
  border-top: 9px solid black;
  border-bottom: 9px solid black;
}

#header-bottom ul.archive{
	position: absolute;
	top: 175px;
	color: white;
  }
#header-bottom a:hover{
	background-color: #d56e22;
	font color: #000000;
}

/*Tagline------------------------------------------. */
#tagline {
  font-weight: bold;
  background-color: black;
  color: white;
  font-style: italic;
  margin: 0;
  padding: 0 0 0 20px;
  float: left;
}

/*Tagline------------------------------------------. */
#tagline {
  font-weight: bold;
  background-color: black;
  color: white;
  font-style: italic;
  margin: 0;
  padding: 0 0 0 20px;
  float: left;
}
/*navleft------------------------------------------. */
#navleft {
		position: absolute;
        width: 210px;
		top: 240px;
		border: 0px;
	    background-color: black;
}
#navleft ul li a{
	list-style:none;
	}
#navleft li{
	left: -25px;}
/*profile------------------------------------------. */
#profiles {
		position: relative;
        border: 0px;
	    background-color: black;
		left: 210px;
		width: 540px;
		margin: 0px 0px 0px 0px;
		top: 0px;
}
#profiles #mainfeature{
		position: relative;
        border: 0px;
	    background-color: #112236;
		width: 540px;
		margin: 0px 0px 0px 0px;
}
#profiles #mainfeature img{
		text-align: center;
		width: 300px;
		position: relative;
		left: 120px;
		padding:5px;
		border: 0;
}
#profiles #mainfeature ul li{
		position: relative;
		font-size: 9px;
		padding:5px;
}
/*Begin	Images popups css---
/*Credits: Dynamic Drive CSS Library *-----------------------------------/
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail{
position: relative;
z-index: 1;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
position: absolute;
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
z-index: 1;
}
/*End Images popups css */

/*navright------------------------------------------. */
#navright {
		position: absolute;
        width: 192px;
        left: 600px ;
		top: 219px;
		z-index: 0;
		/*background-image: url('img/bcknavright.jpg');
		background-repeat: repeat-y;*/
		margin: 0px 0px 0px 0px;
				
}
#navright img {
  float: center;
  border: 0px;
  margin: 5px 5px 5px 5px;
  width: 180px;
  
 }
#navright p {
  text-align: center;
  font-weight: bold;
  font-size: 11px;
   
 }
#navright h3 {
  color: black;
  font-size: 1em;
  text-align:center;
  text-transform: capitalize;
  background-color: #55BC15;
  margin: 5px 0px 0px 0px;
  }

#navright a {
	color:black;
	}

#mainfeature #navright{
		position: absolute;
        border: 0px;
		float: right;
		padding: 0px;
		top: 0px;
		left: 560px;
		background: black
}  
/*releases------------------------------------------. */
#releases {
	position: relative;
	width: 100%;
	top: 5px;
	z-index: 0;
	background-image: url('img/bckmainfet.jpg');
    background-repeat: repeat-y;
	border: 5px solid white;
	color: white;
	font-size: 11px;
	
}
#releases h1{
	position: relative;
	color: black;
	padding: 0px;
	text-align: center;
	margin: 0px 0px 0px 0;
	background: white;
}
#releases p {
	position: relative;
	
	line-height: 0.6em;
	margin: 0px 5px 10px 0;
	left: 10px;
}
#releases p.bands {
	left: 70px;
	color: teal;
}
/*firefox------------------------------------------. */
#firefox{

	color: white;
	font-size: 7px;
	text-align: center;
}
/*links------------------------------------------. */
#links {  
	margin-bottom: 1em;

}
#links ul {
	width: 800px;
}
#links ul li{
	float: left;
    width: 250px;
	list-style:none;
}
#links br {
	clear: left;
}
#links ul li a{
	display: block;
    width: 250px;
}

/*archive1------------------------------------------. */

#archive1 {  
	position: absolute;
	top: 240px;
	width: 245px;
	background-image: url('img/bckarchive.jpg');
    background-repeat: repeat-y;
	padding: 0px;
}	
#archive1 h4{
	margin: 0px;
}

/*archive2------------------------------------------. */

#archive2 {  
	position: absolute;
	top: 240px;
	width: 245px;
	background-image: url('img/bckarchive.jpg');
    background-repeat: repeat-y;
	padding: 0px;
	left: 265px;
}	
#archive2 h4{
	margin: 0px;
}

/*archive2------------------------------------------. */

#archive3 {  
	position: absolute;
	top: 240px;
	width: 245px;
	background-image: url('img/bckarchive.jpg');
    background-repeat: repeat-y;
	padding: 0px;
	left: 520px;
}	
#archive3 h4{
	margin: 0px;
}
/*out_now------------------------------------------. */
#out_now{
	font-size: 1.4em;
	font-weight: bold;
	color: #c60;
	text-align:center;
	}
div[id=out_now] {
	color: #000 !important;
	}
#out_now:after {
	content: 'OUT NOW:';
	color: #cc3333;
	display: block;
	text-indent: -0.1ex;
	margin-top: -1.3em;
	}

/*upcoming------------------------------------------. */
#upcoming {
	font-size: 1.4em;
	font-weight: bold;
	color: #c60;
	text-align:center;
	}
div[id=upcoming] {
	color: #000 !important;
	}
#upcoming:after {
	content: 'UPCOMING STUFF:';
	color: #d56e22;
	display: block;
	text-indent: -0.1ex;
	margin-top: -1.3em;
	}

/*outsoon------------------------------------------. */
#outsoon {
	font-size: 1.4em;
	font-weight: bold;
	color: #c60;
	text-align:center;
	}
div[id=outsoon] {
	color: #000 !important;
	}
#outsoon:after {
	content: 'OUT SOON:';
	color: #d56e22;
	display: block;
	text-indent: -0.1ex;
	margin-top: -1.3em;
	}
	
/*new------------------------------------------. */
#new {
	font-size: 1.4em;
	font-weight: bold;
	color: #c60;
	text-align:center;
	}
div[id=new] {
	color: #000 !important;
	}
#new:after {
	content: 'NEW IN STOCK!!:';
	color: #cc3333;
	display: block;
	text-indent: -0.1ex;
	margin-top: -1.3em;
	}
	
/*flyer------------------------------------------. */
#content #flyer{
  position: relative;
}
#flyer{
  position: absolute;
  color: white;
  padding: 0px;
  width: 750px;
  height: 275px;
  border: 0px;
}

#flyer img {
	position: absolute;
	padding: 0px;
	top: 15px;
	border: 1px;
	float: center;
	left: 225px;
	border: 1px solid white;
	
	}
#flyer .thumb img {
position: relative;
float: center;
border: 1;
left: 0px;
margin-bottom: 400px;
}

#flyer h2{
color: red;
}

#flyer p{
  position: relative;
  color: white;
  padding: 0px;
  border: 0px;
  background-color: black;
}





ol li
{
  /* Stipulate the height of each item so that 
  vertical return = items * height */
  color: gray;
  font-size: 0.9em;
  line-height: 1.2em;

  /* Clear the default margins & padding 
  so we can style the list from scratch */

  margin: 0;
  padding: 0;
}

/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

This rule will be processed only by 
Internet Explorer because only IE believes 
that there’s a level above HTML: */

/* anchor styling */
ol li a
{
  display: block;
  width: 7em;
  text-decoration: none;
}
ol li a:hover
{
  color: #FFF; /* white */
  background-color: #A52A2A; /* brown */
}


* html ol li
{
	position: relative;
}

/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 12 items * 1.2em line-height = 14.4em */

ol li.net1_13,
ol li.net1_25
{
  margin-top: -14.4em;
}

/* horizontal position of each column */

ol li.net1_01,
ol li.net1_02,
ol li.net1_03,
ol li.net1_04,
ol li.net1_05,
ol li.net1_06,
ol li.net1_07,
ol li.net1_08,
ol li.net1_09,
ol li.net1_10,
ol li.net1_11,
ol li.net1_12
{
  margin-left: 0em;
}

ol li.net1_13,
ol li.net1_14,
ol li.net1_15,
ol li.net1_16,
ol li.net1_17,
ol li.net1_18,
ol li.net1_19,
ol li.net1_20,
ol li.net1_21,
ol li.net1_22,
ol li.net1_23,
ol li.net1_24
{
  margin-left: 13em;
}

ol li.net1_25,
ol li.net1_26,
ol li.net1_27,
ol li.net1_28,
ol li.net1_29,
ol li.net1_30,
ol li.net1_31,
ol li.net1_32,
ol li.net1_33,
ol li.net1_34,
ol li.net1_35,
ol li.net1_36
{
  margin-left: 26em;
}

/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 12 items * 1.2em line-height = 14.4em */

ol li.net2_34,
ol li.net2_67
{
  margin-top: -39.6em;
}

/* horizontal position of each column */

ol li.net2_01,
ol li.net2_02,
ol li.net2_03,
ol li.net2_04,
ol li.net2_05,
ol li.net2_06,
ol li.net2_07,
ol li.net2_08,
ol li.net2_09,
ol li.net2_10,
ol li.net2_11,
ol li.net2_12,
ol li.net2_13,
ol li.net2_14,
ol li.net2_15,
ol li.net2_16,
ol li.net2_17,
ol li.net2_18,
ol li.net2_19,
ol li.net2_20,
ol li.net2_21,
ol li.net2_22,
ol li.net2_23,
ol li.net2_24,
ol li.net2_25,
ol li.net2_26,
ol li.net2_27,
ol li.net2_28,
ol li.net2_29,
ol li.net2_30,
ol li.net2_31,
ol li.net2_32,
ol li.net2_33
{
  margin-left: 0em;
}

ol li.net2_34,
ol li.net2_35,
ol li.net2_36,
ol li.net2_37,
ol li.net2_38,
ol li.net2_39,
ol li.net2_40,
ol li.net2_41,
ol li.net2_42,
ol li.net2_43,
ol li.net2_44,
ol li.net2_45,
ol li.net2_46,
ol li.net2_47,
ol li.net2_48,
ol li.net2_49,
ol li.net2_50,
ol li.net2_51,
ol li.net2_52,
ol li.net2_53,
ol li.net2_54,
ol li.net2_55,
ol li.net2_56,
ol li.net2_57,
ol li.net2_58,
ol li.net2_59,
ol li.net2_60,
ol li.net2_61,
ol li.net2_62,
ol li.net2_63,
ol li.net2_64,
ol li.net2_65,
ol li.net2_66
{
  margin-left: 16em;
}


ol li.net2_67,
ol li.net2_68,
ol li.net2_69,
ol li.net2_70,
ol li.net2_71,
ol li.net2_72,
ol li.net2_73,
ol li.net2_74,
ol li.net2_75,
ol li.net2_76,
ol li.net2_77,
ol li.net2_78,
ol li.net2_79,
ol li.net2_80,
ol li.net2_81,
ol li.net2_82,
ol li.net2_83,
ol li.net2_84,
ol li.net2_85,
ol li.net2_86,
ol li.net2_87,
ol li.net2_88,
ol li.net2_89,
ol li.net2_90,
ol li.net2_91,
ol li.net2_92,
ol li.net2_93,
ol li.net2_94,
ol li.net2_95,
ol li.net2_96,
ol li.net2_97,
ol li.net2_98,
ol li.net2_99
{
  margin-left: 29em;
}

/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 10 items * 1.2em line-height = 12.0em */


ol li.net3_11,
ol li.net3_21
{
  margin-top: -12.0em;
}

/* horizontal position of each column */

ol li.net3_01,
ol li.net3_02,
ol li.net3_03,
ol li.net3_04,
ol li.net3_05,
ol li.net3_06,
ol li.net3_07,
ol li.net3_08,
ol li.net3_09,
ol li.net3_10
{
  margin-left: 0em;
}

ol li.net3_11,
ol li.net3_12,
ol li.net3_13,
ol li.net3_14,
ol li.net3_15,
ol li.net3_16,
ol li.net3_17,
ol li.net3_18,
ol li.net3_19,
ol li.net3_20
{
  margin-left: 13em;
}

ol li.net3_21,
ol li.net3_22,
ol li.net3_23,
ol li.net3_24,
ol li.net3_25,
ol li.net3_26,
ol li.net3_27,
ol li.net3_28,
ol li.net3_29,
ol li.net3_30
{
  margin-left: 26em;
}


/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 11 items * 1.2em line-height = 14.4em */

ol li.net4_12,
ol li.net4_23
{
  margin-top: -13.2em;
}

/* horizontal position of each column */

ol li.net4_01,
ol li.net4_02,
ol li.net4_03,
ol li.net4_04,
ol li.net4_05,
ol li.net4_06,
ol li.net4_07,
ol li.net4_08,
ol li.net4_09,
ol li.net4_10,
ol li.net4_11
{
  margin-left: 0em;
}

ol li.net4_12,
ol li.net4_13,
ol li.net4_14,
ol li.net4_15,
ol li.net4_16,
ol li.net4_17,
ol li.net4_18,
ol li.net4_19,
ol li.net4_20,
ol li.net4_21,
ol li.net4_22
{
  margin-left: 13em;
}

ol li.net4_23,
ol li.net4_24,
ol li.net4_25,
ol li.net4_26,
ol li.net4_27,
ol li.net4_28,
ol li.net4_29,
ol li.net4_30,
ol li.net4_31,
ol li.net4_32,
ol li.net4_33
{
  margin-left: 26em;
}



/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 11 items * 1.2em line-height = 14.4em */

ol li.net5_10,
ol li.net5_19
{
  margin-top: -10.8em;
}

/* horizontal position of each column */

ol li.net5_01,
ol li.net5_02,
ol li.net5_03,
ol li.net5_04,
ol li.net5_05,
ol li.net5_06,
ol li.net5_07,
ol li.net5_08,
ol li.net5_09
{
  margin-left: -40em;
}

ol li.net5_10,
ol li.net5_11,
ol li.net5_12,
ol li.net5_13,
ol li.net5_14,
ol li.net5_15,
ol li.net5_16,
ol li.net5_17,
ol li.net5_18
{
  margin-left: -7em;
}

ol li.net5_19,
ol li.net5_20,
ol li.net5_21,
ol li.net5_22,
ol li.net5_23,
ol li.net5_24,
ol li.net5_25,
ol li.net5_26,
ol li.net5_27
{
  margin-left: 26em;
}




/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 11 items * 1.2em line-height = 14.4em */

ol li.net6_08,
ol li.net6_15
{
  margin-top: -8.4em;
}

/* horizontal position of each column */

ol li.net6_01,
ol li.net6_02,
ol li.net6_03,
ol li.net6_04,
ol li.net6_05,
ol li.net6_06,
ol li.net6_07
{
  margin-left: -40em;
}


ol li.net6_08,
ol li.net6_09,
ol li.net6_10,
ol li.net6_11,
ol li.net6_12,
ol li.net6_13,
ol li.net6_14
{
  margin-left: -7em;
}

ol li.net6_15,
ol li.net6_16,
ol li.net6_17,
ol li.net6_18,
ol li.net6_19,
ol li.net6_20,
ol li.net6_21
{
  margin-left: 26em;
}




/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 11 items * 1.2em line-height = 14.4em */

ol li.net7_06,
ol li.net7_11
{
  margin-top: -6em;
}

/* horizontal position of each column */

ol li.net7_01,
ol li.net7_02,
ol li.net7_03,
ol li.net7_04,
ol li.net7_05
{
  margin-left: 0em;
}

ol li.net7_06,
ol li.net7_07,
ol li.net7_08,
ol li.net7_09,
ol li.net7_10
{
  margin-left: 12em;
}

ol li.net7_11,
ol li.net7_12,
ol li.net7_13,
ol li.net7_14,
ol li.net7_15
{
  margin-left: 24em;
}





/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 3 items * 1.2em line-height = 3.6em */

ol li.net8_04,
ol li.net8_07
{
  margin-top: -3.6em;
}

/* horizontal position of each column */

ol li.net8_01,
ol li.net8_02,
ol li.net8_03
{
  margin-left: -40em;
}


ol li.net8_04,
ol li.net8_05,
ol li.net8_06
{
  margin-left: -5em;
}

ol li.net8_07,
ol li.net8_08,
ol li.net8_09
{
  margin-left: 39em;
}

/*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(../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; }