/* Globals */

strong{
	font-weight:bold;
}

a, a:visited{
	color:#333333;
	text-decoration:underline;
}

	a:hover{
		color:#631604;
	}


h1{
	font-weight:bold;
	font-size:20px;
	margin-bottom:20px
}

h2{
	font-weight:bold;
	font-size:18px;
	margin-bottom:16px;
}
h3{
	font-weight:bold;
	font-size:16px;
	border-bottom:1px solid #cccccc;
	margin-bottom:16px;
	color:#333333;
}

p{
	margin-bottom:12px;
}

body{
	width:1125px;   
}

	body.wide{
		width:1340px;
	}

ul li{
	margin:0;
	padding:0; 
	overflow:hidden;
}

ul li a{
	margin:0;
	padding:0; 
	overflow:hidden; 
  vertical-align: bottom; /* This fixes the IE5 Win gap! */
}

/* LAYOUT */


span{ display:none;}

#wrap{
	width:100%;
	height:750px;
	display:block;
	background:url('../images/home_bg.jpg') repeat-x center top;
	text-align:center;
	overflow:hidden;
}

#bboard{
	margin:0 auto;
	text-align:center;
	width:1111px;
	overflow:hidden;
}

#bboard h1{
	margin:0;
}


#bboard h1 a{
	display:block;
	width:728px;
	height:161px;
	background:url('../images/channing_sargent.jpg') no-repeat top left;
}
	
#bboard h1 a:hover{ 
	background:url('../images/channing_sargent.jpg') no-repeat bottom left;
}

/* NAVIGATION LINKS */

#navigation{
	float:left; 
}

#navigation #performance a{
	display:block;
	width:342px;
	height:174px;
	background:url('../images/performance.jpg') no-repeat right top; 
}

#navigation #performance a:hover{ 
	background:url('../images/performance.jpg') no-repeat right bottom;
}

#navigation #acting,#navigation #performance{
}

#navigation #acting a{
	display:block;
	width:342px;
	height:193px;
	background:url('../images/acting.jpg') no-repeat right top; 
}

#navigation #acting a:hover{ 
	background:url('../images/acting.jpg') no-repeat right -195px;
}


#navigation #bio a{
	display:block;
	width:728px;
	height:221px;
	background:url('../images/bio.jpg') no-repeat right top;
}
#navigation #bio a:hover{ 
	background:url('../images/bio.jpg') no-repeat right bottom;
}

/* right navigation */

#navb {
	float:right;
	overflow:hidden;
}

#navb #press a{
	display:block;
	width:383px;
	height:200px;
	background:url('../images/press.jpg') no-repeat left top;
}
#navb #press a:hover{ 
	background:url('../images/press.jpg') no-repeat left bottom;
}
#navb #contact a{
	display:block;
	width:383px;
	height:102px;
	background:url('../images/hello.jpg') no-repeat left top;
}

#navb #contact a:hover{ 
	background:url('../images/hello.jpg') no-repeat left bottom;
}
#navb #legacy a{
	display:block;
	width:383px;
	height:228px;
	background:url('../images/legacy.jpg') no-repeat left top;
}
#navb #legacy a:hover{ 
	background:url('../images/legacy.jpg') no-repeat left bottom;
}
#navb #legacy a{
	display:block;
	width:383px;
	height:228px;
	background:url('../images/legacy.jpg') no-repeat left top;
}
#navb #legacy a:hover{ 
	background:url('../images/legacy.jpg') no-repeat left bottom;
}
#navb #upcoming a{
	display:block;
	width:383px;
	height:220px;
	background:url('../images/upcoming.jpg') no-repeat left -1px;
}
#navb #upcoming a:hover{ 
	background:url('../images/upcoming.jpg') no-repeat left bottom;
}

/* CENTER PAPER */
#papertext{
	background:url('../images/paper_bg.jpg') no-repeat right top;
	position:absolute; 
	width:386px;
	height:367px;
	overflow:hidden;
	left:349px;
top:161px;
}

	#contact #papertext, #upcoming #papertext{
		background:url('../images/paper_bg_2.jpg') no-repeat right top;

	}
	

#papertext #content { 
	text-align:left; 
height:284px;
margin-top:43px; 
 	font-family:"Courier New", Courier, mono;
}	


/* INTERIOR STYLES */

#wrap.interior {
	background:#ffffff;
	height:auto; 
	width:1345px; 
}

#boardleft{ 
		background:transparent url(../images/sidebg.jpg) no-repeat scroll left bottom;
		float:left;
		padding-bottom:272px;
}
	
#nav #performance a{
	display:block;
	width:317px;
	height:257px;
	background:url('../images/interiorb_01.jpg') no-repeat left top;
}

#nav #performance a:hover{ 
	background:url('../images/interiorb_01.jpg') no-repeat left bottom;
}

#nav #bio a{
	display:block;
	width:317px;
	height:105px;
	background:url('../images/interior_03.jpg') no-repeat left top;
}

#nav #bio a:hover{ 
	background:url('../images/interior_03.jpg') no-repeat left bottom;
}


#nav #upcoming a{
	display:block;
	width:317px;
	height:150px;
	background:url('../images/interior_05.jpg') no-repeat left top;
}

#nav #upcoming a:hover{ 
	background:url('../images/interior_05.jpg') no-repeat left bottom;
}

#nav #acting a{
	display:block;
	width:317px;
	height:136px;
	background:url('../images/interior_06.jpg') no-repeat left top;
}

#nav #acting a:hover{ 
	background:url('../images/interior_06.jpg') no-repeat left bottom;
}

#nav #press a{
	display:block;
	width:317px;
	height:128px;
	background:url('../images/interior_07.jpg') no-repeat left top;
}

#nav #press a:hover{ 
	background:url('../images/interior_07.jpg') no-repeat left bottom;
}
#nav #contact a{
	display:block;
	width:317px;
	height:211px;
	background:url('../images/interior_08.jpg') no-repeat left top;
}

#nav #contact a:hover{ 
	background:url('../images/interior_08.jpg') no-repeat left bottom;
}


#boardright h1 a{
	display:block;
	width:1018px;
	height:257px;
	background:url('../images/interiorc_02.jpg') no-repeat top left;
}

#boardright #papertext{
	background:none;
	width:720px;
	height:auto;margin-top:100px;
}

	#gallery #boardright #papertext{
		width:1000px;
	}

#boardright #papertext #content{
	height: auto;
	margin-top:0;
}


#boardright{
	float:left;
}