@import url("galleriffic-2.css");
@import url("jquery.fancybox-1.3.1.css");
@import url("selectbox.css");
@import url("twitter-widget.css");


/* standard shell template */
html, body 
{
	margin: 0px;
	border: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}

body
{		
	font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
	font-size: 70%;
	background: #2D2D2D;
	text-align: center;
	line-height: 18px;
	color: #000000;
	height: 100%;
}

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

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

input
{
	font-family: Arial;
	font-size: 100%;
	color: #424142;
}

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

a:hover 
{
	text-decoration: underline;	
}

textarea
{
	font-family: Arial;
	font-size: 100%;
	color: #424142;
}

/* construct */
#wrapper 
{
	width: 100%;
	z-index: 1;
}

	#wrapper #headerout
	{
		float: left;
		width: 100%;
		position: relative;
		background: #FFF;
	}

	#wrapper  #header
	{
		width: 980px;
		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;
		z-index: 5000;
	}
	
		#wrapper  #header h1
		{
			padding: 0px;
			margin: 0px;
		}
		
			#wrapper  #header h1 a
			{
				float: left;
				width: 179px;
				height: 80px;
				background: url(../Images/shellSoftwareLabsLogo_03.gif) no-repeat top left;
				margin-top: 21px;
			}
			
				#wrapper  #header h1 a span
				{
					display: none;
				}
				
		#wrapper  #header #headright
		{
			float: right;
			width: 618px;
			position: relative;
		}
		
		#wrapper #header #headright #telephone
		{
			position: absolute;
			top: 22px;
			left: 7px;
			width: 149px;
			height: 10px;
			background: url(../Images/shellCallNow_03.gif) no-repeat top left;
			display: none;
		}
		
			#wrapper #header #headright #telephone span
			{
				display: none;
			}
		
		#wrapper  #header #headright #righttop
		{
			float: left;
			width: 618px;
		}
		
			#wrapper  #header #headright #righttop #toprightlist
			{
				float: right;
				padding: 0px;
				margin: 18px 0px 0px 0px;
			}
			
				#wrapper  #header #headright #righttop #toprightlist li
				{
					list-style-type: none;
					display: inline;
					float: left;
				}
				
					#wrapper  #header #headright #righttop #toprightlist li a
					{
						float: left;
						font-size: 110%;
						color: #303030;
					}
						
						#wrapper  #header #headright #righttop #toprightlist li a.signin
						{
							float: left;
							width: 82px;
							height: 18px;
							background: url(../Images/shellTopRightNav_03.gif) no-repeat top left;
						}
						
						#wrapper  #header #headright #righttop #toprightlist li a.bloghead
						{
							float: left;
							width: 47px;
							height: 18px;
							background: url(../Images/shellHeaderNavBlog.gif) no-repeat top left;
							padding-right: 0px;
						}
						
						#wrapper  #header #headright #righttop #toprightlist li a.careers
						{
							float: left;
							width: 66px;
							height: 18px;
							background: url(../Images/shellTopRightNav_04.gif) no-repeat top left;
						}
						
						#wrapper  #header #headright #righttop #toprightlist li a.webcam
						{
							float: left;
							width: 103px;
							height: 18px;
							background: url(../Images/shellTopRightNav_05.gif) no-repeat top left;
						}
						
						/* New - Social Links */						
						#wrapper  #header #headright #righttop #toprightlist li a.facebook
						{
							float: left;
							width: 21px;
							height: 21px;
							background: url(../Images/Top_Facebook.gif) no-repeat top left;
							margin-left: 10px;
						}
						
							#wrapper  #header #headright #righttop #toprightlist li a.facebook:hover 
							{
								background-position: bottom left;
							}							
						
						#wrapper  #header #headright #righttop #toprightlist li a.rssfeed
						{
							float: left;
							width: 21px;
							height: 21px;
							background: url(../Images/Top_RSS.gif) no-repeat top left;
							margin-left: 10px;
						}
						
							#wrapper  #header #headright #righttop #toprightlist li a.rssfeed:hover 
							{
								background-position: bottom left;
							}
						
						#wrapper  #header #headright #righttop #toprightlist li a.twitter
						{
							float: left;
							width: 21px;
							height: 21px;
							background: url(../Images/Top_Twitter.gif) no-repeat top left;
							margin-left: 10px;
						}
						
							#wrapper  #header #headright #righttop #toprightlist li a.twitter:hover 
							{
								background-position: bottom left;
							}
						
						#wrapper  #header #headright #righttop #toprightlist li a.linkedin
						{
							float: left;
							width: 21px;
							height: 21px;
							background: url(../Images/Top_LinkedIn.gif) no-repeat top left;
							margin-left: 10px;
						}
						
							#wrapper  #header #headright #righttop #toprightlist li a.linkedin:hover 
							{
								background-position: bottom left;
							}
						
							#wrapper  #header #headright #righttop #toprightlist li a span
							{	
								display: none;
							}
							
							#wrapper  #header #headright #righttop #toprightlist li a:hover
							{
								background-position: bottom left;
							}
		
		#wrapper  #header #headright #navigation
		{
			float: right;
			/*margin-top: 48px;*/
			margin-top: 30px;
			z-index: 5000;
			position: relative;
		}
		
			#wrapper  #header #headright #navigation #navlist
			{
				float: right;
				margin: 0px;
				padding: 0px;
				z-index: 5000;
			}
			
				#wrapper  #header #headright #navigation #navlist li
				{
					float: left;
					height: 20px;
					display: inline;
					position: relative;
					padding-left: 5px;
				}
				
					#wrapper  #header #headright #navigation #navlist li a
					{
						float: left;
						height: 20px;
					}
					
					#wrapper  #header #headright #navigation #navlist li.nav_home a
					{
						width: 56px;
						background: url(../Images/shellNav_03.gif) no-repeat top left;
					}
					
					#wrapper  #header #headright #navigation #navlist li.nav_who a
					{
						width: 99px;
						background: url(../Images/shellNav_04.gif) no-repeat top left;
					}
					
					#wrapper  #header #headright #navigation #navlist li.nav_website a
					{
						width: 80px;
						background: url(../Images/shellNav_05.gif) no-repeat top left;
					}
					
					#wrapper  #header #headright #navigation #navlist li.nav_smart a
					{
						width: 138px;
						background: url(../Images/shellNav_06.gif) no-repeat top left;
					}
					
					#wrapper  #header #headright #navigation #navlist li.nav_outing a
					{
						width: 102px;
						background: url(../Images/shellNav_07.gif) no-repeat top left;
					}
					
					#wrapper  #header #headright #navigation #navlist li.nav_contact a
					{
						width: 81px;
						background: url(../Images/shellNav_08.gif) no-repeat top left;
					}
					
					#wrapper  #header #headright #navigation #navlist li a span
					{
						display: none;
					}	
					
						#wrapper  #header #headright #navigation #navlist li a:hover, #wrapper  #header #headright #navigation #navlist li.active a
						{
							background-position: bottom;
						}
						
		#wrapper  #header #headright #navigation #navlist li #subnavone
		{
			position: absolute;
			left: 5px;
			top: 20px;
			width: 99px;
			background: url(../Images/shellSubNavigation_03.gif) no-repeat top left;
			padding: 0px;
			margin: 0px;
			z-index: 5000;
			display: none;
		}
		
			#wrapper  #header #headright #navigation #navlist li #subnavone li
			{
				float: left;
				width: 99px;
				height: 31px;
				border-top: 1px solid #C1C1C1;
				padding: 0px;
			}
			
				#wrapper  #header #headright #navigation #navlist li #subnavone li a
				{
					float: left;
					width: 99px;
					height: 31px;
				}
				
					#wrapper  #header #headright #navigation #navlist li #subnavone li.nav_team
					{
						margin-top: 10px;
						border-top: 0px;
					}
				
					#wrapper  #header #headright #navigation #navlist li #subnavone li.nav_team a
					{
						background: url(../Images/shellSubNavigation_05.gif) no-repeat top left;
					}
					
					#wrapper  #header #headright #navigation #navlist li #subnavone li.nav_company a
					{
						background: url(../Images/shellSubNavigation_07.gif) no-repeat top left;
					}
					
					#wrapper  #header #headright #navigation #navlist li #subnavone li.nav_how a
					{
						background: url(../Images/shellSubNavigation_09.gif) no-repeat top left;
					}
					
					#wrapper  #header #headright #navigation #navlist li #subnavone li a:hover
					{
						background-position: bottom;
					}
					
					#wrapper #header #headright #navigation #navlist li.nav_who:hover>a
					{
						background-position: bottom;
					}


		#wrapper  #header #headright #navigation #navlist li #subnavtwo
		{
			position: absolute;
			left: 5px;
			top: 20px;
			width: 133px;
			background: url(../Images/shellSubnavTwo_03.gif) no-repeat top left;
			padding: 0px;
			margin: 0px;
			z-index: 5000;
			display: none;			
		}
		
			#wrapper  #header #headright #navigation #navlist li #subnavtwo li
			{
				float: left;
				width: 133px;
				height: 31px;
				border-top: 1px solid #C1C1C1;
				padding: 0px;
			}
			
				#wrapper  #header #headright #navigation #navlist li #subnavtwo li a
				{
					float: left;
					width: 133px;
					height: 31px;
				}
				
					#wrapper  #header #headright #navigation #navlist li #subnavtwo li.nav_asp
					{
						margin-top: 10px;
						border-top: 0px;
					}
				
					#wrapper  #header #headright #navigation #navlist li #subnavtwo li.nav_asp a
					{
						background: url(../Images/shellWebOne.gif) no-repeat top left;
					}
					
					#wrapper  #header #headright #navigation #navlist li #subnavtwo li.nav_aspnet a
					{
						background: url(../Images/shellWebTwo.gif) no-repeat top left;
					}
					
					#wrapper  #header #headright #navigation #navlist li #subnavtwo li.nav_php a
					{
						background: url(../Images/shellWebThree.gif) no-repeat top left;
					}
					
					#wrapper  #header #headright #navigation #navlist li #subnavtwo li.nav_ruby a
					{
						background: url(../Images/shellWebFour.gif) no-repeat top left;
					}
					
					#wrapper  #header #headright #navigation #navlist li #subnavtwo li.nav_java a
					{
						background: url(../Images/shellWebFive.gif) no-repeat top left;
					}
					
					#wrapper  #header #headright #navigation #navlist li #subnavtwo li.nav_html a
					{
						background: url(../Images/shellWebSix.gif) no-repeat top left;
					}
					
					#wrapper  #header #headright #navigation #navlist li #subnavtwo li.nav_webapp a
					{
						background: url(../Images/shellWebSeven.gif) no-repeat top left;
					}
					
					#wrapper  #header #headright #navigation #navlist li #subnavtwo li.nav_bespoke a
					{
						background: url(../Images/shellWebEight.gif) no-repeat top left;
					}
					
					#wrapper  #header #headright #navigation #navlist li #subnavtwo li.nav_ecomm a
					{
						background: url(../Images/shellWebNine.gif) no-repeat top left;
					}
					
					#wrapper  #header #headright #navigation #navlist li #subnavtwo li.nav_seocon a
					{
						background: url(../Images/shellWebTen.gif) no-repeat top left;
					}
					
					#wrapper  #header #headright #navigation #navlist li #subnavtwo li.nav_domain a
					{
						background: url(../Images/shellWebEleven.gif) no-repeat top left;
					}
					
					#wrapper  #header #headright #navigation #navlist li #subnavtwo li.nav_sqldata a
					{
						background: url(../Images/shellWebTwelve.gif) no-repeat top left;
					}
					
					#wrapper  #header #headright #navigation #navlist li #subnavtwo li.nav_security a
					{
						background: url(../Images/shellWebThirteen.gif) no-repeat top left;
					}

					
					#wrapper  #header #headright #navigation #navlist li #subnavtwo li a:hover
					{
						background-position: bottom;
					}
					
					#wrapper #header #headright #navigation #navlist li.nav_what:hover>a
					{
						background-position: bottom;
					}
					
		#wrapper  #header #headright #navigation #navlist li #subnavthree
		{
			position: absolute;
			left: 5px;
			top: 20px;
			width: 133px;
			background: url(../Images/shellSubnavTwo_03.gif) no-repeat top left;
			padding: 0px;
			margin: 0px;
			z-index: 5000;
			display: none;
		}
		
			#wrapper  #header #headright #navigation #navlist li #subnavthree li
			{
				float: left;
				width: 133px;
				height: 31px;
				border-top: 1px solid #C1C1C1;
				padding: 0px;
			}
			
				#wrapper  #header #headright #navigation #navlist li #subnavthree li a
				{
					float: left;
					width: 133px;
					height: 31px;
				}
				
					#wrapper  #header #headright #navigation #navlist li #subnavthree li.nav_iphone
					{
						margin-top: 10px;
						border-top: 0px;
					}
				
					#wrapper  #header #headright #navigation #navlist li #subnavthree li.nav_iphone a
					{
						background: url(../Images/shellSmartSubOne.gif) no-repeat top left;
					}
					
					#wrapper  #header #headright #navigation #navlist li #subnavthree li.nav_android a
					{
						background: url(../Images/shellSmartSubTwo.gif) no-repeat top left;
					}
					
					#wrapper  #header #headright #navigation #navlist li #subnavthree li.nav_black a
					{
						background: url(../Images/shellSmartSubThree.gif) no-repeat top left;
					}
					
					#wrapper  #header #headright #navigation #navlist li #subnavthree li.nav_winmob a
					{
						background: url(../Images/shellSmartSubFour.gif) no-repeat top left;
					}

					
					#wrapper  #header #headright #navigation #navlist li #subnavthree li a:hover
					{
						background-position: bottom;
					}
					
					#wrapper #header #headright #navigation #navlist li.subnavthree:hover>a
					{
						background-position: bottom;
					}

			#wrapper  #header #headright #navigation #navlist li #subnavfour
			{
				position: absolute;
				left: 5px;
				top: 20px;
				width: 133px;
				background: url(../Images/shellSubnavTwo_03.gif) no-repeat top left;
				padding: 0px;
				margin: 0px;
				z-index: 5000;
				display: none;
			}
			
				#wrapper  #header #headright #navigation #navlist li #subnavfour li
				{
					float: left;
					width: 133px;
					height: 31px;
					border-top: 1px solid #C1C1C1;
					padding: 0px;
				}
				
					#wrapper  #header #headright #navigation #navlist li #subnavfour li a
					{
						float: left;
						width: 133px;
						height: 31px;
					}
					
						#wrapper  #header #headright #navigation #navlist li #subnavfour li.nav_whyout
						{
							margin-top: 10px;
							border-top: 0px;
						}
					
						#wrapper  #header #headright #navigation #navlist li #subnavfour li.nav_whyout a
						{
							background: url(../Images/shellOUtSubOne.gif) no-repeat top left;
						}
						
						#wrapper  #header #headright #navigation #navlist li #subnavfour li.nav_support a
						{
							background: url(../Images/shellOutSubTwo.gif) no-repeat top left;
						}
						
						#wrapper  #header #headright #navigation #navlist li #subnavfour li.nav_rapiddep a
						{
							background: url(../Images/shellOutSubThree.gif) no-repeat top left;
						}
						
						#wrapper  #header #headright #navigation #navlist li #subnavfour li.nav_virtual a
						{
							background: url(../Images/shellOutSubFour.gif) no-repeat top left;
						}
						

	
						
						#wrapper  #header #headright #navigation #navlist li #subnavfour li a:hover
						{
							background-position: bottom;
						}
						
						#wrapper #header #headright #navigation #navlist li.subnavfour:hover>a
						{
							background-position: bottom;
						}

		
	#wrapper #navbox
	{
		float: left;
		width: 100%;
		position: relative;
		height: 41px;
		background: url(../Images/shellNewNavBG_03.gif) repeat-x bottom left #FFF;
		padding-top: 10px;
		border-bottom: 1px solid #800A0A;
	}
	
		#wrapper #navbox #navinner
		{	
			width: 980px;
			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;
			z-index: 5000;
		}
		
			#wrapper #navbox #navinner #newnavlist
			{
				float: left;
				width: 980px;
				padding: 0px;
				margin: 0px;
			}
			
				#wrapper #navbox #navinner #newnavlist li
				{
					list-style-type: none;
					display: inline;
					float: left;
					height: 41px;
				}
				
					#wrapper #navbox #navinner #newnavlist li a
					{
						float: left;
						height: 41px;
					}
					
						#wrapper #navbox #navinner #newnavlist li a span
						{
							display: none;
						}
						
						#wrapper #navbox #navinner #newnavlist li.nav_one a
						{
							width: 94px;
							background: url(../Images/shellNavigationTwo_03.gif) no-repeat top left;
						}
						
						#wrapper #navbox #navinner #newnavlist li.nav_two a
						{
							width: 92px;
							background: url(../Images/shellNavigationTwo_04.gif) no-repeat top left;
						}
						
						#wrapper #navbox #navinner #newnavlist li.nav_three a
						{
							width: 92px;
							background: url(../Images/shellNavigationTwo_05.gif) no-repeat top left;
						}
						
						#wrapper #navbox #navinner #newnavlist li.nav_four a
						{
							width: 116px;
							background: url(../Images/shellNavigationTwo_06.gif) no-repeat top left;
						}
						
						#wrapper #navbox #navinner #newnavlist li.nav_five a
						{
							width: 91px;
							background: url(../Images/shellNavigationTwo_07.gif) no-repeat top left;
						}
						
						#wrapper #navbox #navinner #newnavlist li.nav_six a
						{
							width: 61px;
							background: url(../Images/shellNavigationTwo_08.gif) no-repeat top left;
						}
						
						#wrapper #navbox #navinner #newnavlist li.nav_seven a
						{
							width: 100px;
							background: url(../Images/shellNavigationTwo_09.gif) no-repeat top left;
						}
						
						#wrapper #navbox #navinner #newnavlist li.nav_eight
						{
							float: right;
						}
						
						#wrapper #navbox #navinner #newnavlist li.nav_eight a
						{
							width: 108px;
							background: url(../Images/shellNavigationTwo_11.gif) no-repeat top left;
						}
						
						#wrapper #navbox #navinner #newnavlist li.selected a
						{
							background-position: bottom;
						}
						
						#wrapper #navbox #navinner #newnavlist li a:hover
						{
							background-position: bottom left;
						}
				
	#wrapper #upper
	{
		float: left;
		width: 100%;
		overflow: hidden;
		background: url(../Images/shellTopBG_15.jpg) no-repeat top center;
	}
	
		#wrapper #upper #upperinner
		{
			width: 980px;
			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;
			z-index: 5000;
		}
		
			#wrapper #upper #upperinner h2
			{
				float: left;
				width: 980px;
				padding: 0px;
				margin: 0px;
				height: 75px;
				background: url(/Images/shellHeadingTwo_15.jpg) no-repeat top left;
			}
			
				#wrapper #upper #upperinner h2 span
				{
					display: none;
				}
				
			#wrapper #upper #upperinner #breadcrumbs
			{
				float: left;
				width: 980px;
				height: 20px;
				color: #FFF;
				position: absolute;	
				top: 47px;
			}
			
				#wrapper #upper #upperinner #breadcrumbs a 
				{
					color: #FFF;
				}
		
			#wrapper #upper #upperinner #mainimage
			{
				float: left;
				width: 980px;
				height: 357px;
				position: relative;
				z-index: 1;
				overflow: hidden;
			}
			
			#wrapper #upper #upperinner #mainimage .rap
			{
				z-index: 100;
			}
			
			#wrapper #upper #upperinner #mainimage .pagination
			{
				position: absolute;
				top: 311px;
				left: 38px;
				padding: 0px;
				margin: 0px;
				z-index: 5000;
			}
			
				#wrapper #upper #upperinner #mainimage .pagination li
				{
					list-style-type: none;
					display: inline;
					float: left;
					position: relative;
					padding-right: 6px;
				}
				
					#wrapper #upper #upperinner #mainimage .pagination li a
					{
						float: left;
						width: 14px;
						height: 14px;
						background: url(../Images/shellJavaDots_23.png) no-repeat top left;
					}
					
						#wrapper #upper #upperinner #mainimage .pagination li a span
						{
							display: none;
						}
					
						#wrapper #upper #upperinner #mainimage .pagination li.current a
						{
							background: url(../Images/shellJavaDots_21.png) no-repeat top left;
						}
			
	
	#wrapper #contentout
	{
		float: left;
		width: 100%;
		position: relative;
		background: #FFF;
		padding-bottom: 20px;
	}
	
	#wrapper #content
	{
		width: 980px;
		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;
		z-index: 5000;
	}
	
		
		
		#wrapper #content #indexhotbox
		{
			float: left;
			width: 980px;
			
		}
		
			#wrapper #content #indexhotbox #hotboxlist
			{
				float: left;
				width: 980px;
				padding: 0px;
				margin: 17px 0px 0px 0px;
			}
			
				#wrapper #content #indexhotbox #hotboxlist li
				{
					list-style-type: none;
					display: inline;
					float: left;
					width: 236px;
					height: 120px;
					margin-left: 12px;
				}
				
					#wrapper #content #indexhotbox #hotboxlist li.hotboxone
					{
						background: url(../Images/shellHotBoxBGs_23.jpg) no-repeat top left;
						margin-left: 0px;
					}
					
					#wrapper #content #indexhotbox #hotboxlist li.hotboxtwo
					{
						background: url(../Images/shellHotBoxBGs_25.jpg) no-repeat top left;
					}
					
					#wrapper #content #indexhotbox #hotboxlist li.hotboxteam
					{
						background: url(../Images/scrollbox_OurTeam.jpg) no-repeat top left;
					}
					
					#wrapper #content #indexhotbox #hotboxlist li.hotboxthree
					{
						background: url(../Images/shellSmartphonesPanel.jpg) no-repeat top left;
					}
					
					#wrapper #content #indexhotbox #hotboxlist li a
					{
						float: left;
						width: 236px;
						height: 120px;
						position: relative;
						overflow: hidden;
					}
					
						#wrapper #content #indexhotbox #hotboxlist li a:hover
						{
							text-decoration: none;
						}
					
					#wrapper #content #indexhotbox #hotboxlist li a.hotboxfour
					{
						background: url(../Images/shellHotboxFour_24.jpg) no-repeat top left;
					}
					
						#wrapper #content #indexhotbox #hotboxlist li a.hotboxfour:hover
						{
							background-position: bottom;
							text-decoration: none;
						}
					
					#wrapper #content #indexhotbox #hotboxlist li a .blackbox
					{
						position: absolute;
						top: 93px;
						left: 0px;
						width: 236px;
						background: url(../Images/shellBlackBG.png) top left;
					}
					
					#wrapper #content #indexhotbox #hotboxlist li a .blackbox .blacktext
					{
						float: left;
						width: 226px;
						height: 27px;
						color: #FFF;
						font-size: 14px;
						position: relative;
						line-height: 27px;
						padding-left: 10px;
					}
					
					#wrapper #content #indexhotbox #hotboxlist li a .blackbox .blacksmall
					{
						float: left;
						width: 226px;
						line-height: 16px;
						color: #FFF;
						padding-left: 10px;
						position: relative;
						color: #FFF;
						padding-bottom: 8px;
						font-size: 100%;
					}
					
		/* Index Column One Start */
		
		#wrapper #content #indexleft
		{
			float: left;
			width: 490px;
			margin-top: 20px;
			overflow: hidden;
		}	
		
		#wrapper #content #indexleft #indexbox
		{
			float: left;
			width: 490px;
		}
		
			#wrapper #content #indexleft h2
			{
				float: left;
				width: 490px;
				height: 144px;
				background: url(../Images/shellIndexText_03.gif) no-repeat top left;
				padding-bottom: 0px;
				
			}
			
				#wrapper #content #indexleft h2 span 
				{
					display: none;
				}
			
			#wrapper #content #indexleft #indextext
			{
				float: left;
				width: 490px;
				color: #151515;
				padding-bottom: 18px;
				line-height: 23px;
				/*background: url(../Images/shellBorderDots_23.gif) no-repeat bottom left;*/
			}
			
				#wrapper #content #indexleft #indextext #indexcontent 
				{
					float: left;
					width: 460px;
					font-size: 120%;
				}
			
			/* Newsbox Start */
			
			#wrapper #content #indexleft #newsbox
			{
				float: left;
				width: 470px;
				padding-bottom: 25px;
				padding-top: 25px;
				border-top: 1px dashed #d2d2d2;
			}
			
				#wrapper #content #indexleft #newsbox #newstitle
				{
					float: left;
					width: 470px;
					font-size: 16px;
					color: #151515;
					height: 18px;
					background: url(../Images/shellLatestNewHead_03.gif) no-repeat top left;
				}
				
					#wrapper #content #indexleft #newsbox #newstitle span
					{
						display: none;
					}
				
				#wrapper #content #indexleft #newsbox #newsline
				{
					float: left;
					width: 470px;
				}
				
				#wrapper #content #indexleft #newsbox .newslist
				{
					float: left;
					width: 470px;
					padding: 0px;
					margin: 25px 0px 0px 0px;
				}
				
					#wrapper #content #indexleft #newsbox .newslist li
					{
						list-style-type: none;
						display: inline;
						float: left;
						width: 470px;
						padding-bottom: 22px;
					}
					
						#wrapper #content #indexleft #newsbox .newslist li .newsleft
						{
							float: left;
							width: 35px;
						}
						
							#wrapper #content #indexleft #newsbox .newslist li .newsleft .datebox
							{
								float: left;
								width: 26px;
								height: 25px;
								background: url(../Images/shellDateBox_27.gif) no-repeat top left;
								text-align: center;
								line-height: 12px;
								color: #474747;
								font-weight: bold;
								padding-top: 1px;
								margin-top: 4px;
							}
						
						#wrapper #content #indexleft #newsbox .newslist li .newsright
						{
							float: left;
							width: 435px;
						}
						
						 #wrapper #content #indexleft #newsbox .newslist li .newsright a
						 {
						 	color: #971B1F;
							font-weight: bold;
							font-size: 110%;
							line-height: 18px;
							float: left;
							width: 425px;
							padding-right: 10px;
						 }
						 
						 	 #wrapper #content #indexleft #newsbox .newslist li .newsright a:hover
							 {
							 	text-decoration: none;
								color: #808080;
							 }
						 
				#wrapper #content #indexleft #newsbox #morenews
				{
					float: left;
					width: 490px;
				}
				
					#wrapper #content #indexleft #newsbox #morenews a
					{
						float: left;
						height: 21px;
						width: 132px;
						background: url(../Images/shellReadMore_31.gif) no-repeat top left;
					}
					
						#wrapper #content #indexleft #newsbox #morenews a:hover
						{
							background-position: bottom;
						}
					
						#wrapper #content #indexleft #newsbox #morenews a span
						{
							display: none;
						}
						
		/* Newsbox Start */
			
			#wrapper #content #indexleft #blogbox
			{
				float: left;
				width: 470px;
				padding-bottom: 25px;
				border-top: 1px dashed #d2d2d2;
				padding-top: 25px;
			}
			
				#wrapper #content #indexleft #blogbox #blogtitle
				{
					float: left;
					width: 470px;
					font-size: 16px;
					color: #151515;
					height: 18px;
					background: url(../Images/shellLatestBlog_03.gif) no-repeat top left;
				}
				
					#wrapper #content #indexleft #blogbox #blogtitle span
					{
						display: none;
					}
				
				#wrapper #content #indexleft #blogbox #blogline
				{
					float: left;
					width: 470px;
				}
				
				#wrapper #content #indexleft #blogbox .bloglist
				{
					float: left;
					width: 470px;
					padding: 0px;
					margin: 25px 0px 0px 0px;
				}
				
					#wrapper #content #indexleft #blogbox .bloglist li
					{
						list-style-type: none;
						display: inline;
						float: left;
						width: 470px;
						padding-bottom: 22px;						
					}
					
						#wrapper #content #indexleft #blogbox .bloglist li .blogleft
						{
							float: left;
							width: 35px;
						}
						
							#wrapper #content #indexleft #blogbox .bloglist li .blogleft .datebox
							{
								float: left;
								width: 26px;
								height: 25px;
								background: url(../Images/shellDateBox_27.gif) no-repeat top left;
								text-align: center;
								line-height: 12px;
								color: #474747;
								font-weight: bold;
								padding-top: 1px;
								margin-top: 4px;
							}
						
						#wrapper #content #indexleft #blogbox .bloglist li .blogright
						{
							float: left;
							width: 435px;
						}
						
						 #wrapper #content #indexleft #blogbox .bloglist li .blogright a
						 {
						 	color: #971B1F;
							font-weight: bold;
							font-size: 110%;
							line-height: 18px;
							float: left;
							width: 425px;
							padding-right: 10px;
						 }
						 
						 	 #wrapper #content #indexleft #blogbox .bloglist li .blogright a:hover
							 {
							 	text-decoration: none;
								color: #808080;
							 }
							 
							#wrapper #content #indexleft #blogbox .bloglist li .blogright .author
							{
								float: left;
								width: 326px;
								color: #666;
								text-align: left;
								padding-right: 10px;
								font-size: 110%;
								font-weight: bold;
							}
						 
				#wrapper #content #indexleft #blogbox #moreblogs
				{
					float: left;
					width: 744px;
				}
				
					#wrapper #content #indexleft #blogbox #moreblogs a
					{
						float: left;
						height: 21px;
						width: 144px;
						background: url(../Images/shellMoreBlog_07.gif) no-repeat top left;
					}
					
						#wrapper #content #indexleft #blogbox #moreblogs a:hover
						{
							background-position: bottom;
						}
					
						#wrapper #content #indexleft #blogbox #moreblogs a span
						{
							display: none;
						}
			
		/* Index Column One Finish */
		/* Index Column Two Start */
		
		#wrapper #content #indexright
		{
			float: left;
			width: 483px;
			overflow: hidden;
			padding-left: 7px;
		}
		
			#wrapper #content #indexright #latesttitle
			{
				float: left;
				width: 483px;
				height: 18px;
				margin: 0px;
				margin-top: 30px;
				font-size: 140%;
				font-weight: bold;
				padding: 0px;
				color: #910e13;
			}	
			
				#wrapper #content #indexright #latesttitle span
				{
					display: none;
				}
				
			#wrapper #content #indexright #projectbox
			{
				float: left;
				width: 483px;
				background: #FFF;
				margin-top: 10px;
			}
			
				#wrapper #content #indexright #projectbox #projectimg
				{
					float: left;
					width: 483px;
					height: 292px;
				}
				
					#wrapper #content #indexright #projectbox #projectimg img
					{
						border: 0px;
					}
					
				#wrapper #content #indexright #projectbox #projectlink
				{
					float: left;
					width: 483px;
					font-size: 120%;
					color: #800A0A;
					margin-top: 5px;
				}
				
				#wrapper #content #indexright #twitterfeed
				{
					float: left;
					width: 483px;
				}
				
					#wrapper #content #indexright #twitterfeed #twittertitle
					{
						float: left;
						width: 483px;
						margin: 0px;
						margin-top: 15px;
						font-size: 140%;
						font-weight: bold;
						padding: 0px;
						color: #910e13;
					}
					
					#wrapper #content #indexright #twitterfeed #twitterbox
					{
						float: left;
						width: 483px;
						position: relative;
					}
					
					#wrapper #content #indexright #twitterfeed #twitterlist
					{
						float: left;
						width: 483px;
						padding: 0px;
						margin: 20px 0px 0px 0px;
					}
					
						#wrapper #content #indexright #twitterfeed #twitterlist li
						{
							list-style-type: none;
							display: inline;
							float: left;
							width: 483px;
							font-size: 120%;
							color: #000000;
							padding-bottom: 20px;
						}
						
							#wrapper #content #indexright #twitterfeed #twitterlist li a
							{
								color: #910e13;
							}
				
				/* Index Right Finish */
		
			#wrapper #content #callbackbox
			{
				float: left;
				width: 236px;
				background: #E9E9E9;
				margin-top: 16px;
				padding-bottom: 18px;
			}
			
				#wrapper #content #callbackbox .calltitle
				{
					float: left;
					width: 236px;
					height: 19px;
					background: url(../Images/shelLetuscall_24.gif) no-repeat top left;
					margin-top: 16px;
				}
				
				 	#wrapper #content #callbackbox .calltitle span
					{
						display: none;
					}
					
			#wrapper #content #callbackbox .formline
			{
				float: left;
				width: 218px;
				padding-left: 18px;
				margin-top: 14px;
			}
			
				#wrapper #content #callbackbox .formline .formfield
				{
					float: left;
					width: 194px;
					height: 27px;
					background: url(../Images/shellFormField_28.gif) no-repeat top left;
					padding: 0px 0px 0px 5px;
					margin: 0px;
					color: #7C7C7C;
					border: 0px;
					line-height: 27px;
				}
				
				#wrapper #content #callbackbox .formline .formsubmit
				{
					float: right;
					width: 69px;
					height: 27px;
					border: 0px;
					margin: 0px 19px 0px 0px;
					padding: 0px;
				}
				
				#wrapper #content #callbackbox .formline .formlink
				{
					float: left;
					text-decoration: underline;
					color: #7C7C7C;
				}
				
					#wrapper #content #callbackbox .formline .formlink:hover
					{
						text-decoration: none;
					}
					
			
		#wrapper #content #networkbox
		{
			float: left;
			width: 232px;
			border: 2px solid #E9E9E9;
			margin-top: 16px;
			padding-bottom: 16px;
		}
		
			#wrapper #content #networkbox .networktitle
			{
				float: left;
				width: 232px;
				height: 16px;
				background: url(../Images/shellFollowUs_39.gif) no-repeat top left;
				margin-top: 18px;
			}
			
				#wrapper #content #networkbox .networktitle span
				{
					display: none;
				}
				
			#wrapper #content #networkbox .networklist
			{
				float: left;
				width: 216px;
				padding: 0px;
				margin: 21px 0px 0px 16px;
				display: inline;
			}
			
				#wrapper #content #networkbox .networklist li
				{
					float: left;
					list-style-type: none;
					display: inline;
					width: 30px;
					height: 63px;
					margin-left: 13px;
					
				}
				
					#wrapper #content #networkbox .networklist li a
					{
						float: left;
						width: 30px;
						height: 63px;
					}
						
						#wrapper #content #networkbox .networklist li.blogger
						{
							margin-left: 0px;
						}
					
						#wrapper #content #networkbox .networklist li.blogger a
						{
							background: url(../Images/shellFollowList_45.gif) no-repeat top left;
						}
						
						#wrapper #content #networkbox .networklist li.facebook a
						{
							background: url(../Images/shellFollowList_47.gif) no-repeat top left;
						}
						
						#wrapper #content #networkbox .networklist li.rssfeed a
						{
							background: url(../Images/shellFollowList_49.gif) no-repeat top left;
						}
						
						#wrapper #content #networkbox .networklist li.twitter a
						{
							background: url(../Images/shellFollowList_51.gif) no-repeat top left;
						}
						
						#wrapper #content #networkbox .networklist li.linkedin a
						{
							background: url(../Images/shellFollowList_53.gif) no-repeat top left;
						}
						
						#wrapper #content #networkbox .networklist li a span
						{
							display: none;
						}
						
						#wrapper #content #networkbox .networklist li a:hover
						{
							background-position: bottom;
						}
						
				#wrapper #content #microapp
				{
					float: left;
					width: 236px;
					height: 73px;
					background: url(../Images/shellMicoApple_62.gif) no-repeat top left;
					margin-top: 26px;
				}
				
					#wrapper #content #microapp span
					{
						display: none;
					}
		
		
		/*(  Index Column Two Finish */
		
	/* Main Content Start */
	
			#wrapper #content #contentleft
			{
				float: left;
				width: 980px;
				padding-top: 13px;
				padding-bottom: 20px;
			}
			
			/* New Blog Start */
			
			#wrapper #content #contentleft #blogbox
			{
				float: left;
				width: 980px;
			}
			
				#wrapper #content #contentleft #blogbox #blogleft
				{
					float: left;
					width: 700px;
					margin-top: 13px;
				}
				
					#wrapper #content #contentleft #blogbox #blogleft #bloglist
					{
						float: left;
						width: 700px;
						padding: 0px;
						margin: 0px;
					}
					
						#wrapper #content #contentleft #blogbox #blogleft #bloglist li
						{
							float: left;
							width: 566px;
							padding: 0px;
							margin: 0px;
							border: 5px solid #efefef;
							position: relative;
							list-style-type: none;
							display: inline;
							padding-top: 40px;
							padding-right: 52px;
							padding-bottom: 40px;
							padding-left: 52px;
							margin-top: 25px;
						}
						
							#wrapper #content #contentleft #blogbox #blogleft #bloglist li.firstpost
							{
								margin-top: 0px;
							}
						
							#wrapper #content #contentleft #blogbox #blogleft #bloglist li .blogdate
							{
								position: absolute;
								top: 30px;
								left: -40px;
								width: 71px;
								height: 60px;
								padding-top: 10px;
								background: url(../Images/date.png) no-repeat top left;
							}
							
								#wrapper #content #contentleft #blogbox #blogleft #bloglist li .blogdate .datenumber
								{
									float: left;
									width: 71px;
									font-size: 36px;
									line-height: 32px;
									color: #FFF;
									text-align: center;
								}
								
								#wrapper #content #contentleft #blogbox #blogleft #bloglist li .blogdate .datemonth
								{
									float: left;
									width: 71px;
									text-align: center;
									color: #FFF;
									font-size: 12px;
									text-transform: uppercase;
									font-weight: bold;
								}
								
								#wrapper #content #contentleft #blogbox #blogleft #bloglist li .blogtitle
								{
									float: left;
									width: 566px;
									border-bottom: 1px solid #e7e7e7;
									font-size: 32px;
									line-height: 36px;
									color: #000000;
									padding-bottom: 25px;
								}
								
									#wrapper #content #contentleft #blogbox #blogleft #bloglist li .blogtitle a:hover
									{
										text-decoration: none;
									}
								
								#wrapper #content #contentleft #blogbox #blogleft #bloglist li .blogimage
								{
									float: left;
									width: 556px;
									border: 5px solid #e1e1e1;
									margin-top: 20px;
								}
								
								#wrapper #content #contentleft #blogbox #blogleft #bloglist li .blogtext
								{
									float: left;
									width: 566px;
									font-size: 120%;
									line-height: 23px;									
								}
								
									#wrapper #content #contentleft #blogbox #blogleft #bloglist li .blogtext p 
									{
										margin: 0px 0px 14px 0px;
										padding: 0px;
									}
								
								#wrapper #content #contentleft #blogbox #blogleft #bloglist li .postmeta
								{
									float: left;
									width: 566px;
									margin-top: 20px;
									border-top: 1px solid #c4c4c4;
									border-bottom: 1px solid #c4c4c4;
								}
								
									#wrapper #content #contentleft #blogbox #blogleft #bloglist li .postmeta .postmetabox
									{
										float: left;
										width: 177px;
										padding-top: 10px;
										padding-bottom: 7px;
										padding-left: 10px;
									}
									
										#wrapper #content #contentleft #blogbox #blogleft #bloglist li .postmeta .postmetabox.leftborder
										{
											border-left: 1px solid #e7e7e7;
										}
									
									#wrapper #content #contentleft #blogbox #blogleft #bloglist li .postmeta .postmetabox .postmetablack
									{
										float: left;
										width: 177px;
										font-size: 100%;
										font-weight: bold;
										color: #000;
										text-transform: uppercase;
									}
									
									#wrapper #content #contentleft #blogbox #blogleft #bloglist li .postmeta .postmetabox .postmetared
									{
										float: left;
										width: 177px;
										font-size: 100%;
										font-style: italic;
										color: #910e13;
									}
									
										#wrapper #content #contentleft #blogbox #blogleft #bloglist li .postmeta .postmetabox .postmetared a
										{	
											color: #910e13;
										}
									
				
				#wrapper #content #contentleft #blogbox #blogright
				{
					float: left;
					width: 280px;
					margin-top: 13px;
				}
					
					#wrapper #content #contentleft #blogbox #blogright #sociallinks
					{
						float: left;
						width: 280px;
						padding-bottom: 25px;
					}
					
						#wrapper #content #contentleft #blogbox #blogright #sociallinks #rsslink
						{
							float: left;
							width: 42px;
							height: 42px;
							background: url(../Images/rss.png) no-repeat top left;
						}
						
							#wrapper #content #contentleft #blogbox #blogright #sociallinks #rsslink span
							{
								display: none;
							}
						
						#wrapper #content #contentleft #blogbox #blogright #sociallinks #facebooklink
						{
							float: left;
							width: 42px;
							height: 42px;
							background: url(../Images/facebook.png) no-repeat top left;
							margin-left: 12px;
							display: inline;
						}
						
							#wrapper #content #contentleft #blogbox #blogright #sociallinks #facebooklink span
							{
								display: none;
							}
						
						#wrapper #content #contentleft #blogbox #blogright #sociallinks #twitterlink
						{
							float: left;
							width: 42px;
							height: 42px;
							background: url(../Images/twitter.png) no-repeat top left;
							margin-left: 12px;
							display: inline;
						}
						
							#wrapper #content #contentleft #blogbox #blogright #sociallinks #twitterlink span
							{
								display: none;
							}
							
						
						#wrapper #content #contentleft #blogbox #blogright .cattitle
						{
							float: left;
							width: 280px;
							padding-top: 5px;
							padding-bottom: 10px;
							font-size: 140%;
							color: #910e13;
							font-weight: bold;
							font-style: italic;
						}
						
						#wrapper #content #contentleft #blogbox #blogright #twittertext
						{
							float: left;
							width: 280px;
							padding-bottom: 30px;
						}
						
							#wrapper #content #contentleft #blogbox #blogright #twittertext a
							{
								color: #910e13;
							}
						
						#wrapper #content #contentleft #blogbox #blogright #categorylist
						{
							float: left;
							width: 280px;
							padding: 0px 0px 30px 0px;
							margin: 0px;
						}
						
							#wrapper #content #contentleft #blogbox #blogright #categorylist li
							{
								float: left;
								width: 260px;
								list-style-type: none;
								display: inline;
								padding-left: 10px;								
								font-size: 120%;
								line-height: 23px;
							}
							
								#wrapper #content #contentleft #blogbox #blogright #categorylist li span 
								{
									color: #910E13;
									font-weight: bold;
								}
							
						#wrapper #content #contentleft #blogbox #blogright #archivelist
						{
							float: left;
							width: 280px;
							padding: 0px 0px 30px 0px;
							margin: 0px;
						}
						
							#wrapper #content #contentleft #blogbox #blogright #archivelist li
							{
								float: left;
								width: 260px;
								list-style-type: none;
								display: inline;
								padding-left: 10px;
								font-size: 120%;
								line-height: 23px;
							}
							
								#wrapper #content #contentleft #blogbox #blogright #archivelist li span 
								{
									color: #910E13;
									font-weight: bold;
								}
							
								#wrapper #content #contentleft #blogbox #blogright #archivelist li a
								{
									float: left;
								}
						
						
							
			/* New Blog Finish */
			
			/* Our Work Page Start */
			
			#wrapper #content #contentleft #ourwork
			{
				float: left;
				width: 980px;
			}
			
				/* Work Details Start */
				
				#wrapper #content #contentleft #ourwork #workleft
				{
					float: left;
					width: 700px;
					margin-top: 13px;
				}
				
					#wrapper #content #contentleft #ourwork #workleft #workimagelist
					{
						float: left;
						width: 700px;
						padding: 0px;
						margin: 0px;
					}
					
						#wrapper #content #contentleft #ourwork #workleft #workimagelist li
						{
							list-style-type: none;
							display: inline;
							float: left;
							width: 700px;
							padding-bottom: 20px;
						}
				
				#wrapper #content #contentleft #ourwork #workright
				{
					float: left;
					width: 280px;
					line-height: 23px;
					margin-top: 13px;
				}
				
					#wrapper #content #contentleft #ourwork #workright #workdesc
					{
						float: left;
						width: 280px;
						font-size: 120%;
					}
					
					#wrapper #content #contentleft #ourwork #workright #worklink
					{
						float: left;
						width: 280px;
						font-size: 120%;
						margin-top: 14px;
					}
					
						#wrapper #content #contentleft #ourwork #workright #worklink a
						{
							color: #910E13;
							font-weight: bold;
						}
					
					#wrapper #content #contentleft #ourwork #workright #worktext
					{
						float: left;
						width: 280px;
						color: #000;
						font-size: 120%;
						margin-top: 14px;
						/* text-align: justify; */
					}
					
						#wrapper #content #contentleft #ourwork #workright #worktext strong
						{
							font-style: italic;
							color: #910E13;	
						}
				
				/* Work Detail Finish */
				
			
			
				#wrapper #content #contentleft #ourwork #worklist
				{
					float: left;
					width: 980px;
					padding: 0px;
					margin: 0px;
					margin-top: 13px;
				}
				
					#wrapper #content #contentleft #ourwork #worklist li
					{
						float: left;
						width: 230px;
						list-style-type: none;
						display: inline;
						margin-left: 20px;
						padding-bottom: 20px;
					}
					
						#wrapper #content #contentleft #ourwork #worklist li.leftcol
						{
							margin-left: 0px;
						}
					
						#wrapper #content #contentleft #ourwork #worklist li a
						{
							float: left;
							width: 230px;
						}
						
							#wrapper #content #contentleft #ourwork #worklist li a .workimage
							{
								float: left;
								width: 230px;
							}
							
								#wrapper #content #contentleft #ourwork #worklist li a .workimage img
								{
									border: 0px;
								}
								
							#wrapper #content #contentleft #ourwork #worklist li a .workname
							{
								float: left;
								width: 230px;
								float: left;
								padding: 0px;
								padding: 0px;
								font-size: 130%;
								margin-top: 10px;
								color: #910E13
							}
							
							#wrapper #content #contentleft #ourwork #worklist li a .workdesc
							{
								float: left;
								width: 230px;
								color: #999689;
								margin-top: 5px;
								line-height: 16px;
							}
			
			/* Our Work Page Finish */
			
			/* Services Page Start - 05052011 */
			
			#wrapper #content #contentleft #services
			{
				float: left;
				width: 980px;
			}
				
				#wrapper #content #contentleft #services #serviceleft
				{
					float: left;
					width: 220px;
				}
				
					#wrapper #content #contentleft #services #serviceleft h3
					{
						float: left;
						width: 220px;
						padding: 0px;
						margin: 13px 0px 13px 0px;
						padding: 0px;
						font-size: 140%;
						color: #910E13;	
					}
					
					#wrapper #content #contentleft #services #serviceleft #servicelist
					{
						float: left;
						width: 220px;
						padding: 0px;
						margin: 0px 0px 0px 0px;
					}
					
						#wrapper #content #contentleft #services #serviceleft #servicelist li
						{
							float: left;
							width: 220px;
							list-style-type: none;
							display: inline;
							padding-bottom: 10px;
						}	
						
							#wrapper #content #contentleft #services #serviceleft #servicelist li a
							{
								float: left;
								color: #000;
								font-size: 130%;
							}
							
								#wrapper #content #contentleft #services #serviceleft #servicelist li.selected a
								{
									color: #910E13;
								}
				
				#wrapper #content #contentleft #services #serviceright
				{
					float: left;
					width: 629px;					
					border-left: solid 1px #CACCCB;
					padding-left: 60px;
					margin-top: 13px;
				}
				
				/* Service Detail Page */
				
				#wrapper #content #contentleft #services #serviceright #servicedetail
				{
					float: left;
					width: 700px;					
				}
				
					#wrapper #content #contentleft #services #serviceright #servicedetail h3
					{
						float: left;
						width: 700px;
						font-weight: bold;
						font-size: 140%;
						color: #910e13;
						padding: 0px 0px;
						margin: 0px;
					}
					
					#wrapper #content #contentleft #services #serviceright #servicedetail #servicedetailtext
					{
						float: left;
						width: 700px;
						font-size: 120%;
						color: #000;
						margin-top: 7px;
						line-height: 23px;
					}
					
						#wrapper #content #contentleft #services #serviceright #servicedetail #servicedetailtext a 
						{
							text-decoration: underline;
						}
						
							#wrapper #content #contentleft #services #serviceright #servicedetail #servicedetailtext a:hover 
							{
								text-decoration: none;
							}
							
						#wrapper #content #contentleft #services #serviceright #servicedetail #servicedetailtext h3 
						{
							float: left;
							width: 700px;
							font-weight: bold;
							font-size: 140%;
							color: #910e13;
							padding: 0px 0px;
							margin: 0px;
						}
					
					#wrapper #content #contentleft #services #serviceright #servicedetail #servbotlink
					{
						float: left;
						width: 700px;
						margin-top: 25px;
					}
					
						#wrapper #content #contentleft #services #serviceright #servicedetail #servbotlink #viewwork
						{
							float: left;
							width: 125px;
							height: 41px;
							background: url(../Images/shellViewOurWork_03.gif) no-repeat top left;
						}
						
							#wrapper #content #contentleft #services #serviceright #servicedetail #servbotlink #viewwork span
							{
								display: none;
							}
							
							#wrapper #content #contentleft #services #serviceright #servicedetail #servbotlink #viewwork:hover
							{
								opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
								filter: alpha(opacity=75); /* IE lt 8 */
								-ms-filter: "alpha(opacity=75)"; /* IE 8 */
								-khtml-opacity: .75; /* Safari 1.x */
								-moz-opacity: .75; /* FF lt 1.5, Netscape */
							}
						
						#wrapper #content #contentleft #services #serviceright #servicedetail #servbotlink #findmore
						{
							float: left;
							width: 125px;
							height: 41px;
							background: url(../Images/shellFindOutMore_03.gif) no-repeat top left;
							margin-left: 12px;
							display: inline;
						}
						
							#wrapper #content #contentleft #services #serviceright #servicedetail #servbotlink #findmore span
							{
								display: none;
							}
							
							#wrapper #content #contentleft #services #serviceright #servicedetail #servbotlink #findmore:hover
							{	
								opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
								filter: alpha(opacity=75); /* IE lt 8 */
								-ms-filter: "alpha(opacity=75)"; /* IE 8 */
								-khtml-opacity: .75; /* Safari 1.x */
								-moz-opacity: .75; /* FF lt 1.5, Netscape */
							}
				
				/* Service Detail Page Finish */
				
					#wrapper #content #contentleft #services #serviceright #servlist
					{
						float: left;
						width: 700px;
						padding: 0px;
						margin: 0px 0px 0px 0px;
					}
					
						#wrapper #content #contentleft #services #serviceright #servlist li
						{
							list-style-type: none;
							display: inline;
							float: left;
							width: 340px;
							margin-right: 20px;
							padding-bottom: 20px;							
						}
						
							#wrapper #content #contentleft #services #serviceright #servlist li.end 
							{
								margin-right: 0px;
							}
						
							#wrapper #content #contentleft #services #serviceright #servlist li .servicetitle
							{
								float: left;
								width: 340px;
								padding: 0px;
								margin: 0px 0px 0px 0px;
								padding: 0px 0px 10px 0px;
								font-size: 140%;
								color: #910E13;	
								
							}
							
							#wrapper #content #contentleft #services #serviceright #servlist li .servicelink
							{
								float: left;
								width: 340px;
							}
							
								#wrapper #content #contentleft #services #serviceright #servlist li .servicelink img
								{
									border: 0px;
								}
								
								#wrapper #content #contentleft #services #serviceright #servlist li .servicelink:hover
								{
									opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
									filter: alpha(opacity=75); /* IE lt 8 */
									-ms-filter: "alpha(opacity=75)"; /* IE 8 */
									-khtml-opacity: .75; /* Safari 1.x */
									-moz-opacity: .75; /* FF lt 1.5, Netscape */
								}
			
			/* Services Page Finish */
			
				/* Multi-Column - 050511 */
				#wrapper #content #contentleft #columnone
				{
					width: 472px;
					float: left;					
				}
				
					#wrapper #content #contentleft #columnone p 
					{
						font-size: 120%;
						line-height: 23px;
					}
					
					#wrapper #content #contentleft #columnone a 
					{
						text-decoration: underline;
					}
					
						#wrapper #content #contentleft #columnone a:hover 
						{
							text-decoration: none;
						}
				
				#wrapper #content #contentleft #columntwo
				{
					margin-left: 20px;
					width: 488px;
					float: left;
				}
				
					#wrapper #content #contentleft #columnone h3, #wrapper #content #contentleft #columntwo h3 
					{
						margin: 13px 0px 13px 0px;
						padding: 0px;
						font-size: 140%;
						color: #910E13;						
					}
					
					#wrapper #content #contentleft #columntwo #ourteam 
					{
						width: 488px;
						float: left;
					}		
					
						#wrapper #content #contentleft #columntwo #ourteam .person 
						{
							float: left;
							margin: 0px 0px 8px 8px;							
							width: 148px;
							height: 169px;							
						}
						
							#wrapper #content #contentleft #columntwo #ourteam .person.first 
							{
								margin-left: 0px;
							}	
						
							#wrapper #content #contentleft #columntwo #ourteam .person a img 
							{
								border: none;
							}		
				
			
				#wrapper #content #contentleft #headerimage
				{
					float: left;
					width: 730px;
					height: 178px;
				}
				
				#wrapper #content #contentleft #iframebox
				{
					float: left;
					width: 730px;
					margin-top: 13px;
				}
				
				
				
				#wrapper #content #contentleft #whocontent
				{
					float: left;
					width: 980px;
					color: #151515;
				}
				
					#wrapper #content #contentleft #whocontent h2
					{
						float: left;
						width: 980px;
						font-size: 140%;
						font-weight: normal;
						padding: 0px;
						margin: 30px 0px 0px 0px;
						height: 18px;
						text-indent:-9999px;
					}
					
					#wrapper #content #contentleft #whocontent h3 
					{
						margin: 13px 0px 13px 0px;
						padding: 0px;
						font-size: 140%;
						color: #910E13;	
					}
					
					/* Client Page Start */
					
						#wrapper #content #contentleft #whocontent #clientleft
						{
							float: left;
							width: 404px;
							height: 287px;
							background: url(../Images/shellClientText_07.gif) no-repeat top left;
							margin-top: 30px;
						}
						
							#wrapper #content #contentleft #whocontent #clientleft span
							{
								display: none;
							}
							
						#wrapper #content #contentleft #whocontent #clientright
						{
							float: left;
							width: 326px;
							margin-top: 30px;
						}
						
							#wrapper #content #contentleft #whocontent #clientright p
							{
								margin: 0px;
								padding: 0px;
							}
				
					/* Client Page Finish */
													
					#wrapper #content #contentleft #whocontent #whotext
					{
						float: left;
						width: 980px;
						margin-top: 30px;
					}
					
						#wrapper #content #contentleft #whocontent #whotext p 
						{
							margin: 0px 0px 14px 0px;
							padding: 0px;
						}
						
						#wrapper #content #contentleft #whocontent #whotext a 
						{
							text-decoration: underline;
						}
						
							#wrapper #content #contentleft #whocontent #whotext a:hover 
							{
								text-decoration: none;
							}
					
					#wrapper #content #contentleft .wholist
					{
						float: left;
						width: 980px;
						padding: 0px;
						margin: 30px 0px 0px 0px;
					}
					
						#wrapper #content #contentleft .wholist li
						{
							float: left;
							width: 236px;
							height: 120px;
							list-style-type: none;
							display: inline;
							background: #C1C1C1;
							margin-left: 11px;
						}
						
							/* Who we are */
							#wrapper #content #contentleft .wholist li.ourteam
							{
								margin-left: 0px;
								background: url(../Images/scrollbox_OurTeam.jpg) no-repeat top left;
							}
							
							#wrapper #content #contentleft .wholist li.ourcompany
							{
								background: url(../Images/scrollbox_OurCompany.jpg) no-repeat top left;
							}
							
							#wrapper #content #contentleft .wholist li.howwework
							{
								background: url(../Images/scrollbox_HowWeWork.jpg) no-repeat top left;
							}
						
							/* What we do */
							#wrapper #content #contentleft .wholist li.websites
							{
								margin-left: 0px;
								background: url(../Images/scrollbox_Websites.jpg) no-repeat top left;
							}
							
							#wrapper #content #contentleft .wholist li.customsoftware
							{							
								background: url(../Images/scrollbox_CustomSoftware.jpg) no-repeat top left;
							}
							
							#wrapper #content #contentleft .wholist li.mobilesoftware
							{								
								background: url(../Images/scrollbox_MobileSoftware.jpg) no-repeat top left;
							}
							
							#wrapper #content #contentleft .wholist li.virtualemployee
							{
								margin-left: 0px;
								background: url(../Images/scrollbox_VirtualEmployee.jpg) no-repeat top left;
							}
							
							#wrapper #content #contentleft .wholist li.noleft
							{
								margin-left: 0px;
							}
						
							#wrapper #content #contentleft .wholist li a
							{
								float: left;
								width: 236px;
								height: 120px;
								position: relative;
								overflow: hidden;
							}
							
							#wrapper #content #contentleft .wholist li a:hover
							{
								text-decoration: none;
							}
							
								#wrapper #content #contentleft .wholist li a .blackcontent
								{
									position: absolute;
									top: 93px;
									left: 0px;
									width: 236px;
								}
								
								#wrapper #content #contentleft .wholist li a .blackcontent .blackbg
								{
									background: #000;
									position: absolute;
									top: 0px;
									left: 0px;
									bottom: 0px;
									width: 236px;
									opacity: .70; /* Standard: FF gt 1.5, Opera, Safari */
									filter: alpha(opacity=70); /* IE lt 8 */
									-ms-filter: "alpha(opacity=70)"; /* IE 8 */
									-khtml-opacity: .70; /* Safari 1.x */
									-moz-opacity: .70; /* FF lt 1.5, Netscape */
								}
								
								#wrapper #content #contentleft .wholist li a .blackcontent .blackname
								{
									float: left;
									width: 226px;
									position: relative;
									font-size: 14px;
									height: 22px;
									color: #FFF;
									padding-left: 10px;
									padding-top: 5px;
								}
								
								#wrapper #content #contentleft .wholist li a .blackcontent .blacktext
								{
									float: left;
									width: 226px;
									line-height: 16px;
									padding-left: 10px;
									position: relative;
									color: #ffffff;
									padding-bottom: 8px;
									font-size: 100%;
								}
								
		/* Apple Slider Start */
		
		#wrapper #content #contentleft #appleslider
		{
			float: left;
			width: 730px;
			position: relative;
			text-align:center;
		}
		
		/* Apple Slider Finish */
		
		/* Contact Box Start */
		
		#wrapper #content #contentleft #contactbox
		{
			float: left;
			width: 980px;
			position: relative;
		}
			
			#wrapper #content #contentleft #contactbox #contacttop
			{
				float: left;
				width: 980px;
				/*margin-top: 30px;*/
			}
			
				#wrapper #content #contentleft #contactbox #contacttop #contactleft
				{
					float: left;
					width: 340px;
				}
				
					#wrapper #content #contentleft #contactbox #contacttop #contactleft #contactname
					{
						float: left;
						width: 289px;
						font-size: 120%;
						font-weight: bold;
					}
					
					#wrapper #content #contentleft #contactbox #contacttop #contactleft #contactaddress
					{
						float: left;
						width: 289px;
					}
					
					#wrapper #content #contentleft #contactbox #contacttop #contactleft #contacttelephone
					{
						float: left;
						width: 289px;
						font-size: 120%;
						margin-top: 20px;
					}
					
						#wrapper #content #contentleft #contactbox #contacttop #contactleft #contacttelephone span
						{
							color: #971B1F;
						}
				
				#wrapper #content #contentleft #contactbox #contacttop #contactmiddle
				{
					float: left;
					width: 300px;
				}
				
					#wrapper #content #contentleft #contactbox #contacttop #contactmiddle .contactline
					{
						float: left;
						width: 300px;
					}
				
					#wrapper #content #contentleft #contactbox #contacttop #contactmiddle .emailsales
					{
						float: left;
						width: 124px;
						height: 21px;
						background: url(../Images/shellContactLinks_03.gif) no-repeat top left;
					}
					
						#wrapper #content #contentleft #contactbox #contacttop #contactmiddle .emailsales span
						{
							display: none;
						}
						
						#wrapper #content #contentleft #contactbox #contacttop #contactmiddle .emailsales:hover
						{
							background-position: bottom;
						}
						
					#wrapper #content #contentleft #contactbox #contacttop #contactmiddle .techsupport
					{
						float: left;
						width: 140px;
						height: 21px;
						background: url(../Images/shellContactLinks_06.gif) no-repeat top left;
						margin-top: 9px;
					}
					
						#wrapper #content #contentleft #contactbox #contacttop #contactmiddle .techsupport span
						{
							display: none;
						}
						
						#wrapper #content #contentleft #contactbox #contacttop #contactmiddle .techsupport:hover
						{
							background-position: bottom;
						}
						
					#wrapper #content #contentleft #contactbox #contacttop #contactmiddle .brochurereq
					{
						float: left;
						width: 106px;
						height: 21px;
						background: url(../Images/shellContactLinks_09.gif) no-repeat top left;
						margin-top: 9px;
					}
					
						#wrapper #content #contentleft #contactbox #contacttop #contactmiddle .brochurereq span
						{
							display: none;
						}
						
						#wrapper #content #contentleft #contactbox #contacttop #contactmiddle .brochurereq:hover
						{
							background-position: bottom;
						}
				
				#wrapper #content #contentleft #contactbox #contacttop #contactright
				{
					float: right;
					width: 320px;
				}
				
					#wrapper #content #contentleft #contactbox #contacttop #contactright .findushere
					{
						float: right;
						width: 235px;
						height: 100px;
						background: url(../Images/shellHowToFindUs_03.jpg) no-repeat top left;
					}
					
						#wrapper #content #contentleft #contactbox #contacttop #contactright .findushere:hover
						{
							background-position: bottom;
						}
						
						#wrapper #content #contentleft #contactbox #contacttop #contactright .findushere span
						{
							display: none;
						}
			
			#wrapper #content #contentleft #contactbox #contactbot
			{
				float: left;
				width: 980px;
				margin-top: 21px;
			}
			
				#wrapper #content #contentleft #contactbox #contactbot #contactformtop
				{
					float: left;
					width: 978px;
					background: url(../Images/shellContactFormTop_13.gif) no-repeat top left;
					height: 21px;
					border-top: 1px solid #BDBDBD;
					border-right: 1px solid #BDBDBD;
					border-left: 1px solid #BDBDBD;
				}
				
					#wrapper #content #contentleft #contactbox #contactbot #contactformtop span
					{
						display: none;
					}
				
				#wrapper #content #contentleft #contactbox #contactbot #contactformbot
				{
					float: left;
					width: 978px;
					border-bottom: 1px solid #BDBDBD;
					border-right: 1px solid #BDBDBD;
					border-left: 1px solid #BDBDBD;
					padding-bottom: 17px;
				}
				
					#wrapper #content #contentleft #contactbox #contactbot #contactformbot #concolone
					{
						float: left;
						width: 304px;
						padding-left: 16px;
					}
					
					#wrapper #content #contentleft #contactbox #contactbot #contactformbot #concoltwo
					{
						float: left;
						width: 304px;
						padding-left: 16px;
					}
					
						#wrapper #content #contentleft #contactbox #contactbot #contactformbot #concoltwo #colpad
						{
							float: left;
							padding-top: 11px;
						}
					
					#wrapper #content #contentleft #contactbox #contactbot #contactformbot #concolthree
					{
						float: left;
						width: 304px;
						padding-left: 16px;
					}
					
						#wrapper #content #contentleft #contactbox #contactbot #contactformbot #concolthree .contactrightline
						{
							float: left;
							width: 320px;
						}
					
					#wrapper #content #contentleft #contactbox #contactbot #contactformbot .contactfield
					{
						float: left;
						width: 290px;
						height: 20px;
						line-height: 20px;
						background: url(../Images/shellContactField_17.gif) no-repeat top left;
						padding: 4px 0px 3px 5px;
						margin: 11px 0px 0px 0px;
						border: 0px;
					}
					
					#wrapper #content #contentleft #contactbox #contactbot #contactformbot #contactext
					{
						float: left;
						width: 299px;
						height: 102px;
						background: url(../Images/shellContactEnq_19.gif) no-repeat top left #CCFF00;
						padding: 5px 0px 0px 5px;
						margin: 11px 0px 0px 0px;
						border: 0px;
					}
					
					#wrapper #content #contentleft #contactbox #contactbot #contactformbot #contactsubmit
					{
						float: right;
						width: 69px;
						height: 27px;
						padding: 0px;
						margin: 11px 17px 0px 0px;
						border: 0px;
						display: inline;
					}
		
		/* Contact Box Finish */
		
		/* Custom Software Start */
		
		#wrapper #content #contentleft #customsoftware
		{
			float: left;
			width: 730px;
			margin-top: 30px;
			height: 243px;
			background: url(../Images/shellCustomSoftware_07.jpg) no-repeat top left;
		}
		
			#wrapper #content #contentleft #customsoftware span
			{
				display: none;
			}
		
		/* Custom Software Finish */
		
		/* Custom Software Start */
		
		#wrapper #content #contentleft #websites
		{
			float: left;
			width: 730px;
			margin-top: 30px;
			height: 211px;
			background: url(../Images/shellWebsites.jpg) no-repeat top left;
		}
		
			#wrapper #content #contentleft #websites span
			{
				display: none;
			}
		
		/* Custom Software Finish */
		
		/* Request Box Start */
		
			#wrapper #content #contentleft #requestbox
			{
				float: left;
				width: 730px;
				margin-top: 30px;
			}
			
				#wrapper #content #contentleft #requestbox #requestleft
				{
					float: left;
					width: 245px;
					height: 326px;
					background: url(../Images/shellRequestText_03.gif) no-repeat top left;
				}
				
					#wrapper #content #contentleft #requestbox #requestleft span
					{
						display: none;
					}
					
					
				
				#wrapper #content #contentleft #requestbox #requestright
				{
					float: left;
					width: 485px;
				}
				
					#wrapper #content #contentleft #requestbox #requestright #requestform
					{
						float: left;
						width: 485px;
					}
					
						#wrapper #content #contentleft #requestbox #requestright #requestform #reqformtop
						{
							float: left;
							width: 483px;
							height: 21px;
							background: url(../Images/shellBrochureForm_09.gif) no-repeat top left;
							border-right: 1px solid #BDBDBD;
							border-left: 1px solid #BDBDBD;
							border-top: 1px solid #BDBDBD;
						}
						
							#wrapper #content #contentleft #requestbox #requestright #requestform #reqformtop span
							{
								display: none;
							}
						
						#wrapper #content #contentleft #requestbox #requestright #requestform #reqformbot
						{
							float: left;
							width: 483px;
							border-right: 1px solid #BDBDBD;
							border-left: 1px solid #BDBDBD;
							border-bottom: 1px solid #BDBDBD;
							padding-bottom: 17px;
						}
						
							#wrapper #content #contentleft #requestbox #requestright #requestform #reqformbot .reqformline
							{	
								float: left;
								width: 483px;
								margin-top: 17px;
							}
								
								#wrapper #content #contentleft #requestbox #requestright #requestform #reqformbot .reqformline .reqformleft
								{
									float: left;
									width: 234px;
									padding-left: 17px;
								}
								
								#wrapper #content #contentleft #requestbox #requestright #requestform #reqformbot .reqformline .reqformright
								{
									float: left;
									width: 232px;
								}
								
								#wrapper #content #contentleft #requestbox #requestright #requestform #reqformbot .reqformline .reqformfield
								{
									float: left;
									width: 207px;
									height: 20px;
									background: url(../Images/shellFormField_13.gif) no-repeat top left;
									padding: 4px 0px 3px 5px;
									margin: 0px;
									line-height: 20px;
									border: 0px;
								}
								
								#wrapper #content #contentleft #requestbox #requestright #requestform #reqformbot .reqformline .reqformcomm
								{
									float: left;
									width: 441px;
									height: 102px;
									background: url(../Images/shellCommentsBox_16.gif) no-repeat top left;
									padding: 5px 0px 0px 5px;
									margin: 0px 0px 0px 17px;
									border: 0px;
									display: inline;
								}
								
								#wrapper #content #contentleft #requestbox #requestright #requestform #reqformbot .reqformline .reqsubmit
								{
									float: right;
									width: 69px;
									height: 27px;
									padding: 0px;
									margin: 0px 20px 0px 0px;
									border: 0px;
									display: inline;
								}
		
		/* Request Box Finish */
		
		/* Twenty Four Panel */
		
			#wrapper #content #contentleft #whocontent #twentyfourpanel
			{
				float: left;
				width: 730px;
				height: 280px;
				margin-top: 30px;
				background: url(../Images/shell24HourBg_07.jpg) no-repeat top left;
			}
			
				#wrapper #content #contentleft #whocontent #twentyfourpanel span
				{
					display: none;
				}
		
		/* Twenty Four Panel Finish */
		
		/* Virtual Employee Start */
		
			#wrapper #content #contentleft #whocontent #virtualbox
			{
				float: left;
				width: 730px;
				background: url(../Images/shellVirtualNew_03.jpg) no-repeat top left;
				margin-top: 30px;
			}
			
				#wrapper #content #contentleft #whocontent #virtualbox span
				{
					display: none;
				}
				
			#wrapper #content #contentleft #whocontent #virtualbox #virtualtext
			{
				float: left;
				margin-top: 250px;
				width: 400px;
			}
			
				#wrapper #content #contentleft #whocontent #virtualbox #virtualtext a
				{
					text-decoration: underline;
				}
				
				#wrapper #content #contentleft #whocontent #virtualbox #virtualtext a:hover
				{
					text-decoration: none;
				}
		
		/* Virtual Employee Finish */
		
		/* How We Work List Start */
		
			#wrapper #content #contentleft #howwelist
			{
				float: left;
				width: 730px;
				padding: 0px;
				margin: 0xp;
			}
			
				#wrapper #content #contentleft #howwelist li
				{
					float: left;
					width: 730px;
					list-style-type: none;
					display: inline;
					background: url(../Images/shellStepsBorder_06.gif) repeat-x top left;
					padding-top: 20px;
					padding-bottom: 20px;
				}
				
					#wrapper #content #contentleft #howwelist li.firststep
					{
						background: none;
					}
				
					#wrapper #content #contentleft #howwelist li .howleft
					{
						float: left;
						width: 571px;
						padding-top: 5px;
					}
					
						#wrapper #content #contentleft #howwelist li .howleft .howstep1
						{
							float: left;
							width: 571px;
							height: 35px;
							background: url(../Images/shellSteps_03.gif) no-repeat top left;
						}
						
							#wrapper #content #contentleft #howwelist li .howleft .howstep1 span
							{
								display: none;
							}
						
						#wrapper #content #contentleft #howwelist li .howleft .howstep2
						{
							float: left;
							width: 571px;
							height: 35px;
							background: url(../Images/shellSteps_06.gif) no-repeat top left;
						}
						
							#wrapper #content #contentleft #howwelist li .howleft .howstep2 span
							{
								display: none;
							}
						
						#wrapper #content #contentleft #howwelist li .howleft .howstep3
						{
							float: left;
							width: 571px;
							height: 35px;
							background: url(../Images/shellSteps_09.gif) no-repeat top left;
						}
						
							#wrapper #content #contentleft #howwelist li .howleft .howstep3 span
							{
								display: none;
							}
						
						#wrapper #content #contentleft #howwelist li .howleft .howstep4
						{
							float: left;
							width: 571px;
							height: 35px;
							background: url(../Images/shellSteps_11.gif) no-repeat top left;
						}
						
							#wrapper #content #contentleft #howwelist li .howleft .howstep4 span
							{
								display: none;
							}
						
						#wrapper #content #contentleft #howwelist li .howleft .howstep5
						{
							float: left;
							width: 571px;
							height: 35px;
							background: url(../Images/shellSteps_13.gif) no-repeat top left;
						}
						
							#wrapper #content #contentleft #howwelist li .howleft .howstep5 span
							{
								display: none;
							}
							
						#wrapper #content #contentleft #howwelist li .howleft .steptext
						{
							float: left;
							width: 551px;
							margin-top: 8px;
						}
					
					#wrapper #content #contentleft #howwelist li .howright
					{
						float: left;
						width: 159px;
					}
					
						#wrapper #content #contentleft #howwelist li .howright .piccontainer
						{
							float: right;
							padding: 4px;
							border:1px solid #ECECEC
						}
		
		/* How We Work List Finish */
		
		/* Websites Link Start */
		
		#wrapper #content #contentleft #whocontent #websitelink
		{
			float: left;
			width: 724px;
			height: 173px;
			background: url(../Images/shellWebsitesLink_03.jpg) no-repeat top left;
			margin-top: 20px;
		}
		
			#wrapper #content #contentleft #whocontent #websitelink:hover
			{
				background-position: bottom;
			}
		
			#wrapper #content #contentleft #whocontent #websitelink span
			{
				display: none;
			}
		
		/* Websites Link Finish */
								
		/* Live Webcam Start */
		
			#wrapper #content #contentleft #webcambox
			{
				float: left;
				width: 730px;
			}
			
				#wrapper #content #contentleft #webcambox #webcamleft
				{
					float: left;
					width: 505px;
				}
				
					#wrapper #content #contentleft #webcambox #webcamleft #webcamshow
					{
						float: left;
						position: relative;
						width: 481px;
						height: 364px;
						
					}
					
						#wrapper #content #contentleft #webcambox #webcamleft #webcamshow .webcamborder
						{
							position: absolute;
							top: 0px;
							left: 0px;
							width: 481px;
							height: 364px;
							background: url(../Images/shellWebcamBorder_03.png) no-repeat top left;
							z-index: 1000;
						}
						
						#wrapper #content #contentleft #webcambox #webcamleft #webcamshow .webcampic1
						{
							position: absolute;
							top: 0px;
							left: 0px;
							width: 481px;
							height: 295px;
							background: url(../Images/WebcamLarge1.jpg) no-repeat top left;
						}
						
						#wrapper #content #contentleft #webcambox #webcamleft #webcamshow .webcampic2
						{
							position: absolute;
							top: 0px;
							left: 0px;
							width: 481px;
							height: 295px;
							background: url(../Images/WebcamLarge2.jpg) no-repeat top left;
						}
				
				#wrapper #content #contentleft #webcambox #webcamright
				{
					float: left;
					width: 225px;
				}
				
				#wrapper #content #contentleft #webcambox #webcamright #webcamlist
				{
					float: left;
					width: 225px;
					padding: 0px;
					margin: 0px;
				}
				
					#wrapper #content #contentleft #webcambox #webcamright #webcamlist li
					{
						float: left;
						width: 225px;
						list-style-type: none;
						display: inline;
						height: 169px;
						margin-top: 15px;
					}
					
					#wrapper #content #contentleft #webcambox #webcamright #webcamlist li.topwebcam
					{
						margin-top: 0px;
					}
					
						#wrapper #content #contentleft #webcambox #webcamright #webcamlist li a
						{
							float: left;
							width: 225px;
							height: 169px;							
							position: relative;
							padding: 0px;
							margin: 0px;
						}
						
							#wrapper #content #contentleft #webcambox #webcamright #webcamlist li a.feed1 
							{
								background: url(../Images/WecamSmall1_Enabled.jpg) no-repeat top left;
							}
							
								#wrapper #content #contentleft #webcambox #webcamright #webcamlist li a.feed1.disabled 
								{
									background: url(../Images/WecamSmall1_Disabled.jpg) no-repeat top left;
								}
							
							#wrapper #content #contentleft #webcambox #webcamright #webcamlist li a.feed2 
							{
								background: url(../Images/WecamSmall2_Enabled.jpg) no-repeat top left;
							}
							
								#wrapper #content #contentleft #webcambox #webcamright #webcamlist li a.feed2.disabled
								{
									background: url(../Images/WecamSmall2_Disabled.jpg) no-repeat top left;
								}
						
							#wrapper #content #contentleft #webcambox #webcamright #webcamlist li a .webcam1
							{
								position: absolute;
								left: 11px;
								top: 11px;
								width: 68px;
								height: 21px;
								background: url(../Images/shellLiveFeed_03.gif) no-repeat top left;
							}
							
							#wrapper #content #contentleft #webcambox #webcamright #webcamlist li a .webcam2
							{
								position: absolute;
								left: 11px;
								top: 11px;
								width: 68px;
								height: 21px;
								background: url(../Images/shellLiveFeed_07.gif) no-repeat top left;
							}
						
						#wrapper #content #contentleft #webcambox #webcamright #webcamlist li a .nowshowing
						{
							position: absolute;
							left: 11px;
							top: 32px;
							width: 98px;
							height: 21px;
							background: url(../Images/shellNowShowing_03.gif) no-repeat top left;
						}
						
						#wrapper #content #contentleft #webcambox #webcamright #webcamlist li a .displaynone
						{
							display: none;
						}
						
						#wrapper #content #contentleft #webcambox #webcamright #webcamlist li a:hover
						{
							opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
							filter: alpha(opacity=75); /* IE lt 8 */
							-ms-filter: "alpha(opacity=75)"; /* IE 8 */
							-khtml-opacity: .75; /* Safari 1.x */
							-moz-opacity: .75; /* FF lt 1.5, Netscape */
						}
						
						
			#wrapper #content #contentleft #webcamtext
			{
				float: left;
				width: 466px;
				height: 54px;
				margin-top: 18px;
				background: url(../Images/shellHardatwork_03.gif) no-repeat top left;
			}
			
				#wrapper #content #contentleft #webcamtext span
				{
					display: none;
				}
		
		/* Live Webcam Finish */
		
		/* Company Start */
		
			#wrapper #content #contentleft #companybox
			{
				float: left;
				width: 730px;
				position: relative;
			}
			
				#wrapper #content #contentleft #companybox #gallery
				{
					float: left;
					width: 482px;
					position: relative;
				}
				
				#wrapper #content #contentleft #companybox #thumbs
				{
					float: left;
					width: 248px;
					height: 318px;
					overflow: hidden;
				}
		
		/* Company Finish */
								
		/* Mobile Software */
		
					#wrapper #content #contentleft #whocontent #mobiletext
					{
						float: left;
						width: 730px;
						margin-top: 30px;
						position: relative;
					}
					
						#wrapper #content #contentleft #whocontent #mobiletext #textbox
						{
							float: left;
							width: 730px;
							height: 142px;
							background: url(../Images/shellMobileText_03.gif) no-repeat top left;
							padding-bottom: 30px;
						}
						
							#wrapper #content #contentleft #whocontent #mobiletext #textbox span
							{
								display: none;
							}
							
							#wrapper #content #contentleft #whocontent #mobiletext .mobilecontent
							{
								float: left;
								width: 400px;
							}
							
								#wrapper #content #contentleft #whocontent #mobiletext .mobilecontent a
								{
									text-decoration: underline;
								}
								
								#wrapper #content #contentleft #whocontent #mobiletext .mobilecontent a:hover
								{
									text-decoration: none;
								}
							
					#wrapper #content #contentleft #whocontent #mobiletext #iphone
					{
						position: absolute;
						top: 0px;
						right: 25px;
						width: 256px;
						height: 481px;
						background: url(../Images/shelliphone_03.png) no-repeat top left;
					}
					
					#wrapper #content #contentleft #whocontent #mobiletext #approveddev
					{
						float: left;
						width: 730px;
						height: 157px;
						margin-top: 18px;
						background: url(../Images/shellapproveddev_07.jpg) no-repeat top left;
					}
		
		/* Mobile Software Finish */
								
		/* Client Page Start */
					
				#wrapper #content #contentleft #clientbox
				{
					float: left;
					width: 730px;
					color: #151515;
					height: 634px;
					background: url(../Images/shellClientBG_03.jpg) no-repeat top left;
				}
				
					#wrapper #content #contentleft #clientbox #clienttitle
					{
						float: left;
						width: 730px;
						font-size: 140%;
						margin-top: 30px;
						height: 18px;
						background: url(../Images/shellClientsTitle_06.gif) no-repeat top left;
					}
					
						#wrapper #content #contentleft #clientbox #clienttitle span
						{
							display: none;
						}
					
					#wrapper #content #contentleft #clientbox #clienttext
					{
						float: left;
						width: 730px;
						margin-top: 18px;
					}
					
						#wrapper #content #contentleft #clientbox #clienttext #clienttextin
						{
							float: left;
							width: 370px;
						}
					
					#wrapper #content #contentleft #clientbox #clientacc
					{
						float: left;
						width: 310px;
						margin-top: 40px;
					}
					
						#wrapper #content #contentleft #clientbox #clientacc a
						{
							float: left;
							width: 300px;
							color: #58585A;
							background: url(../Images/shellClientListLink_03.gif) no-repeat top left;
							padding-left: 10px;
							font-weight: bold;
							height: 22px;
						}
						
						#wrapper #content #contentleft #clientbox #clientacc div
						{
							float: left;
							width: 310px;
							color: #58585A;
							height: 150px;
						} 
					
		/* Client Page Finish */
									
		/* Value Added Services Start */
		
		#wrapper #content #contentleft #vasbox
		{
			float: left;
			width: 730px;
			background: url(../Images/shellListBorder_03.gif) repeat-x top left;
			margin-top: 30px;
			padding-top: 30px;
		}
		
			#wrapper #content #contentleft #vasbox #vastitle
			{
				float: left;
				width: 730px;
				font-size: 140%;
				height: 18px;
				background: url(../Images/shellValueadded_06.gif) no-repeat top left;
			}
			
				#wrapper #content #contentleft #vasbox #vastitle span
				{
					display: none;
				}
			
			#wrapper #content #contentleft #vasbox #vastext
			{
				float: left;
				width: 730px;
				margin-top: 18px;
				font-size: 100%;
			}
		
		/* Value Added Services Finish */
	
			#wrapper #content #contentright
			{
				float: left;
				width: 236px;
				padding-top: 10px;
			}
			
				#wrapper #content #contentright .brochurelink
				{
					float: left;
					width: 236px;
					height: 120px;
					background: url(../Images/shellHotboxFour_24.jpg) no-repeat top left;
				}
				
					#wrapper #content #contentright .brochurelink span
					{
						display: none;
					}
				
					#wrapper #content #contentright .brochurelink:hover
					{
						background-position: bottom left;
					}
					
				#wrapper #content .twentyfourhr
				{
					float: left;
					width: 236px;
					height: 68px;
					background: url(../Images/shellRightLinks_06.jpg) no-repeat top left;
					margin-top: 12px;
				}
				
					#wrapper #content .twentyfourhr span
					{
						display: none;
					}
				
					#wrapper #content .twentyfourhr:hover
					{
						background-position: bottom left;
						opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
						filter: alpha(opacity=75); /* IE lt 8 */
						-ms-filter: "alpha(opacity=75)"; /* IE 8 */
						-khtml-opacity: .75; /* Safari 1.x */
						-moz-opacity: .75; /* FF lt 1.5, Netscape */
					}
					
				#wrapper #content .iphoneapps
				{
					float: left;
					width: 236px;
					height: 75px;
					background: url(../Images/shellRightLinks_10.jpg) no-repeat top left;
					margin-top: 11px;
				}
				
					#wrapper #content .iphoneapps span
					{
						display: none;
					}
				
					#wrapper #content .iphoneapps:hover
					{
						background-position: bottom left;
						opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
						filter: alpha(opacity=75); /* IE lt 8 */
						-ms-filter: "alpha(opacity=75)"; /* IE 8 */
						-khtml-opacity: .75; /* Safari 1.x */
						-moz-opacity: .75; /* FF lt 1.5, Netscape */
					}
					
	/* Career List Start */
	
		#wrapper #content #contentleft #careerlist
		{
			float: left;
			width: 730px;
			padding: 0px;
			margin: 20px 0px 0px 0px;
			background: url(../Images/shellListBorder_03.gif) repeat-x top left;
		}
		
			#wrapper #content #contentleft #careerlist li
			{
				float: left;
				width: 730px;
				padding: 0px;
				margin: 0px;
				display: inline;
				list-style-type: none;
				background: url(../Images/shellListBorder_03.gif) repeat-x bottom left;
				padding-bottom: 22px;
				padding-top: 20px;
			}
			
				#wrapper #content #contentleft #careerlist li .careerleft
				{
					float: left;
					width: 510px;
					color: #151515;
				}
				
					#wrapper #content #contentleft #careerlist li .careerleft .jobtitle
					{
						float: left;
						wdith: 510px;
					}
					
					#wrapper #content #contentleft #careerlist li .careerleft .jobdesc
					{
						float: left;
						width: 490px;
						font-size: 100%;
						margin-top: 12px;
					}

				#wrapper #content #contentleft #careerlist li .careerright
				{
					float: left;
					width: 220px;
					color: #151515;
				}
				
					#wrapper #content #contentleft #careerlist li .careerright .jobreq
					{
						float: left;
						width: 220px;
						font-size: 100%;
						height: 138px;
					}
					
					#wrapper #content #contentleft #careerlist li .careerright .applynow
					{
						float: left;
						width: 220px;
						height: 21px;
						background: url(../Images/shellApplyNowButton.gif) no-repeat top left;
					}
					
						#wrapper #content #contentleft #careerlist li .careerright .applynow:hover
						{
							background-position: bottom;
						}
					
						#wrapper #content #contentleft #careerlist li .careerright .applynow span
						{
							display: none;
						}
						
				#wrapper #content #contentleft #careerlist li .careerrightopen
				{
					float: right;
					width: 220px;
					color: #151515;
				}
				
					#wrapper #content #contentleft #careerlist li .careerrightopen .careeropen
					{
						float: right;
						width: 71px;
						height: 21px;
						background: url(../Images/shellCareerReadMore_11.gif) no-repeat top left;
					}
					
						#wrapper #content #contentleft #careerlist li .careerrightopen .careeropen:hover
						{
							background-position: bottom;
						}
					
						#wrapper #content #contentleft #careerlist li .careerrightopen .careeropen span
						{
							display: none;
						}
	
	/* Career List Finish */
	
	/* News List Start */
	
		#wrapper #content #contentleft #newslist
		{
			float: left;
			width: 730px;
			padding: 0px;
			margin: 20px 0px 0px 0px;
			background: url(../Images/shellListBorder_03.gif) repeat-x top left;
		}
		
			#wrapper #content #contentleft #newslist li
			{
				float: left;
				width: 730px;
				padding: 0px;
				margin: 0px;
				display: inline;
				list-style-type: none;
				background: url(../Images/shellListBorder_03.gif) repeat-x bottom left;
				padding-bottom: 22px;
				padding-top: 20px;
			}
			
				#wrapper #content #contentleft #newslist li .newslistleft
				{
					float: left;
					width: 175px;
				}
				
					#wrapper #content #contentleft #newslist li .newslistleft .newsimgbox
					{
						float: left;
						padding: 4px;
						border: 1px solid #E5E5E5;
					}
					
					#wrapper #content #contentleft #newslist li .newslistleft .newsimgbox img
					{
						border: 0px;
					}
				
				#wrapper #content #contentleft #newslist li .newslistright
				{
					float: left;
					width: 555px;
				}
				
				#wrapper #content #contentleft #newslist li .newslistright .newsname
				{
					float: left;
					width: 555px;
					color: #971B1F;
					font-size: 140%;
					font-weight: bold;
					line-height: 20px;
				}
				
				#wrapper #content #contentleft #newslist li .newslistright .newdate
				{
					float: left;
					width: 555px;
					color: #9C9C9C;
				}
				
				#wrapper #content #contentleft #newslist li .newslistright .newscontent
				{
					float: left;
					width: 555px;
					color: #151515;
				}
				
				#wrapper #content #contentleft #newslist li .newslistright .newsreadmore
				{
					float: left;
					width: 555px;
				}
				
					#wrapper #content #contentleft #newslist li .newslistright .newsreadmore .readmore
					{
						float: left;
						width: 72px;
						height: 21px;
						background: url(../Images/shellReadMore_15.gif) no-repeat top left;
						margin-top: 18px;
					}
					
						#wrapper #content #contentleft #newslist li .newslistright .newsreadmore .readmore span
						{
							display: none;
						}
						
						#wrapper #content #contentleft #newslist li .newslistright .newsreadmore .readmore:hover
						{
							background-position: bottom;
						}
						
					#wrapper #content #contentleft #newslist li .newslistright .newsreadmore .readless
					{
						background: url(../Images/shellClose_15.gif) no-repeat top left;
						float: left;
						width: 72px;
						height: 21px;
						margin-top: 18px;
					}
					
						#wrapper #content #contentleft #newslist li .newslistright .newsreadmore .readless span
						{
							display: none;
						}
						
						#wrapper #content #contentleft #newslist li .newslistright .newsreadmore .readless:hover
						{
							background-position: bottom left;
						}
	
	/* News List Finish */
	
	/* blogs List Start */
	
		#wrapper #content #contentleft #blogslist
		{
			float: left;
			width: 730px;
			padding: 0px;
			margin: 20px 0px 0px 0px;
			background: url(../Images/shellListBorder_03.gif) repeat-x top left;
		}
		
			#wrapper #content #contentleft #blogslist li
			{
				float: left;
				width: 730px;
				padding: 0px;
				margin: 0px;
				display: inline;
				list-style-type: none;
				background: url(../Images/shellListBorder_03.gif) repeat-x bottom left;
				padding-bottom: 22px;
				padding-top: 20px;
			}
			
				#wrapper #content #contentleft #blogslist li .blogslistleft
				{
					float: left;
					width: 40px;
					height: 40px;
					background: url(../Images/BlogDate.gif) no-repeat top left;
					font-size: 90%;
					color: #FFF;
					margin: 0px 20px 0px 0px;
					padding: 0px;
					text-align: center;					
				}
				
					#wrapper #content #contentleft #blogslist li .blogslistleft span 
					{
						color: #000;
						font-size: 130%;
						font-weight: bold;
					}
				
				#wrapper #content #contentleft #blogslist li .blogslistright
				{
					float: left;
					width: 670px;
				}
				
				#wrapper #content #contentleft #blogslist li .blogslistright .blogsname
				{
					float: left;
					width: 670px;
					color: #971B1F;
					font-size: 140%;
					font-weight: bold;
					line-height: 20px;
				}
				
				#wrapper #content #contentleft #blogslist li .blogslistright .newdate
				{
					float: left;
					width: 670px;
					color: #9C9C9C;
				}
				
				#wrapper #content #contentleft #blogslist li .blogslistright .blogscontent
				{
					float: left;
					width: 670px;
					color: #151515;
				}
				
				#wrapper #content #contentleft #blogslist li .blogslistright .blogsreadmore
				{
					float: left;
					width: 670px;
				}
				
					#wrapper #content #contentleft #blogslist li .blogslistright .blogsreadmore .readmore
					{
						float: left;
						width: 72px;
						height: 21px;
						background: url(../Images/shellReadMore_15.gif) no-repeat top left;
						margin-top: 18px;
					}
					
						#wrapper #content #contentleft #blogslist li .blogslistright .blogsreadmore .readmore span
						{
							display: none;
						}
						
						#wrapper #content #contentleft #blogslist li .blogslistright .blogsreadmore .readmore:hover
						{
							background-position: bottom;
						}
						
					#wrapper #content #contentleft #blogslist li .blogslistright .blogsreadmore .readless
					{
						background: url(../Images/shellClose_15.gif) no-repeat top left;
						float: left;
						width: 72px;
						height: 21px;
						margin-top: 18px;
					}
					
						#wrapper #content #contentleft #blogslist li .blogslistright .blogsreadmore .readless span
						{
							display: none;
						}
						
						#wrapper #content #contentleft #blogslist li .blogslistright .blogsreadmore .readless:hover
						{
							background-position: bottom left;
						}
	
	/* blogs List Finish */
	
	/* Our Team Start */
	
	#wrapper #content #contentleft #teamlist
	{
		float: left;
		width: 730px;
		padding: 0px;
		margin: 10px 0px 0px 0px;
		
	}
	
		#wrapper #content #contentleft #teamlist li
		{
			float: left;
			width: 730px;
			padding: 0px;
			margin: 0px;
			display: inline;
			list-style-type: none;
			background: url(../Images/shellListBorder_03.gif) repeat-x bottom left;
			padding-bottom: 22px;
			padding-top: 20px;
		}
		
		#wrapper #content #contentleft #teamlist li .teamleft
		{
			float: left;
			width: 163px;
			padding-top: 2px;
		}
		
			#wrapper #content #contentleft #teamlist li .teamleft a img
			{
				border: 0px;
			}
		
			#wrapper #content #contentleft #teamlist li .teamleft .picone
			{
				float: left;
				width: 147px;
				height: 73px;
			}
			
			#wrapper #content #contentleft #teamlist li .teamleft .pictwo
			{
				float: left;
				width: 70px;
				height: 54px;
				margin-top: 6px;
			}
			
			#wrapper #content #contentleft #teamlist li .teamleft .picthree
			{
				float: left;
				width: 70px;
				height: 54px;
				margin-left: 7px;
				display: inline;
				margin-top: 6px;
			}
		
		#wrapper #content #contentleft #teamlist li .teamright
		{
			float: left;
			width: 567px;
		}
		
			#wrapper #content #contentleft #teamlist li .teamright .teamname
			{
				float: left;
				width: 567px;
				font-size: 140%;
				color: #151515;
				font-weight: bold;
			}
			
			#wrapper #content #contentleft #teamlist li .teamright .teamtext
			{
				float: left;
				width: 567px;
				font-size: 100%;
				margin-top: 18px;
			}
			
				#wrapper #content #contentleft #teamlist li .teamright .teamtext p
				{
					padding: 0px;
					margin: 0px 0px 14px 0px;
				}
				
					#wrapper #content #contentleft #teamlist li .teamright .teamtext p a
					{
						text-decoration: underline;
					}
					
						#wrapper #content #contentleft #teamlist li .teamright .teamtext p a:hover
						{
							text-decoration: none;
						}
	
	/* Our Team Finish */
	
	/* Main Content Finish */
	
	#wrapper #footerout
	{
		float: left;
		width: 100%;
		background: #2D2D2D;
		padding-top: 40px;
		padding-bottom: 10px;
		border-top: 6px solid #800A0A;
	}
	
	#wrapper #footer
	{
		width: 980px;
		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;
		z-index: 5000;
	}
	
		#wrapper #footer #footerleft
		{
			float: left;
			width: 508px;
			/*padding-left: 12px;*/
			font-size: 90%;
		}
		
			#wrapper #footer #footerleft .footleftlist
			{
				float: left;
				width: 126px;
				padding: 0px;
				margin: 0px;
			}
			
				#wrapper #footer #footerleft .footleftlist li
				{
					list-style-type: none;
					display: inline;
					float: left;
					width: 123px;
					color: #FFF;
				}
				
					#wrapper #footer #footerleft .footleftlist li a
					{
						color: #FFF;						
					}
					
						#wrapper #footer #footerleft .footleftlist li a strong 
						{
							text-decoration: underline;
						}
						
							#wrapper #footer #footerleft .footleftlist li a strong:hover 
							{
								text-decoration: none;
							}
		
		#wrapper #footer #footerright
		{
			float: left;
			width: 430px;
			color: #FFF;
			font-size: 90%;			
			margin-left: 12px;
		}
		
		#wrapper #footer #footerright #footerrighttop
		{
			float: left;
			width: 400px;
		}
		
			#wrapper #footer #footerright #footerlist
			{
				float: left;
				width: 400px;
				padding: 0px;
				margin: 0px;
			}
			
				#wrapper #footer #footerright #footerlist li
				{
					list-style-type: none;
					display: inline;
					float: left;
					color: #FFF;
					padding-left: 10px;
					padding-right: 8px;
					background: url(../Images/shellFooterBar_71.gif) no-repeat center left;					
				}
				
					#wrapper #footer #footerright #footerlist li.noleft
					{
						padding-left: 0px;
						background: none;
					}
					
					#wrapper #footer #footerright #footerlist li.noright
					{
						padding-right: 0px;
					}
					
					
						#wrapper #footer #footerright #footerlist li a
						{
							color: #FFF;
							text-decoration: underline;							
						}
														
							#wrapper #footer #footerright #footerlist li a:hover 
							{
								text-decoration: none;
							}
			
			#wrapper #footer #footerright #footerrightbot
			{
				float: left;
				width: 430px;
				padding-top: 18px;				
				position: relative;				
			}
			
				#wrapper #footer #footerright #footerrightbot a 
				{
					color: #FFF;
					text-decoration: underline;
				}
				
					#wrapper #footer #footerright #footerrightbot a:hover 
					{
						text-decoration: none;
					}
		
		#wrapper #footerbot
		{
			float: left;
			width: 980px;
			height: 40px;
			background: #2D2D2D;
		}