/*====================================*/
/* Main/Layout */

body {
	margin:				0px;
	padding:			0px;
	background: 		#8E8E8E url(../../img/bg_body.gif) repeat-x 0px 0px;
	color:				#FFFFFF;
	font-family: 		arial, sans-serif;
	font-size:			14px;
	/*Can always take this out or set to 'normal' - this seems to be IE/FF default*/
	line-height:		1.2;
}

#header{
	padding:		0px;
	margin-top:		10px;
	margin-bottom:	0px;
	margin-left:	auto;
	margin-right:	auto;
	background: 	#8E8E8E;
	color:			white;
	font-family:	arial, sans-serif;
	font-weight:	bold;
	font-size:		14px;
	text-align:		center;
	width: 			850px;
}

#main_page{
	text-align:		center;
	width: 			770px;
	margin-top:		0px;
	margin-bottom:	0px;
	margin-left:	auto;
	margin-right:	auto;	
	padding:		0px 40px 10px 40px;
	background: 	#9E9E9E;
	color:			white;
	font-family:	arial, sans-serif;
	font-size:		14px;	
}

#footer{
	padding:		10px 20px 10px 20px;
	margin-top:		0px;
	margin-bottom:	20px;
	margin-left:	auto;
	margin-right:	auto;
	background: 	#9E9E9E url(../../img/bg_footer.gif) repeat-x 0px 0px;
	/*border:			1px solid white;*/
	color:			#BBBBBB;
	font-family:	arial, sans-serif;
	font-size:		11px;
	width: 			810px;	
}

#header_image {
	background:	#8E8E8E url(../../img/pp_agency.png) no-repeat 0px 0px;
	margin:		0px;
	padding:	0px;
	width:		614px;
	height:		109px;
	margin-left:	auto;
	margin-right:	auto;
}

/*---------*/
/*Tab menu*/

#menu_content {
	margin:		0px;
	padding:	0px;	
	height:		40px;
	width:		100%;	
}

#menu_bar {	
	margin:		0px;
	padding:	0px;
	list-style:	none;
	float:		left;	
}

#menu_bar li {
	float:			left;
	margin-right:	2px;
}

#menu_bar li a {
	display:			block;
	height:				40px;
	line-height:		40px;
	text-decoration:	none;
	text-align:			center;
	color:				#FFFFFF;
	/*background-color:	#FFFFFF;*/
}
#menu_bar li a span{
	display:			block;	
	height:				40px;
	line-height:		40px;
	padding:			0px 20px 0px 20px;	
	text-align:			center;
	color:				#FFFFFF;
	/*background-color:	#FFFFFF;*/
	white-space:		nowrap;
}

a#menuHome,
a#menuHome:link,
a#menuHome:visited,
a#menuAgency,
a#menuAgency:link,
a#menuAgency:visited,
a#menuActors,
a#menuActors:link,
a#menuActors:visited,
a#menuAbout,
a#menuAbout:link,
a#menuAbout:visited,
a#menuContact,
a#menuContact:link,
a#menuContact:visited {
	background: url(../../img/menu_tab_left.gif) no-repeat left 0px;
	border: 	none;
}

a#menuHome span.menu_link,
a#menuHome:link span.menu_link,
a#menuHome:visited span.menu_link,
a#menuAgency span.menu_link,
a#menuAgency:link span.menu_link,
a#menuAgency:visited span.menu_link,
a#menuActors span.menu_link,
a#menuActors:link span.menu_link,
a#menuActors:visited span.menu_link,
a#menuAbout span.menu_link,
a#menuAbout:link span.menu_link,
a#menuAbout:visited span.menu_link,
a#menuContact span.menu_link,
a#menuContact:link span.menu_link,
a#menuContact:visited span.menu_link {
	background: url(../../img/menu_tab_right.gif) no-repeat right 0px;
}

a#menuHome:hover,
a#menuHome:active,
a#menuAgency:hover,
a#menuAgency:active,
a#menuActors:hover,
a#menuActors:active,
a#menuAbout:hover,
a#menuAbout:active,
a#menuContact:hover,
a#menuContact:active {
	/*background-position: left -40px;*/
	color:	#990000;
	border: none;
}

a#menuHome:hover span.menu_link,
a#menuHome:active span.menu_link,
a#menuAgency:hover span.menu_link,
a#menuAgency:active span.menu_link,
a#menuActors:hover span.menu_link,
a#menuActors:active span.menu_link,
a#menuAbout:hover span.menu_link,
a#menuAbout:active span.menu_link,
a#menuContact:hover span.menu_link,
a#menuContact:active span.menu_link {
	/*background-position: right -40px;*/
	color:	#990000;
	cursor: hand;
}

#menu_bar li span.menuSelectedOuter {
	display:			block;	
	height:				40px;
	line-height:		40px;
	text-align:			center;
	color:				#7E7E7E;
	white-space:		nowrap;
	background:			url(../../img/menu_tab_left.gif) no-repeat left 0px;
}
#menu_bar li span.menuSelectedInner {
	display:			block;	
	height:				40px;
	line-height:		40px;
	padding:			0px 20px 0px 20px;	
	text-align:			center;
	color:				#7E7E7E;
	white-space:		nowrap;
	background:			url(../../img/menu_tab_right.gif) no-repeat right 0px;
}

/*---------*/
/*Links*/
a, a:link, a:visited {
	text-decoration: none;
	color:	#FFFFFF;
}

a:hover, a:active {
	text-decoration: underline;
	color: #FFFFFF;
}

/*Text formatting*/
div.textJustify {
	text-align: justify;
	margin:		0px;
	padding:	0px;
}

div.textLeft {
	text-align: left;
	margin:		0px;
	padding:	0px;
}

p {
	margin-top: 0px;
	padding: 0px;
}

/*Page headers*/
div.pageHeader {	
	text-align:	left;	
	margin:		10px 0px 5px 0px;
	padding:	0px;	
}

div#dramaAgencyHeader {
	float:		left;
	height:		85px;
	width:		328px;
	background:	#9E9E9E url(../../img/pp_drama_agency_heading.png) no-repeat left 0px;
}

div#actorsHeader {
	float:		left;
	height:		85px;
	width:		124px;
	background:	#9E9E9E url(../../img/pp_actors_heading.png) no-repeat left 0px;
}

div#aboutHeader {
	float:		left;
	height:		85px;
	width:		182px;
	background:	#9E9E9E url(../../img/pp_about_us_heading.png) no-repeat left 0px;
}

div#contactHeader {
	float:		left;
	height:		85px;
	width:		214px;
	background:	#9E9E9E url(../../img/pp_contact_us_heading.png) no-repeat left 0px;
}

/*Left and right 'panes' ('Actors' and 'Drama&Agency' pages)*/
div.contentPane {
	float:		left;	
	text-align:	left;	
}

div.agencyLeft {
	width:240px; height:196px; margin: 20px 10px 20px 0px;
}
div.agencyRight {
	width:508px; height:196px; margin: 20px 0px 20px 10px;
}

div.actorsLeft {
	width:240px; height:190px; margin: 20px 10px 20px 0px;
}
div.actorsRight {
	width:505px; height:190px; margin: 20px 0px 20px 10px;
}

/*Staff profiles*/
div.profile {
	margin-top: 10px;
	margin-bottom: 10px;
}

div.profile div.pic,
div.profile_right div.pic {
	width:	166px;
	height:	224px;
	float:	left;
	/*border:	2px solid #FFFFFF;*/
}
div.profile_right div.pic {
	float:	right;
}

div.profile div.desc,
div.profile_right div.desc {
	padding:	20px 10px 10px 10px;
	float:		left;
	width:		75%;
	text-align: justify;
}
div.profile_right div.desc {
	float:		right;
	/*text-align: right;*/
}

div.profile div.desc span.name,
div.profile_right div.desc span.name {
	display: 		block;
	margin-bottom:	10px;
	font-size:		16px;
	font-weight:	bold;
}
div.profile_right div.desc span.name {
	text-align:		right;
}

div.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
}

/*====================================*/
/*Tables*/
table.contact{
	border-collapse:	collapse;
	border: 			2px solid #C8C8C8;
	cellpadding:		0;
	cellspacing:		0;	
	padding:			0px;
	margin:				0px;
	font-weight: 		normal;
	font-size:			14px;
	text-align:			left;
	width:				770px;
}

table.contact tr td{
	padding:		10px;
	border-top:		none;
	border-bottom:	none;	
}
table.contact tr td.firstCol{
	width:			100px;
}

/*====================================*/
/* For centring tables and fieldsets in all browsers, wrap with this */
.centreMe {
	text-align: center;
}

.centreMe table, .centreMe fieldset {
	margin-left: auto;
	margin-right: auto;
	/* Inherited alignment is "center". To change the table content's alignment include: text-align:left; */
}

.centreMe input {
	float:		none; /*Override default 'float left' on all inputs (so that buttons are also centred, e.g.)*/
}