@font-face {
  font-family: Rb;
  src: url('/fonts/ReenieBeanie.ttf') format("truetype");
}

@font-face {
  font-family: just;
  src: url('/fonts/Just Another Hand.ttf') format("truetype");
}

body {
height:980px;
text-align: center;
font-family: arial, helvetica, sans serif;
background: #000 url(../images/bg.jpg) no-repeat;
background-position: center 0px;
}

#main-menu {
margin: auto;
width:196px;
position: relative;
left:-294px;
top:164px;
z-index: 5;
}

a.p1 {display:block;left:0px;text-decoration:none; border:0;}
a.p1 img {border:0;}
a.p1:hover {text-decoration:none; color:#000;}
a.p1 b {position:absolute; left:-9999px;}
a.p1:hover b {left:0px;}

#home-container {
margin: auto;
background: url(../images/homebg.jpg) no-repeat;
width: 771px;
height: 817px;
position: relative;
top:-151px;
left:39px;
}

#sub-container {
margin: auto;
background: url(../images/subbg.jpg) no-repeat;
width: 713px;
height: 1338px;
position: relative;
top:-137px;
left:25px;
}

#links-container {
margin: auto;
background: url(../images/linksbg.jpg) no-repeat;
width: 690px;
height: 817px;
position: relative;
top:-137px;
left:62px;
}

#contact-container {
margin: auto;
background: url(../images/contactbg.jpg) no-repeat;
width: 809px;
height: 817px;
position: relative;
top: -151px;
left: 56px;
}

#voice-container {
margin: auto;
background: url(../images/voicebg.jpg) no-repeat;
width:801px;
height: 878px;
position: relative;
top: -182px;
left: 1px;
}

#category-contents {
text-align:left;
font-family: 'just', 'Just Another Hand', sans-serif;
font-size: 23px;
line-height: 20px;
color: #21354d;
position: relative;
top: 143px;
left: 157px;
-moz-transform:rotate(-3deg);
-webkit-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
height: 150px;
}

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

#category-contents ul li{
	display: inline;
	float: left;
	width: 230px;
}

#category-contents ul li ul li{
	display: block;
	float: left;
	width: 230px;
	margin: 0;
	padding: 0;
}

#category-contents a {
text-decoration: none;
color: #21354d;
}

#category-contents a:visited{
text-decoration: none;
outline: none;
}

#category-contents a:hover{
text-decoration: underline;
}

#links-title {
font-family: 'just', 'Just Another Hand', sans-serif;
font-size: 23px;
position: relative;
top: 178px;
color: #21354d;
-moz-transform:rotate(-6deg);
-webkit-transform:rotate(-6deg);
-o-transform:rotate(-6deg);
}

#links-contents{
height: 200px;
font-family: 'just', 'Just Another Hand', sans-serif;
line-height:26px;
font-size: 23px;
text-align: left;
color: #FFF;
position: relative;
top: 180px;
left: 150px;
-moz-transform:rotate(-5deg);
-webkit-transform:rotate(-5deg);
-o-transform:rotate(-5deg);
}

#links-contents a {
text-decoration:none;
color: #FFF;
}

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

#links-contents ul li{
	display: inline;
	float: left;
	width: 230px;
}

#links-contents ul li ul li{
	display: block;
	float: left;
	width: 230px;
	margin: 0;
	padding: 0;
}

/* REMOVED to re-order the lists.
#links-contents ul{
margin:0px;
padding: 0px;
list-style: none;
float: left;
width: 560px;
}

#links-contents li {
float: left;
width: 230px;
margin: 0;
padding: 0;
} */

#links-contents a:visited {
text-decoration:none;
outline:none;
}

#links-contents a:hover {
text-decoration:underline;
outline:none;
}

#links-contents .maplink {
color: #ccc;
text-decoration: underline;
}

#links-contents .notalink {
color: #fff;
}

#next_page{
font-size: 23px;
font-weight: bold;
color: #000;
position: relative;
top:10px;
left:20px;
width: 400px;
}

#prev_page{
font-size: 23px;
font-weight: bold;
position: relative;
top: 293px;
left: -490px;
float: right;
}

#map-zoom {
width: 66px;
height: 40px;
position: relative;
top:599px;
left: 572px;
}

#map-parking {
width: 79px;
height: 41px;
position: relative;
top: 572px;
left: 646px;
}

#logo-color {
text-align: left;
width: 45px;
height: 35px;
position: relative;
top:542px;
left:350px;
}

#logo-black {
text-align: left;
width: 42px;
height: 35px;
position: relative;
top:507px;
left:395px;
}

#logo-white {
text-align: left;
width: 50px;
height: 35px;
position: relative;
top:472px;
left:440px;
}

#parking-instruction {
visibility: hidden;
background: url(../images/parking-i.jpg) no-repeat;
width: 220px;
height: 194px;
position: relative;
top: 316px;
left: 557px;
}

#address {
position: absolute;
width: 170px;
height: 97px;
top: 160px;
left: 300px;
}

#website-link {
position: absolute;
width: 190px;
height: 77px;
top: 267px;
left: 301px;
}

#dylan{
position: absolute;
width: 181px;
height: 65px;
top: 368px;
left: 155px;
}

#liz{
position: absolute;
width: 165px;
height: 61px;
top: 440px;
left: 151px;
}

#la{
position: absolute;
width: 128px;
height: 60px;
top: 517px;
left: 148px;
}

#lyne{
position: absolute;
width: 188px;
height: 67px;
top: 378px;
left: 366px;
}

#laura{
position: absolute;
width: 123px;
height: 56px;
top: 525px;
left: 360px;
}

#dorothy{
position: absolute;
width: 174px;
height: 70px;
top: 448px;
left: 351px;
}

#errormessage {
position: absolute;
top: 2em;
padding: 2em;
width: 50%;
left: 25%;
background: #000;
color: #ed3434;
z-index: 1000;
border: 2px red dashed;
}

#thanksmessage {
position: absolute;
top: 2em;
padding: 2em;
width: 50%;
left: 25%;
background: #FFF;
color: #006600;
z-index: 1000;
border: 2px #060 solid;
}

#sub-container input {
border: none;
color: #000;
}

#sub-container .error {
background: #ffaaaa;
}

#sub-container .ok {
background: #aaffaa;
}

#clips-container {
position: relative;
top: 104px;
left: 537px;
height: 50px;
width: 165px;
}

#actor-list {
position: relative;
top: 240px;
left: 325px;
font-family: 'Rb', 'Reenie Beanie', sans-serif;
font-size: 24px;
text-align: left;
color: #120461;
line-height: 24px;
width: 600px;
}

#actor-list ul{
	list-style: none;
	margin:0px;
	padding: 0px;
}
#actor-list ul li{
	display: inline;
	float: left;
	width: 200px;
}

#actor-list ul li ul li{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
}

/*
#actor-list ul{
margin:0px;
padding: 0px;
list-style: none;
float: left;
width: 400px;
}

#actor-list li {
float: left;
width: 200px;
margin: 0;
padding: 0;
}
*/

/*#search-container {
position: relative;
top: 612px;
left: 110px;
}*/

#search-container {
position: relative;
top: 215px;
left: 130px;
}

#search-container input {
width: 120px;
background: transparent;
color: #120461;
font-size: 12px;
border: none;
border-bottom: 1px dashed red;
}

#male-position {
width: 49px;
height: 34px;
position: relative;
top: 90px;
left: 315px;
}

#female-position {
width: 112px;
height: 31px;
position: relative;
top: 402px;
left: 121px;
}

#category-menu {
font-family: 'Rb', 'Reenie Beanie', sans-serif;
font-size: 25px;
width: 400px;
position: relative;
top:220px;
left:300px;
color: #000;
}

#category-menu a {
text-decoration: none;
color: #000;
padding-left: 7px;
padding-right: 7px;
}

#category-menu a:visited {
text-decoration:none;
outline:none;
color: #000;
}

#category-menu a:hover {
text-decoration:underline;
outline:none;
}

#voice_page_controls{
width:400px;
position:relative;
top:275px;
left:-20px;
}

#voice_next_page{
float:right;
font-size: 24px;
color: #000;
}

#voice_next_page a, #voice_prev_page a{
color:#120461;
text-decoration: none;
}

#voice_next_page a:visited, #voice_prev_page a:visited{
text-decoration:none;
outline:none;
}

#voice_next_page a:hover,#voice_prev_page a:hover{
text-decoration: underline;
outline:none;
}

#voice_prev_page{
font-size: 24px;
color: #000;
}

#search-title-container {
font-family: 'Rb', 'Reenie Beanie', sans-serif;
font-size: 22px;
position: relative;
top: 235px;
left: 320px;
width: 160px;
height:20px;
}

#copyright{
position: fixed;
right: 0;
bottom: 0;
font-size: 9px;
color: #eee;
}

#danieljblock-link a, a:visited, a:hover{
text-decoration:none;
color: #eee;
}

#reel-alt {
position: relative;
top: 1147px;
left: 107px;
color: #fff;
width: 216px;
height: 79px;
}

#reel-alt a {
text-decoration: none;
color: #fff;
}

#reel-alt a:visited {
text-decoration:none;
outline:none;
color: #fff;
}

#reel-alt a:hover {
text-decoration:underline;
outline:none;
}

#reel-alt-popup {
position: relative;
top: 876px;
left: 67px;
background: url(../images/popupbg.jpg) no-repeat;
width: 296px;
height: 327px;
text-align: left;
}

#construction {
background: url(../images/construction.gif) no-repeat;
position: relative;
top: 400px;
left: 500px;
width: 200px;
height: 198px;
}