@charset "UTF-8";
body {
	font-size: 11px;
	line-height:14px;
	background: #222;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #99cc00;
}
body, td, th, p {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
strong, em, b, i, h1, h2, h3 {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
img { border:0; }
p, h1, h2, h3, h4, h5, h6, h7, h8, span, div ul, li { margin: 0; padding: 0; border: 0; }
a, a:hover { color:#99cc00; }
a { text-decoration:none; }

#container {
	width: 100%; 
	margin: 0 auto 30px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0;
	text-align: left; 
}
#petelogo {
	width: 212px; height: 93px; overflow:hidden; margin: 0; padding: 0; border: 0;  }
	
#petelogo h1 { width: 212px; height: 93px; overflow:hidden; }

#petelogo h1 span { display:none; }

#links {
	text-align:center;
	padding:20px 0;
	font-size:15px;
}
#links ul { list-style: none; display: inline; }
#links li { margin: 0; padding: 0; border: 0; width:194px; height:34px; display:inline; overflow:hidden;}
#links li a { text-decoration: underline; margin: 0 8px; }

#film {
	width: 701px; height: auto;  margin: 0 auto; padding: 0; border: 0;
}
#film .petetitle {
	margin-bottom:5px;
}
#film .petetitle p {
	font-size:13px;
}
#film .description {
	margin-top: 10px;
}