body {
	background: #000; 
	text-align: center;
	margin: 0;
	font-family: arial, helvetica, sans-serif;
}

h1, h2, h3, h4, h5 {
	font-family: arial, helvetica, sans-serif;
	text-transform: uppercase;
	color: #5f5f5f;
	margin: 0 0 5px 0;
}

	h1 {
		font-size: 40px;
		margin-bottom: 10px;
		letter-spacing: -2px;
		line-height: 35px;
		color: #cc0033;
	}
	
	h2 {
		color: red;
		font-size: 23px;
	}

	.purple h1, .purple h2 {
		color: #663399;
	}

	.green h1, .green h2 {
		color: #669966;
	}

	.yellow h1, .yellow h2 {
		color: #f9b700;
	}

	.blue h1 , .blue h2{
		color: #0099cc;
	}


p {
	margin: 0 0 8px;
}

a {
	text-decoration: none;
}


div#bg {
	background: url('../images/bg-body-red.jpg') no-repeat top right;
	min-width: 1000px;
}

	.purple div#bg {
		background: url('../images/bg-body-purple.jpg') no-repeat top right;
	}
	
	.green div#bg {
		background: url('../images/bg-body-green.jpg') no-repeat top right;
	}
	
	.yellow div#bg {
		background: url('../images/bg-body-yellow.jpg') no-repeat top right;
	}
	
	.blue div#bg {
		background: url('../images/bg-body-blue.jpg') no-repeat top right;
	}
	
div#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

h1#logo {
	margin: 0 0 60px 41px;
	padding: 27px 0 0;
}

	h1#logo a {
		display: block;
		text-indent: -999px;
		overflow: hidden;
		background: url('../images/logo-canberratheatre.png') no-repeat top left;
		width: 236px;
		height: 151px;
	}

ul#nav {
	list-style: none;
	margin: 0 68px 0 0;
	padding: 0;
	float: left;
	width: 270px;
}

	ul#nav li {
		margin: 4px 0 4px 0;
		font-size: 18px;
		text-transform: uppercase;
	}

		ul#nav a, ul#nav li.on li a {
			color: #a8a8a8;
		}
		
			ul#nav a:hover, ul#nav li li a:hover, ul#nav li.on a {
				color: #b30037;
			}
			
		ul#nav ul {
			width: auto;
			margin: 0 0 10px 0;
			padding: 0;
			display: none;
		}

		ul#nav li.on ul {
			display: block;
		}
		
			ul#nav ul li {
				line-height: 15px;
				font-size: 15px;
				margin: 3px 0 3px 0;
				padding: 3px 0 1px 10px;
			}
			
				ul#nav li li.on {
					border-top: 1px solid #b30037;
					border-bottom: 1px solid #b30037;
				}

				ul#nav li li.on a {
					color: #fff;
				}

div#main {
	width: 581px;
	float: left;
	margin-bottom: 50px;
	min-height: 500px;
}
	
	div#main.solid {
		width: 541px;
		background: url('../images/bg-90white.png') repeat;
		padding: 15px 28px;
		font-family: georgia, serif;
		font-size: 13px;
		overflow: visible;
	}
	
	div#main #left {
		float: left;
		width: 190px;
		margin-right: 20px;
	}
	
	div#main #right {
		float: left;
		width: 330px;
	}

ul#thumbs {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: visible;
}

	ul#thumbs li {
		float: left;
		width: 140px;
		height: 155px;
		margin: 0 7px 7px 0;
		background: url('../images/bg-90white.png') repeat;
	}
	
		ul#thumbs li:hover {
			background: #fff;
		}
	
	ul#thumbs li.end {
		margin-right: 0;
	}
	
		ul#thumbs li a {
			display: block;
			margin: 5px;
			padding-top: 106px;
			color: #b30037;
			font-size: 12px;
			line-height: 12px;
			text-transform: uppercase;
			font-weight: bold;
		}
		
		li#thumb-wharf a {
			background: url('../images/thumb-wharf.jpg') no-repeat top;
		}				
		
		li#thumb-toy a {
			background: url('../images/thumb-toy.jpg') no-repeat top;
		}				
		
		li#thumb-walworth a {
			background: url('../images/thumb-walworth.jpg') no-repeat top;
		}				
		
		li#thumb-lear a {
			background: url('../images/thumb-lear.jpg') no-repeat top;
		}				
		
		li#thumb-unfold a {
			background: url('../images/thumb-unfold.jpg') no-repeat top;
		}				
		
		li#thumb-honour a {
			background: url('../images/thumb-honour.jpg') no-repeat top;
		}				
		
		li#thumb-rainman a {
			background: url('../images/thumb-rainman.jpg') no-repeat top;
		}				
		
		li#thumb-romeo a {
			background: url('../images/thumb-romeo.jpg') no-repeat top;
		}				
		
		li#thumb-bangarra a {
			background: url('../images/thumb-bangarra.jpg') no-repeat top;
		}				
		
		li#thumb-traviata a {
			background: url('../images/thumb-traviata.jpg') no-repeat top;
		}				
		
		li#thumb-twelfth a {
			background: url('../images/thumb-twelfth.jpg') no-repeat top;
		}				
		
		li#thumb-rain a {
			background: url('../images/thumb-rain.jpg') no-repeat top;
		}				
		
		li#thumb-shorter a {
			background: url('../images/thumb-shorter.jpg') no-repeat top;
		}				
		
		li#thumb-playhouse a {
			background: url('../images/thumb-playhouse.jpg') no-repeat top;
		}

div#footer {
	clear: left;
}