@charset "UTF-8";
/* CSS Document */

body {
	background-color:#000;

	font-family: Arial, Helvetica, sans-serif;
	margin:0 auto 0 auto;
}
a {
	text-decoration: none;
	color: #d70101;}
	
a:hover {
	text-decoration: underline;
	color: #d70101;}
	
img {
border: none;
} 

a{
border:none;
}

/* Header */	

#grad {
	float: left;
	height: 200px;
	width: 1020px;
	position: fixed;
	top:0px;
	left: 36px;
	padding: 0 0 0 0;
	
	}

#fb {
	float: left;
	height: 32px;
	width: 32px;
	position: fixed;
	top:80px;
	left: 872px;
	padding: 0 0 0 0;
	
	}

#twitter {
	float: left;
	height: 32px;
	width: 32px;
	position: fixed;
	top:80px;
	left: 912px;
	padding: 0 0 0 0;
	
	}

#logo {
	float: left;
	height: 149px;
	width: 149px;
	position: fixed;
	left: 36px;
	top: 0;
	padding: 0;
}

#mainimage {
	float: left;
	height: 659px;
	width: 978px;
	position: fixed;
	left: 0;
	top: 0px;
	padding: 0;
}

#firstline {
	float: left;
	height: 149px;
	width: 1px;
	position: fixed;
	left: 224px;
	top: 0;
	padding: 0;
}

#secondline {
	float: left;
	height: 149px;
	width: 1px;
	position: fixed;
	left: 530px;
	top: 0;
	padding: 0;
}

#thirdline {
	float: left;
	height: 149px;
	width: 1px;
	position: fixed;
	left: 856px;
	top: 0;
	padding: 0;
}

#latest {
	float: left;
	height: 130px;
	width: 130px;
	position: fixed;
	left: 550px;
	top: 10px;
	padding: 0;
}

#facebook {
	float: left;
	height: 130px;
	width: 130px;
	position: fixed;
	left: 874px;
	top: 10px;
	padding: 0;
}

#emailus {
	float: left;
	height: 20px;
	width: 63px;
	position: fixed;
	left: 236px;
	top: 129px;
	padding: 0;
}

#connect {
	float: left;
	height: 130px;
	width: 130px;
	position: fixed;
	left: 872px;
	top: 123px;
	padding: 0;
}

#mainimage {
	float: left;
	height: 144px;
	width: 817px;
	position: fixed;
	left: 36px;
	top: 210px;
	padding: 0;
}

#events {
	float: left;
	height: 110px;
	width: 110px;
	position: fixed;
	left: 796px;
	top: 190px;
	padding: 0;
}

#nunsense {
	float: left;
	height: 110px;
	width: 256px;
	position: fixed;
	left: 36px;
	top: 408px;
	padding: 0;
}

#deck {
	float: left;
	height: 110px;
	width: 293px;
	position: fixed;
	left: 356px;
	top: 408px;
	padding: 0;
}

#review {
	float: left;
	height: 96px;
	width: 253px;
	position: fixed;
	left: 550px;
	top: 52px;
	padding: 0;
}



.housebutton {
width: 100px;
height: 12px;
padding: 4px;
font-size:11px;
font-weight: bold;
text-align: center;
margin-top: 2px;
margin-left: -3px;
}

.housebutton a {
width: 100px;
height: 12px;
padding: 4px;
font-size:11px;
text-decoration: none;
display: block;
color: #fff;
background-color: #cc0000;
}

.housebutton a:hover {
width: 100px;
height: 12px;
padding: 4px;
font-size:11px;
text-decoration: none;
background-color: #666;
}

.housebutton2 {
width: 100px;
height: 16px;
padding: 4px;
font-size:11px;
font-weight: bold;
text-align: center;
margin-top: 2px;
margin-left: -3px;
}

.housebutton2 a {
width: 100px;
height: 16px;
padding: 4px;
font-size:11px;
text-decoration: none;
display: block;
color: #fff;
background-color: #cc0000;
}

.housebutton2 a:hover {
width: 100px;
height: 16px;
padding: 4px;
font-size:11px;
text-decoration: none;
background-color: #666;
}

.housebutton3 {
width: 140px;
height: 16px;
padding: 4px;
font-size:11px;
font-weight: bold;
text-align: center;
margin-top: 2px;
margin-left: -3px;
}

.housebutton3 a {
width: 140px;
height: 16px;
padding: 4px;
font-size:11px;
text-decoration: none;
display: block;
color: #fff;
background-color: #cc0000;
}

.housebutton3 a:hover {
width: 140px;
height: 16px;
padding: 4px;
font-size:11px;
text-decoration: none;
background-color: #666;
}
/* Font styling */	

h1 {
	color:#d70101;
	font-size:12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 12px;
	margin: 15px 0 -10px 0;
	}


h2 {
	color:#666;
	font-size:9px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	margin: 0px 0px 0px 36px ;
	
	}

h2 a{
	color:#d70101;
	font-size:9px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	margin-top: 0;
	margin-bottom: 0;
	text-decoration: none;
	}

h2 a:hover{
	color:#d70101;
	font-size:9px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	margin-top: 0;
	margin-bottom: 0;
	text-decoration: underline;
	}

h3 {
	color:#FFF;
	font-size:12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	margin: 0px 0px 2px 10px ;
	}

h4 {
	color:#FFF;
	font-size:16px;
	font-weight: 16;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16p;
	margin: 5px 0px 2px 1px ;
	
	}
h4 a{
	color:#FFF;
	font-size:16px;
	font-weight: 16;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16p;
	margin: 5px 0px 2px 10px ;
	
	}
h4 a:hover {
	color:#000;
	font-size:16px;
	font-weight: 16;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16p;
	margin: 5px 0px 2px 10px ;
	text-decoration: none;
	}

h5 {
	color:#fff;
	font-size:12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	margin: 0px 0px 0px 0px ;
	}

h6 {
	color:#fff;
	font-size:28px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px ;
	}


/* Navigation */	

#nav {
	float: left;
	height: 180px;
	width: 130px;
	position: fixed;
	left: 242px;
	top: 14px;
	padding: 0;
}

#home
{
  display: block;
  width: 63px;
  height: 20px;
  background: url("g/home.gif") no-repeat 0 0;
  float: left;
  margin: 0 0 3px 0px;
}

#home:hover
{ 
  background-position: 0 -20px;
}

#home span
{
  display: none;
}

#productions
{
  display: block;
  width: 120px;
  height: 20px;
  background: url("g/productions.gif") no-repeat 0 0;
  float: left;
  margin: 0 0 3px 0px;
}

#productions:hover
{ 
  background-position: 0 -20px;
}

#productions span
{
  display: none;
}
#involved
{
  display: block;
  width: 116px;
  height: 20px;
  background: url("g/involved.gif") no-repeat 0 0;
  float: left;
  margin: 0 0 3px 0px;
}

#involved:hover
{ 
  background-position: 0 -20px;
}

#involved span
{
  display: none;
}

#about
{
  display: block;
  width: 88px;
  height: 20px;
  background: url("g/about.gif") no-repeat 0 0;
  float: left;
  margin: 0 0 3px 0px;
}

#about:hover
{ 
  background-position: 0 -20px;
}

#about span
{
  display: none;
}

#press
{
  display: block;
  width: 80px;
  height: 20px;
  background: url("g/press.gif") no-repeat 0 0;
  float: left;
  margin: 0 0 3px 0px;
}

#press:hover
{ 
  background-position: 0 -20px;
}

#press span
{
  display: none;
}


#news
{
  display: block;
  width: 59px;
  height: 20px;
  background: url("g/news.gif") no-repeat 0 0;
  float: left;
  margin: 0 0 3px 0px;
}

#news:hover
{ 
  background-position: 0 -20px;
}

#news span
{
  display: none;
}

/* Home content */	

#title {
	float: left;
	height: 145px;
	width: 889px;
	position: fixed;
	left: 40px;
	top: 325px;
	padding: 0;
	}
	
/* Footer */	

html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 40px;}  /* must be same height as the footer */


#footer {position: absolute;
	margin-top: -40px; /* negative value of footer height */
	height: 40px;
	clear:both; 
	background: #fff;
	}
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
	
}
#copyright {
	float: left;
	height: 40px;
	width: 100%;
	position: fixed;
	left: 0px;
	padding: 12px 0 0 0;
	background: #fff;
}

#contact {
	float: left;
	height: 10px;
	width: 100px;
	position: fixed;
	left: 720px;
	
	padding: 12px 0 0 0;
}

#contactbot
{
  display: block;
  width: 91px;
  height: 15px;
  background: url("g/contact.png") no-repeat 0 0;
  float: left;
  margin: 0 0 3px 0px;
}

#contactbot:hover
{ 
  background-position: 0 -15px;
}

#contactbot span
{
  display: none;
}


#botline1 {
	float: left;
	height: 55px;
	width: 1px;
	position: fixed;
	left: 690px;
	padding: 0 0 0 0;
	}
	
	#botline2 {
	float: left;
	height: 55px;
	width: 1px;
	position: fixed;
	left: 840px;
	padding: 0 0 0 0;
	}
	
#freedom {
	float: left;
	height: 13px;
	width: 112px;
	position: fixed;
	left: 870px;
	padding: 12px 0 0 0;
	
	}
	
#freedombut
{
  display: block;
  width: 112px;
  height: 13px;
  background: url("g/freedom.png") no-repeat 0 0;
  float: left;
  margin: 0 0 3px 0px;
}

#freedombut:hover
{ 
  background-position: 0 -13px;
}

#freedombut span
{
  display: none;
}

/* Productions content */	

#production {
	float: left;
	height: 33px;
	width:400px;
	position: absolute;
	top:200px;
	left: 36px;
	padding: 0 0 0 0;
	}

#archive {
	float: left;
	height: 33px;
	width:400px;
	position: absolute;
	top:530px;
	left: 36px;
	padding: 0 0 0 0;
	}
	
	
#production1 {
	float: left;
	height: 229px;
	width: 229px;
	position: absolute;
	top:260px;
	left: 36px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	background: #d70101;
	}

#production2 {
	float: left;
	height: 229px;
	width: 229px;
	position: absolute;
	top:260px;
	left: 275px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	background: #d70101;
	}

#production3 {
	float: left;
	height: 229px;
	width: 229px;
	position: absolute;
	top:260px;
	left: 514px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	background: #d70101;
	}

#production4 {
	float: left;
	height: 229px;
	width: 229px;
	position: absolute;
	top:260px;
	left: 753px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	background: #d70101;
	}

#production5 {
	float: left;
	height: 229px;
	width: 229px;
	position: absolute;
	top:840px;
	left: 36px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	background: #333;
	}

#production6 {
	float: left;
	height: 229px;
	width: 229px;
	position: absolute;
	top:840px;
	left: 275px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	background: #666;
	}

#production7{
	float: left;
	height: 229px;
	width: 229px;
	position: absolute;
	top:840px;
	left: 514px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	background: #666;
	}

#production8{
	float: left;
	height: 229px;
	width: 229px;
	position: absolute;
	top:840px;
	left: 753px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	background: #666;
	}

#production9 {
	float: left;
	height: 229px;
	width: 229px;
	position: absolute;
	top:840px;
	left: 36px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	background: #666;
	}
	
#production10 {
	float: left;
	height: 229px;
	width: 229px;
	position: absolute;
	top:1080px;
	left: 36px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	background: #666;
	}


#production11 {
	float: left;
	height: 229px;
	width: 229px;
	position: absolute;
	top:1080px;
	left: 275px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	background: #666;
	}

#production12{
	float: left;
	height: 229px;
	width: 229px;
	position: absolute;
	top:1080px;
	left: 514px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	background: #666;
	}
	
#production13{
	float: left;
	height: 229px;
	width: 229px;
	position: absolute;
	top:1080px;
	left: 753px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	background: #666;
	}


#production14{
	float: left;
	height: 229px;
	width: 229px;
	position: absolute;
	top:600px;
	left: 36px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	background: #666;
	}

#production15{
	float: left;
	height: 229px;
	width: 229px;
	position: absolute;
	top:600px;
	left: 275px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	background: #666;
	}

#production16{
	float: left;
	height: 229px;
	width: 229px;
	position: absolute;
	top:600px;
	left: 753px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	background: #666;
	}

#production17{
	float: left;
	height: 229px;
	width: 229px;
	position: absolute;
	top:600px;
	left: 514px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	background: #666;
	}
	
	#production18{
	float: left;
	height: 229px;
	width: 229px;
	position: absolute;
	top:1080px;
	left: 514px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	background: #666;
	}

#productionbot{
	float: left;
	height: 110px;
	width: 100px;
	position: absolute;
	top:1280px;
	left: 753px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	background: #;
	}



/* Production Page content */	

#prodline {
	float: left;
	height: 900px;
	width: 1px;
	position: fixed;
	top:200px;
	left:530px;
	padding: 0 0 0 0;
	}
	
#prodline2 {
	float: left;
	height: 60px;
	width: 1px;
	position: absolute;
	top:624px;
	left:145px;
	padding: 0 0 0 0;
	}
	
#castleft {
	float: left;
	height: 200px;
	width: 150px;
	position: absolute;
	top:610px;
	left:175px;
	padding: 0 0 0 0;
	}

#castright {
	float: left;
	height: 200px;
	width: 160px;
	position: absolute;
	top:625px;
	left:355px;
	padding: 0 0 0 0;
	}

#castright2 {
	float: left;
	height: 200px;
	width: 150px;
	position: absolute;
	top:628px;
	left:355px;
	padding: 0 0 0 0;
	}

#crewleft {
	float: left;
	height: 200px;
	width: 200px;
	position: absolute;
	top:760px;
	left:175px;
	padding: 0 0 0 0;
	}
	
#crewleft2 {
	float: left;
	height: 200px;
	width: 200px;
	position: absolute;
	top:860px;
	left:175px;
	padding: 0 0 0 0;
	}

#crewleft3 {
	float: left;
	height: 200px;
	width: 200px;
	position: absolute;
	top:830px;
	left:175px;
	padding: 0 0 0 0;
	}
	
#crewleft4 {
	float: left;
	height: 200px;
	width: 200px;
	position: absolute;
	top:750px;
	left:175px;
	padding: 0 0 0 0;
	}

#crewleft5 {
	float: left;
	height: 200px;
	width: 200px;
	position: absolute;
	top:1470px;
	left:175px;
	padding: 0 0 0 0;
	}
	
#crewleft6{
	float: left;
	height: 200px;
	width: 200px;
	position: absolute;
	top:770px;
	left:175px;
	padding: 0 0 0 0;
	}
	
#crewleft7{
	float: left;
	height: 200px;
	width: 200px;
	position: absolute;
	top:960px;
	left:175px;
	padding: 0 0 0 0;
	}


#crewright {
	float: left;
	height: 200px;
	width: 150px;
	position: absolute;
	top:778px;
	left:355px;
	padding: 0 0 0 0;
	}

#crewright2 {
	float: left;
	height: 200px;
	width: 150px;
	position: absolute;
	top:878px;
	left:355px;
	padding: 0 0 0 0;
	}

#crewright3 {
	float: left;
	height: 200px;
	width: 150px;
	position: absolute;
	top:848px;
	left:355px;
	padding: 0 0 0 0;
	}

#crewright4 {
	float: left;
	height: 200px;
	width: 150px;
	position: absolute;
	top:765px;
	left:355px;
	padding: 0 0 0 0;
	}

#crewright5 {
	float: left;
	height: 200px;
	width: 150px;
	position: absolute;
	top:1487px;
	left:355px;
	padding: 0 0 0 0;
	}
	
#crewright6 {
	float: left;
	height: 200px;
	width: 150px;
	position: absolute;
	top:785px;
	left:355px;
	padding: 0 0 0 0;
	}
		

#crewright7 {
	float: left;
	height: 200px;
	width: 150px;
	position: absolute;
	top:978px;
	left:355px;
	padding: 0 0 0 0;
	}

#other {
	float: left;
	height: 200px;
	width: 110px;
	position: absolute;
	top:610px;
	left:36px;
	padding: 0 0 0 0;
	}



#prodcontent {
	float: left;
	height: 200px;
	width: 430px;
	position: absolute;
	top:198px;
	left:554px;
	padding: 0 0 0 0;
	}

#gallery {
	float: left;
	height: 280px;
	width: 470px;
	position: absolute;
	top:200px;
	left:36px;
	padding: 0 0 0 0;
	}

#thumb1 {
	float: left;
	height: 110px;
	width: 110px;
	position: absolute;
	top:488px;
	left:36px;
	padding: 0 0 0 0;
	}

#thumb2 {
	float: left;
	height: 110px;
	width: 110px;
	position: absolute;
	top:488px;
	left:155px;
	padding: 0 0 0 0;
	}


#thumb3 {
	float: left;
	height: 110px;
	width: 110px;
	position: absolute;
	top:488px;
	left:275px;
	padding: 0 0 0 0;
	}
	
#thumb4 {
	float: left;
	height: 110px;
	width: 110px;
	position: absolute;
	top:488px;
	left:395px;
	padding: 0 0 0 0;
	}
	
#sepline {
	float: left;
	height: 1px;
	width: 948px;
	position: absolute;
	top:500px;
	left:36px;
	padding: 0 0 0 0;
	}
	
#sepline2 {
	float: left;
	height: 1px;
	width: 948px;
	position: absolute;
	top:564px;
	left:36px;
	padding: 0 0 0 0;
	}

/* About us Page content */	

#aboutcontent {
	float: left;
	height: 200px;
	width: 465px;
	position: absolute;
	top:260px;
	left:36px;
	padding: 0 0 0 0;
	}


#aboutus {
	float: left;
	height: 33px;
	width:400px;
	position: absolute;
	top:200px;
	left: 36px;
	padding: 0 0 0 0;
	}

#image {
	float: left;
	height: 857px;
	width: 684px;
	position: fixed;
	top:70px;
	left: 300px;
	padding: 0 0 0 0;
	}

/* News Page content */	
	
#newscontent {
	float: left;
	height: 200px;
	width: 630px;
	position: absolute;
	top:260px;
	left:36px;
	padding: 0 0 0 0;
	}
	
/* Pres content */	
	
#press1{
	float: left;
	height: 229px;
	width: 229px;
	position: absolute;
	top:260px;
	left: 36px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	background: #333;
	}

#press2 {
	float: left;
	height: 229px;
	width: 229px;
	position: absolute;
	top:260px;
	left: 275px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	background: #333;
	}

#press3 {
	float: left;
	height: 229px;
	width: 229px;
	position: absolute;
	top:502px;
	left: 36px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	background: #333;
	}

#press4 {
	float: left;
	height: 229px;
	width: 229px;
	position: absolute;
	top:502px;
	left: 275px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	background: #333;
	}
#eventsinvolved {
	float: left;
	height: 110px;
	width: 110px;
	position: fixed;
	left: 556px;
	top: 360px;
	padding: 0;
}