/* Made for The Look Agency 2009 / 2010. Created by Matthew Woodward - mwoodward.com.au. All Rights Reserved
----------------------------------------- */

/* Resets
----------------------------------------- */
* { padding: 0; margin: 0; }
li,ul { list-style: none; margin: 0; padding: 0; }
img { -ms-interpolation-mode: bicubic; }
a img { border: none; }
.clear { width: 100%; height: 1px; margin: 0 0 -1px; clear: both; }
object { display:block; }


/* Framework
----------------------------------------- */
body { height: 100%; background: #fff; color: #2b2b2b; font: 11px/19px Arial, Geneva, sans-serif; }
#pageHold { width: 900px; overflow: hidden; height: auto; margin: 0 auto; }
#topBar { width: 900px; height: 20px; background: #ccc; }
#imageHold {
	width: 500px;
	height: 300px;
	position: absolute;
	margin: -150px 0 0 -250px;
	left: 50%;
	top: 50%;
	background: #000 url('../images/PLACEHOLDER.png') no-repeat center center;
}


/* Header 
----------------------------------------- */
#pageHeader { height: 127px; width: 900px; overflow: hidden; }
#mainLogo { background: #fff url('../images/Logo.png') no-repeat center center; float: left; height: 120px; width: 140px; background-size: contain; }
#mainMenu { width: auto; margin: 52px 0 0 0; height: 20px; overflow: hidden; float: right; background: #fff; }

	/* Main Menu 
	----------------------------------------- */
	#mainMenu ul { margin: 0; padding: 0; list-style-type: none; }
	#mainMenu li { margin: 0; padding: 0; float: left; width: auto; padding: 0 8px; margin: 0 10px; line-height: 20px; height: 20px; }
	#mainMenu ul { margin: 0; padding: 0; list-style-type: none; }
	#mainMenu a { outline:none; display: block; line-height: 20px; text-decoration: none; color: #2b2b2b; font-size: 12px; }
	#mainMenu a.current, #mainMenu a.section { outline:none; color: #fff; }
	#mainMenu li.current, #mainMenu li.section { background: #000; }
	#mainMenu a:hover { color: #CCC; }
	
	/* Sub Menu 
	----------------------------------------- */
	#subMenu { width: 167px; border-top: 1px solid #9d9d9d; }
	#subMenu a { color: #333333; text-decoration: none; }
	#subMenu a.current { color: #41A8DD; font-weight: bold;  }



/* Sidebar 
----------------------------------------- */
#sideBar { width: 167px; height: auto; float: left; overflow: hidden; padding: 18px 0; }

	/* Search Form
	-----------------------------------------------*/
	#searchBox { margin: 0 0 18px 0; width: 167px; height: auto; }
	#searchForm { color: #555; margin: 0; width: 130px; height: 18px; font-size: 10px; padding: 4px 5px 0 5px; border: 1px solid #9d9d9d; outline: none; background: #fff; }
	
	/* Submenu 
	-----------------------------------------------*/
	/*Side Bar*/
	#sideBarItem {
		float: left;
		overflow: hidden;
		width: 167px;
		height: 22px;
		margin: 0 0 1px 0;
		line-height: 22px;
		text-indent: 8px;
		border-bottom: 1px solid #9d9d9d;
		background: #fff;
		font-size: 11px;
	}
	#subMenu a.current, #subMenu a.current:hover { text-decoration: none; font-weight: bold; }
	#subMenu a.link, #subMenu a.link:visited { text-decoration: none; font-weight: normal; }
	#subMenu a:hover { color: #41A8DD; text-decoration: none; }
	#subMenu a.current div { color: #41A8DD; font-weight: bold; }
	#subMenu a.link div { background: #fff; display: inline; }



/* Content
----------------------------------------- */
#pageContent { background: #fff; width: 900px; height: auto; }
#pageContentLeft { width: 714px; height: auto; float: right; margin: 18px 0 0 0; }

	/* Breadcrumbs
	----------------------------------------- */
	#breadCrumbs { background: #fff; width: 769px; height: 47px; border-bottom: 1px dotted #999999; line-height: 47px; }
	
	/* Spacers
	----------------------------------------- */
	#spacer { width: 100%; height: 18px; background: #fff; }
	#clearSpacer { width: 900px; height: 19px; border-top: 1px dotted #999; }
	#bottomSpacer { width: 100%; height: 19px; background: #fff; border-bottom: 1px dotted #999999; }
	
	/* Talent Index
	----------------------------------------- */
	#talentHolder {
		width: 735px;
		height: auto;
	}
	
	a.talents {
		color: #fff;
		text-decoration: none;
	}

	
	#flashHolder {
		width: 900px;
		height: 546px;
	}
	
	#talentBox {
		width: 225px;
		height: 225px;
		background: #ccc;
		float: left;
		margin: 0 20px 20px 0;
		overflow: hidden;
		position: relative;
	}
	
	#talentImage {
		width: 225px;
		height: 225px;
		overflow: hidden;
	}
	
	#talentCaption {
		width: 225px;
		height: 27px;
		background: #000;
		position: absolute;
		bottom: 0;
		left: 0;
		line-height: 27px;
		text-align: center;
		text-transform: uppercase;
		color: #fff;
		font-weight: bold;
		font-size: 10px;
	}
	
	#talentLeftBox { float: left; width: 230px; }
	#talentCenterBox { float: right; width: 470px; }
	
	#specTable {
		width: 470px;
	}
	
	#specTable td { height: 14px; }
	
	td.title {
		font-weight: bold;
		color: #000;
		width: 50px;
	}
	
	td.description {
		width: 140px;
	}



/* Footer 
----------------------------------------- */
#pageFooter { position: relative; width: 900px; padding: 10px 0 50px 0; clear:both; }
#footerContainer a { color: #999; text-decoration: none; }
#footerContainer a:hover { color: #333; text-decoration: underline; }
#footerContainer { width: 900px; height: auto; margin: 0 auto; text-align: center; font-size: 9px; color: #999;}