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

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

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

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

.standardformfield 
{
	font-family: Tahoma;
	font-size: 100%;
	color: #424142;
}

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

a:hover 
{
	text-decoration: none;	
}

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

	#wrapper #headerouter {
		width: 800px;
		margin-left: auto;
		margin-right: auto;
		}
			#wrapper #headerouter #header 
			{
				width: 800px;
				float: left;		
				}
	
				#wrapper #headerouter #header h1 {
					margin: 0px;
					padding: 0px;
					float: left;
				}
				
					#wrapper #headerouter #header h1 a {
						display: block;
						width: 159px;
						height: 99px;
						background: url(../Images/shellGraphics_02.gif) no-repeat top left;	
					}
					
					
						#wrapper #headerouter #header h1 a span {
							display: none;
						}
						
					#wrapper #headerouter #header #logisticslink
					{
						float: left;
						color: #FFF;
						font-size: 110%;
						padding-left: 42px;
						margin-top: 24px;
					}
					
						#wrapper #headerouter #header #logisticslink a
						{
							color: #B4D716;
							text-decoration: none;
						}
						
							#wrapper #headerouter #header #logisticslink a:hover
							{
								text-decoration: underline;
							}
						
					#wrapper #headerouter #header #righttop
					{
						float: right;
						margin-top: 17px;
					}
					
						#wrapper #headerouter #header #righttop a.twitter
						{
							float: left;
							width: 29px;
							height: 31px;
							background: url(../Images/shellNewHeader_05.gif) no-repeat top left;
							display: inline;
							margin-left: 10px;
						}
						
							#wrapper #headerouter #header #righttop a.twitter:hover
							{
								background-position: bottom;
							}
						
							#wrapper #headerouter #header #righttop a.twitter span
							{
								display: none;
							}
							
						#wrapper #headerouter #header #righttop a.wordpress
						{
							float: left;
							width: 30px;
							height: 31px;
							background: url(../Images/shellNewHeader_03.gif) no-repeat top left;
							
						}
						
							#wrapper #headerouter #header #righttop a.wordpress:hover
							{
								background-position: bottom;
							}
						
							#wrapper #headerouter #header #righttop a.wordpress span
							{
								display: none;
							}
							
						#wrapper #headerouter #header #righttop .callus
						{
							float: left;
							color: #827D7D;
							font-size: 110%;
							display: inline;
							margin-left: 10px;
							padding-top: 6px;
						}
						
							#wrapper #headerouter #header #righttop .callus span
							{
								font-weight: bold;
								color: #FFF;
							}
					
						
					#wrapper #headerouter #header #navigation 
					{								
						margin-top:22px;
						text-align:right;
						float: right;
						width: 600px;
					}
					
						#wrapper #headerouter #header #navigation ul 
						{
							margin: 0px;
							padding: 0px;				
						}
						
							#wrapper #headerouter #header #navigation ul li 
							{
								list-style-type: none;
								display: inline;
								margin-right: 9px;
							}
							
								#wrapper #headerouter #header #navigation ul li.spacer	
								{
									background: url(../Images/NavigationSpacer.gif) no-repeat left;
									padding-left: 12px;
								}
								
									#wrapper #headerouter #header #navigation ul li.spacer.nomargin 
									{
										margin-right: 0px;
									}
							
								#wrapper #headerouter #header #navigation ul li a 
								{
									color: #8F8F8F;
									text-decoration: none;
									font-size: 110%;
								}
								
								#wrapper #headerouter #header #navigation ul li a:hover
								{
									text-decoration: underline;
									color: #B4D716;
								}
								
								#wrapper #headerouter #header #navigation a.green
								{
									color: #B4D716;
								}
								
/** *************  Subcontent - Grey Wood Panel Area **************  **/								
	#wrapper #subcontent {
		float: left;
		width: 100%;
		background: url(../Images/TopBG.jpg) repeat-x top left;
		border-top: solid 1px #3A3A3A;
		position: relative;
		border-bottom: 1px solid #3A3A3A;
	}
		
			/* Homepage Images  */
			#wrapper #subcontent #content1 
			{
				width: 800px;
				margin-left: auto;
				margin-right: auto;	
				height: 235px;			
			}
		
				#wrapper #subcontent #content1 #picture1 {
					background: url(../Images/shellGraphics_05.jpg) no-repeat top left;				
					width: 426px;
					height: 235px;
					float: left;
					margin-top: 1px;
					display: block;		
				}
				
				#wrapper #subcontent #content1 #picture2 {
					background: url(../Images/shellGraphics_06.jpg) no-repeat top left;
					width:373px;
					height:235px;
					float:left;
					margin-top: 1px;
					display: block;
				}
				
					#wrapper #subcontent #content1 #picture1 span, #wrapper #subcontent #content1 #picture2 span {
						display: none;
					}
				
		/* Web & Design Design Pages */
		#wrapper #subcontent .content
		{
			width: 800px;
			margin-left: auto;
			margin-right: auto;	
			height: 370px;
		}
		
			#wrapper #subcontent .webpage 
			{
				background: url(../Images/shellWebBg.gif) no-repeat bottom left;
			}
				
			#wrapper #subcontent .design_print
			{
				background: url(../Images/DesignBG.gif) no-repeat bottom left;
			}
			
			#wrapper #subcontent .new_media
			{
				background: url(../Images/new_mediaBG.gif) no-repeat bottom left;
			}
			
			#wrapper #subcontent .marketing
			{
				background: url(../Images/shellWebBg.gif) no-repeat bottom left;
			}
				
			/* Standard Pages */			
			#wrapper #subcontent .content .colone
			{
				width: 330px;
				float: left;
			}
				#wrapper #subcontent .content .colone .classic_cupcakes
				{	
					width: 330px;
					margin-top: 30px;
					float: left;
					color: #FFFFFF;
					font-size: 200%;
					padding-bottom: 4px;
				}
					
					#wrapper #subcontent .content .colone .classic_cupcakes h1
					{
						padding: 0px;
						margin: 0px;
						font-size: 100%;
						color: #FFFFFF;
					}
			
				#wrapper #subcontent .content .colone .whitetextbox .whitetext
				{
					float: left;
					width: 288px;
					font-size: 110%;
				}
				#wrapper #subcontent .content .colone .whitetextbox .whitetext
				{
					float: left;
					margin-top: 21px;
					color: #FFFFFF;
				}
				
				#wrapper #subcontent .content .colone .whitetextbox .sublink
				{
					width: 280px;
					float: left;
					margin-top: 20px;
					font-size: 100%;
					color: #FFFFFF;
					font-size: 110%;
				}
					#wrapper #subcontent .content .colone .whitetextbox .sublink a
					{
						color: #B4D716;
					}
				
				#wrapper #subcontent .content .colone .whitetextbox .subwhitetext
				{
					width: 280px;
					float: left;
					margin-top: 20px;
					font-size: 100%;
					color: #FFFFFF;
					font-size: 110%;
				}
					#wrapper #subcontent .content .colone .whitetextbox .subwhitetext span
					{
						color: #B4D716;
					}
				
				
				#wrapper #subcontent .getintouch 
				{
					float: left;
					position: absolute;
					bottom: 19px;
					left: 0px;
					display: block;
					background: url(../Images/shellHomeBGRight2_03.gif) no-repeat top left;
					width: 286px;
					height: 39px;					
					opacity: .50; /* Standard: FF gt 1.5, Opera, Safari */					
					filter: alpha(opacity=50); /* IE lt 8 */					
					-ms-filter: "alpha(opacity=50)"; /* IE 8 */					
					-khtml-opacity: .50; /* Safari 1.x */					
					-moz-opacity: .50; /* FF lt 1.5, Netscape */
				}
				
					#wrapper #subcontent .getintouch:hover
					{
						background-position: bottom;
					}
				
					#wrapper #subcontent .getintouch span 
					{
						display: none;
					}			
			
			#wrapper #subcontent .content .coltwo
			{
				width: 469px;
				float: left;				
			}
				
				#wrapper #subcontent .content .coltwo .mainpicture
				{
					margin: 19px 0px 0px 0px;
					float: left;
				}
					#wrapper #subcontent .content .coltwo .mainpicture h2
					{
						float: left;
						margin: 0px;
						padding: 0px;
					}
						#wrapper #subcontent .content .coltwo .mainpicture h2 a
						{
							display: block;
							/*background: url(../Images/classiccupcakes_06.jpg) no-repeat top left;*/
							width: 470px;
							height: 331px;
						}
							#wrapper #subcontent .content .coltwo .mainpicture h2 a span
							{
								display: none
							}
							
					#wrapper #subcontent .content .coltwo .mainpicture div .portfolioitem 
					{
						width: 468px;
						border: solid 1px #080909;
						overflow: hidden;
						height: 329px;
					}
			
			/* Testimonials */
			#wrapper #subcontent #testimonials
			{
				width: 800px;
				margin: 0px auto;
				padding: 0px;
				height: 370px;
				background: url(../Images/shellTestimonialsBGNew_03.jpg) no-repeat bottom right;
			}
			
			#wrapper #subcontent #testimonials #heading
			{
				padding: 0px;
				margin: 0px;
				width: 800px;
				float: left;
			}
				
				#wrapper #subcontent #testimonials #heading h1
				{
					padding: 0px;
					font-size: 200%;
					color: #FFFFFF;
					float: left;
					margin: 30px 0px 0px 0px;
				}
				
			#wrapper #subcontent #testimonials #textwrap
			{
				width: 800px;
				float: left;
				margin: 0px;
				padding: 0px;
			}
			
				#wrapper #subcontent #testimonials #textwrap #set1
				{
					width: 800px;
					margin: 20px 0px 0px 0px;
					color: #B4D716;
					float: left;
					font-size: 110%;
				}
				
				/* Testimonials Only */
								
					
					
				#wrapper #subcontent #testimonials #textwrap #set2
				{
					width: 800px;
					margin: 25px 0px 0px 0px;
					color: #FFFFFF;
					float: left;
					font-size: 110%;
				}
					
					#wrapper #subcontent #testimonials #textwrap #set2 span
					{
						color: #B4D716;					
					}
					
				#wrapper #subcontent #testimonials #textwrap #set3
				{
					width: 800px;
					margin: 25px 0px 0px 0px;
					color: #FFFFFF;
					float: left;
					font-size: 110%;
				}
				
					#wrapper #subcontent #testimonials #textwrap #set3 span
					{
						color: #B4D716;
					}
				
				#wrapper #subcontent #testimonials #textwrap #set4
				{
					width: 800px;
					margin: 25px 0px 0px 0px;
					color: #FFFFFF;
					float: left;
					font-size: 110%;
				}
					
					#wrapper #subcontent #testimonials #textwrap #set4 span
					{
						color: #B4D716;
					}	
					
			/* New Testimonials Start */
			
				#wrapper #subcontent #testimonials #testleft
				{
					float: left;
					width: 263px;
					height: 284px;
				}
				
					#wrapper #subcontent #testimonials #testleft #testlinks
					{
						padding: 0px;
						margin: 15px 0px 0px 0px;
					}
					
						#wrapper #subcontent #testimonials #testleft #testlinks li
						{
							float: left;
							width: 263px;
							display: inline;
							list-style-type: none;
							padding-top: 5px;
						}
						
							#wrapper #subcontent #testimonials #testleft #testlinks li a
							{
								font-weight: bold;
								color: #FFF;
								text-decoration: none;
								font-size: 110%;
							}
							
								#wrapper #subcontent #testimonials #testleft #testlinks li a:hover, #wrapper #subcontent #testimonials #testleft #testlinks li .selected
								{
									color: #B4D716;
								}
							
			#wrapper #subcontent #testimonials #testimonialsright
			{
				float: right;
				width: 448px;
			}
			
				#wrapper #subcontent #testimonials #testimonialsright a
				{
					text-decoration: none;
				}
				
					#wrapper #subcontent #testimonials #testimonialsright a:hover
					{
						text-decoration: none;
					}
				
				#wrapper #subcontent #testimonials .testright
				{
					float: left;
					width: 448px;
					height: 284px;
				}
				
					#wrapper #subcontent #testimonials .testright .testinner
					{
						float: left;
						width: 367px;
						display: inline;
						text-align: center;
						margin-top: 40px;
						margin-left: 45px;
						display: inline;
						line-height: 24px;
						font-size: 110%;
					}
					
						#wrapper #subcontent #testimonials .testright .testinner span
						{	
							font-size: 180%;
							color: #000;
							padding-bottom: 10px;
							float: left;
						}
			
			/* New Testimonials Finish */
										
	/* What we do start */
	#wrapper #subcontent #whatwedo
	{
		width: 800px;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
		height: 370px;
	}
			
			#wrapper #subcontent #whatwedo #heading
			{
				padding: 0px;
				margin: 30px 0px 0px 0px;
				width: 800px;
				height: 23px;
				float: left;
				font-weight: normal;
			}
				
				#wrapper #subcontent #whatwedo #heading h1
				{
					padding: 0px;
					font-size: 200%;
					color: #FFFFFF;
					float: left;
					margin: 0px 0px 0px 0px;
				}
				
			#wrapper #subcontent #whatwedo #whatwedonew
			{
				float: left;
				width: 800px;
				height: 317px;
			}
			
				#wrapper #subcontent #whatwedo #whatwedonew .whatwedoleft
				{
					float: left;
					width: 321px;
					height: 317px;
					background: url(../Images/shellWhatWeDoBG_03.gif) no-repeat bottom left;
				}
				
				#wrapper #subcontent #whatwedo #whatwedonew .whatwedotwo
				{
					float: left;
					width: 321px;
					height: 317px;
					background: url(../Images/shellWhatWeDoTwo_03.gif) no-repeat bottom left;
				}
				
				#wrapper #subcontent #whatwedo #whatwedonew .whatwedothree
				{
					float: left;
					width: 321px;
					height: 317px;
					background: url(../Images/shellWhatWeDoThree_03.gif) no-repeat bottom left;
				}
				
				#wrapper #subcontent #whatwedo #whatwedonew .whatwedofour
				{
					float: left;
					width: 321px;
					height: 317px;
					background: url(../Images/shellWhatWeDoFour_03.gif) no-repeat bottom left;
				}
				
				#wrapper #subcontent #whatwedo #whatwedonew .whatwedofive
				{
					float: left;
					width: 321px;
					height: 317px;
					background: url(../Images/shellWhatWeDoFive_03.gif) no-repeat bottom left;
				}
				
				#wrapper #subcontent #whatwedo #whatwedonew .whatwedoright
				{
					float: left;
					width: 479px;
					height: 317px;
				}
				
					#wrapper #subcontent #whatwedo #whatwedonew .whatwedoright .whatwetext
					{
						float: left;
						width: 469px;
						margin-top: 100px;
						font-size: 180%;
						color: #FFF;
						padding-left: 10px;
						line-height: 26px;
					}
					
						#wrapper #subcontent #whatwedo #whatwedonew .whatwedoright .whatwetext span
						{
							color: #B4D716;
						}
	/* What we do finish */
	
										
										
										
		#wrapper #subcontent #contact
		{
			width: 800px;
			margin-left: auto;
			margin-right: auto;	
			height: 370px;
		}
			
			#wrapper #subcontent #contactmain
			{
				background: url(../Images/ContactBG.gif) no-repeat bottom left;
				float: left;
				width: 800px;
				height: 370px;
			}	
			
				
				#wrapper #subcontent #contact #colone
				{
					float: left;
					width: 330px;
				}
				
					#wrapper #subcontent #contact #colone #heading
					{

						float: left
					}
					
					#wrapper #subcontent #contact #colone #heading h1
					{
						color: #FFFFFF;
						font-size: 200%;
						padding: 0px;
						margin: 30px 0px 0px 0px;
					}	
						
						#wrapper #subcontent #contact #colone #textwrap
						{
							width: 290px;
							float: left;
						}
							
							#wrapper #subcontent #contact #colone #textwrap #setone
							{
								color: #B4D716;
								font-size: 110%;
								margin-top: 23px;
								width: 330px;
								float: left;
							}
							
							#wrapper #subcontent #contact #colone #textwrap #address
							{
								float: left;
								margin-top: 28px;
								color: #FFFFFF;
								font-size: 110%;
							}
							
								#wrapper #subcontent #contact #colone #textwrap #address span
								{
									font-size: 120%;
																	
								}
							
							#wrapper #subcontent #contact #colone #textwrap #number
							{
								float: left;
								width: 330px;
								color: #FFFFFF;
								font-size: 120%;
								margin-top: 27px;
							}
								
								#wrapper #subcontent #contact #colone #textwrap #number span
								{
									color: #B4D517;
								}	
								
							#wrapper #subcontent #contact #colone #textwrap #email
							{
								float: left;
								width: 330px;
								margin-top: 30px;
								font-size: 120%
							}
								
								#wrapper #subcontent #contact #colone #textwrap #email span
								{
									color: #B4D517;
								}
								
								#wrapper #subcontent #contact #colone #textwrap #email a
								{
									color: #FFFFFF;
									text-decoration: none;								
								}
								
								#wrapper #subcontent #contact #colone #textwrap #email a:hover
								{
									text-decoration: underline;
								}
						
					#wrapper #subcontent #contact #coltwo
					{
						width: 470px;
						float: left;
						margin: 0px;
					}
			
						#wrapper #subcontent #contact #coltwo #contactusmap
						{
							margin: 28px 0px 0px 0px;
							float: left;		
							width: 469px;
							height: 319px;					
						}
									
				
				#wrapper #subcontent #newmedia
				{
					width: 800px;
					margin-right: auto;
					margin-left: auto;
					background: url(../Images/new_mediaBG.gif) no-repeat top left;
					height: 370px;
				}
				
					#wrapper #subcontent #newmedia #medcolone
					{
						width: 333px;
						float: left;
						margin: 0px;
					}
					
						#wrapper #subcontent #newmedia #medcolone #media_heading
						{
							padding: 0px;
							margin: 0px;
							color: #FFFFFF;
						}
						
												
							#wrapper #subcontent #newmedia #medcolone #media_heading h1
							{
								margin: 30px 0px 0px 0px;
								font-size: 200%;
								padding: 0px;
								padding: 0px;
							}
					
						#wrapper #subcontent #newmedia #medcolone #media_text_wrap
						{
							width: 333px;
							padding: 0px;
							margin: 0px;
						}
					
							#wrapper #subcontent #newmedia #medcolone #media_text_wrap #media_text_green
							{
								margin-top: 0px;
								color: #B4D716;
								font-size: 120%;
								width: 280px;
								float: left;
							}
						
								#wrapper #subcontent #newmedia #medcolone #media_text_wrap #white_text_wrap
								{	
									margin-top: 27px;
									float: left;
									width: 280px;
									color: #FFF;
									font-size: 120%;
								}

					
					#wrapper #subcontent #newmedia #medcoltwo
					{
						width: 467px;
						float: left
					}
					
						#wrapper #subcontent #newmedia #medcoltwo #medcoltwo_link h2
						{
							float: left;
							margin: 20px 0px 0px 0px;
							padding: 0px;
						}
						
							#wrapper #subcontent #newmedia #medcoltwo #medcoltwo_link h2 a
							{
								display: block;
								background: url(../Images/new_media_content_03.jpg) no-repeat top left;
								width: 467px;
								height: 331px;
							}
							
								#wrapper #subcontent #newmedia #medcoltwo #medcoltwo_link h2 a span
								{
									display: none;
								}
							

		#wrapper #subcontent #marketing
		{
			width: 800px;
			margin-left: auto;
			margin-right: auto;
			height: 370px;
			background: url(../Images/testimonialsBG.gif) no-repeat top left;
		}
		
			#wrapper #subcontent #marketing #marketing_heading
			{
				width: 800px;
				margin: 30px 0px 0px 0px;
				height: 30px;
				padding: 0px;
				float: left;
			}
			
				#wrapper #subcontent #marketing #marketing_heading h1
				{
					font-size: 200%;
					color: #FFFFFF;
					padding: 0px;
					margin: 0px;
				}
				
			#wrapper #subcontent #marketing #marketing_green_text1
			{
				float: left;
				width: 800px;
				font-size: 110%;
				color: #B4D716;
				margin-top: 11px;
			}
			
			#wrapper #subcontent #marketing #marketing_white_text1
			{
				float: left;
				width: 800px;
				font-size: 110%;
				color: #FFFFFF;
				margin-top: 25px;
			}
			
			#wrapper #subcontent #marketing #marketing_white_text2
			{
				float: left;
				width: 800px;
				font-size: 110%;
				color: #FFFFFF;
				margin-top: 20px;
			}
			
				#wrapper #subcontent #marketing #marketing_green_wrap
				{
				width: 800px;
				float: left;
				}
					
					#wrapper #subcontent #marketing #marketing_green_list
					{
					width: 270px;
					float: left;
					padding: 0px;
					margin: 0px;
					
					}
					
						#wrapper #subcontent #marketing #marketing_green_list ul
						{
							padding: 0px;
							margin: 20px 0px 0px 0px;
							list-style: none;
							font-size: 110%;
						}
						
							#wrapper #subcontent #marketing #marketing_green_list ul li
							{
								color: #B4D716;
							}


		/* ************** Written Content Area **************  */
		
	#wrapper #maincontent {
		width: 100%;
		background: url(../Images/shellimages1_08.jpg) top left;
		float: left;
	}

		#wrapper #maincontent #content2 
		{
			width: 800px;
			margin-left: auto;
			margin-right: auto;
		}
	
				*html #wrapper #maincontent #content2 
				{
					width: 800px;
					padding: 0px;
					margin-left: auto;
					margin-right: auto;
					
				}
				
				
				#wrapper #maincontent #content2 #main
				{	
					float: left;
					width: 800px;
					margin-top: 44px;
					color: #FFF;
					padding-bottom: 30px;
				}
				
					#wrapper #maincontent #content2 #main #text
					{
						float: left;
						width: 800px;
						font-size: 110%;
						padding-bottom: 30px;
						position: relative;
					}
					
						#wrapper #maincontent #content2 #main #text .indexgreen
						{
							color: #B4D716;
							font-size: 20px;
						}
						
						#wrapper #maincontent #content2 #main #text .indexwhite
						{
							color: #FFF;
							font-size: 20px;
						}
						
						#wrapper #maincontent #content2 #main #text .letstalk
						{
							position: absolute;
							bottom: 10px;
							right: 16px;
							height: 59px;
							width: 89px;
							background: url(../Images/shellNewHeader_14.gif) no-repeat top 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 #maincontent #content2 #main #text .letstalk span
							{
								display: none;
							}
						
							#wrapper #maincontent #content2 #main #text .letstalk:hover
							{
								opacity: 1; /* Standard: FF gt 1.5, Opera, Safari */
								filter: alpha(opacity=100); /* IE lt 8 */
								-ms-filter: "alpha(opacity=100)"; /* IE 8 */
								-khtml-opacity: 1; /* Safari 1.x */
								-moz-opacity: 1; /* FF lt 1.5, Netscape */
							}
						
		/* Main Index Portfolio List */
			/* Container div */
				#wrapper #indexlistcontainer
				{
					float: left;
					width: 800px;
				}
				
					#wrapper #indexlistcontainer #indexlist
					{
						padding: 5px 0px 0px 0px;
						margin: 0px;
						width: 800px;
						float: left;
						background: url(../Images/shellListBg.gif) no-repeat top left;
					}
					
						#wrapper #indexlistcontainer #indexlist li
						{
							float: left;
							list-style-type: none;
							display: inline;
							width: 260px;
							margin-left: 10px;
							height: 78px;
							margin-top: 10px;
							position: relative;
							overflow: hidden;
							opacity: 0.6; /* Standard: FF gt 1.5, Opera, Safari */
							filter: alpha(opacity=60); /* IE lt 8 */
							-ms-filter: "alpha(opacity=60)"; /* IE 8 */
							-khtml-opacity: 0.6; /* Safari 1.x */
							-moz-opacity: 0.6; /* FF lt 1.5, Netscape */
						}
						
							#wrapper #indexlistcontainer #indexlist li.firstindexlink
							{
								margin-left: 0px;
							}
							
							#wrapper #indexlistcontainer #indexlist li.indexone
							{
								background: url(../Images/shellIndexLinks_03.jpg) no-repeat top left;
							}
							
							#wrapper #indexlistcontainer #indexlist li.indextwo
							{
								background: url(../Images/shellIndexLinks_05.jpg) no-repeat top left;
							}
							
							#wrapper #indexlistcontainer #indexlist li.indexthree
							{
								background: url(../Images/shellLogisticsPic_03.gif) no-repeat top left;
							}
							
							#wrapper #indexlistcontainer #indexlist li.indexfour
							{
								background: url(../Images/shellIndexLinks_12.jpg) no-repeat top left;
							}
							
							#wrapper #indexlistcontainer #indexlist li.indexfive
							{
								background: url(../Images/shellIndexLinks_13.jpg) no-repeat top left;
							}
							
							#wrapper #indexlistcontainer #indexlist li.indexsix
							{
								background: url(../Images/shellLogisticsPic_06.gif) no-repeat top left;
							}
							
								#wrapper #indexlistcontainer #indexlist li a
								{
									position: absolute;
									top: 78px;
									left: 0px;
									width: 260px;
									height: 78px;
									background: #000;
									opacity: 0.8; /* Standard: FF gt 1.5, Opera, Safari */
									filter: alpha(opacity=80); /* IE lt 8 */
									-ms-filter: "alpha(opacity=80)"; /* IE 8 */
									-khtml-opacity: 0.8; /* Safari 1.x */
									-moz-opacity: 0.8; /* FF lt 1.5, Netscape */
									color: #FFF;
									text-decoration: none;
									font-size: 110%;
								}
								
									#wrapper #indexlistcontainer #indexlist li a img
									{
										border: 0px;
									}
								
									#wrapper #indexlistcontainer #indexlist li a:hover
									{
										text-decoration: none;
									}
									
									#wrapper #indexlistcontainer #indexlist li a .greenhead
									{
										float: left;
										width: 250px;
										padding-left: 10px;
										font-weight: bold;
										color: #B4D716;
										padding-top: 5px;
									}
									
									#wrapper #indexlistcontainer #indexlist li a .whitecontent
									{
										float: left;
										width: 250px;
										padding-left: 10px;
										font-weight: normal;
										color: #FFF;
									}
									
									#wrapper #indexlistcontainer #indexlist li .logisticslink
									{
										float: left;
										width: 260px;
										height: 78px;
										position: absolute;
										left: 0px;
										top: 0px;
										background: none;
									}
									
										#wrapper #indexlistcontainer #indexlist li .logisticslink span
										{
											display: none;
										}
				
		/* Main Index Portfolio List Finish */
						
	/* Web Page Start */
			#wrapper #maincontent #content2 #webpage
			{
				color: #666666;
				font-size: 110%;
				width: 800px;
				margin-right: auto;
				margin-left: auto;
				height: 270px;
				overflow: hidden;
				position: relative;
			}
			
				#wrapper #maincontent #content2 #webpage #pagenumber
				{
					color: #666666;
					letter-spacing: 3px;
					font-style: normal;
					text-align: center;
					width: 800px;
					float: left;
					margin-top: 18px;
					font-weight: bold;
					
				}
					
					#wrapper #maincontent #content2 #webpage #pagenumber a
					{
						text-decoration: none;
					}
						
						#wrapper #maincontent #content2 #webpage #pagenumber a:hover
						{
							text-decoration: none;
							color: #B4D716;
						}
						
					
						#wrapper #maincontent #content2 #webpage #pagenumber a span
						{
							color: #B4D716;
						}
						
			#wrapper #maincontent #content2 #ulcontainer
			{
				margin-top: 20px;
				width: 800px;
				float: left;
			}
			
			#wrapper #maincontent #content2 #webpage #ghost_overlay
			{
				position: absolute;
				top: 0px;
				left: 0px;
				bottom: 0px;
				width: 100%;
				background: url(../Images/loading.gif) 50% 50% no-repeat #000;
				opacity: .90; /* Standard: FF gt 1.5, Opera, Safari */
				filter: alpha(opacity=90); /* IE lt 8 */
				-ms-filter: "alpha(opacity=90)"; /* IE 8 */
				-khtml-opacity: .90; /* Safari 1.x */
				-moz-opacity: .90; /* FF lt 1.5, Netscape */	
				color: #8F8F8F;
				font-size: 180%;
				padding-top: 40px;
				text-align: center;
				clear: both;
			}
				/* NEW */
				#wrapper #maincontent #content2 #ulcontainer #portfolioselector 
				{
					margin: 0px;
					padding: 0px;
				}
				
					#wrapper #maincontent #content2 #ulcontainer #portfolioselector li 
					{
						list-style-type: none;
						display: inline;
						float: left;
						margin-right: 26px;
					}
						
						#wrapper #maincontent #content2 #ulcontainer #portfolioselector li.nomargin 
						{
							margin-right: 0px;
						}
					
						#wrapper #maincontent #content2 #ulcontainer #portfolioselector li a, #wrapper #maincontent #content2 #ulcontainer #portfolioselector li a.normalportfolio  
						{
							display: block;
							width: 179px;
							margin-bottom: 10px;
							border-bottom: 1px solid #404041;
							float: left;
							height: 25px;
							color: #5A5A5A;
							text-decoration: none;
						}
						
							#wrapper #maincontent #content2 #ulcontainer #portfolioselector li a.selected 
							{
								color: #5893BB;
								border-bottom: solid 1px #5893BB;
							}
							
							#wrapper #maincontent #content2 #ulcontainer #portfolioselector li a:hover 
							{
								border-bottom: solid 1px #B4D716;
								text-decoration: none;
								color: #B4D716;								
							}
			
				/* ### EXISTING						
				#wrapper #maincontent #content2 #ulcontainer a
				{
					color: #666666;
					text-decoration: none;
				}
				
				#wrapper #maincontent #content2 #ulcontainer #listone
				{
					float: left;
					width: 179px;
					
				}
					#wrapper #maincontent #content2 #ulcontainer #listone ul
					{
						margin: 0px;
						padding: 0px;
					}
					
						#wrapper #maincontent #content2 #ulcontainer #listone ul li
						{
							list-style-type: none;
							margin-top: 10px;
							border-bottom: 1px solid #404041;
							font-size: 100%;
						}
						
						#wrapper #maincontent #content2 #ulcontainer #listone ul li a.currentpage
						{
							color: #5893BB;
						}
						
						#wrapper #maincontent #content2 #ulcontainer ul li a:hover
						{
							text-decoration: underline;
							color: #B4D716;
						}


				
				#wrapper #maincontent #content2 #ulcontainer #listtwo
				{
					float: left;
					width: 179px;
					
				}
				
					#wrapper #maincontent #content2 #ulcontainer #listtwo ul
					{
						margin: 0px;
						padding: 0px;
					}
						
						#wrapper #maincontent #content2 #ulcontainer #listtwo ul li
						{
							list-style-type: none;
							margin-top: 10px;
							border-bottom: 1px solid #424243;
						}
						
							#wrapper #maincontent #content2 #ulcontainer #listtwo ul li a .currentpage
							{
							color: #5893BB;
							}
							
							
				#wrapper #maincontent #content2 #ulcontainer #listthree
				{
					float: left;
					width: 179px;
					
				}
				
					#wrapper #maincontent #content2 #ulcontainer #listthree ul
					{
						margin: 0px;
						padding: 0px;
					}
						
						#wrapper #maincontent #content2 #ulcontainer #listthree ul li
						{
							list-style-type: none;
							margin-top: 10px;
							border-bottom: 1px solid #424243;
						}
						
				#wrapper #maincontent #content2 #ulcontainer #listfour
				{
					float: left;
					width: 179px;
				}
					
					#wrapper #maincontent #content2 #ulcontainer #listfour ul
					{
						padding: 0px;
						margin: 0px;
					}
						
						#wrapper #maincontent #content2 #ulcontainer #listfour ul li
						{
							list-style-type: none;
							margin-top: 10px;
							border-bottom: 1px solid #424243;
						}
				*/
				
				#wrapper #maincontent #content2 #ulcontainer .borderleft
				{
					margin-left: 26px;
				}
				
				
				#wrapper #maincontent #content2 #information
				{
					font-size: 110%;
					color: #FFF;
					padding: 20px;
					width: 760px;
				}
				
					#wrapper #maincontent #content2 #information h2
					{
						color: #FFF;
						padding: 0px;
						margin: 0px 0px 0px 0px;
						font-weight: normal;
					}
					
						#wrapper #maincontent #content2 #information ul
						{
							padding: 0px;
							margin: 0px 0px 0px 10px;
						}
						
						#wrapper #maincontent #content2 #information ul li a
						{
							color: #FFF;
							text-decoration: none;
						}
						
						#wrapper #maincontent #content2 #information ul li a:hover
						{
							color: #FFF;
							text-decoration: underline;
						}

					
					
	/* Testimonials Main Content Area */
	
		#wrapper #maincontent #content2 #testimonialcontent
		{
			color: #FFFFFF;
			height: 235px;
			width: 800px;
			float: left;
			margin: 0px;
			padding: 35px 0px 0px 0px;
		}
					
			#wrapper #maincontent #content2 #contactusform
			{
				color: #FFFFFF;
				float: left;
				width: 800px;
				margin: 0px;
				padding: 0px;
				height: 270px;
				background: url(../Images/formBG.gif) no-repeat top left;
			}
			
				#wrapper #maincontent #content2 #contactusform #concolone
				{
					width: 333px;
					float: left;
					margin: 0px;
					padding: 0px;
				}
				
					#wrapper #maincontent #content2 #contactusform #concolone #headingcontact
					{
						margin: 30px 0px 26px 0px;
					}
						
						#wrapper #maincontent #content2 #contactusform #concolone #headingcontact h2
						{
							color: #FFFFFF;
							font-size: 200%;
							padding: 0px;
							margin: 0px;
						}
						
				#wrapper #maincontent #content2 #contactusform #concolone #contacttext
				{
					float: left;
					width: 300px;
					padding: 0px;
					color: #FFFFFF;
					font-size: 110%;
				}
					
				#wrapper #maincontent #content2 #contactusform #concoltwo
				{
					width: 467px;
					float: left;
					padding: 0px;
					margin: 0px;
				}
					
					#wrapper #maincontent #content2 #contactusform #concoltwo #form_wrapper
					{
						width: 463px;
						height: 212px;
						float: left;
						margin-top: 26px;
						color: #8F8F8F;
					}
					
					#wrapper #maincontent #content2 #contactusform #concoltwo #form_wrapper input
					{
						width: 197px;
						height: 15px;
						border: 0px;
						padding: 5px;
						margin: 0px;
						font-family: Arial;
						font-size: 100%;
					}
					
						#wrapper #maincontent #content2 #contactusform #concoltwo #form_wrapper #form_colone
						{
							width: 216px;
							float: left;
							margin-top: 20px;
							margin-left: 15px;
						}
						
							*html #wrapper #maincontent #content2 #contactusform #concoltwo #form_wrapper #form_colone
							{
								margin-left: 8px;
							}
						
							#wrapper #maincontent #content2 #contactusform #concoltwo #form_wrapper #form_colone #form_name, #wrapper #maincontent #content2 #contactusform #concoltwo #form_wrapper #form_colone #form_telephone, #wrapper #maincontent #content2 #contactusform #concoltwo #form_wrapper #form_colone #form_enquiry
							{
								width: 207px;
								height: 50px;
								float: left;
								margin-bottom: 10px;
							}
						
						#wrapper #maincontent #content2 #contactusform #concoltwo #form_wrapper #form_coltwo
						{
							width: 216px;
							float: left;
							margin-top: 20px;
							margin-left: 10px;
						}
							
							#wrapper #maincontent #content2 #contactusform #concoltwo #form_wrapper #form_coltwo #form_company, #wrapper #maincontent #content2 #contactusform #concoltwo #form_wrapper #form_coltwo #form_address, #wrapper #maincontent #content2 #contactusform #concoltwo #form_wrapper #form_coltwo #form_submit
							{
								width: 207px;
								height: 50px;
								float: left;
								margin-bottom: 10px;
							}
						
									#wrapper #maincontent #content2 #contactusform #concoltwo #form_wrapper input.submitbutton
									{
										width: 92px;
										height: 25px;
										margin-left: 110px;
										margin-top: 13px;
									}
							
								#wrapper #maincontent #content2 #contactusform #concoltwo #form_wrapper select
								{
									width: 207px;
									height: 25px;
									border: 0px;
									font-size: 120%;
									padding-top: 5px;
									font-family: Arial;
									font-size: 100%;
								}
				
				
		/* What we do Lower Links Start */
		
			#wrapper #maincontent #content2 #testimonialcontent .whatxlink
			{
				float: left;
				width: 800px;
			}
			
				#wrapper #maincontent #content2 #testimonialcontent .whatxlink #whatlinks
				{
					float: left;
					padding: 0px;
					margin: 0px;
					width: 300px;
				}
				
					#wrapper #maincontent #content2 #testimonialcontent .whatxlink #whatlinks li
					{
						list-style-type: none;
						display: inline;
						width: 300px;
						float: left;
						height: 28px;
					}
					
						#wrapper #maincontent #content2 #testimonialcontent .whatxlink #whatlinks li a
						{
							font-size: 110%;
							font-weight: bold;
							color: #FFF;
							text-decoration: none;
							float: left;
						}
						
						#wrapper #maincontent #content2 #testimonialcontent .whatxlink #whatlinks li a:hover, #wrapper #maincontent #content2 #testimonialcontent .whatxlink #whatlinks li a.greenselect
						{
							color: #B4D716;
						}
		
		/* What we do Lower Links Finish */
					
/* ************** Lower Link Area  **************  */
	
	
#wrapper #linkcontent
{
	background: #000000;
	width: 100%;
	float: left;
}
	#wrapper #linkcontent #links
	{
		width:800px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		font-size: 110%;
	}
	
		#wrapper #linkcontent #links .link1
		{			
			width:175px;				
			float: left;
		}
		
			#wrapper #linkcontent #links .link1.rightmargin 
			{
				margin-right: 31px;
			}
		
			#wrapper #linkcontent #links .link1 strong
			{		
				color:#868686;			
			}
			
			#wrapper #linkcontent #links .link1 p
			{
				margin: 5px 0px 0px 0px;
				color: #595959;
			}
			
				#wrapper #linkcontent #links .link1 p a
				{			
					color:#B4D716;
				}
				
				
/* ************** Footer **************  */
#wrapper #footer
{
	width: 100%;
	float: left;	
	background: #000000;
}

	#wrapper #footer #footerbox
	{
		width: 800px;
		margin-left: auto;
		margin-right: auto;
		background: #000000;
	}
	
		#wrapper #footer #footerbox #footerleft
		{
			width: 400px;
			margin-top: 25px;
			border-top: 1px solid #323232;
			float: left;
		}
							
			#wrapper #footer #footerbox #footerleft #footerlinks ul
			{
				margin: 20px 0px 20px 0px;
				padding: 0px;				
			}
			
				#wrapper #footer #footerbox #footerleft #footerlinks ul li
				{
					list-style-type: none;
					display: inline;
					margin-right: 9px;
				}
				
					#wrapper #footer #footerbox #footerleft #footerlinks ul li.spacer2
					{
						background: url(../Images/NavigationSpacer2.jpg) no-repeat left;
						padding-left: 12px;
					}
					
						#wrapper #footer #footerbox #footerleft #footerlinks ul li.spacer2.nomargin2 
						{
							margin-right: 0px;
						}
				
					#wrapper #footer #footerbox #footerleft #footerlinks ul li a
					{
						color: #515151;
					}
					
		#wrapper #footer #footerbox #footerright
		{
			width: 400px;
			margin-top: 25px;
			border-top: 1px solid #323232;
			float: left;
		}
		
			#wrapper #footer #footerbox #footerright #signature
			{
			float: right;
			margin: 20px 0px 0px 0px;
			}
			
				#wrapper #footer #footerbox #footerright #signature a 
				{
				margin: 20px 0px 0px 0px;
				font-size: 100%;
				color: #515151;
				}


/* Image Fader Start */

#slideshow
{
	margin: 0px auto;
	width: 800px;
	height: 191px;
	overflow: visible;
	position: relative;
}

	#slideshow #slidecontainer
	{
		float: left;
		width: 800px;
		height: 235px;
		margin-bottom: -44px;
		overflow: hidden;
	}
	
		#slideshow #slidecontainer #image_rotator
		{
			float: left;
			padding: 0px;
			margin: 0px;
		}
		
			#slideshow #slidecontainer #image_rotator li
			{
				list-style-type: none;
				display: inline;
			}
			
				#slideshow #slidecontainer #image_rotator li a
				{
					float: left;
					height: 197px;
					padding-top: 39px;
					font-size: 110%;
					color: #B4D716;
					line-height: 30px;
					padding-right: 290px;
					text-decoration: none;
					width: 510px;
				}
				
					#slideshow #slidecontainer #image_rotator li a .largewhite
					{
						font-size: 200%;
						color: #FFF;
					}
					
						#slideshow #slidecontainer #image_rotator li a .greeneic
						{
							font-size: 100%;
							color: #B4D716;
						}
						
						#slideshow #slidecontainer #image_rotator li a .greenlink
						{
							float: left;
							width: 510px;
							color: #B4D716;
							font-size: 100%;
						}
					
					#slideshow #slidecontainer #image_rotator li.rotate_captaincandy a
					{
						background: url(../Images/shellIndexJavaOne.jpg) no-repeat top left;
					}
					
					#slideshow #slidecontainer #image_rotator li.rotate_keoghs a
					{
						background: url(../Images/shellJavaKeoghs.jpg) no-repeat top left;
					}
					
					#slideshow #slidecontainer #image_rotator li.rotate_greenfield a
					{
						background: url(../Images/shellIndexJavaThree.jpg) no-repeat top left;
					}
					
					#slideshow #slidecontainer #image_rotator li.rotate_cupcakes a
					{
						background: url(../Images/shellIndexJavaFour.jpg) no-repeat top left;
					}
					
					#slideshow #slidecontainer #image_rotator li.rotate_windsor a
					{
						background: url(../Images/shellIndexJavaFive.jpg) no-repeat top left;
					}
					
					#slideshow #slidecontainer #image_rotator li.rotate_signconsultants a
					{
						background: url(../Images/shellIndexJavaSix.jpg) no-repeat top left;
					}
					
					#slideshow #slidecontainer #image_rotator li.rotate_eic a
					{
						background: url(../Images/shellEICJava.jpg) no-repeat top left;
					}
					
					#slideshow #slidecontainer #image_rotator li.rotate_sponsorasign a
					{
						background: url(../Images/shellIndexJavaEight.jpg) no-repeat top left;
					}
					
					#slideshow #slidecontainer #image_rotator li.rotate_keoghs a
					{
						background: url(../Images/shellIndexJavaTwo.jpg) no-repeat top left;
					}