/* CSS reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */

:focus {
    outline: 0;
}

html, body, #wrap {
	height:100%;
	font-family:Georgia,Serif;
}

a {
    color:#504a46;
}

body {
    line-height: 1;
    color: black;
    background: #000 url(../images/bg.jpg) center center no-repeat;
}

body > #wrap {height: auto; min-height: 100%;}

#flashHolder { padding-bottom: 40px; }  /* must be same height as the footer */

.clear {
    clear: both;
}

/* Custom CSS*/

#flashHolder {
	width:500px;
	height:350px;
	margin:auto auto;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -175px;
	margin-left: -250px;
	text-align:center;
	color:#504a46;
}

#noflash {
	text-align:center;
	line-height:130%;
	padding-top:155px;
}

#share {
	color:#504a46;
	font-size:12px;
	position: fixed;
	bottom: 10px;
	right: 10px;
}

.shareIMG {
	width:25px;
	height:25px;
	opacity: 0.5;
	margin-left:5px;
}

.shareIMG img {
	vertical-align: middle;
}

.shareIMG:hover {
	opacity: 1;
}

#credits {
	padding: 10px 0;
	width: 880px;
	color:#504a46;
	font-size:12px;
	position: fixed;
	bottom: 0px;
	left: 10px;
}

#credits > .holder {
	display:none;
	padding: 10px 0;
}
	

/* CLEAR FIX*/
.clearfix:after {content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */