html,body {margin:0; height:100%; width:100%; font-family:arial,helvetica,sans-serif; font-size:12px; background:#1c1a1c; color:#4c494c;}

a {text-decoration:none; color:#b7be92;}
a:hover {color:#fff;}
img {border:0;}
ul {list-style:none; margin:0; padding:0;}
.left {float:left;}

#wrapper {min-height: 100%; height: auto !important; height:100%; margin: 0 auto -26px; position:relative; width:1024px; text-align:left; background-color:#4c494c;}

	/*	HEADER	*/
	#header {height:122px; width:100%; background:#5d546e;}
		#header img {margin:29px 0 0 55px;}
		
	/*	NAV	*/
		#nav {height:24px;line-height:24px; width:100%; background:#b7be92; border-top:1px solid #87867f; font-weight:bold; font-size:14px;}
			#nav a {text-decoration:none; color:#4c494c;}
			#nav a:hover, 
			#nav .current {color:#fff;}
			ul.flyout-main {color:#4c494c;}
				ul.flyout-main li {float:left; position:relative; padding-left:30px;}
				ul.flyout-main li.tel {float:right; margin-right:119px;}
				li ul.flyout-sub {display:none; font-size:12px; min-width:140px; position:absolute; top:24px; left:20px; background-color:#B7BE92; text-indent:0;}
				li.active ul.flyout-sub {display:block;}
				li.active ul.flyout-sub li {float:none; padding:0 15px 5px 10px; line-height:20px;}
		
	/*	CONTENT	*/
	#content {min-height:593px; width:100%; padding:2px 0 35px; background-repeat:no-repeat;}
		
		/*	home	*/
		.home {margin:165px 0 0 55px;}
			.home p {width:480px; color:#b7be92; font-size:18px; font-weight:bold; line-height:30px;}
		
		/*	clients	*/
		.clients {width:910px; margin:40px 0 0 57px; overflow:hidden;}
			.clients a {display:block; float:left; padding:0 5px 5px 0; background-color:#e5e5e5;}
			.clients a:hover img {opacity:0.8; filter:alpha(opacity=80);}
			.clients img {display:block; border-width:5px 0 0 5px; border-style:solid; border-color:#e5e5e5;}
				.tip-top,.tip-text,.tip-bottom {display:none;}
				.tip {padding:3px 5px; border:1px solid #4c494c; background:#fff; font-size:13px; font-weight:bold; color:#0d0c0d; text-transform:lowercase;}
		
		/*	client details	*/
		.clients_detail {width:837px; margin:40px 0 0 57px; min-height:455px; padding:5px; background-color:#b7be92; font-weight:bold;}
			.clients_detail_header {width:100%; height:160px; overflow:hidden;}
				.clients_detail_header_left {float:left; width:400px;}
					.clients_detail_header_left img {margin-right:20px;}
					.clients_detail_header_left h1 {margin:10px 0 15px; padding:0; font-size:18px;}
					.clients_detail_header_left ul {list-style:none; margin:0; padding:0; font-size:12px;}
				.client_detail_header_showreel {float:left; margin:47px 0 15px;}
					.client_detail_header_showreel a {text-decoration:none; font-weight:bold; font-size:12px; color:#4c494c;}
					.client_detail_header_showreel a:hover {text-decoration:underline;}
				.client_detail_header_logos {float:right; margin:15px 20px 15px;}
					.client_detail_header_logos img {margin-left:15px;}
			
			.clients_detail_tab_holder {width:100%; margin:6px 0 0; padding:18px 0; background-color:#fff; overflow:hidden;}
				
				.training {font-size:11px; margin:0 35px 18px; width:100%; padding:0;}
					.training td {vertical-align:top; text-align:left;}
					.training h2 {width:70px; margin:0; padding:0; font-size:12px;}
					.training h3 {width:145px; margin:0; padding:0; font-size:11px;}
					.training table {padding:0;}
					
				#skills {margin:10px 35px 0; width:100%;}
					#skills h2 {width:70px; margin:0 0 5px; padding:0; font-size:12px;}
					#skills li {overflow:hidden; font-size:11px;}
						#skills .col1 {float:left; width:200px;}
						#skills .col2 {float:left; width:580px;}
							#skills .small {font-size:9px;}
		
		/*	contact	*/
		.contact {margin:165px 0 0 55px; color:#b7be92;}
			.form li {margin:0 0 5px;}
				label {float:left; width:100px;}
				input, textarea {width:300px; font-family:arial,helvetica,sans-serif;}
				button {margin-left:100px;}
				/* validation error */
				.validation-failed {border: 1px solid #f93607;}
				.validation-passed {/*nothing for now */}
				.validation-advice {margin:2px 0 2px 100px; padding: 2px; color:#f93607; width:200px;}


/*	FOOTER	*/
#push,
#footer {height: 26px; /* .push must be the same height as .footer */}
#footer {position:relative; margin:0 auto; width:1024px; text-align:left; overflow:hidden; line-height:26px; background:#b7be92; color:#4c494c; font-size:13px; font-weight:bold; text-indent:56px;}
	#footer a {text-decoration:none; color:#4c494c;}
	#footer a:hover {color:#fff;}