body {
	color: #ccc;
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
	font-size: 0.8em; 
	background: #111; 
	text-align: center;
}

.top {
	width: 100%;
	position: fixed; 
	top 0px;
	background: #111 url('../images/bg/gradient1.gif');/* top left repeat-x;*/
}

#myGallery
{
        width: 750px;
	margin-left: auto;
	margin-right: auto;
	/* text-align: left;
	margin: 0 auto; */
}

h1
{
	color: #fff;
	font-size: 24px;
	font-weight: bolder;
	margin: 0 40px;
	padding: 0.08em 0;
}

h1 sup
{
	color: #ddd;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover 
{
	color: #d01a71;
}

h1 .company, h1 a .company
{
	text-align: left;
	color: #d01a71;
}

h2
{
	color: #ddd;
	font-size: 2.5em;
}

h3
{
	color: #fff;
	font-size: 1.5em;
}

h4
{
	font-size: 1.3em;
}

.content
{
	margin: 0 20px;
	margin-top: 56px;
}

.content a
{
	color: #fff;
}


.content p.linkage
{
	margin-top: 2em;
	text-align: right;
	font-size: 1.7em;
	color: #ddd;
}

.content p.linkage a { color: #fff; }

#lightbox
{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}
#lightboxDetails
{
	font-size: 0.8em;
	padding-top: 0.4em;
}	
#lightboxCaption
{ 
	float: left; 
}
#keyboardMsg
{ 
	float: right; 
}
#closeButton{ 
	top: 5px; right: 5px; 
}

#lightbox img
{ 
	border: none; 
	clear: both;
} 

#container 
{ 
	margin: 0 auto;
	text-align: left;
}

.footer {
	background-color: #000;
	padding: 0.5em;
}

.leightbox {
	color: #333;
	display: none;
	position: absolute; 
	padding: 1em;
	border: 1em solid #B8B8B8;
	background-color: white;
	text-align: left;
	z-index:1001; 
	overflow: none;	
}

#overlay{
	display:none;
	position: absolute;
	
	top:0;
	left:0;
	
	width:100%;
	height:100%;
	z-index:1000; 

        background-color: transparent;
	/* background-image: url(overlay.png); */
}