/* standard shell template */
html, body 
{
	margin: 0;
	padding:0;
	border:0;
}

body
{		
	font-family: Trebuchet MS;
	font-size: 70%;
	background: #FFF;	
	text-align: center;	
	line-height: 18px;
	color: #424142;
}

.clear{
	clear:both;
	overflow: hidden;
	display: none;
	height: 0px;			
}

/* redefine */
form 
{
	padding: 0px;
	margin: 0px;
	border: 0px;	
}

a 
{
	color: #302C2D;
	text-decoration: underline;
}

a:hover 
{
	text-decoration: none;	
}

/* construct */
#wrapper 
{
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position: relative;	
	width: 100%;		
}

	/* Top Header */	
	#wrapper #headercontainer 
	{
		width: 100%;
		float: left;		
	}	
	
		#wrapper #headercontainer #header 
		{
			width: 1003px;			
			margin-left: auto;
			margin-right: auto;						
		}
		
			#wrapper #headercontainer #header h1 
			{
				margin: 0px;
				padding: 0px;								
			}
			
				#wrapper #headercontainer #header h1 a 
				{
					background: url(../Images/shellGraphics_02.gif) no-repeat top left;
					float: left;
					display: block;
					width: 263px;
					height: 93px;
				}
				
					#wrapper #headercontainer #header h1 a span 
					{
						display: none;
					}
					
			#wrapper #headercontainer #header #telephonecontact 
			{
				width: 248px;
				height: 93px;
				background: url(../Images/shellGraphics_04.gif) no-repeat top left;
				float: left;
				margin-left: 492px;				
			}
			
				*html #wrapper #headercontainer #header #telephonecontact  
				{
					margin-left: 385px;
				}
			
				#wrapper #headercontainer #header #telephonecontact span 
				{
					display: none;
				}
				
	/* Navigation and Intro Panel Container */
	#wrapper #headercontainer #mainheader 
	{			
		width: 100%;
		float: left;	
		background: url(../Images/HeaderBG.jpg) repeat-x top left;		
	}
	
		#wrapper #headercontainer #mainheader #mainheaderinner 
		{
			width: 1003px;
			margin-left: auto;
			margin-right: auto;					
		}
	
			#wrapper #headercontainer #mainheader #mainheaderinner ul 
			{				
				float: left;	
				margin: 0px 0px 0px 11px;
				padding: 0px;
				
			}
			
				#wrapper #headercontainer #mainheader #mainheaderinner ul li 
				{
					display: inline;
					list-style-type: none;
					float: left;
				}
				
					#wrapper #headercontainer #mainheader #mainheaderinner ul li a 
					{
						float: left;
						height: 29px;
						display: block;
					}
					
						#wrapper #headercontainer #mainheader #mainheaderinner ul li.home a
						{
							background: url(../Images/shellGraphics_07.gif) no-repeat top left;
							width: 78px;
						}
						
						#wrapper #headercontainer #mainheader #mainheaderinner ul li.software a
						{
							background: url(../Images/shellGraphics_08.gif) no-repeat top left;
							width: 181px;
						}
						
						#wrapper #headercontainer #mainheader #mainheaderinner ul li.website a
						{
							background: url(../Images/shellGraphics_09.gif) no-repeat top left;
							width: 136px;
						}
						
						#wrapper #headercontainer #mainheader #mainheaderinner ul li.consultancy a
						{
							background: url(../Images/shellGraphics_10.gif) no-repeat top left;
							width: 180px;
						}
						
						#wrapper #headercontainer #mainheader #mainheaderinner ul li.whitepapers a
						{
							background: url(../Images/shellGraphics_11.gif) no-repeat top left;
							width: 124px;
						}
						
						#wrapper #headercontainer #mainheader #mainheaderinner ul li.clients a
						{
							background: url(../Images/shellGraphics_12.gif) no-repeat top left;
							width: 83px;
						}
						
						#wrapper #headercontainer #mainheader #mainheaderinner ul li.aboutus a
						{
							background: url(../Images/shellGraphics_13.gif) no-repeat top left;
							width: 98px;
						}
						
						#wrapper #headercontainer #mainheader #mainheaderinner ul li.contactus a
						{
							background: url(../Images/shellGraphics_14.gif) no-repeat top left;
							width: 101px;
						}
						
							#wrapper #headercontainer #mainheader #mainheaderinner ul li a:hover 
							{
								background-position: bottom left;	
							}
							
							#wrapper #headercontainer #mainheader #mainheaderinner ul li a span 
							{
								display: none;
							}
					
			#wrapper #headercontainer #mainheader #mainheaderinner #intropanels 
			{
				width: 1003px;
				height: 222px;
				float: left;
				margin-top: 1px;				
			}
			
				#wrapper #headercontainer #mainheader #mainheaderinner #intropanels #intro 
				{
					width: 644px;
					float: left;
				}
				
					#wrapper #headercontainer #mainheader #mainheaderinner #intropanels #intro #carousel
					{
						width: 644px;
						height: 222px;
						position: relative;						
					}
					
						#wrapper #headercontainer #mainheader #mainheaderinner #intropanels #intro #carousel a img 
						{
							border: solid 0px;
						}
				
				#wrapper #headercontainer #mainheader #mainheaderinner #intropanels #moreinfo 
				{
					width: 359px;
					float: left;
				}
				
					#wrapper #headercontainer #mainheader #mainheaderinner #intropanels #moreinfo h2 
					{
						margin: 0px;
						padding: 0px;
					}
					
						#wrapper #headercontainer #mainheader #mainheaderinner #intropanels #moreinfo h2 a 
						{
							display: block;
							background: url(../Images/shellGraphics_17.jpg) no-repeat top left;
							width: 359px;
							height: 222px;						
						}
						
							#wrapper #headercontainer #mainheader #mainheaderinner #intropanels #moreinfo h2 a span 
							{
								display: none;
							}
		
	#wrapper #contentcontainer 
	{
		width: 100%;
		float: left;
	}	
	
		#wrapper #contentcontainer #content 
		{
			width: 1003px;			
			margin-left: auto;
			margin-right: auto;			
		}		
		
			#wrapper #contentcontainer #content #innercontent 
			{
				width: 969px;
				padding: 35px 17px 35px 17px;
				float: left;
			}	
		
				#wrapper #contentcontainer #content #innercontent h2 
				{
					margin: 0px;
					padding: 0px;
					color: #F3766E;
					font-weight: normal;
					font-size: 180%;
				}
				
				#wrapper #contentcontainer #content #innercontent .suppimages 
				{
					float: right;
					margin: 16px 0px 10px 50px;		
					width: 232px;			
				}
				
					#wrapper #contentcontainer #content #innercontent .suppimages .photo 
					{
						width: 232px;
						float: left;
						text-align: center;
						margin-bottom: 15px;
					}
					
						#wrapper #contentcontainer #content #innercontent .suppimages .photo img 
						{
							margin-bottom: 10px;
						}
				
				#wrapper #contentcontainer #content #innercontent p 
				{
					/* Empty at the moment */				
				}
				
					#wrapper #contentcontainer #content #innercontent p .sitemapfeed 
					{
						height: 15px;
						line-height: 15px;
						display: block;
						background: url(../Images/xml-icon.gif) no-repeat left;
						color: #EE8601;
						padding-left: 35px;
					}
					
				#wrapper #contentcontainer #content #innercontent ul li
				{
					margin-bottom: 15px;
				}	
				
				/* Software Development Page */
				#wrapper #contentcontainer #content #innercontent #skillscontainer 
				{
					float: left;
					width: 969px;
					margin-bottom: 15px;
				}
				
					#wrapper #contentcontainer #content #innercontent #skillscontainer .skill 
					{
						width: 180px;
						background: #76787B;						
						float: left;
						margin: 0px 17px 17px 0px;
						text-align: center;
						font-size: 90%;											
					}
					
						#wrapper #contentcontainer #content #innercontent #skillscontainer .skill h4 
						{
							margin: 5px 0px 5px 0px;
							padding:0px;	
							color: #FFF;	
							font-size: 100%;					
						}
						
						#wrapper #contentcontainer #content #innercontent #skillscontainer .skill p 
						{
							margin: 0px;
							padding: 5px 10px 10px 10px;
							text-align: left;
							background: #FFF;
							border-left: solid 1px #76787B;							
							border-right: solid 1px #76787B;							
							border-bottom: solid 1px #76787B;
							height: 50px;							
						}
					
						#wrapper #contentcontainer #content #innercontent #skillscontainer .skill.norightmargin 
						{
							margin-right: 0px;
						}	
						
				/* News */
				#wrapper #contentcontainer #content #innercontent #fullarticleslist 
				{
					width: 687px;					
					float: left;	
				}
				
					#wrapper #contentcontainer #content #innercontent #fullarticleslist .newsheader 
					{
						width: 687px;
						float: left;
						height: 71px;
						line-height: 71px;
						background: #AFE2FA url(../Images/NewsBarTile.jpg) repeat-x top left;
						border-top: solid 1px #C6DBE7;
						border-bottom: solid 1px #C6DBE7;
						cursor: pointer;
						margin-top: 10px;
						color: #FFF;
					}
					
						#wrapper #contentcontainer #content #innercontent #fullarticleslist .newsheader .newsthumb 
						{
							padding: 10px;
							float: left;
							width: 68px;
						}
						
						#wrapper #contentcontainer #content #innercontent #fullarticleslist .newsheader .newstitle 
						{
							width: 480px;						
							float: left;
							font-weight: bold;
						}
						
						#wrapper #contentcontainer #content #innercontent #fullarticleslist .newsheader .newsdate 
						{
							width: 100px;						
							float: left;
							text-align: right;
						}
					
					#wrapper #contentcontainer #content #innercontent #fullarticleslist .newsinfo 
					{
						width: 677px;
						float: left;					
						padding: 5px;	
						background: url(../Images/NewsInfoTile.jpg) repeat-x top left;				
					}
					
						#wrapper #contentcontainer #content #innercontent #fullarticleslist .newsinfo .newsbody 
						{
							width: 657px;
							float: left;
							padding: 10px;
						}
				
				/* Clients */
				#wrapper #contentcontainer #content #innercontent h3 
				{
					margin: 0px 0px 10px 0px;
					padding: 0px 0px 10px 0px;						
					font-size: 130%;
					color: #DE3400;
					width: 100%;
							
					background: url(../Images/HorizontalSpacer.gif) repeat-x bottom left;	
				}
				
					#wrapper #contentcontainer #content #innercontent h3.supppresent 
					{
						width: 687px;						
					}
					
						*html #wrapper #contentcontainer #content #innercontent h3.supppresent  
						{
							width: 684px;
						}
						
				/* Page Content */
				#wrapper #contentcontainer #content #innercontent .specialcontainer 
				{
					width: 687px;
				}
				
					*html #wrapper #contentcontainer #content #innercontent .specialcontainer 
					{
						width: 684px;
					}
				
				#wrapper #contentcontainer #content #innercontent #screenshotcontainer 
				{
					float: left;
					width: 969px;
					margin-bottom: 15px;
				}
				
					#wrapper #contentcontainer #content #innercontent #screenshotcontainer .screenshot 
					{
						width: 180px;
						background: #76787B;						
						float: left;
						margin: 0px 17px 17px 0px;
						text-align: center;
						font-size: 90%;
						color: #FFF;
						padding-bottom: 5px;
					}
					
						#wrapper #contentcontainer #content #innercontent #screenshotcontainer .screenshot.norightmargin 
						{
							margin-right: 0px;
						}
					
						#wrapper #contentcontainer #content #innercontent #screenshotcontainer .screenshot img 
						{
							margin-bottom: 5px;
						}
						
						#wrapper #contentcontainer #content #innercontent #screenshotcontainer .screenshot a 
						{
							color: #FFF;
						}
				
				#wrapper #contentcontainer #content #innercontent #softwarecontainer 
				{
					float: left;
					width: 969px;
					margin-bottom: 15px;
				}
				
					#wrapper #contentcontainer #content #innercontent #softwarecontainer .customer 
					{
						width: 180px;
						background: #76787B;						
						float: left;
						margin: 0px 17px 17px 0px;
						text-align: center;
						font-size: 90%;
						color: #FFF;
						padding-bottom: 3px;
					}
					
						#wrapper #contentcontainer #content #innercontent #softwarecontainer .customer.norightmargin 
						{
							margin-right: 0px;	
						}
					
						#wrapper #contentcontainer #content #innercontent #softwarecontainer .customer img 
						{
							margin: 1px 1px 5px 1px;
						}
						
				#wrapper #contentcontainer #content #innercontent #partnerscontainer 
				{
					float: left;
					width: 969px;
					margin-bottom: 15px;
				}
				
					#wrapper #contentcontainer #content #innercontent #partnerscontainer .partner 
					{
						width: 180px;
						background: #76787B;						
						float: left;
						margin: 0px 17px 17px 0px;
						text-align: center;
						font-size: 90%;
						color: #FFF;
						padding-bottom: 3px;
					}
					
						#wrapper #contentcontainer #content #innercontent #partnerscontainer .partner.norightmargin 
						{
							margin-right: 0px;
						}
					
						#wrapper #contentcontainer #content #innercontent #partnerscontainer .partner img 
						{
							margin: 1px 1px 5px 1px;
						}
				
				/* White Papers */
				#wrapper #contentcontainer #content #innercontent #whitepapercontainer 
				{
					width: 969px;
					float: left;
				}
				
					#wrapper #contentcontainer #content #innercontent #whitepapercontainer .downloaditem 
					{
						width: 309px;						
						float: left;
						margin: 0px 20px 20px 0px;												
					}	
					
						#wrapper #contentcontainer #content #innercontent #whitepapercontainer .downloaditem.norightmargin 
						{
							margin-right: 0px;
						}				
						
						#wrapper #contentcontainer #content #innercontent #whitepapercontainer .downloaditem a 
						{
						    width: 247px;
						    height: 72px;
							float: left;
							text-decoration: none;
							display: block;	
							border: solid 1px #76787B;		
							padding: 10px 10px 10px 52px;							
						}
						
							*html #wrapper #contentcontainer #content #innercontent #whitepapercontainer .downloaditem a  
							{
								padding-left: 50px;
							}
						
							#wrapper #contentcontainer #content #innercontent #whitepapercontainer .downloaditem a .underline 
							{
								text-decoration: underline;
							}
							
								#wrapper #contentcontainer #content #innercontent #whitepapercontainer .downloaditem a .underline:hover 
								{
									text-decoration: none;
								}
								
							#wrapper #contentcontainer #content #innercontent #whitepapercontainer .downloaditem a:hover 
							{
							    border: solid 1px #F3766E;
							}
							
				#wrapper #contentcontainer #content #innercontent #whitepaperdownloadform 
				{
					width: 685px;
					float: left;
					background: url(../Images/HorizontalSpacer.gif) repeat-x top left;
					padding: 10px 0px 10px 0px;		
					margin-top: 15px;			
				}
				
					#wrapper #contentcontainer #content #innercontent #whitepaperdownloadform input 
					{
						font-family: Trebuchet MS;
						font-size: 100%;
					}					

				
				/* Testimonials */
				#wrapper #contentcontainer #content #innercontent #testimonialscontainer 
				{					
					width: 683px;
					float: left;
					padding-top: 10px;
					background: url(../Images/HorizontalSpacer.gif) repeat-x top left;
					margin-top: 15px;
				}
				
					#wrapper #contentcontainer #content #innercontent #testimonialscontainer #testimonialinner 
					{
						width: 663px;
						float: left;
						padding: 10px;
						background: #76787B;
					}
					
						#wrapper #contentcontainer #content #innercontent #testimonialscontainer #testimonialinner .testimonial 
						{
							width: 663px;
							float: left;
							color: #FFF;
							font-size: 120%;
						}
						
							#wrapper #contentcontainer #content #innercontent #testimonialscontainer #testimonialinner .testimonial span
							{
								font-size: 140%;
								font-weight: bold;
								font-family: Arial;
							}
				
				/* Contact Styles */
				#wrapper #contentcontainer #content #innercontent #contactarea 
				{
					width: 969px;
					float: left;						
				}
				
					#wrapper #contentcontainer #content #innercontent #contactarea #maparea 
					{
						width: 642px;
						float: left;					
					}
					
					#wrapper #contentcontainer #content #innercontent #contactarea #contactformarea 
					{
						width: 312px;
						float: left;
						margin-left: 7px;
						padding-left: 8px;				
						background: url(../Images/VerticalSpacer.gif) repeat-y top left;	
					}
					
						#wrapper #contentcontainer #content #innercontent #contactarea #maparea h3, #wrapper #contentcontainer #content #innercontent #contactarea #contactformarea h3 
						{
							margin: 0px 0px 10px 0px;
							padding: 0px 0px 10px 0px;						
							font-size: 130%;
							color: #DE3400;
							width: 100%;
													
							background: url(../Images/HorizontalSpacer.gif) repeat-x bottom left;	
						}
						
						#wrapper #contentcontainer #content #innercontent #contactarea #contactformarea .standardformfield 
						{
							font-family: Trebuchet MS;
							font-size: 100%;
						}
						
				/* Home Styles */
				#wrapper #contentcontainer #content #innercontent #homecontent 
				{
					width: 969px;
					float: left;						
				}
				
					#wrapper #contentcontainer #content #innercontent #homecontent #colone 
					{
						width: 687px;
						float: left;						
						padding-right: 50px;
					}
					
					#wrapper #contentcontainer #content #innercontent #homecontent #coltwo 
					{
						width: 232px;
						float: left;
						margin: 34px 0px 0px 0px;						
						height: 208px;
						position: relative;
					}
					
						#wrapper #contentcontainer #content #innercontent #homecontent #coltwo h4 
						{
							margin: 0px;
							padding: 0px;
							color: #FFF;
							padding: 8px 10px 8px 10px;
							background: #76787B;
							width: 212px;
							font-size: 120%;
						}	
						
						#wrapper #contentcontainer #content #innercontent #homecontent #coltwo #rsslink 
						{
							position: absolute;
							top: 10px;
							right: 10px;
						}
						
						#wrapper #contentcontainer #content #innercontent #homecontent #coltwo #articleslist 
						{
							border: solid 1px #76787B;
							padding: 9px 10px 10px 10px;
							float: left;
							width: 210px;
							height: 154px;
						}
											
						#wrapper #contentcontainer #content #innercontent #homecontent #coltwo #articleslist a 
						{
							text-decoration: none;							
							width: 210px;
							display: block;
						}
						
							#wrapper #contentcontainer #content #innercontent #homecontent #coltwo #articleslist a.spacer 
							{
								margin-top: 10px;
								background: url(../Images/HorizontalSpacer.gif) repeat-x top left;
								padding-top: 10px;
								width: 210px;
							}
						
							#wrapper #contentcontainer #content #innercontent #homecontent #coltwo #articleslist a span 
							{
								text-decoration: underline;
							}
						
	#wrapper #footercontainer 
	{
		width: 100%;
		float: left;
		background: #212121;
		border-top: solid 1px #711F1A;		
	}	
	
		#wrapper #footercontainer #footer 
		{
			width: 969px;			
			margin-left: auto;
			margin-right: auto;
			padding: 28px 17px 0px 17px;			
		}
		
			#wrapper #footercontainer #footer .footerpanel 
			{
				width: 207px;
				float: left;
				padding-right: 35px;
			}
			
				#wrapper #footercontainer #footer .footerpanel h2 
				{
					color: #CCCCCC;
					margin: 0px;
					padding: 0px;
					text-transform: uppercase;					
					font-size: 140%;					
				}
				
				#wrapper #footercontainer #footer .footerpanel p 
				{
					color: #616367;
				}
				
					#wrapper #footercontainer #footer .footerpanel p a
					{
						color: #8E9299;
					}
				
			#wrapper #footercontainer #footer #footerelements 
			{
				width: 969px;
				float: left;				
				color: #6E6E6E;					
				margin: 20px 0px 0px 0px;
				padding-bottom: 28px;			
			}
			
				#wrapper #footercontainer #footer #footerelements h3 
				{
					margin: 0px;
					padding: 0px;					
				}
				
					#wrapper #footercontainer #footer #footerelements h3 a 
					{
						display: block;
						width: 162px;
						height: 28px;
						float: left;
						background: url(../Images/FooterLogo.gif) no-repeat top left;
					}
					
						#wrapper #footercontainer #footer #footerelements h3 a span 
						{
							display: none;
						}
						
				#wrapper #footercontainer #footer #footerelements p 
				{
					float: left;
					width: 969px;
					margin: 0px;
					padding: 15px 0px 5px 0px;
				}
				
				#wrapper #footercontainer #footer #footerelements ul
				{
					float: left;
					width: 969px;
					margin: 0px;
					padding: 0px;
				}
				
					#wrapper #footercontainer #footer #footerelements ul li 
					{
						list-style-type: none;
						display: inline;
						margin-right: 8px;
					}
					
						#wrapper #footercontainer #footer #footerelements ul li.spacer 
						{
							padding-left: 10px;
							background: url(../Images/FooterSpacer.gif) no-repeat left;
						}
					
						#wrapper #footercontainer #footer #footerelements ul li a 
						{
							color: #6E6E6E;
						}