@charset "utf-8";
body {
	background-color: #000;
	background-image: url(../images/Harry_potter_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

h1{
	margin:0px;
	padding:0px;
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
}
h2{
	margin:0px;
	padding:0px;
	font-size:13px;
}
a{
	text-decoration:none;
	color:#00807e;
}
a:hover{
	color:#91d6dc;
}
a:visited{
	color:#00807e;
}








/*@@@@@@@@@@@@ NAVIGATION @@@@@@@@@@@@@@@@@@@*/


#navlinks{
	margin:0px auto;
	padding:0px;
	width:730px;
}

#nav{
    width:640px;
	height:35px;
	margin:0px;
	padding:0px;
}


#nav ul{
	margin:0px;
	padding:0px;
	list-style:none;
}


#nav ul li{
	list-style:none;
	margin:0px;
	padding:0px;
	float:right;
}

#nav ul li a{
	height:33px;
	display:block;
	text-indent: -1000em;
	text-decoration:none;
	font-size:12px;
}
#nav ul li a:hover{
	text-decoration:none;
	border:none;
}
.n1{
	background-image:url(../images/nav_01.gif);
	width:105px;
}

.n2{
	background-image:url(../images/nav_02.gif);
	width:107px;
}
.n3{
	background-image:url(../images/nav_03.gif);
	width:83px;
}
.n4{
	background-image:url(../images/nav_04.gif);
	width:74px;
}
.n5{
	background-image:url(../images/nav_05.gif);
	width:80px;
}
.n6{
	background-image:url(../images/nav_06.gif);
	width:71px;
}


/* hovers */


.n1:hover{
	background-image:url(../images/navH_01.gif);
	width:105px;
}

.n2:hover{
	background-image:url(../images/navH_02.gif);
	width:107px;
}

.n3:hover{
	background-image:url(../images/navH_03.gif);
	width:83px;
}

.n4:hover{
	background-image:url(../images/navH_04.gif);
	width:74px;
}

.n5:hover{
	background-image:url(../images/navH_05.gif);
	width:80px;
}

.n6:hover{
	background-image:url(../images/navH_06.gif);
	width:71px;
}






#wrap{
	width:100%;
	overflow:auto;
	padding-top:60px;
}

#contentarea{
	width:950px;
	margin:0px auto;
	padding-left:20px;
}
#content{
	width:720px;
}
#content table{
	float:left;
}
#content table img{
	border:solid 1px #333;
	padding:1px;
}
#content table a{
	color:#FFFFFF;
}
#content table a:hover{
	text-decoration:underline;
}

#content p{
	line-height:155%;
}


.imgl{	margin-right:8px;
}

.imgr{	margin-left:8px;
}

.cast img{
	border:solid 1px #CCCCCC;
}
.cast ul{
	list-style:none;
	margin:8px 0px 0px 0px;
	padding:0px;
}
.cast li{
	margin-bottom:15px;
	padding-bottom:8px;
	border-bottom:solid 1px #CCCCCC;
}


#footer{
	margin:15px auto 0px auto;
	width:950px;
	text-align:left;
	padding:15px 0px;
	padding-left:10px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#91d6dc;
	border-top: solid 1px #333;
	height:50px;
}

.clear{ clear:both;}