body{
background-color: black;
}

#contentLayer{
height: 768px;
width: 1024px;
margin: auto;
padding: auto;
position: relative; top: 25px;
}

#guidesBG{
background-image:url(images/guides.jpg);
height: 600px;
width: 800px;
margin: auto;
padding: auto;
position: relative;
}


#hostedBG{
background-image:url(images/hosted.png);
height: 600px;
width: 800px;
margin: auto;
padding: auto;
position: relative;
}

#hostedAKBG{
background-image:url(images/hosted2.png);
height: 600px;
width: 800px;
margin: auto;
padding: auto;
position: relative;
}

#aboutBG{
background-image:url(images/about.jpg);
height: 600px;
width: 800px;
margin: auto;
padding: auto;
position: relative;
}

#splashBG{
height: 546px;
width: 846px;
margin: auto;
padding: auto;
position: relative;
}

#contactBG{
background-image:url(images/contact.jpg);
height: 600px;
width: 800px;
margin: auto;
padding: auto;
position: relative;
}

#contactTitle{
height: auto;
width: 700px;
position: relative; left: 30px; top: 10px;
float: left;
text-shadow: black 1px 1px 2px;

}

#contactText{
height: 350px;
width: 700px;
position: relative; 
float: left;
overflow: auto;
font-family: sans-serif;
font-size: medium;
text-shadow: black 1px 1px 2px;
color: white;
}

#contactText a:link, a:visited{
color: silver;
text-decoration: none;
text-shadow: black 1px 1px 2px;
}

#contactText a:hover{
color: gray;
text-decoration: none;
text-shadow: black 1px 1px 2px;
}





#linksBG{
background-image:url(images/links.jpg);
height: 600px;
width: 800px;
margin: auto;
padding: auto;
position: relative;


}

#linkText{
height: 400px;
width: 310px;
position: relative; right: 25px; top: 10px;
float: right;
overflow: auto;
font-family: sans-serif;
font-size: large;
text-shadow: black 1px 1px 2px;
color: white;
text-align: right;
}

#linkText a:link, a:visited{
color: white;
text-decoration: none;
text-shadow: black 1px 1px 2px;
}

#linkText a:hover{
color: silver;
text-decoration: none;
text-shadow: black 1px 1px 2px;
}



#navigation{
background-image:url(images/navbar.png);
width: 800px;
height: 60px;
position: relative; top: 30px;
}

#navigationDouble{
background-image:url(images/navbarDouble.png);
width: 800px;
height: 66px;
position: relative; top: 30px;
}


#navTop{
height: 25px;
width: 800px;
text-align: center;
position: relative; top: .6em;
font-family: sans-serif;
font-size: small;
position: relative;
text-decoration: none;
}

#navigation a:link{
color: white;
text-decoration: none;
text-shadow: black 1px 1px 2px;
}

#navigation a:hover{
color: silver;
text-decoration: none;
text-shadow: black 1px 1px 2px;
}

#navigation a:visited{
color: white;
text-decoration: none;
text-shadow: black 1px 1px 2px;
}

#navigationDouble a:link{
color: white;
text-decoration: none;
text-shadow: black 1px 1px 2px;
}

#navigationDouble a:hover{
color: silver;
text-decoration: none;
text-shadow: black 1px 1px 2px;
}

#navigationDouble a:visited{
color: white;
text-decoration: none;
text-shadow: black 1px 1px 2px;
}





#navBottom{
height: 25px;
width: 800px;
text-align: center;
position: relative; top: .5em;
font-family: sans-serif;
font-size: small;
}

#navBottomGuide{
height: 25px;
width: 800;
text-align: center;
position: relative; top: .5em;
font-family: sans-serif;
font-size: small;
}





#contentOverlay{
background-image: url(images/overlay.png);
width: 733px;
height: 435px;
position: relative; top: 45px; left: 33px;

}

#contentOverlay h1{
font-family:"Arial";
font-size: xx-large;
color: white;
}

#contentOverlay h2{
font-family:"Arial";
font-size: large;
color: white;
}

#pageTitle{
height: 150px;
width: 350px;
position: relative; left: 30px; top: 10px;
float: left;
text-shadow: black 1px 1px 2px;
}

#pageDate{
height: auto;
width: auto;
position: relative; bottom: 30px; right: 10px;
float: right;
text-shadow: black 1px 1px 2px;
}

#pageImage{
height: 259px;
width: 346px;
position: relative; left: 30px; bottom: 10px;
float: left;
padding-bottom: 100px;
margin-bottom: 30px;
}

#pageText{
height: 400px;
width: 310px;
position: relative; right: 25px; top: 10px;
float: right;
overflow: auto;
font-family: sans-serif;
font-size: small;
color: white;
}

#pageText p{
padding-right: 10px;
}

#pageContactInfo{
height: auto;
width: auto;
text-align: center;
position: relative;
font-family: sans-serif;
font-size: small;
text-shadow: black 1px 1px 2px;
color: white;
}

#footer{
width: 800px;
height: 300px;
margin: auto;
padding: auto;
}

#logo{
position: relative; left: 138px; top: 10px;
}

#footerNav{
width: 800px;
height: 40px;
position: relative; top: 20px;
}



#fNavItem1{
padding-left: 205px;
float: left;
position: relative;
}

#fNavItem2{
padding-left: 50px;
float: left;
position: relative;
}

#fNavItem3{
padding-left: 50px;
float: left;
position: relative;
}

#fNavInfo{
position:relative;
}


#castingBG{
background-image:url(images/casting.jpg);
height: 600px;
width: 800px;
margin: auto;
padding: auto;
position: relative;
}

#castingTitle{
height: auto;
width: 700px;
position: relative; left: 30px; top: 10px;
float: left;
text-shadow: black 1px 1px 2px;
}

#castingText{
height: 320px;
width: 680px;
margin-left: 15px;
float: left;
padding-right: 15px;
padding-left: 10px;
position: relative; 
overflow: auto;
font-family: sans-serif;
font-size: medium;
text-shadow: black 1px 1px 2px;
color: white;
}


#castingText a:link, a:visited{
color: silver;
text-decoration: none;
text-shadow: black 1px 1px 2px;
}

#castingText a:hover{
color: gray;
text-decoration: none;
text-shadow: black 1px 1px 2px;
}


img.floatRight{
float: right;
margin: 10px;

}

img.floatLeft{
float: left;
margin: 10px;
padding-top: 15px;
}

#bhVideo{
margin: auto;
position: relative; left: 58%; top: 15px;
float: right;
}


#pageTitle a:link{
color: white;
}

#pageTitle a:hover{
color: white;
}

#pageTitle a:visited{
color: white;
}

#CastingVideo{
float:right; 
margin:10px;
text-align:right;
}

#CastingVideo a:link{
margin-right:20px;
color:white;
}
#CastingVideo a:hover{
margin-right:20px;
color:white;
}
#CastingVideo a:visited{
margin-right:20px;
color:white;
}
div.VideoContent{
text-align:center;
}
#VideoBox{
 
padding-top:25px;
}

#videoLinks a:link{
color: white;
}

#videoLinks a:hover{
color: white;
}

#videoLinks a:visited{
color: white;
}


p.video{
text-align: right;
font-family: sans-serif;
color: white;
}

p.guide{
font-family: sans-serif;
font-size: medium;
text-shadow: black 1px 1px 2px;
}

img.guide{
float: right;
margin-left: 10px;
}

a:link{
color: silver;
text-decoration: none;
}

a:hover{
color: gray;
text-decoration: underline;
}

a:visited{
color: silver;
text-decoration: none;
}