/*******************
	Page Layout
********************/
body{ font:lighter 9pt/18pt Arial,Helvetica,sans-serif; background:#000 url("../images/background.jpg") repeat-x; text-align:center; margin:0; padding:0; color:#fff; }
#page-container{ width:1024px; margin:0 auto; }
	#header{}
	#content{ width:820px; margin:0 auto; text-align:left; }
		#left-side{ width:380px; float:left; }
		#right-side{ width:380px; float:right; }
	#footer{ width:1024px; clear:both; }

/*************************
	Site wide elements
**************************/
a#explore, a#explore:link, a#explore:visited { width:171px; height:35px; display:block; overflow:hidden; background:url("../images/explore.jpg"); }
a#explore:hover, a#explore:active { background-position: left bottom !important; }

.bodycopy{ padding-bottom:20px; line-height:18pt; font-weight:lighter; margin:0; }

/***********
	Utils
************/
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.italic{ font-style: italic; }
.right{ text-align: right; }
.left{ text-align: left; }
.center{ text-align: center; }
.bold{ font-weight: bold; }
.bolder{ font-weight: bolder; }
.sstrike{ text-decoration: line-through; }
.floatRight{ float: right !important; }
.floatLeft{ float: left !important; }
img{ border:0; }
hr{ clear:left; height:1px; color:#52564a; background-color:#52564a; border:0; }

.floatRightImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.floatLeftImg{ float:left; margin: 0 8px 8px 0; clear: left; }

a{ outline:none; }

.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 */