body{
margin: 0;
margin-top: 0;
padding: 0;
font: 80% Georgia, Times New Roman, Georgia, serif;
text-align: center;
color: #000;
background-color: black;
}
.title{
font: 180% Georgia, Times New Roman, Georgia, serif;
color: #fff;
background-image: url(../images/title_bg.gif);
line-height: 100%;
}

.title_end{
font: 180% Georgia, Times New Roman, Georgia, serif;
color: #fff;
background-image: url(../images/title_end.gif);
line-height: 100%;
}
.outer_container{
margin: 1em auto;
margin-top: 0;
width: 962px;
text-align: left;
}
.container{
margin: 1em auto;
margin-top: 0;
width: 962px;
text-align: left;
background-image: url(../images/paper_seamless.jpg);
}
.sign_up{
text-align: center;
width: 100px;
height: 233;
position: relative;
top: 64px;
left: 175px;
}
.header{
width: 962px;
height: 233px;
}
.header_left{
float: left;
width: 556px;
height: 233px;
background-image: url(../images/header_left.jpg);
}
.header_right{
float: left;
width: 406px;
height: 233px;
background-image: url(../images/header_right.jpg);
}
.main_content{
float: left;
width: 433px;
}
.empty_column{
float: left;
width: 32px;
}
.right_navigation{
float: left;
width: 433px;
}
.intro_box{
float: left;
width: 433px;
height: 220px;
}
.verticle_dots{
float: left;
width: 3px;
height: 220px;
background-image: url(../images/dots_vert.jpg);
}
.horizontal_dots{
min-height:3px;
height:auto;
float: left;
width: 427px;
height: 3px;
background-image: url(../images/dots_horiz.jpg);
}
.intro_center{
float: left;
width: 427px;
height: 220px;
}
.intro_text{
position: relative;
top: 10px;
left: 10px;
float: left;
width: 407px;
height: 200px;
}
.battle_widget{
width: 433px;
height: 220px;
background-image: url(../images/spooks_battle_widget.jpg);
}
.battle{
float: left;
width: 204px;
height: 300px;
background-image: url(../images/battle.gif);

}
.mistake{
float: left;
width: 204px;
height: 300px;
background-image: url(../images/mistake.gif);
}
.curse{
float: left;
width: 204px;
height: 300px;
background-image: url(../images/curse.gif);
}
.apprentice{
float: left;
width: 204px;
height: 300px;
background-image: url(../images/apprentice.gif);
}
.secret{
float: left;
width: 204px;
height: 300px;
background-image: url(../images/secret.gif);
}
.sacrifice{
float: left;
width: 204px;
height: 300px;
background-image: url(../images/sacrifice.gif);
}
.nightmare{
float: left;
width: 204px;
height: 330px;
background-image: url(../images/nightmare.gif);
}

.tale{
float: left;
width: 204px;
height: 300px;
background-image: url(../images/tale.gif);
}
.spooks_online{
float: left;
width: 416px;
height: 178px;
background-image: url(../images/spooks_online.gif);
}
.film{
float: left;
width: 190px;
height: 176px;
background-image: url(../images/film.gif);
}
.author{
float: left;
width: 179px;
height: 138px;
background-image: url(../images/author.gif);
}
.textboxauthor{
position: relative;
left: 10px;
float: left;
width: 254px;
}
.textboxfilm{
float: left;
width: 243px;
}
.textboxbook1{
float: left;
width: 250px;
}
.textboxbook2{
float: left;
width: 250px;
}
.textboxspooksonline{
float: left;
width: 433px;
}
.footer{
float: left;
width: 962px;
height: 60px;
background-image: url(../images/footer.jpg);
}
.footerlinks{
float: left;
width: 962px;
height: 60px;
text-align: center;
}
.clear{
clear: both;
line-height: 0p;
}
.divider{
float: left;
width: 962px;
height: 3px;
background-image: url(../images/divider.gif);
}
.divider2{
float: left;
width: 962px;
height: 23px;
background-image: url(../images/divider2.gif);
}
a.white{
color: #fff;
text-decoration: none;
}
a.white:hover{
color: #fff;
text-decoration: underline;
}
a.red{
font: 100% Georgia, Times New Roman, Georgia, serif;
font-weight: bold;
color: #9c170b;
text-decoration: none;
}
a.red:hover{
font: 100% Georgia, Times New Roman, serif;
font-weight: bold;
color: #9c170b;
text-decoration: underline;
}
.home_link {
display:block;
height:100%;
}