@charset "utf-8";
/* ParkourPartnership.com HOMEPAGE CSS Document */
/* Designed and Created by Andrew Pearson, 2010.
   Email: andyp@parkourgenerations.com */

/* 
	Notes
	----- 
	ID = # 
	CLASS = . 
	
	All Selectors in Hierarchical order.
	All rules in Alphabetical order.
	
	Colours
	-------
	Light Grey 	-	#cccccc
	Mid Grey	-	#777777
	Dark Grey	-	#111111

	
*/

/* --------------------------------------- GLOBALS --------------------------------------- */

body									{	color:#ffffff;
											font-family:Helvetica, Arial, sans-serif;
											font-size:12px;
											background:url('/static/images/background.gif');
										}		
										
/* --------------------------------------- HOMEPAGE --------------------------------------- */

		/* --------------------------------------- TITLE & LOGOS --------------------------------------- */
		#spotlight								{	background:url('/static/images/shine.png');
													width:960px;
													height:200px;
												}
		H1										{	background:url('/static/images/ParkourPartnership.png') no-repeat;
													height:50px;
													margin:60px 0px 15px;
												}
		H3										{	width:620px;
													text-align:center;
													line-height:14px;
												}
		H3 strong								{	
												}
												
		/* TITLE LOGOS */
		div#logoPKG								{	background:url('/static/images/logoPKG.png') center no-repeat;
													height:33px;
													margin:30px 0px 25px;
												}
		div#logoCARBON							{	background:url('/static/images/logoCARBON.png') center no-repeat;
													height:88px;
												}
		a:hover.headerlink						{	background:none; }
		
		
		/* --------------------------------------- Main Menu Overide--------------------------------------- */
		#mainmenu								{	width:250px;
													margin:0px;
		}

/* --------------------------------------- CODA WINDOW --------------------------------------- */
#mainContent									{	background:url('/static/images/contentBackground.png');
													width:965px;
													height:605px;
												}

#SCROLLcontainer 								{	height:600px;
												}
												
#navigation 									{	text-align:center;
													height:600px;
													width:250px;
													margin:0px;
												}
#navigation li 									{	background:url('/static/images/menuSeperator.png');
													background-position:bottom;
													background-repeat:no-repeat;
												}
#navigation a, a								{ 	font-weight:bold;
													font-size:18px;
													color:#dddddd;
													text-decoration:none; 
												}
a												{	display:block; 
													font-size:12px;
												}
#navigation a:hover, a:hover					{	background:url('/static/images/selection.png') no-repeat top;
												}
#navigation a.current							{	background:url('/static/images/selection.png') no-repeat top;
												}
.button 										{	height:52px; 
													line-height:52px;
													margin:0px 0px 0px;
												}
#content										{ 	height:600px;
													overflow:hidden; 
													position:relative; 
													width:710px;
												}
.section										{ 	float:left; 
													height:600px; 
													position:relative; 
													width:2160px; 
												}
.section .sub									{	float:left; 
													height:600px; 
													position:relative; 
													width:720px; 
												}
.section ul li									{	list-style-type:none;
												}

/* --------------------------------------- CONTENT --------------------------------------- */

	/* --------------------------------------- PANEL - WHO WE ARE --------------------------------------- */
	.panelWHO #logoPKG								{ 	margin:40px 0px 0px 60px;
													}
	.panelWHO #logoCarbon							{ 	margin:40px 0px 0px 60px;
													}
	.panelWHO ul									{	width:300px;
														margin:20px 0px 0px 30px;
													}
	.panelWHO ul li									{	float:left;
														margin:30px 0px 0px 0px;
													}
	.panelWHO ul li img.icon						{ 	float:left; 
														margin:0px 20px 0px 0px;
														width:60px;
													}
	.panelWHO ul li div.description					{ 	float:left; 
														width:220px;
														color:#222;
														line-height:14px;
														font-size:14px;
													}												
	.panelWHO a:hover								{	background:none;
														margin-top:2px;
													}
													
	/* --------------------------------------- PANEL - WHAT WE DO --------------------------------------- */
	.panelWHAT p									{	font-size:14px;
														margin:40px 0px 0px 0px;
														color:#333;
														line-height:16px;
													}
													
	.panelWHAT strong								{	font-size:14px;
														font-weight:bold;
														color:#333;
													}
	.panelWHAT a									{	background:none;
														color:#333;
														font-size:14px;
														display:inline;
													}
	.panelWHAT a:hover								{	color:#666;
													}
	
	/* --------------------------------------- PANEL - LATEST --------------------------------------- */
	
	
	.panelLATEST .youtube							{	margin:40px 0px 0px 0px; 
													}
	.panelLATEST p									{	font-size:14px;
														margin:10px 0px 0px 0px;
														color:#333;
														line-height:16px;
													}
	.panelLATEST h2									{	font-size:14px;
														margin:20px 0px 0px 0px;
														color:#333;
														line-height:16px;
													}
	.panelLATEST .credits ul						{	margin:10px 0px 0px 0px;
													}
	.panelLATEST .credits li						{	color:#333; 
														font-size:14px;
														line-height:16px;
													}
	.panelLATEST .more	a,
	.panelLATEST .less	a							{	color:#333; 
														font-size:14px;
														float:right;
														margin:10px 0px 0px 0px;
													}
	.panelLATEST .less	a							{	float:left;
													}
	.panelLATEST .more	a:hover,
	.panelLATEST .less	a:hover						{	margin:11px 0px 0px 0px;
														background:none;
														color:#666;
													}
	
	
	/* --------------------------------------- PANEL - ON-SCREEN TALENT / CHOREOGRAPHY / CASTING --------------------------------------- */		
	.panelTALENT img,
	.panelCHOREOGRAPHY img,
	.panelCASTING img								{	margin:40px 0px 0px 0px;
													}
	.panelTALENT p,
	.panelCHOREOGRAPHY p,
	.panelCASTING p									{	color:#333;
														font-size:14px;
														line-height:18px;
													}

	/* --------------------------------------- PANEL - ON-SCREEN TALENT / CHOREOGRAPHY / CASTING --------------------------------------- */		
	.panelLINE img									{	margin:30px 20px 0px 60px;
														float:left;
													}
	.panelLINE p									{	color:#333;
														font-size:14px;
														line-height:18px;
														margin: 30px 0px 0px 0px;
													}
													
	/* --------------------------------------- PANEL - DIRECTORS --------------------------------------- */
	.panelDIRECTORS p,
	.panelOFFICE p									{	color:#333;
														font-size:12px;
														line-height:14px;
														margin-top:10px;
													}
	.panelOFFICE p									{	font-size:14px;
														line-height:16px;
													}
	.panelDIRECTORS img,
	.panelOFFICE img								{	margin:0px 0px 10px;
													}

	.panelDIRECTORS b,
	.panelOFFICE b,
	.panelLINE b									{	margin:0px 0px;
														color:#333;
														font-size:14px;
														display:inline;
													}
	.panelDIRECTORS .heading						{	margin:20px 0px;
														color:#333;
														font-size:12px;
														line-height:14px;
														font-weight:bold;
													}
	.panelOFFICE img								{	margin-top:30px;
													}
	.panelOFFICE p									{	margin-top:0px;
													}
	
	/* --------------------------------------- CONTACT --------------------------------------- */
	.panelCONTACT									{ margin-left:	50px; 
													}
	
	.panelCONTACT div								{	margin: 120px 0px 0px 0px;
														float:left;
														width:200px;
														height:400px;
														font-size:14px;
														color:#333;
													}
	.panelCONTACT div strong						{	display:block;
														width:200px;
														text-align:center;
													}
	.panelCONTACT div img							{	margin: 25px 25px 50px 25px;
													}
	.panelCONTACT div a								{	color:#333;
													}
	.panelCONTACT div a:hover						{	background:none;
														text-decoration:underline;
													}										
/* --------------------------------------- SUB MENU --------------------------------------- */
.submenu li	a									{	background:url('/static/images/submenuUnselected.png') no-repeat top;
													display:block;
													height:80px;
													margin:10px 0px 0px;
													width:220px;
													line-height:80px;
													text-align:center;
													font-size:14px;
												}
.submenu li	a:hover								{	background:url('/static/images/submenu.png') no-repeat top;
												}
.submenu li	a.active							{	background:url('/static/images/submenu.png') no-repeat top;
												}

/* --------------------------------------- FOOTER --------------------------------------- */
#footer											{	background:url('/static/images/footer.png') no-repeat top;
													height:105px;
													width:965px;
													margin:20px 0px 20px;
												}