@charset "utf-8";
/* CSS Document */
/*  CREATED 17/12/10 AT 11:18am  */

/*
GREY #D8D9DA
ORANGE #ea702f
*/

@import url("css/sidebars.css");

html, body{
margin: 0 0 0 0;
padding: 0 0  1px 0;
background:#000;
background: #222 url(images/background-body.gif);
font: 11px Verdana, Arial, Helvetica, sans-serif;
height:100%;
}

#content a{
color: #ea702f;
text-decoration: none;
}

#content td{
padding:7px 2px;
}

#content a:hover{
text-decoration: underline;
}

#content th{
text-align: left;
color: #444;
background: #eee;
padding: 3px;
}

#header{
margin: 0 auto;
width: 957px;
background: #FFF url(images/background-header.jpg) no-repeat;
height: 159px;
display: block;
padding:0;
}


.logo {
	float:left;
	clear:none; 
	width:200px; 
	margin:30px 0 0 30px;
	padding:0;
	}

.logo a img{
	padding:0;
	margin:10px 0 0 0;
	border:none;
	outline:none;
}

a img {border:none;}


	#header2{
		margin: 0 auto;
		padding:0;
		border: none;
		width: 957px;
		background: #D8D9DA;
		height: 30px;
		display: block;
	}
	
	#header3{
		margin: 0 auto;
		width: 957px;
		background: #eee url(images/header3.gif);
		height: 62px;
		display: block;
	}



		#apply a{
		font-size: 11px;
		line-height: 24px;
		text-align: center;
		text-decoration: none;
		float: right;
		clear:none;
		width: 128px;
		margin-top: 0px;
		height: 23px;
		margin-right: 30px;
		background: url(images/lg-apply-here-en.gif) no-repeat 0px 3px;
		color: #ffcccc;
		text-indent:-4000px;
		overflow:hidden;
		}
		
	
		#register a{
		font-size: 11px;
		line-height: 24px;
		text-align: center;
		text-decoration: none;
		float: right;
		clear:none;
		width: 128px;
		margin-top: 0px;
		height: 23px;
		margin-right: 10px;
		background: url(images/lg-register-interest-en.gif) no-repeat 0px 3px;
		color: #ffcccc;
		text-indent:-4000px;
		overflow:hidden;
		}


		#email a{
		font-size: 11px;
		line-height: 24px;
		text-align: center;
		text-decoration: none;
		float: right;
		clear:none;
		width: 128px;
		margin-top: 0px;
		height: 23px;
		margin-right: 10px;
		padding-top:4px;
		}
		

		#content-container{
			margin: 0 auto;
			width: 887px;
			background: #D8D9DA;
			padding: 0 35px 0px 35px;
			color: #666;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			display:block;
		}

		#content-container2{
			margin: 0 auto;
			width: 887px;
			background: #fff url(images/content-bg.gif) repeat-y 0 0;
			padding: 0 35px 0px 35px;
			color: #888;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			display: block;
		}

#content{
	background:#FFF url(images/background-content-orange.jpg) no-repeat;
	float: left;
	width: 469px;
	padding: 0 30px 30px 30px;
}

#content.team{
	background:#FFF url(images/background-content-grey.png) no-repeat;
	float: left;
	width: 469px;
	padding: 0 30px 30px 30px;
}








td.right, th.right{
	text-align: right;
}

#content-container2 #content{
	width: 657px;
}

/**** OPERA HOUSE PAGE ****/
#content-container.opera{
	/*
	padding: 25px 35px;
	height:696px;
	background: #fff url(images/header2.gif) no-repeat;
	*/
	}

#contentLeft{
	width: 212px;
	padding-right:15px;
	height:416px;
	float:left;
	padding-top: 33px;
	overflow: hidden;
	}

#contentRight{
	float:left;
	height: 449px;
	}
	
#contentLeftBottom{
	width: 517px;
	float:left;
	margin:10px 18px 0px 0px;
	padding:10px 26px 3px 10px;
	background:#d4d6d3;
	}
	
	#contentLeftBottom img{
	display: block;
	}
	
#LeftBottomLeft{float:left;}
#LeftBottomRight{float:left; font-size:11px; color:#111; padding-left:18px; width:307px;}
	
#contentRightBottom{
	width: 308px;
	height:205px;
	float:left;
	margin:10px 0px 0px 0px;	
	}	
/**** OPERA HOUSE PAGE ****/





#content ul, #contentLeft ul{
margin-left: 20px;
padding: 0;
}

#content li, #contentLeft li{
list-style-type: none;
background:url(images/bullet.gif) no-repeat 0 6px;
padding-left: 30px;
margin-bottom: 6px;
}

#content p, #contentLeft p{
margin: 0;
margin-bottom: 15px;
}

#content h1, #contentLeft h1{
margin: 0;
padding: 10px 0 50px 0;
color: #FFF;
font-weight: normal;
line-height:36px;
font-family:Georgia, 'Times New Roman', Times, serif; 
font-size:28px;
}





#content h2, #contentLeft h2{
margin: 0;
padding: 10px 0;
color: #ea702f;
font-weight: normal;
font-size: 18px;
letter-spacing: -1px;
font-family:Georgia, 'Times New Roman', Times, serif; 
}

#content h3, #contentLeft h3{
margin-bottom: 0;
font-size: 11px;
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #111;
font-weight: bold;
letter-spacing: -1px;
padding-bottom: 2px;
padding-top: 8px;
}

#footer{
margin: 0 auto;
width: 907px;
height: 50px;
color:#000;
background:#D8D9DA url(images/background-footer.gif) repeat-x;
padding: 0 25px;
}

#footer-space{
margin: 0 auto;
width: 957px;
height: 28px;
}

.menuspace{
	display:none;
	/*
padding: 5px;
padding-left: 8px;
font-size: 0.1em;
*/
}

#footer ul{
margin: 0;
padding: 0;
padding-top: 10px;
}

#footer li{
display: inline;
padding: 0 15px;
background: url(images/divider.gif) no-repeat 100% 50%;
}

#footer li a{
color: #000;
letter-spacing: -1px;
font-size: 100%;
text-decoration: none;
}

#footer li a:hover{
color:#555;
text-decoration:none;
}

li#nobg{
background:none;
}



/**** PROJECTS ****/
.projects {
	width:235px; 
	float:left; 
	clear:none; 
	display:block; 
	padding:0 30px; 
	margin:0;
}

.projects h1{
	display:block;
	z-index:1000;
	position:relative;
	margin: 0;
	padding: 10px 0 50px 0;
	color: #FFF;
	font-weight: normal;
	line-height:36px;
	font-family:Georgia, 'Times New Roman', Times, serif; 
	font-size:28px;
}
	

.project{
	width:100%;
	font-size:12px;
	background-color: #ffffff;
	background-image: url("images/background-content-grey03.jpg");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	float:left; 
	clear:none; 
	margin: 0;
	padding:0;
}


.bottomtext{padding:10px 30px; width:532px; color:#333}

#content.project td{
padding:0;
}

.project-overlay{
	background:url(images/project-overlay.png) no-repeat;
	height:395px;
	margin:-395px 0 0 0;
	top:395px;
	left:0;
	
	position: relative;
	z-index: 998;
	float:left;
	clear:none;
	
	padding:0;
	width:592px;	
	
	}




/**** INDEX CLASSES ****/
#content-home{
	background:#D8D9DA; 
	height:540px; 
	margin: 0 auto;
	width: 887px;
	padding: 0 16px;
}

.homepage {
	width:529px; 
	background:#000 url(images/home-page-image.jpg) no-repeat; 
	clear:none; 
	font-size:12px;
	}

.homepage-feature{position: relative; top:60px; left:310px; width:200px;}

.homepage-feature #top-border{
border-top:10px solid #FFF; border-left:10px solid #FFF; border-right:10px solid #FFF; height:20px;
}

.homepage-feature #headline{
padding:5px 20px; color:#FFF; font-family:Georgia, 'Times New Roman', Times, serif; font-size:24px; font-weight:bold;
}

.homepage-feature #bottom-border{
border-bottom:10px solid #FFF; border-left:10px solid #FFF; border-right:10px solid #FFF; height:20px;
}



.body-text{
	padding:0 35px;
	margin:190px 0 0 0;
	width:459px;
}


.body-text a{
	color:#ea702f;
	
}

.videolink {
	 background:url(images/robert-care03.jpg) no-repeat;
	 color:#FFF;
	 display:inline-block;
	 float:left;
	 clear:none;
	 margin: 20px 0px 0 35px;
	 height:160px;
	}
	
	
	
	#play-button {
		font-weight:bold;
	 	text-shadow: #000 2px 2px 2px;
		margin: 100px  20px  0px  20px;
		display:block;
		color:#FFFFFF;
		text-decoration:none;
		outline:none;
		float:left;
		clear:none;
	}
	
	#project-button {
		font-weight:bold;
	 	text-shadow: #000 2px 2px 2px;
		margin: 170px  20px  0px  20px;
		display:block;
		color:#FFFFFF;
		text-decoration:none;
		outline:none;
		float:left;
		clear:none;
	}
	
	.videolink #play-button {
		margin: 40px  20px  0px  20px;
	}
	

	
	.videolink #play-button p{
		margin:20px 0 0 160px; width:160px; float:left; clear:none; display:block;

	}
	 
	
	
	#play-button a, #project-button a {
		text-decoration:none;
		color:#FFFFFF;
		outline:none;
	}
	
	#play-button a:hover {
		text-decoration:none;
		color:#FFFFFF;
		outline:none;
	}
	
	#play-button a:active {
		text-decoration:none;
		color:#FFFFFF;
		outline:none;
	}
	
	#play-button a img {
		text-decoration: none;
		outline:none;
		border:none;
		padding:10px 0;
		
	}



#content-home h1.welcomeheader1{color:#f44b4a; font-family:Helvetica, Arial, sans-serif; font-weight:lighter; font-size:33px; padding-left:37px; margin-bottom:-23px;}
#content-home h1.welcomeheader2{color:#fff; font-family:Helvetica, Arial, sans-serif; font-weight:bold; font-size:33px; padding-left:37px; margin-bottom:-28px;}
#content-home h1.welcomeheader3{color:#fff; font-family:Helvetica, Arial, sans-serif; font-weight:normal; font-size:18px; padding-left:37px; margin-bottom:-16px;}
#content-home h1.welcomeheader4{color:#f44b4a; font-family:Helvetica, Arial, sans-serif; font-weight:normal; font-size:26px; padding-left:37px;}

/**** INDEX CLASSES ****/

.credit{
	float: right;
	font-size:11px;
	text-align: center;
	color: #777;
	padding: 8px 8px 8px 0;
	background: #FFF;
	width:100%;
}

.credit-right{
	float: right;
	text-align: right;
	color: #777;
	font-size: 11px;
	padding:  2px 6px;
}

.credit-left{
	color: #777;
	font-size: 11px;
	line-height: 18px;
	position:relative;
	bottom:20px;
	left:10px;
}

table.opp {margin-bottom: 16px;}

table.opp td {
	vertical-align: top;
	border-bottom: 1px solid #f0f0f0;
	}
	



















.qtip{
   padding: 0;
   margin: 0 0 0 10px;
   height: auto; min-height: auto;
   width: auto; min-width: auto;
}

.world{
	background: url(images/world-map-small.gif) no-repeat;
	width:220px;
	margin:0 auto;
	height:30px;
	padding:0px 0 0 55px;}



.locations {
	display:block;
	background:url(images/locations.gif) no-repeat;
	width:466px; 
	height:390px;
	margin:0 auto 40px auto;}

#melbourne ,
#adelaide ,
#perth,
#sydney,
#brisbane,
#cairns ,
#aukland,
#sunshine-coast,
#brunei,
#kota-kinabalu,
#penang {
	cursor: pointer;
	background:url(images/circle_full.png) no-repeat;
	padding:2px 0 0 20px;
	display:block;
	float: none;
	clear:none;
	position:relative;
	width:100px;
	outline:none;}
	
#singapore{cursor:pointer}

#singapore,
#kuala-lumpur {
	background:url(images/circle_full.png) top right no-repeat;
	padding:2px 20px 0 0;
	display:block;
	float: none;
	clear:none;
	position:relative;
	outline:none;
	overflow:hidden;}
	


#aukland, #sunshine-coast, #brunei, #kota-kinabalu, #penang, #kuala-lumpur {cursor: default;}




	
#melbourne {
	top:330px;
	left:270px;}
	
#adelaide {
	top:295px;
	left:235px;}
	
#perth {
	top:260px;
	left:110px;}
	
#sydney {
	top:240px;
	left:310px;}
	
#brisbane {
	top:190px;
	left:310px;}
	
#cairns {
	top:130px;
	left:280px;}
	
#aukland {
	top:230px;
	left:445px;}
	
#singapore {
	top:-50px;
	left:-30px;
	width:70px;}
	
#sunshine-coast {
	top:120px;
	left:300px;}
	
#brunei {
	top:-80px;
	left:100px;}
	
#kota-kinabalu {
	top:-115px;
	left:110px;}
	
#penang {
	top:-150px;
	left:15px;}
	
#kuala-lumpur {
	top:-140px;
	left:-60px;
	width:90px;}
	
	
	
	
	
	
#youtube {
	width:640px;
	margin:20px auto;
	}