@charset "utf-8";

body{
margin: 0, auto;
background-color:#000000;
text-align:center;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;}

div#container{
text-align:center;
margin-left: auto; 
margin-right: auto;
width: 800px;
height:100%;} 

div#topanimation{
background-color:#ddd2a1;
width:800px;
height:50px;}

div#branding{
height:150px;
width:800px;
background-color:#ddd2a1;
background-image:url(images/brandinglogo.jpg);
background-repeat:no-repeat;}

div#navigation{
width:800px;
height:55px;
background-color:#ddd2a1;}

a#home {
float:left;
width: 130px;
height: 55px;
background-image: url(images/home.jpg);
margin-left: 36px;}
a#home:hover {
background-image: url(images/home_over.jpg);}

a#synopsis {
float:left;
width: 130px;
height: 55px;
background-image: url(images/synopsis.jpg);}
a#synopsis:hover {
background-image: url(images/synopsis_over.jpg);}

a#images {
float:left;
width: 130px;
height: 55px;
background-image: url(images/images.jpg);}
a#images:hover {
background-image: url(images/images_over.jpg);}

a#music {
float:left;
width:130px;
height:55px;
background-image:url(images/songs.jpg);}
a#music:hover {
background-image:url(images/songs_over.jpg);}

a#contactus {
float:left;
width: 179px;
height: 55px;
background-image: url(images/contactus.jpg);}
a#contactus:hover {
background-image: url(images/contactus_over.jpg);}

div#media{
width:800px;
height:300px;
border:1px solid #666666;}

div#content{
width:800px;
height:100%;
background-color: #ddd2a1;
text-align:left;}

div#bottomnav{
background-color:#ddd2a1;
width:800p x;
height:30px;
padding-top:5px;}

/* HREFS CSS CODE */

a:link { 	
color: #996600;
text-decoration:none;
font-size:9pt;
font-family:Arial, Helvetica, sans-serif;}
a:visited{
color:#996600;
font-size:9pt;
font-family:Arial, Helvetica, sans-serif;}
a:hover { 
color: #996600;
text-decoration: underline;
font-size:9pt;
font-family:Arial, Helvetica, sans-serif;}

.header{
	font-size:20pt;
	color:cccccc;}