/* Global */
* 				{ margin: 0; padding: 0; font-family:Helvetica, Arial; font-size: 13px; color:#000000; text-align:left;}

li  { margin-left:20px; }

img 			{ border: none; }
a 				{ outline: none; }
img, div 		{ behavior: url(/css/iepngfix.htc) }
.clear 			{ width: 0px !important; height: 0px !important; overflow: hidden !important; float: none !important; clear: both !important;}
body			{ font-size:12px;}
.left			{ float:left; }
.right			{ float:right; color:#f00; font-weight:bold; line-height:22px; font-weight:bold; }
.right .field	{ display:none; }
p				{ margin-bottom:10px;}
.indent			{ display:block; margin-left:10px;}
.headshot		{ float:left; margin:0 6px 4px 0; border:1px solid #000;}
.red			{ color:#f00; }

#outerContainer	{ width:100%; text-align:center; }

#header			{ height:68px; width:876px; margin:22px auto 0; }

#menu			{ margin-top:22px; width:100%; height:24px;  background:#000; }
	ul#navigation {	display:block; width:569px; height:24px; text-align: center; list-style: none; padding:0px; clear: both; margin:0 auto; }
		#navigation li 					{ float: left; text-indent: -9999px; margin:0;}
		#navigation li a 				{ height: 24px; display: block; outline:none; }
		#navigation li.active 			{ background-position: center;}
		#navigation li.inactive 		{ background-position: top;}
		#navigation li.current	 		{ background-position: bottom;}
		#navigation li#about-tab 		{ width: 110px;	background-image: url(../img/nav/about.gif);}
		#navigation li#services-tab 	{ width: 116px;	background-image: url(../img/nav/services.gif);}
		#navigation li#clients-tab 		{ width: 117px;	background-image: url(../img/nav/clients.gif);}
		#navigation li#blog-tab 		{ width: 117px;	background-image: url(../img/nav/blog.gif);}
		#navigation li#contact-tab 		{ width: 109px;	background-image: url(../img/nav/contact.gif);}
	


#contentHeader	{ margin-top:11px; width:100%; height:52px;  background:#f00; text-align:center; position:relative; }
	#contentHeader .learnMore	{ position:absolute; left:50%; margin-left:146px; bottom:16px; }
	#contentHeader .learnMore a	{ color:#fff; font-style:italic; font-weight:bold; }

#contentBody	{ margin-top:1px; width:100%; background:#fff; text-align:left; }

#contentFooter	{ margin-top:1px; width:100%; height:52px;  background:#f00; }
	#contentFooter div { width:100%; padding-top:9px; color:#fff; text-align:center; font-size:14px; font-weight:bold; }
	
/************** HOME **************/
	#homeContainer	{ width:876px; margin:10px auto; background:url(../img/homeBG.gif); }
		.verticalRule	{ float:left; width:1px; height:341px; background:#000;}
		.homeCol		{ float:left; width:258px; margin:0 17px; }
			.title			{ width:100%; text-align:center; margin:11px 0 22px 0; }
			.titleHR		{ width:58px; height:1px; background:#ccc; margin:0 auto 20px; }
			
			#clientCol img	{ float:left; margin:0 8px 8px 0;}
			#clientCol a	{ font-weight:bold; font-style:italic; }
			
			.homeBlog		{ margin-bottom:20px; }
			.homeBlog h1	{ font-weight:bold; }
			.homeBlog a		{ font-weight:bold; font-style:italic; }
			
/************** GLOBAL CONENT **************/
	#contentContainer { width:876px; margin:0 auto; }
		#contentContainer #mainContent { float:left; width:618px; }
			#sectionHeader	{ width:585px; margin:19px auto; text-align:center;}
			
		#contentContainer #rightColumn { float:left; width:258px; background:#f00; }	
		#contentContainer #rightColumnAlt { float:left; width:258px; background:#000; margin-top:1px; }
		
		
	#blogHeader { margin:19px auto 20px; text-align:center; }	
		.colBlog		{ margin:0 auto 20px; width:240px; }
		.colBlog h1		{ font-size:1.25em; font-weight:bold; color:#fff; }
		.colBlog a		{ font-weight:bold; font-style:italic; color:#fff; }
		
		
		
/************** SERVICES **************/
	.serviceSection	{ margin-top:20px; }
		.serviceImage	{ float:left; width:97px; }
		.serviceContent	{ float:left; margin-left:10px; width:450px; }
	
	
/************** CLIENTS **************/
	.clientSection	{ margin-top:20px; }
		.clientImage	{ float:left; width:97px; }
		.clientContent	{ float:left; margin-left:10px; width:450px; }
	
	
/************** CONTACT **************/
	.formContact { margin-bottom:20px; text-align:left; width:585px; margin-left:16px; }
		.formContact input{ width:400px; }
		.formContact textarea { width:400px; height:100px; }
		.formContact .check { width:auto; margin-right:10px; }
		.formContact .submit { float:right; margin-bottom:10px; width:auto; }


/************** BLOG **************/		
	#blogContainer	{ width:585px; margin:19px auto; text-align:left;}
		.blogEntry		{ margin-bottom:30px; line-height:1.25em; }
			.blogImage		{ float:left; }
			.blogContent	{ float:left; margin-left:10px; width:450px; }
			.blogSubtitle	{ color:#666; margin:2px 0; text-transform:uppercase; font-size:11px; }
			.blogMore		{ font-weight:bold; font-style:italic; }
			.blogLong 		{ display:none; }
			
		.blogLink			{ width:100%; text-align:left; margin:10px 0 0;}
			.blogLink a			{ color:#ff0000; font-size:12px; text-decoration:none; }
			.blogLink a:hover	{ color:#ff0000; font-size:12px; text-decoration:underline; }
			
		.blogRight		{ text-align:center; }
			.blogRight a	{ color:#fff; font-weight:bold; }
			
		.comment		{ border-top:1px solid #000; padding:12px 0; }
		
		.blogForm		{ border-top:1px solid #000; padding:12px 0; line-height:3em; }
			.blogForm textarea	{ width:400px; height:80px; }
			
		.tagSection		{ line-height:1.5em; margin-left:30px; text-align:left; width:100%; }