* { 
}

#work-in-progress {
	z-index:1000;
	position:absolute;
	top:0px;
	left:150px;
	margin:0px;
	padding:0px;
}
body {
	
	margin:0px;
	padding:0px;

}

#body-wrapper {
/* 
	total width:	766px
	left-column:	184px
	right-column:   155px
	main-content:   427px (leave it implicit)
*/
	
	margin:0px auto 15px auto;
	padding:0px;
	
	top:0px;
	width:766px;

}
	#logo-wrapper {
		margin:0px;
		padding:0px;
	}
		#logo-wrapper h1 {
			margin:0px;
			padding:0px;
			
			display:none;
		}
		
		#logo-wrapper img {
			margin:0px;
			padding:0px;
		}
	
	#main-navigation {
		margin:0px;
		padding:8px 0px;
		
		position:relative;
	}
	
		#main-navigation li {

			display:block;
			float:left;
			margin:2px 0px 0px;
			padding:0px;
			
		}
			#main-navigation li a {
				margin:0px 0px;
				padding:10px 20px;
			}
			
				#main-navigation li a:link {
				}
				#main-navigation li a:visited {
				}
				#main-navigation li a:hover {
				}
				#main-navigation li a:focus, a:active {
				}
				
				#main-navigation li a.selected {
				}
			
				#main-navigation li.separated {
					float:right;
				}
				#main-navigation li.separated a:link {
				}
				#main-navigation li.separated a:visited {
				}
				#main-navigation li.separated a:hover {
				}
				#main-navigation li.separated a:focus, a:active {
				}
	#main-image {
		margin:0px;
		padding:0px;
		
		/* to separate the image from the main-navigation above */
		clear:both;
	}
	
	#left-column {
		
		margin:0px 0px 0px 0px;
		padding:0px;
		
		width:184px;
		float:left;
	}
		h2.column-header {
			margin:0px;
			padding:10px;
		}
 /* TODO: move navigational elements' css to another file	   */
		#quick-links,
		#side-navigation,
		#albums-list {
			margin:0px 0px 40px 0px;
			padding:0px;
		}
			#quick-links li,
			#side-navigation li,
			#albums-list li,
			p.beatalent {
				display:block;
				
				margin:10px 0px 0px 0px;
				padding:0px;
				
				list-style: none;
			}
			
				#quick-links li a,
				#side-navigation li a,
				#albums-list li a,
				p.beatalent a {
					
					display: block;
					padding:10px 0px;
					
					width:184px;

				}
/* TODO: Move 'news' css to another external file */
		#news {
			margin:0px 0px 30px 0px;
			padding:5px;
		}
		
			.news-post {
			}
			
				.news-post p {
				}
			
				.news-post .news-date {
				}
		
		#side-navigation {
			
		}
	
		#talent-search {
			padding:5px;
			padding-top:10px;
		}	
			#talent-search label {
				padding:0px 0px 0px 8px;
				margin:0px;
				
				display:block;
			}
			#talent-search input {
				margin:0px;
				padding:5px; 
				
				width:145px;
				
			}
			#talent-search select {
				margin:0px 0px 10px;
				padding:2px;
				
			}
			#talent-search select,
			#talent-search option {
				/*margin:5px;
								margin-top:0px;
								margin-bottom:15px;
								padding:0px;*/
				
				width:160px;
			}
			
	#main-content { 
		margin:0px;
		padding:0px;
		
		float:left;
		width:427px;
		
	}	 

/* main content header + body + featured trailer/image */

		#main-content .content {
		   margin:0px;
		   padding:0px;
		}
			.content h2 {
				margin:0px 0px 15px 0px;
				padding:10px;
			
			}
			.content h3 {
				margin:auto 5px 0px 5px;
				padding:10px 5px 0px 5px;
			}
			.content h4 {
				margin:auto 5px 15px 15px;
				padding:5px 5px 0px 5px;
			}
			.content h5 {
				margin:15px 0px -10px 8px;
				padding:5px 0px 0px 10px;
			}
			.content p {

				margin:10px;
				padding:2px 5px 0px 10px;
				
				
			}
			.content .featured-img {
				margin:10px 15px 10px 10px;
				float:right;
			}
			
/* navigation for sub-content*/
			
			.content .sub-navigation {
				margin:0px;
				padding:0px;
				
				display:block;
				width:426px;
				/* set the below values with JS
				overflow: auto;s
				height:25px;
				*/
			}
			
			.sub-navigation li {
				margin:0px;
				padding:0px;
				
				display:block;
				
				float:left;
				clear:none;
			}   
			.sub-navigation li.separated  {
				float:right;
				margin-right:15px;
			}
				.sub-navigation li a {
					margin:0px;
					padding:5px 10px;
					display:block;
					
				}
				.sub-navigation li a:link {
				}
				.sub-navigation li a:visited {
				}
				.sub-navigation li a:hover {
				}
				.sub-navigation li a:focus,
				.sub-navigation li a:active {
				}   
				.sub-navigation li a.selected {
				}

/* feature talent */
/* TODO: refractor */

			.content #featured-talent-wrapper {
				
				margin:0px;
				padding:0px;
				position:relative;
				
			}   
				/* featured talent navigation
					hide it for non-JS enabled browsers
				*/ 
				#featured-talent-wrapper .nav{
					display:none;
					position:absolute;
					z-index:100;
				}
					#featured-talent-wrapper .nav .left{
						float:left;
						
						margin:5px 0px;
						padding:0px 5px;
						
						cursor:pointer;
						
					}
					#featured-talent-wrapper .nav .right{
						
						position:absolute;
						
						margin:5px 0px;
						padding:0px 5px;
						
						left:400px;
						cursor:pointer;
						
					}
				/* ul */
				#featured-talent-wrapper #featured-talent {
					
					margin:0px;
					padding:0px;
					position:relative;
					
					/* TODO: set below values in JS
						width:1000px;
						overflow:hidden;
						height:400px
					*/
/*					background-color:#e3e3e3;*/
				}
				
				/* talent box */
				#featured-talent li.talent-box {
					/* TODO: set below in JS
					
					*/
					clear:none;
					width:427px;
					float:left;
					
					margin:0px;
					padding:20px 0px;
					
					list-style:none;
					
					position:relative;
					
					text-align:center;
				
				}
				
				#featured-talent .talent-info {
					margin:200px 30px 0px 30px;
					padding:0px;
					
					position:absolute;
					
					text-align:right;
					
				}
					#featured-talent .top { top:130px;}
					#featured-talent .bottom { top:20px;}
					#featured-talent .right { right:30px;}
					#featured-talent .left { left:0;}
					
					.talent-info h3 {
							margin:0px;
							padding:3px 10px 0px;

							min-width:150px;
					}
				
				
						.talent-info .talent-type {
							margin:0px;
							padding:0px;

						}

						.talent-type li {
							list-style:none;
								
							margin:0px 0px 1px 0px !important;
							padding:2px !important;

							display:block;
						}
					
					#featured-talent li img {
						margin:0px 0px 0px 35px;
					}
/* REMOVED: 
				   
					#featured-talent .talent-details {
						margin:0px 45px 0px auto;
						padding:0px;

						display:block;
						width:300px;
						text-align:center;
					}

					#featured-talent .talent-details li {
						margin:0px 0px;
						padding:0px 3px;
						
						border-right:1px dotted #636363;
						font-size:6pt;
						
						display:inline;
					}
*/
/* gallery/showcase (small version) */
/* TODO: refractor to a separate file */		
		.gallery-small {
			padding:10px;
			margin:15px 0px 15px 0px;
			
			position:relative;
			
		}
		.search-results {
			margin-top:0px !important;
			padding-top:0px !important;
		}
			.gallery-small h3 {
				margin:0px;
				padding:5px 5px 0px 5px;
				display:inline;
				
			}
			.gallery-small span.matches-found {
				margin:5px 15px 0px;
				padding:0px;
				display:block;
				float:left;
				
			}
				span.matches-found em {
				}
			.gallery-small span.pagination{
				margin:0px;
				padding:0px;
				
				display:block;
				float:right;
				
			}
		.gallery-small .nav{
				display:none;
				position:absolute;
				z-index:100;
		top:30px !important;
		
			}
				.gallery-small .nav .left{
					float:left;
					
					margin:5px 0px;
					padding:0px 5px !important;
					
					cursor:pointer;
					
				}
				.gallery-small .nav .right{
					
					position:absolute;
					
					margin:5px 0px;
					padding:0px 5px !important;
					
					left:380px;
					cursor:pointer;
					
				}
			.gallery-small hr {
				clear:none;
				margin:0px 0px 20px;
				padding:0px;
				border:0px;
				
			}
			.gallery-small hr.near {
				margin-bottom:0px !important;
			}
			.gallery-small span.gallery-navigation {
				clear:none;
				float:right;
				
				margin:-18px 10px 0px 0px;
				display:inline;
			}
			
			.gallery-small ul {
				
				clear:both;
				
				margin:0px 0px 0px 8px;
				padding:0px;
				
				
			}
			
			.gallery-small li {
			
				margin:5px 0px;
				padding:0px;
				
				display:block;
				clear:none;
				float:left;
				width:130px;
				
			}
			
				.gallery-small li a {
					display: block;
					margin:0px 0px;
					padding:5px 5px 5px 5px;
				}
				
				.gallery-small li a img {
					margin:0px;
					padding:0px;
					display:inline;
					
				}
				
				.gallery-small li a div {
					margin:0px;
					padding:0px;
					
					width:110px;
					padding:2px 5px;
				}
			.gallery-small .instructions {
				
				padding:0px 15px 0px;
			}
			#second-search {
				padding:10px 25px 10px 10px;
				padding-top:10px;
				
			}	
				#second-search label {
					padding:0px 15px 0px 8px;
					margin:0px;

					display:block;
					float:left;
					width:150px;
				}
				#second-search input {
					margin:0px;
					padding:5px; 

					width:145px;

				}
				#second-search select {
					margin:0px 0px 10px;
					padding:2px;

				}
				#second-search select,
				#second-search option {
					/*margin:5px;
									margin-top:0px;
									margin-bottom:15px;
									padding:0px;*/

					width:160px;
				}
				
				#second-search .submit {
					float:right;
				}
	
	#right-column {
		
		margin:0px 0px 0px 0px;
		
		width:155px;
		float:right;
	}
		#quick-enquiry {
			margin:0px;
			padding:15px;
			
			
		}
			
			#quick-enquiry input{
				margin:0px;
				padding:5px;
			}
			#quick-enquiry input.text{
				width:110px;
				
			}
			#quick-enquiry label input {
				margin-right:5px;
			}
			#quick-enquiry label {
				
				margin:5px 0px 0px 0px;
				padding:0px;
				
				
				
				
				display:block;
			}
			
			#quick-enquiry textarea {
				padding:5px;
			}
			
			#quick-enquiry hr {
			}
			
		#partner-links {
			margin:20px 0px;
			padding:0px;
			
			
			
		}
			#partner-links li {
				margin:15px 0px 0px 0px;
				
				padding:0px;
				list-style: none;
				
			}
			#partner-links img {
			}
			
			#partner-links a {
			}
		
/* gallery 
	TODO: refractor
*/
	#main-gallery {	
		margin:0px;
		padding:0px;
		
		position:relative;
		float:left;
		
		/* 427 + 155 = 582px*/
		width:582px;
		
	}
		#main-gallery h2 {
			margin:0px 0px 10px 0px;
			padding:10px;
		}
		#main-gallery h3 {
			margin:0px 5px 0px 15px;
			padding:5px 5px 0px 5px;
			
			float:left;
			
		}
		#main-gallery h4 {
			display:block;
			
			float:right;
			
			margin:6px 10px 0px auto;
			padding:5px 5px 0px 5px;
			
			
		}
		#main-gallery img.selected {
			margin:15px 0px 0px 0px;
			padding:0px;
		}
		#main-gallery #album-placeholder{
		}
			#album-placeholder .caption{
				padding:1px 0px 15px;
				margin:0px;
			}
			/*div*/
			#main-gallery #album-thumbnails {
				clear:both;
				margin:5px 0px;
				padding:0px;
				
				
				position:relative;
				
				/* (5 + 70 + 5) * 7 + 10*/
				width:580px;
			}
				#album-thumbnails .nav {
					display:none;
					position:absolute;
					float:left;
					top:0px;
					margin:0px;
					padding:0px;
					z-index:100;
				}
					#album-thumbnails .nav .left {
						float:left;
						position:absolute;
						
						margin:5px 0px 0px 0px !important;
						padding:0px 125px 0px 25px !important;
						
						cursor:pointer;
						
						
					}
					#album-thumbnails .nav .right {
						
						position:absolute;
						margin:5px 0px 0px 0px !important;
						padding:0px 25px 0px 125px !important;
						
						left:420px;
						cursor:pointer;
						
					}
				#album-thumbnails #thumbnails-list {
					clear:both;
					margin:0px 10px;
					padding:0px;
					position:relative; 
					
				}
					#thumbnails-list li {
						margin:20px 5px;
						padding:0px;
						
						display:block;
						float:left;
						position:relative;
					}
		/*
				album-thumbnails">
					<h4>Album Items (19 pictures)</h4>
					<ul id="thumbnails-list">*/
/* global overriding css style */
div.clear, hr.clear {
	border:0px;
	margin:0px;
	padding:0px;
	clear:both;
}