* {
    margin: 0;
}
html, body {
    height: 100%;
	background-color: #34363A;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -1.5em;
}
.footer, div.push {
    height: 1.5em;
}
span.push {
	padding-left: 75px;
}
#container {
	top: 150px;
	width: 750px;
	text-align: center;
	margin: 0 auto;
	position: relative;
}
#menu {
	font-family: Copperplate, Copperplate Gothic Light, sans-serif;
	font-size: 1.5em;
	background-image: url(/img/bg-dark50-1px.png); 
	position: absolute;
	width: 600px;
	top: 175px;
	left: 75px;
	height: 1.5em;
}
#menu ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 1.5em;
}

#menu ul li {
	display: inline;
	color: white;
	vertical-align: -.25em;
}
#menu ul li.pipe {
	padding: 0 40px 0 40px;
}
#menu ul li a
{
	color: white;
	text-decoration: none;
}

#menu ul li a:hover
{
	color: #0D84C0;
	border-bottom:1px dotted #0D84C0;
}

#footer {
	font-family: Verdana;
	font-size: .5em;
	color: gray;
	background-image: url(/img/bg-dark50-1px.png); 
}
#footer #copyright {
	float: right;
	margin: .5em 1em 0 0;
	width: 75px;
}
#footer #social {
	vertical-align: top;
	text-align: center;
}
#footer a {
	text-decoration: none;
	color: gray;
}
#footer .text {
	vertical-align: super;
	padding: .5em 1em 0 1em;	
}