/*	LOAD FONT-FACE FONTS	*/


html, body
	{
	height: 100%;
	margin: 0px;
	background-color: black;
	background-image: url(images/bg.png);
	background-repeat: repeat;
	}

A:link {text-decoration: none; color: #ffba00; font-family: sans-serif;}
A:visited {text-decoration: none; color: #ffba00; font-family: sans-serif;}
A:active {text-decoration: none; color: #ffba00; font-family: sans-serif;}
A:hover {text-decoration: none; color: #ffba00; font-family: sans-serif;}


#main_container{
	position: absolute;
	margin-left: -395px;
	margin-top: 50px;
	left: 50%;
	width: 770px;
	}


/*	BUTTONS		*/


#buttons{
	position:absolute;
	top:30px;
	left:0px;
	z-index:2;
	}

.image_buttons{
	display:block;
	width:270px;
	height:79px;
	}

.image_buttons span{
	position: absolute;
	top: -999em;
	}

#frank_mansfield{height:88px; width:364px; background:url("images/b_frank_mansfield.png");}
#frank_mansfield:hover{background-position: 0 -88px;}
#showreel{background:url("images/b_showreel.png");}
#showreel:hover{background-position: 0 -79px;}
#downloads{background:url("images/b_downloads.png");}
#downloads:hover{background-position: 0 -79px;}
#contact{background:url("images/b_contact.png");}
#contact:hover{background-position: 0 -79px;}
#links{background:url("images/b_links.png");}
#links:hover{background-position: 0 -79px;}


/*	YELLOW BG BOX	*/

#yellow_back_box{
position:relative;
top:0px;
left:70px;
background-image: url(images/yellow_backing_box.png);
width:410px;
height:448px;
z-index:1;
}


/*	3D STAR		*/

img#amazing_3d{
position:absolute;
top:-5px;
left:335px;
z-index:4;
}


/*	MAIN RED BOX	*/

#main_red_box{
position:absolute;
top: 140px;
left: 270px;
width:474px;
z-index:3;
}

#main_red_box_contents{
color:white;
font-family: sans-serif;
font-size: 1.1em;
background-image: url(images/main_red_mid.png);
background-repeat: repeat-y;
min-height:250px;
display:block;
padding:40px;
padding-top:0px;
padding-bottom:10px;
}

#main_red_box_contents p{
margin:0px;
margin-bottom:20px;
}


#main_red_box_top{
position:absolute;
top:-74px;
background-image: url(images/main_red_top.png);
width:474px;
height:74px;
}
#main_red_box_bottom{
position:relative;
top:0px;
background-image: url(images/main_red_bottom.png);
width:474px;
height:32px;
display:block;
}


.small {
font-size: 0.8em;
}

.left_align{
text-align:left;
}

.center_align{
text-align:center;
}

/*	BLANKET FOR VIDEO POPUP		*/

#backgroundBlanket{  
display:none;  
position:fixed;   
height:100%;  
width:100%;  
top:0;  
left:0;  
background:#000000;
border:none;  
z-index:8;  
}  


/*	VIDEO POPUP			*/


#popupContact{ 
background-image: url(images/yellow_video_backsquare.png);
background-repeat:no-repeat;
display:none;  
position:fixed;   
width:708px;
height:416px;
border:none;  
z-index:10;  
padding:0px;  
font-size:13px;  
}  

.youtubevid{
left:34px;
top:28px;
border:none;
position:absolute;
}




/*	POPUP CLOSER			*/

#popupContactClose{  
z-index:11;
right:30px;  
top:-26px;  
position:absolute;   
display:block; 
width:54px;
height:54px; 
background:url("images/b_close.png");
}
#popupContactClose:hover{background-position: 0 -54px;}
#popupContactClose span{position: absolute; top: -999em;}