* {
	margin: 0;
	padding: 0;
	font: 14px "Courier New", Courier, monospace;
	font-weight: 800;
	outline: none;
	}

body {
	color: #000;
	background: #fff;
	}

h1 { font-size: 18px; }

p {
	margin: 20px 0 5px 0;
	text-align: left;
	}

a {
	text-decoration: none;
	color: #000;
    background: #fff;
	}

a:hover,
a.active { text-decoration: underline; }

img { border: none; }

h1 { text-align: center; }

h2 {
	margin-bottom: 20px; 
	text-align: left;
	font-size: 16px;
	}

td { vertical-align: top; }


/* Global classes
----------------------------------------------------*/
.clear {
	clear: both;
	display: block;
	height: 0px;
	font-size: 0px;
	}

#site {
	height: 100%;
	overflow: auto;
	}

#wrapper {
	width: 400px;
	margin: 0 auto 50px auto;
	}
	
#main_nav {
	position: fixed;
	top: 20px;
	right: 20px;
	width: 100%;
	}
	#main_nav ul {
		text-align: right;
		list-style-type: none;
		}
		
	#main_nav li { padding: 5px; }
	
	#main_nav a {
	    color: #000;
		background: #fff;
	    }

#content {
	position: relative;
	}
	
	#contacts h1,
	#contacts .region {
	    float: left;
	    }
	
	#contacts h1 {
	    width: 70px;
	    }
	
    #contacts .region {
        width: 530px;
	    margin: 0 0 20px 0;
	    }
	    
	#contacts h1,
	#contacts .region .company,
	#contacts .region .contacts,
	#contacts .region .details,
	#contacts .region .company h2 {
	    float: left;
	    text-align: left;
	    font-size: 14px;
	    }
	    
	#contacts .region .company {
	    width: 100%;
	    margin: 0 0 20px 0;
	    }
	
    #contacts .region .company h2 {
        width: 110px;
        }
        
	#contacts .region .company .contacts {
	    width: 420px;
	    }
	    
    #contacts .region .company .details {
        width: 50%;
        }
    
    #contacts .region .company .details p {
	    margin: 0 0 10px 0;
        }

.action {}

.character { text-align: center; }

.dialogue {
	width: 300px;
	margin: auto;
	}

td.left { padding: 0 10px 0 0; }
td.right {  }
td.spot {
	text-align: left;
	}
td.spot a {
	display: block;
	padding: 5px 0 5px 0;
	color: #fff;
	}
td.spot a:hover { text-decoration: underline; }
td.spot a:visited,
td.spot a.visited {
	color: #666;
	background: #000;
	}

a.reel_select {
	display: block;
	margin: 20px 0 0 -5px;
	padding: 5px;
	text-align: left;
	color: #fff;
	background: inherit;
	}
a.reel_select:hover { text-decoration: underline; }

#footer {
	position: fixed;
	z-index: 3;
	left: 0;
	bottom: 0;
	width: 100%;
	}
	#footer p {
		margin: 0;
		padding: 5px 0 5px 0;
		text-align: center;
		color: #fff;
		background: #000;
		}
		
#cache_killer { visibility: hidden; }
	
/* Thickbox additions
------------------------------------------------*/
#TB_qt {
	cursor: pointer;
	background: #000;
	}
	#TB_qt.movie {
		width: 320px;
		height: 256px;
		}
	#TB_qt.sound {
		width: 320px;
		height: 16px;
		}
	#TB_qt p {
		margin: 10px 0 0 0;
		font-size: 10px;
		text-align: center;
		}

/* #scenes tweaks
------------------------------------------------*/
#scenes #QE_Toolbar { visibility: hidden; }
#scenes ul {
	list-style-type: none;
	margin: 10px;
	}
#scene_media { text-align: center; }

.QE_Link { font-family: Arial, Helvetica, sans-serif; }


body#showreel,
body#showreel_sonny,
body#showreel_prettybird,
body#film {
	text-align: center;
	color: #fff;
	background: #000;
	}
	
body#showreel_prettybird {
	background: #000 url(/assets/images/prettybird-directors-large.jpg) no-repeat;
	}
	
	body#showreel a,
	body#showreel_sonny a,
	body#showreel_prettybird a {
		color: #fff;
		background: #000;
		}

    body#contacts #wrapper {
		width: 600px;
		}

	body#showreel #wrapper,
	body#showreel_sonny #wrapper,
	body#showreel_prettybird #wrapper {
		width: 340px;
		}