*, html {
margin: 0;
padding: 0;
}

/* commented backslash hack \*/ 
html, body{ height: 100%; margin: 0; padding: 0; background-color:#333333; text-align: center; } 
/* end hack */

body {

background:#000000;
text-align: center;
font-family: arial, helvetica, san-serif;
font-size: 100%;
}

img {
border: 0;
}

h1 {
display: block;
font-weight: bold;
margin: 0;
height:100%;
}

h3 {
display: block;
font-size: 0.7em;
font-weight: bold;
margin: 1em 0;
color: #4e4e4e;
}

p {
display: block;
font-size: 0.7em;
margin: 0;
color: #666666;
line-height: 1.4em;
}

#logo {
background:url(../images/PD-%5BConverted%5D.jpg);

float:bottom;
width: 140px; height: 48px;
position: absolute;
left:50%; top: 50%;
margin: -285px 0 0 -480px;
z-index:4;
}

#container {
	width: 500px;
	height: 127px;
	position:absolute;
	left: 50%;
	top: 50%;
	margin: -64px 0 0 -250px;

}
#wrapper {
width: 1000px; height: 500px;
position: absolute;
left:50%; top: 50%;
margin: -235px 0 0 -500px;
z-index:1;
}


* html #container {

height:100%;

}

#header {
top:50%;
height:inherit;
background: #333333;
}

#main {
width: 1000px;
margin: 1em;
float: right;
}

#content {
width: 1000px;
margin:auto;
}

#main img {
margin-top: 100%;

}

a.readMore:link, a.readMore:active, a.readMore:visited {
color: #0d61d2;
text-decoration: none;
}

a.readMore:hover {
text-decoration: underline;
}

.right {
float: right;
}

.left {

margin-left:20px;

}
#leftMargin {
margin-left:100px;
}

#clearfooter {
clear:both;
background: #333333;
}

#footer {
float:bottom;
width: 1000px;
height:auto;
position: absolute;
left:50%; top: 50%;
margin: 265px 0 0 -500px;
z-index:3;
}

#footer p {
color: #666666;
}

.light-grey {
	color: #999999;
}

a.lightgrey:link, a.lightgrey:active, a.lightgrey:visited {
	color: #666666;
	text-decoration: none;
}

a.lightgrey:hover  {
color: #ababab;
text-decoration: none;
border-bottom: 1px dotted #5993dd;
}

hr {
text-decoration: none;
width: 1000px;
}