body {
	font-family: Arial, sans-serif;;
	font-size: 62.5%;
	color: #6c6c6c;
	background: #000000;
}

/* ************************************************************************************************

	TYPE

************************************************************************************************ */

h1, h2, h3, h4, p, ol, ul, dl {
	font-size: 1.3em;
	line-height: 1.5em;
	margin: 0 0 0.75em;
}

h1 {
	background: url(../img/title.png) no-repeat top left;
	width: 300px;
	height: 47px;
	margin: 5px 0;
	float: left;
}

	h1 span { display: none; }

/* ************************************************************************************************

	CONTAINER

************************************************************************************************ */

#container {
	width: 980px;
	margin: 0 auto;
}

/* ************************************************************************************************

	LIST

************************************************************************************************ */

ul.list {
	list-style: none;
}

/* ************************************************************************************************

	CONTAINER > LIST > SOCIAL MEDIA

************************************************************************************************ */

ul.socialmedia {
	float: right;
	height: 21px;
	padding-top: 26px;
}

	ul.socialmedia li {
		display: inline;
		margin: 0 0 0 5px;
	}

/* ************************************************************************************************

	CONTAINER > LIST > CONTACT

************************************************************************************************ */

ul.contact {
	float: right;
	padding-top: 33px;
	margin: 0 5px 0 0;
}

	ul.contact li {
		display: inline;
		font-size: 10px;
		font-style: italic;
	}

	ul.contact li a {	
		color: #FFF;
		text-decoration: none;
	}

/* ************************************************************************************************

 	SELF CLEARING
	REPLACE 'xyz' WITH ELEMENTS CONTAINING FLOATS TO CLEAR THEM WITHOUT ADDITIONAL ELEMENTS 
	BEING ADDED TO MARKUP. SEE IE 6/7 STYLESHEETS FOR INTERNET EXPLORER FIX

************************************************************************************************ */

xyz:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
