/* Sweet Genius v1 */





body {

		margin:5px 0px 0px 5px;

		background: #000 url() no-repeat top right; 

		background-repeat: repeat-x;

		align: center;

		font-family: Arial, Helvetica, sans-serif;

		font-size: 12px;

		line-height: 13px;

		}

	

	a {

		color: #FFF;

		text-decoration: none;

		}

		

	p,h1,h2,pre {

		margin:0px 0px 0px 0px;

		}

		

	h1 {

		font-size:12px;

		padding-top:15px;

		padding-bottom:5px;

		padding-left:5px;

		color: #95E7BF;

		}

		

	h2 {

		font-size: 11px;

		padding-top:0px;

		color: #CC1100;

		}



	h3 {

		font-size:30px;

		padding-top:5px;

		color: #660000;

		}



	h7 {

		font-size:90px;

		padding-top:5px;

		color: #CC1100;

		}



	p {

		font-size:11px;

		padding-top:0px;

		color: #FFF;

		}







	li:hover ul { display: block; }

	a:hover { text-decoration: none; color: #95E7BF; }

	a:link IMG { border: 0px solid white }

	a:active IMG { border: 0px solid white }

	a:visited IMG { border: 0px solid white }

	a:hover IMG { border: 0px solid black }













/* specific divs */





#big {

	position: absolute;

	padding: 0;

	width:850px;

	max-width: 850px;

	height: 450px;

	top: 20px;

	left: 50%;

	margin-left: -360px;

	margin-top: 0px;



}



#logo {

	background: #000 url() no-repeat top right; 

	border-width:           0px 0px 0px 0px;

    	border-style:           solid;

    	border-color:           #474747;

	position: 	        absolute;

	left:                   336px;

	width:                  500px;

	height:                 70px;

	top:                    70px;

	overflow:               none; 

	

	}



#constraint {

	background: #000 url() no-repeat top left;

	border-width:           1px 0px 1px 0px;

    	border-style:           solid;

    	border-color:           #FFF;

	position: 	        absolute;

	left:                   0px;

	width:                  720px;

	height:                 375px;

	top:                    140px;

	overflow:               auto; 

	

	}



#content {

	background: #000 url() no-repeat top left;

	position: 	        absolute;

	left:                   0px;

	width:                  720px;

	height:                 360px;

	top:                    0px;

	overflow:               off; 

	

	}





#info {

	background: #000 url() no-repeat top left;

	border-width:           0px 0px 0px 0px;

    	border-style:           solid;

    	border-color:           #474747;

	position: 	        absolute;

	align:			right;

	left:                   0px;

	width:                  570px;

	height:                 50px;

	top:                    525px;

	overflow:               off; 

	

	}



#menu {

	background: none url() no-repeat top left;

	border-width:           0px 0px 0px 0px;

    	border-style:           solid;

	position: 	        absolute;

	align:			left;

	left:                   0px;

	width:                  450px;

	height:                 100px;

	top:                    120px;

	overflow:               off; 

	

	}



#navigation {

	position: absolute;

	padding: 0;

	width:720px;

	max-width: 720px;

	height: 360px;

	top: 0px;

	left: 0px;

	margin-left: 0px;

	margin-top: 0px;

	overflow:  off;

}

























div.pdmenu {

	padding: 0px;

}



.pdmenu ul {

	margin: 0;

	padding: 0 0 25px 0;

	list-style-type: none;

	

}



.pdmenu li  {

	width:80px;

	margin: 0 -1px 0 0;

	padding: 0;

	border:1px solid black;

	color:black;

	text-decoration:none;

	background-color:white;

	float:left;

}



.pdmenu a {

	text-decoration: none;

	display: block;

	color: #fff;

	background-color: #000;

	padding: 5px;

}



.pdmenu a:hover {

	text-decoration: none;

	color: #95E7BF;

	background-color: #000;

}



.pdmenu li ul {

	display: none;

}



.pdmenu li:hover ul {

	visibility: visible;

	display: block;

	position:absolute;

	z-index:1;

	width:80px;

	padding: 0;

	margin: 0;

	border:1px solid black;

}



.pdmenu li li {

	border: none;

	}	



.pdmenu li li a {

	padding: 2px 2px 2px 10px;

}



.support {

	clear: both;

}





















































 .cssnav1

{

position: relative;

font-family: arial, helvetica, sans-serif;

background: url(images/button_production_hover.jpg) no-repeat;

white-space: nowrap;

display: block;

width: 720px;

height: 83px;

margin: 0;

padding: 0 0 5px 0;

}



.cssnav1 a

{

display: block;

color: #000000;

font-size: 11px;

width: 720px;

height: 83px;

display: block;

float: left;

color: black;

text-decoration: none;

}



.cssnav1 img

{

width: 720px;

height: 83px;

border: 0

}



* html a:hover

{

visibility:visible

}



.cssnav1 a:hover img

{

visibility:hidden

}



.cssnav1 span

{

position: absolute;

left: 0px;

top: 0px;

margin: 0px;

padding: 0px;

cursor: pointer;

}



















 .cssnav2

{

position: relative;

font-family: arial, helvetica, sans-serif;

background: url(images/button_casting_hover.jpg) no-repeat;

white-space: nowrap;

display: block;

width: 720px;

height: 83px;

margin: 0;

padding: 0 0 5px 0;

}



.cssnav2 a

{

display: block;

color: #000000;

font-size: 11px;

width: 720px;

height: 83px;

display: block;

float: left;

color: black;

text-decoration: none;

}



.cssnav2 img

{

width: 720px;

height: 83px;

border: 0

}



* html a:hover

{

visibility:visible

}



.cssnav2 a:hover img

{

visibility:hidden

}



.cssnav2 span

{

position: absolute;

left: 0px;

top: 0px;

margin: 0px;

padding: 0px;

cursor: pointer;

}





















 .cssnav3

{

position: relative;

font-family: arial, helvetica, sans-serif;

background: url(images/button_artdirection_hover.jpg) no-repeat;

white-space: nowrap;

display: block;

width: 720px;

height: 83px;

margin: 0;

padding: 0 0 5px 0;

}



.cssnav3 a

{

display: block;

color: #000000;

font-size: 11px;

width: 720px;

height: 83px;

display: block;

float: left;

color: black;

text-decoration: none;

}



.cssnav3 img

{

width: 720px;

height: 83px;

border: 0

}



* html a:hover

{

visibility:visible

}



.cssnav3 a:hover img

{

visibility:hidden

}



.cssnav3 span

{

position: absolute;

left: 0px;

top: 0px;

margin: 0px;

padding: 0px;

cursor: pointer;

}



















 .cssnav4

{

position: relative;

font-family: arial, helvetica, sans-serif;

background: url(images/button_assignments_hover.jpg) no-repeat;

white-space: nowrap;

display: block;

width: 720px;

height: 83px;

margin: 0;

padding: 0;

}



.cssnav4 a

{

display: block;

color: #000000;

font-size: 11px;

width: 720px;

height: 83px;

display: block;

float: left;

color: black;

text-decoration: none;

}



.cssnav4 img

{

width: 720px;

height: 83px;

border: 0

}



* html a:hover

{

visibility:visible

}



.cssnav4 a:hover img

{

visibility:hidden

}



.cssnav4 span

{

position: absolute;

left: 0px;

top: 0px;

margin: 0px;

padding: 0px;

cursor: pointer;

}
















