@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1em;
	text-align: center;
	margin: 0;}
	
#container {
	width: 1024px;
	display: block;
	margin: 0 auto;
	text-align: left;}



#header {
	position: relative;
	float: left; 
	width: 100%;
	background: #000;
	height: 55px;
	color: #fff;
	margin-bottom: 20px;}
	
	#header h1 {
		float: left;
		display: inline;
		width: 40%;
		padding: 20px 0 0 20px;
		margin: 0;
		font-size: 1.8em;
		font-weight: normal;}
		
	#header p {
		float: right;
		display: inline;
		width: 15%;
		margin: 0;
		padding: 35px 20px 0 0;
		font-size: .75em;
		text-align: right;}
		
	#header a {
		color: #fff;
		text-decoration: none;}
		
	#header a:hover {
		color: #ffffcc;}



#canvas {
	position: relative;
	float: left; 
	width: 100%;
	font-size: .75em;}

#canvas .client {
	float: left;
	width: 100%;
	padding: 30px 0 20px 0;
	border-bottom: 1px solid #ccc;}
	
	#canvas .client .company {
		float: left;
		display: inline;
		width: 150px;
		margin-right: 40px;
		margin-left: 20px;}
		
		#canvas .client .company img {
			width: 150px;
			border: 0;}
			
		#canvas .client .company p {
			float: left;
			clear: left;
			width: 150px;
			font-size: 11px;}
			
	#canvas .client .example {
		float: left;
		display: inline;
		margin-right: 20px;}
	#canvas .client .example.row2 {
		margin-top: 10px;}
		
		#canvas .client .example img {
			width: 175px;
			height: 150px;
			padding: 1px;
			border: 1px solid #ccc;}
			
		#canvas .client .example p {
			clear: left;
			width: 175px;
			margin: 3px 0 3px 0;
			font-size: 11px;}
			
		#canvas .client .example p a {
			color: #FF6600;}
		#canvas .client .example p a:hover {
			text-decoration: none;}

	#canvas .client .showcase {
		float: left;
		width: 790px;
		display: inline;}
		
		#canvas .client .showcase img, #canvas .client .showcase div.video {
			float: left; 
			display: inline; 
			width: 345px;
			padding: 1px;
			margin-right: 30px;
			padding: 1px;
			border: 1px solid #ccc;}
			
		#canvas .client .showcase h2 {
			float: left;
			display: inline; 
			width: 370px;
			margin: 3px 0 3px 0;
			font-size: 28px;
			font-weight: normal;}
			
		#canvas .client .showcase p {
			float: left;
			display: inline; 
			width: 300px;
			margin: 3px 0 3px 0;
			font-size: 11px;}
			
		#canvas .client .showcase p a {
			color: #FF6600;}
		#canvas .client .showcase p a:hover {
			text-decoration: none;}
		
		
		
#footer {
	position: relative;
	float: left; 
	width: 100%;
	font-size: .7em;}

	#footer p {
		padding: 10px 0 10px 0;
	}