html, body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0px;
	color: #696a6e;
	line-height: 26px;
}

p {
	padding: 0; margin: 0;
}
h1, h2, h3 {
	font-weight: normal;
	margin-left: 2px;
}
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }

#main {
	text-align: center;
	background-image: url(/files/images/loop_footer.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

#logo {
	float: left;
	width: 177px;
}
#header {
	background-image: url(/files/images/headbg.png);
	background-repeat: no-repeat;
	background-position: top;
	width: 583px;
	height: 87px;
	float: left;
}
#container {
	margin: 40px auto 0;
	width: 760px;
	text-align: left;
}
.pagebox {
	background-image: url(/files/images/loop_body.png);
	background-repeat: repeat-y;
	background-position: top;
	width: 583px;
	margin-left: 177px;
}
.pagebox p {
	padding: 5px 15px;
}

.pbox {
	min-height: 120px;
	width: 540px;
	border-top: 1px solid #bce7cf;
}
.pbox strong {
	display: block;
	color: #22b061;
	font-size: 15px;
	margin-left: 115px;
	padding-left: 12px;
	background-image: url(/files/images/bullet.png);
	background-repeat: no-repeat;
	background-position: left;
}
.pbox img {
	margin: 0 15px 0 -115px;
	float: left;
}

.topbox {
	margin-top: -43px;
}
.topbox p {
	padding: 15px;
	width: 540px;
}

#footer {
	background-image: url(/files/images/loop_footer.png);
	background-repeat: repeat-x;
	background-position: top;
	height: 73px;
	margin-left: 177px;
}

#nav {
	float: left;
	margin: 20px 0 0 28px;
	padding: 0;
	height: 30px;
	width: 505px;
	list-style: none;
}

ul#nav li {
	float: left;
	margin: 0 10px;
	padding: 0;
}
ul#nav a {
	float: left;
	display: block;
	height: 30px;
	text-indent: -99999px;
	margin-right: 5px;
}

ul#nav li a, ul#nav li a:hover {
	background-image: url(/files/images/nav.png);
}
li.index a {							background-position: -9px top;		width: 40px; }
li.index a:hover, .index li.index a {	background-position: -9px -30px; }

li.tv a {								background-position: -74px top;		width: 110px; }
li.tv a:hover, .tv li.tv a {			background-position: -74px -30px; }

li.film a {								background-position: -211px top;	width: 32px; }
li.film a:hover, .film li.film a {		background-position: -211px -30px; }

li.web a {								background-position: -266px top;	width: 49px; }
li.web a:hover, .web li.web a {			background-position: -266px -30px; }

li.theteam a {							background-position: -342px top;	width: 64px; }
li.theteam a:hover, .theteam li.theteam a {	background-position: -342px -30px; }

li.contact a {							background-position: -432px top;	width: 58px; }
li.contact a:hover, .contact li.contact a {	background-position: -432px -30px; }


#upgradeNotice {
	margin: 0 auto;
	padding: 5px;
	border: solid 1px #F00;
	width: 380px;
}

form { }
input {
	font-size: 15px;
}
form label strong {
	text-align: right;
	padding-right: 5px;
	width: 100px;
	float: left;
}
form label {
	display: block;
	width: 450px;
	text-align: left;
	padding: 5px;
	margin: 4px;
	border-bottom: solid 1px #EEE;
}

.twocolbox {
	width: 250px;
	float: left;
	padding: 15px;
	margin: 2px;
}

.alert {
	margin: 5px auto;
	width: 400px;
	border: solid 2px #F00;
	background-color: #EEE;
	text-align: center;
}
