/* CSS Document */

p {
				font: Verdana, Arial, Helvetica, sans-serif;
				color:#4c557d;
				font-size:small;
				text-decoration:none;
				font-weight:normal;
				margin: 0 0 10px 0;
				}

h2 {
				font: Verdana, Arial, Helvetica, sans-serif;
				color:#4c557d;
				font-size:small;
				text-decoration:none;
				font-weight:normal;
				margin: 0 0 10px 0;
				}
				
h3 {
				font: Verdana, Arial, Helvetica, sans-serif;
				color:#313650;
				font-size:medium;
				text-decoration:none;
				font-weight:normal;
				margin: 0 0 10px 0;
				}
				
h4 {
				font: Verdana, Arial, Helvetica, sans-serif;
				color:#313650;
				font-size:large;
				text-decoration:none;
				font-weight:bold;
				margin: 10 0 4px 0;
				}
			
* {
				padding: 0;
				margin: 0;
				font-family: Arial, sans-serif;
			}
			
			body {
				margin: 0px;
				font-size: 12px;
				text-align: center;
				background-image:url(images/bg.jpg);
				background-position:top center;
				background-repeat:no-repeat;
			}
			
			body {
				behavior: url(csshover.htc);
			}

.right 		{
  				float: right;
				margin-left: 20px;
			}

.left 		{
  				float: left;
				margin-right: 20px;
				margin-bottom: 10px;
			}
			
			ul {
				list-style: none;
			}

			ul a {
				color: #FFF;
				text-decoration: none;
				display: block;
				padding: 0px 0px 0px 0px;
				width: 150px;
				background: #333;
			}
			
			ul a:hover {
				color: #4BD8FF;
				text-decoration: none;
				background: #3C3C3C;
			}
			
			ul li {
				border-bottom: 0px solid #FFF;
				border-right: 0px solid #FFF;
				float: left;
				position: relative;
			}
			
			ul li ul {
				list-style: none;
				position: absolute;
				left: 0;
				top: 100%;
				display: none;
				width: 150px;
				border-top: 1px solid #FFF;
			}
			
			ul li:hover ul { display: block; }
			
			ul li:hover ul li ul { display: none; }
			
			ul li ul li:hover ul {
				display: block;
				position: absolute;
				left: 150px;
				top: -1px;
				border-left: 1px solid #FFF;
			}
			
			ul li span {
				display: none;
			}
			
			ul li a {
				width: 150px;
				height: 29px;
			}
			
			ul li#gabriel a {
				background: url(images/gabriel1.gif) no-repeat;
			}
			ul li#gabriel a:hover {
				background: url(images/gabriel1_on.gif) no-repeat;
			}
			
			ul li#extra a {
				
				width: 25px;
			}
			
			ul li#extra1 a {
				
				width: 10px;
			}
			
			ul li#gabrielmgmt a {
				background: url(images/gabrielmgmt1.gif) no-repeat;
			}
			ul li#gabrielmgmt a:hover {
				background: url(images/gabrielmgmt1_on.gif) no-repeat;
			}
			

			
			ul li#perryreece a {
				background: url(images/perry1.gif) no-repeat;
			}
			ul li#perryreece a:hover {
				background: url(images/perry1_on.gif) no-repeat;
			}
			
			ul li#aboutus1 a {
				background: url(images/about1.gif) no-repeat;
				width: 150px;
			}
			
			ul li#aboutus a {
				background: url(images/about1.gif) no-repeat;
			}
			ul li#aboutus a:hover {
				background: url(images/about1_on.gif) no-repeat;
			}
			
			ul li#ourmission a {
				background: url(images/mission1.gif) no-repeat;
			}
			ul li#ourmission a:hover {
				background: url(images/mission1_on.gif) no-repeat;
			}
			
			
			ul li#investor a {
				background: url(images/investor1.gif) no-repeat;
			}
			ul li#investor a:hover {
				background: url(images/investor1_on.gif) no-repeat;
			}
			
			ul li#contact a {
				background: url(images/contactbig.gif) no-repeat;
			}
			ul li#contact a:hover {
				background: url(images/contactbig_on.gif) no-repeat;
			}
			
			ul li#Films a {
				background: url(images/filmname1.gif) no-repeat;
				height: 22px;
			}
			ul li#Films a:hover {
				background: url(images/filmname1_on.gif) no-repeat;
				height: 22px;
			}
			
			ul li#Company a {
				background: url(images/company1.gif) no-repeat;
				height: 22px;
			}
			ul li#Company a:hover {
				background: url(images/company1_on.gif) no-repeat;
				height: 22px;
			}
			
			ul li#CastingSite a {
				background: url(images/casting1.gif) no-repeat;
				height: 22px;
			}
			ul li#CastingSite a:hover {
				background: url(images/casting1_on.gif) no-repeat;
				height: 22px;
			}
			
			
			ul li#Team a {
				background: url(images/team1.gif) no-repeat;
				height: 22px;
			}
			ul li#Team a:hover {
				background: url(images/team1_on.gif) no-repeat;
				height: 22px;
			}
			
			ul li#News a {
				background: url(images/news1.gif) no-repeat;
				height: 22px;
			}
			ul li#News a:hover {
				background: url(images/news1_on.gif) no-repeat;
				height: 22px;
			}
			
			ul li#Contact a {
				background: url(images/contact1.gif) no-repeat;
				height: 22px;
			}
			ul li#Contact a:hover {
				background: url(images/contact1_on.gif) no-repeat;
				height: 22px;
			}
			
			ul li#Services a {
				background: url(images/services1.gif) no-repeat;
				height: 22px;
			}
			ul li#Services a:hover {
				background: url(images/services1_on.gif) no-repeat;
				height: 22px;
			}
			
			ul li#Events a {
				background: url(images/events1.gif) no-repeat;
				height: 22px;
			}
			ul li#Events a:hover {
				background: url(images/events1_on.gif) no-repeat;
				height: 22px;
			}
			
			ul li#OurWork a {
				background: url(images/work1.gif) no-repeat;
				height: 22px;
			}
			ul li#OurWork a:hover {
				background: url(images/work1_on.gif) no-repeat;
				height: 22px;
			}
			
			ul li#FilmName a {
				background: url(images/filmname1.gif) no-repeat;
				height: 22px;
			}
			ul li#FilmName a:hover {
				background: url(images/filmname1_on.gif) no-repeat;
				height: 22px;
			}
			
			

div#container
{
margin-left: auto;
margin-right: auto;
width: 900px;
text-align: left;
}