@charset "utf-8";
body 
{
	font: normal .8em "Century Gothic", Verdana, Arial, sans-serif;
	background: #fff;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #333;
}

a,a:link,a:active,a:visited,a:hover
{
	color: #369;
	text-decoration: none;
	font: normal 1.0em "Century Gothic", Verdana, Arial, sans-serif;
}

a:visited,a:hover
{
	color: #930;
}

h1,h2,h3,h4,h5,h6
{
	font-family: "Century Gothic", Verdana, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	color: #369;
}

h1
{
	font-size: 2.5em;
}

h2
{
	font-size: 4.0em;
	text-align: left;
}

h3
{
	font-size: 2.5em;
	
}


#container 
{
	width: 960px;
	padding: 0 20px;
	background: url(../../images/bkgd_wrapper.png) repeat-y;
	margin: 0 auto; 
	text-align: left; 
}

	#header 
	{ 
		height: 100px;
		padding: 0; 
	
		background: #ddd url(../../images/bkgd_header.png) no-repeat;
	} 
	
		#header h1 
		{
			float: left;
			
			height: 99px;
			width: 707px;
			margin: 0; 
			padding: 0;
			
			background: url(../../images/4th_dimension_development_header.png) no-repeat;
		}
		
			#header h1 span
			{
				visibility: hidden;
			}
		
		ul#media
		{
			float: right;
			margin: 2px 20px;
			padding: 0;
		}
		
			ul#media li
			{
				float: left;
				margin-left: 10px;
				
				list-style: none;
			}
			
			ul#media img
			{
				border: none;
			}
			
			ul#media a
			{
				border: none;
			}
		
		#search_form
		{
			float: right;
			
			width: 180px;
			height: 25px;
			line-height: 25px;
			margin: 35px 10px 0 0;
			padding: 4px;
		}
			#search_form .screen-reader-text
			{
				display: none;
			}
		
			#search_form #site_search
			{
				width: 130px;
				height: 25px;
				line-height: 25px;
				
				color: #666;
				background: url(../../images/bkgd_search.png) no-repeat;
				border: none;
			}
			
			#search_form #btn_site_search
			{
				width: 17px;
				height: 17px;
				margin: 4px 0 0 0;
				padding: 0;
				
				background: url(../../images/button_search.png) no-repeat;
				border: none;
			}
	
	#navigation
	{
		height: 51px;
		padding: 0 10px;
		background: #ccc url(../../images/bkgd_navigation.png) repeat-x;
		
		line-height: 45px;
	}
	
		#navigation ul
		{
			padding: 0;
			margin: 0;
		}
		
		#navigation li
		{
			float: left;
			
			padding: 5px;
			margin: 0 15px;
			
			list-style: none;
		}
		
		#navigation a, #navigation a:link, 
		#navigation a:active, #navigation a:visited, 
		#navigation a:hover
		{
			color: #369;
			text-decoration: none;
			font: normal 1.0em "Century Gothic", Verdana, Arial, sans-serif;
		}
		
		#navigation a:hover, #navigation a.current
		{
			color: #930;
		}
	
	#blurb
	{
		height: 300px;
		background: #69c url(../../images/bkgd_blurb.png) repeat-x;
	}
		
		#blurb #blurb_content
		{
			height: 270px;
			width: 100%;
			padding: 30px 0 0 30px;	
			background: url(../../images/glow_blurb.png) no-repeat left;
		}
		
		#blurb h2
		{
			width: 409px;
			height: 89px;
			background: url(../../images/blurb_text.png) no-repeat;
		}
		
		#blurb h2 span
		{
			visibility: hidden;
		}
		
		#blurb #updates
		{
			float: right;
			width: 430px;
			margin: 20px 60px 0 0;
		}
	
	#mainContent 
	{
		padding: 20px;
		
		
		background: #eee;
		text-align: center;
	}
		
		#mainContent ul
		{
			margin: 10px 20px;
			padding: 0;
		}
				
		#mainContent li
		{
			margin: 4px 7px 4px 15px;
			padding: 0;
			list-style-image:url(../../images/bullets_dblarrows.png);
		}
		
		#content_background_top
		{
			width: 901px;
			margin: 0 auto;
			height: 15px;
			
			background: url(../../images/bkgd_content_top.png) no-repeat center;
		}
		
		#content_background_bottom
		{
			width: 901px;
			margin: 0 auto;
			height: 15px;
			
			background: url(../../images/bkgd_content_bottom.png) no-repeat center;
		}
		
		#content_background
		{
			width: 901px;
			height: 370px;
			margin: 0 auto;
			padding: 15px 0;
			
			background: url(../../images/bkgd_content.png) no-repeat center;
			
			text-align: center;
		}
		
		#content_background_middle
		{
			width: 901px;
			margin: 0 auto;
			
			background: url(../../images/bkgd_content_middle.png) repeat-y center;
			text-align: left;
		}
			
			#content_background .content_block
			{
				float: left;
				width: 252px;
				height: 352px;
				margin-left: 28px;
				padding: 10px 5px;
				
				text-align: left;
				color: #000;
			}
				
				#content_background .content_block h2
				{
					font-size: 2.0em;
					color: #333;
				}
				
				#content_background .content_block ul
				{
					margin: 0 0 0 10px;
					padding: 0;
				}
				
				#content_background .content_block li
				{
					margin: 4px 7px 4px 15px;
					padding: 0;
				}
				
				
			
			#content_background #creatives
			{				
				background: url(../../images/bkgd_creative.png) no-repeat;
			}
			
			#content_background #websites
			{				
				background: url(../../images/bkgd_websites.png) no-repeat;
			}
			
			#content_background #enterprise
			{				
				background: url(../../images/bkgd_enterprise.png) no-repeat;
			}
			
		
		
		#mainContent .date
		{
			font-size: .9em;
			padding: 0 15px;
			color: #666;
		}
		
		#mainContent p
		{
			padding: 5px 20px;
		}
		
		#mainContent .postmetadata
		{
			font-style: italic;
			color: #666;
		}
		
		#mainContent .post_navigation
		{
			padding: 25px 10px 0 15px;
			
		}
		
		#mainContent .post
		{
			margin-bottom: 20px;
		}
		
			#mainContent .post .addthis
			{
				margin: 5px 20px;
			}
	
	#footer 
	{ 
		height: 291px;
		padding: 0;
		margin: 0;
		
		background:#333 url(../../images/bkgd_footer.png) repeat-x;
		color: #fff;
	} 
	
		#footer #links
		{
			width: 901px;
		}
		
			#footer #links div
			{
				float: left;
				width: 200px;
				margin: 0 5px;
			}
		
			#footer #links ul
			{
				padding: 0;
			}
		
			#footer #links li
			{
				list-style: none;
				
				padding: 1px 0;
			}
			
			#footer #links h3
			{
				font-size: 1.5em;
				
				color: #ccc;
				border-bottom: 1px groove #333;
			}
		
		#footer #footer_content
		{
			height: 271px;
			padding: 10px 20px;
			
			background: url(../../images/glow_footer.png) no-repeat bottom center;
		}
		
		#footer #footer_site_stats
		{
			height: 15px;
			padding: 0 10px;
			margin: 60px 0 0 0;

			
			line-height: 15px;
			width: 901px;
		}
		
		#footer #validation
		{
			width: 180px;
			float: right;
			
			text-align: right;
		}
		
		#footer #copyright
		{
			width: 720px;
			
			color: #bbb;
		}
	
		#footer p 
		{
			margin: 0;
			padding: 10px 0;
		}
		
		#footer a, #footer a:link, #footer a:active, #footer a:visited, #footer a:hover
		{
			color: #09c;
			text-decoration: none;
			font: normal 1.0em "Century Gothic", Verdana, Arial, sans-serif;
		}
		
		#footer a:visited, #footer a:hover
		{
			color: #f93;
		}
		
	#contactfrm
	{
		padding: 5px 20px;
	}
	
		/*#contactfrm 
		{
			padding: 0;
			margin: 0;
		}*/
		
		#contactfrm ol
		{
			padding: 0;
			margin: 0;
			
			list-style: none;
		}
		
		#contactfrm li
		{
			padding: 0;
			margin: 10px 0 20px 0;
			list-style: none;
			list-style-image: none;
			
			text-align: left;
		}
		
		#contactfrm li .comments
		{
			vertical-align: text-top;
		}
	
		#contactfrm div
		{
			margin: 10px 0 20px 0;
			
			text-align: left;
			vertical-align: text-top;
		}
		
		#contactfrm label
		{
			display: inline-block;
			width: 200px;
			
			font-weight: bold;
			color: #369;
			text-align: right;
		}
		
		#contactfrm input.text
		{
			width: 202px;
			height: 30px;
			padding: 6px 0 0 6px;
			
			
			border: none;
			background: url(../../images/input_contact_text.png) no-repeat;
		}
		
		#contactfrm input.text:focus
		{
			background: url(../../images/input_contact_text_focus.png) no-repeat;
		}
		
		#contactfrm textarea
		{
			width: 398px;
			height: 148px;
			padding: 6px 0 0 6px;
			
			
			border: none;
			background: url(../../images/textarea_contact.png) no-repeat;
		}
		
		#contactfrm textarea:focus
		{
			background: url(../../images/textarea_contact_focus.png) no-repeat;
		}
		
		#contactfrm select
		{
			width: 202px;
			height: 30px;
			
		}
		
		form .btn
		{
			width: 82px;
			margin-left: 245px; 
			height: 22px;
			
			border: none;
			background: url(../../images/button_submit.png) no-repeat;
			color: #369;
		}
		
		form .btn:focus
		{
			border: 1px solid #369;
		}
		
	.client
	{
		padding: 5px;
		margin: 5px 10px;
		
		border: 1px solid #ccc;
	}
	
		.client h2
		{
			font-size: 2.5em;
		}
		
		.client h3
		{
			font-size: 1.5em;
		}
		
		.client img
		{
			float: right;
			
			margin: 0 10px 10px;
		}
		
		.client ul
		{
			/*clear: both;*/
		}
		
		.client .thumb img
		{
			border-right: 1px solid #999;
			border-bottom: 1px solid #999;
			padding: 5px;
			background: #ccc;
		}
		
/*********************************************/
/*	Utility classes							 */
/*********************************************/

.clearflt
{
	clear: both;
	
	height: 1px;
}

.error
{
	color: #900;
}