@charset "utf-8";

@import url("nav.css");

.inputtext {
	color: #444;
	background-color: #fff;
	font-size: 11px;
	border: #888888 1px solid;
	height: 17px;
	width: 120px;
	padding: 1px 3px;
}

.inputtextrequired {
	color: #444;
	background-color: #e2d0ff;
	font-size: 11px;
	border: #888888 1px solid;
	height: 17px;
	width: 120px;
	padding: 1px 3px;
}	
.inputselect {
	color: #444;
	background-color: #fff;
	font-size: 11px;
	border: #888888 1px solid;
	height: 17px;
	padding: 1px 0px 1px 3px;
	width: 120px;
}	
.inputtextarea {
	color: #444;
	background-color: #fff;
	font-size: 11px;
	border: #888888 1px solid;
}	
.inputtextarearequired {
	color: #444;
	background-color: #e2d0ff;
	font-size: 11px;
	border: #888888 1px solid;
}	
.inputbutton {
	color: #444;
	background-color: #fff;
	font-size: 11px;
	cursor: pointer;
	border:  1px solid;
	height: 19px;
	width: 80px;
	font-weight : bold;
}

/* ==================================== */

html, body {
	height: 100%;
}

body#site {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;  
	background: url(../images/bodybg.jpg) repeat-x #fff;
	line-height: 1.5em;
}

* html #body2 {
	height: 100%;
}

@-moz-document url-prefix() {
	body#site {
		overflow-y: scroll;
	}
}

h1 {
	font-size: 22px;
	color: #666;
	line-height: normal;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	margin: 20px 0 55px 0;
}

h2 {
	font-size: 12px;
	margin: 10px 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #6B41AD;
}

.debut a {
	color: #00b0d9;
}

.performa a {
	color: #e66e32;
}

strong, b {
	color: #777;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

td {
	font-size: 12px;
}

#container, #footer {
	width: 943px;
	margin: 0 auto;
	text-align: left;
}

#header {
	height: 173px;
	background: url(../images/header1_old.jpg) left top no-repeat;
	margin: 0 0 10px 0;
	position: relative;
}

	.principle .headerLink {
		position: absolute;
		top: 109px;
		display: block;
		height: 20px;
	}
	
	.headerLink {
		position: absolute;
		top: 94px;
		display: block;
		height: 20px;
	}
	
	.headerLink:hover {
		text-decoration: none;
	}
	
	.headerLink b {
		visibility: hidden;
	}
	
	.principle #header-schools {
		right: 485px;
		width: 70px;
	}
	.principle #header-colleges {
		right: 405px;
		width: 80px;
	}
	.principle #header-theatres {
		right: 325px;
		width: 80px;
	}
	.principle #header-churches {
		right: 236px;
		width: 89px;
	}
	.principle #header-community {
		right: 78px;
		width: 158px;
	}
	
	#header-schools {
		right: 470px;
		width: 70px;
	}
	#header-colleges {
		right: 390px;
		width: 80px;
	}
	#header-theatres {
		right: 310px;
		width: 80px;
	}
	#header-churches {
		right: 221px;
		width: 89px;
	}
	#header-community {
		right: 63px;
		width: 158px;
	}

.performa #header {
	background: url(../images/header2.jpg);
}
.cameo #header {
	background: url(../images/header4.jpg) left top no-repeat;
	width:939px;
	height:173px;
}

.debut #header {
	background: url(../images/header3.jpg) left top no-repeat;
	width:939px;
	height:173px;
}

.principle #header {
	background: url(../images/header1.jpg);
}

#nav {
	width: 140px;
	float: left;
	margin: 0 20px 20px 0;
}

#right {
	width: 783px;
	float: right;
	min-height: 477px;
}

#right.furtherRight {
	background: url(../images/furtherTopBG.jpg) no-repeat;
	padding: 0 30px 30px 23px;
	width: 730px;
}

* html right {	
	height: 477px;
}

	#mainHome {
	width:779px;
	height:260px;
	position:relative;
	z-index:0;
	}
	
	#mainHome h1, #mainHome p {
		margin:0;
		padding:0;
	}
	#mainHome h1 {
		font-size:35px;
		margin-bottom:5px;
		line-height:33px;
	}
	
	#mainHome p {
		font-size:13px;
		font-weight:bold;
		color:#2d2d2d;
	}
	
	
	#mainHome #tab1 h1 {
		color:#643da3;
	}
	#mainHome #tab2 h1 {
		color:#1d6a7f;
	}
	#mainHome #tab3 h1 {
		color:#5e379c;
	}
	#mainHome #tab4 h1 {
		color:#e35815;
	}
	
	#mainHome #tab3 p {
		color:#fff;
	}
	.tabCont {
	width:749px;
	height:230px;
	position:absolute;
	top:0;
	left:0;
	padding-left:30px;
	padding-top:30px;
}


#debut-box {
	width:749px;
	height:156px;
	padding-left:30px;
	padding-top:30px;
	background:url(../images/debut-banner.jpg);
	position:relative;
}
#cameo-box {
	width:749px;
	height:156px;
	padding-left:30px;
	padding-top:30px;
	background:url(../images/cameo-banner.jpg);
	position:relative;
}

#debut-box h2, #debut-box p, #cameo-box h2, #cameo-box p {
		margin:0;
		padding:0;
		font-family: Arial,Helvetica,sans-serif;
	}

#debut-box h2, #cameo-box h2 {
	
		font-size:35px;
		margin-bottom:5px;
		line-height:33px;
		color:#e35815;
}
#cameo-box h2 {
	color:#7955b7;
}
#debut-box p, #cameo-box p {
		font-size:13px;
		font-weight:bold;
		color:#2d2d2d;
		margin-bottom:10px;
}
#cameo-box p {
	color:#fff;
	font-size:16px;
}
#orange-box, #purple-box {
	background:url(../images/orange-box.jpg);
	width:749px;
	height:113px;
	padding-left:30px;
	padding-top:20px;
	color:#fff;
	margin-top:8px;
}
#purple-box {
	background:url(../images/purple-box.jpg);
}
#orange-box h3, #purple-box h3 {
	font-size:18px;
	margin:0;
	padding:0;
	padding-bottom:20px;
}
#orange-box ul, #purple-box ul {
	margin:0;
	padding:0;
	list-style:inside;
}
#orange-box li, #purple-box li {
	float:left;
	color:#fff;
	font-weight:bold;
	font-size:0.9em;
}
#orange-box li.left, #purple-box li.left {
	width:355px;
}
#orange-box li.right, #purple-box li.right {
	width:390px;
}
.debut-buttons {
	float:right;
	width:566px;
}
.margin {
	margin-right:16px;
	display:inline-block;
}
	

.tabCont img {
	position:absolute;
	bottom:19px;
	left:109px;
}
#tab1 {
	background:url(../images/home-banner1.jpg);
	z-index:2;
}
#tab2 {
	background:url(../images/home-banner2.jpg);
	
}
#tab3 {
	background:url(../images/home-banner3.jpg);
	
}
#tab4 {
	background:url(../images/home-banner4.jpg);
	
}
	
	ul#home-tabs {
		margin:0;
		padding:0;
		list-style:none;
		position:absolute;
		z-index:5;
		height:12px;
		bottom:36px;
		left:28px;
	}
	ul#home-tabs li {
		float:left;
		height:12px;
	}
	ul#home-tabs li span {
		display:none;
	}
	ul#home-tabs li a {
		display:block;
		width:13px;
		height:13px;
		margin-right:4px;
	
	}
	
		#mainHome strong {
			color: #fff;
		}
	
		#homep1 {
			width: 250px;
			margin:61px 0 43px 30px;
			float: left;
			font-size: 13px;
			color: #fff;
		}
		
		#homep2 {
			width: 156px;
			float: right;
			margin: 47px 63px 43px 0;
			color: #333;
			font-size: 11px;
			line-height: 1.3em;
		}
		
		#homep3 {
			margin: 0 0 0 30px;
			color: #444;
			float: left;
			clear: both;
			width: 430px;
		}
		
			#homep3 a {
				font-weight: bold;
				color: #fff;
			}
			
		a#homeEnquire {
			display: block;
			clear: right;
			width: 117px;
			height: 34px;
			float: right;
			margin: -8px 103px 0 0;
		}
		
		a#homeEnquire:hover {
			text-decoration: none;
		}
		
			a#homeEnquire b {
				visibility: hidden;
			}

	#topDeck {
		width: 247px;
		height: 175px;
		float: left;
		background: url(../images/topDeck.jpg);
	}
	#topDeck a, #Seating a {
	color:#333333;
	font-weight:bold;
	}
	#Seating {
		position:relative;
		height: 175px;
		float: left;
		margin: 0 10px 0 0;
		
	}
	#prepacked {
		position:relative;
		height: 175px;
		float: left;
		
	}
	
	#debut {
		position:relative;
		height: 175px;
		float: left;
		margin: 0 0 10px 0;
		/*background: url(../images/debut.jpg);*/
	}
		#debut a, #principle a {
	color:#ffffff;
	font-weight:bold;
	}
	#principle {
		height: 175px;
		float: left;
		margin:0 10px 10px 0;
		
	}
	
		#topDeck p, #debut p, #principle p, #Seating p {
			width: 120px;
			font-size: 11px;
			line-height: 1.3em;
			margin-top: 43px;
		}
		
		#topDeck p, #Seating p {
			margin-left: 24px;
		}
		#debut p, #principle p  {
			margin-left: 18px;
			color: #fff;
		}

#footerWrap {
	width: 100%;
	height: 125px;
	text-align: center;
	background: #333;
	border-top: 6px solid #8cc63e;
	clear: both;
}

.performa #footerWrap {
	border-top: 6px solid #00b0d9;
}

.debut #footerWrap {
	border-top: 6px solid #e66e32;
}

#footer {
	height: 90px;
	padding: 35px 15px 0 15px;
	width: 913px;
	color: #fff;
}

#footerLeft {
		width: 35%;}
#footerRight {
		width: 65%;}

	#footerLeft, #footerRight {
		float: left;
		font-size: 12px;
		height: 30px;
		font-weight:bold;
	}
	
	#footer a {
		color: #fff;
	}
	
	#footerText  {
		clear: both;
		margin: 30px 0 0 0;
		*position: relative;
		*top: -40px;
	}
	
#nav a.purple{
	color:#6B44AE;
	}
#nav a.orange{
	color:#E66E32;
	}
#nav a.blue{
	color:#00B0D9;
	}
#nav a.liteblue{
	color:#00D5FF;
	}

#nav a.purple:hover, #nav a.orange:hover, #nav a.blue:hover, #nav a.liteblue:hover{
	color:#ffffff;
	}
#seatingimg{
	position:absolute;
	top:12px;
	right:12px;
	display:block;
	width:95px;
	height:152px;
	}
#seatingimg:hover{
	text-decoration:none;
	}
#seatingimg2{
	position:absolute;
	top:12px;
	right:12px;
	display:block;
	width:92px;
	height:152px;
	}
#seatingimg2:hover{
	text-decoration:none;
	}
#leftcolumn {
float:left;
width:520px;
margin-bottom:30px;
}
#facebook {
float:right;
width:262px;
margin-top:30px;
}

#debut-img, #cameo-img {
	margin-top:-20px;
}

#debut-text, #cameo-text {
	padding-left:20px;
}