/* below : the very general layout */

body {
	margin: 0;
	padding: 0;
	background-color: #000;
    text-align: center; /*IE centering*/
	text-decoration: none;
    color: #bbbbbb;
	font-weight: normal; 
    font-family: Arial, sans-serif;
	font-size: 13px;
  	font-variant: normal;
  	font-style: normal;
  	letter-spacing: auto;
  	word-spacing: auto;
	line-height: 1.6em;
}
img {
    border: 0px;
	background: transparent;
}
a {
    text-decoration: underline;
    color: #ff3300;
}
a img {
    background: transparent;
}

em {
    font-style: italic;
    font-weight: normal;
}

strong {
    font-weight: bold;
}

table {
    border-collapse: collapse;
}
td {
    vertical-align: top;
}

img.button {
    display: inline;
    vertical-align: middle;
	margin: 0px;
	margin-left: 6px;
	padding: 0;
	/*width: 16px;
	height: 16px;*/
	border: 0px;
	background: transparent;
}

.mediaitem {
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
}



/*below : the lightbox elements layout*/

.lightboxOverlay {
    z-index:50;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:0;
    filter:alpha(opacity=0); /*IE*/
    cursor:pointer;
}
.lightboxContainer {
    z-index:51;
    position:absolute;
    left:-9999em;
    opacity:0;
    filter:alpha(opacity=0); /*IE*/
    /*cursor:pointer;*/
    background:#000 url('../layout/loading_black.gif') 50% 50% no-repeat;
    border: solid 1px #111;
}
.lightboxClose {
    z-index:52;
    position:absolute;
    left:-9999em;
    padding:4px 10px 3px 10px;
    background:#111;
    border-top:solid 2px #333;
    color:#333;
    font-weight:bold;
    opacity:0;
    filter:alpha(opacity=0); /*IE*/
    cursor:pointer;
}



/*below : the container div layout*/

#container {
    margin: 0 auto; /*FF & co centering*/
    padding: 0;
    width: 1000px;
    text-align: left;
    background: #000;
}



/*below : the header div layout*/

#header {
    margin-top: 70px;
    margin-bottom: 45px;
    padding: 0;
    width: 1000px;
    line-height: 1.3em;
    font-family: Georgia, serif;
    font-size: 28px;
    color: #333;
}



/*below : the content div layout*/

#content {
    margin: 0;
    padding: 0;
    width: 1000px;
}

a.lightboxLink {
    display: block !important;
    display: inline-block;
    float: left;
    clear: none;
    margin: 0px 6px 6px 0px;
    padding: 13px 10px 13px 18px;
    width: 300px;
    height: 280px;
    text-indent: -5px;
    text-decoration: none;
    color: #555;
    font-family: Helvetica, Verdana, sans-serif;
    font-size: 13px;
    line-height: 1.2em;
    background-color: #111;
    /*border: solid 1px #757575;
    border-top: solid 2px #757575;*/
}
a.lightboxLink:hover {
    background-color: #000;
}
a.lightboxLink img {
    margin-bottom: 9px;
    border: solid 1px #333;
}



/**/

#footer {
    float: left;
    clear: both;
    padding: 40px;
    width: 920px;
    text-align: center;
    font-family: Georgia, serif;
    font-size: 16px;
    color: #333;
}
#footer a {
    text-decoration: underline;
    color: #333;
}
#footer a:hover {
    text-decoration: none;
}