/* imports */
@import url(../Scripts/greybox/gb_styles.css);

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

body
{		
	font-family: Arial;
	font-size: 70%;
	background: #F5F5F5 url(../Images/Background.jpg) repeat-x top left;	
	text-align: center;	
	line-height: 18px;
	color: #6B6B6B;
}

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

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

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

a 
{
	color: #00AED2;
	text-decoration: underline;
}

a:hover 
{
	text-decoration: none;	
}

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

	#wrapper #navigation 
	{
		width: 100%;
		float: left;
	}
	
		#wrapper #navigation #navigationinner 
		{
			width: 1005px;
			margin-left:auto;
			margin-right:auto;
			position: relative;		
			z-index: 9999;	
		}
		
			#wrapper #navigation #navigationinner ul 
			{
				margin: 0px 0px 0px 11px;
				padding: 0px;
			}
			
				*html #wrapper #navigation #navigationinner ul 
				{
					margin-left: 0px;
				}
			
				#wrapper #navigation #navigationinner ul li 
				{
					display: inline;
					list-style-type: none;
					float: left;
					position: relative;			
				}
				
					/* Sub Navigation */
					#wrapper #navigation #navigationinner ul li .subnav 
					{						
						float: left;
						margin: 0px;
						padding: 0px;
						position: absolute;
						top: 33px;
						left: 0px;
						
						border-left: solid 1px #DDD1BF;
						border-right: solid 1px #DDD1BF;
						border-bottom: solid 1px #DDD1BF;
												
						
						background: url(../Images/SubNavBackground.gif) top left;
						
						display: none;						
						
						z-index: 1000;
					}
					
						#wrapper #navigation #navigationinner ul li .subnav.one 
						{
							width: 347px;
							height: 224px;
						}
						
						#wrapper #navigation #navigationinner ul li .subnav.two 
						{
							width: 173px;
							height: 162px;
						}
					
						#wrapper #navigation #navigationinner ul li .subnav li 
						{
							list-style-type: none;
							display: inline;
							float: left;							
							width: 173px;							
						}
						
							#wrapper #navigation #navigationinner ul li .subnav li.spacer 
							{
								margin-top: 6px;
							}
						
							#wrapper #navigation #navigationinner ul li .subnav li a 
							{
								float: left;
								background: none;
								width: 153px;
								color: #92784E;
								padding: 7px 0px 7px 20px;
								display: block;
								height: 17px;
								text-decoration: none;
							}	
							
								#wrapper #navigation #navigationinner ul li .subnav li a:hover 
								{
									text-decoration: underline;
								}
								
					/* Sub Nav Rollover */
					#wrapper #navigation #navigationinner ul li:hover ul, #wrapper #navigation #navigationinner ul li.over ul 
					{
						display: block;
					}		
				
					/* Main Navigation */					
					#wrapper #navigation #navigationinner ul li a 
					{
						float: left;
						display: block;
						height: 33px;
					}
					
						#wrapper #navigation #navigationinner ul li.home a 
						{
							background: url(../Images/shellGraphics_02.gif) no-repeat top left;
							width: 76px;
						}
						
						#wrapper #navigation #navigationinner ul li.ourservices a 
						{
							background: url(../Images/shellGraphics_03.gif) no-repeat top left;
							width: 118px;
						}
						
						#wrapper #navigation #navigationinner ul li.aboutus a 
						{
							background: url(../Images/shellGraphics_04.gif) no-repeat top left;
							width: 93px;
						}
						
						#wrapper #navigation #navigationinner ul li.testimonials a 
						{
							background: url(../Images/shellGraphics_05.gif) no-repeat top left;
							width: 116px;
						}
						
						#wrapper #navigation #navigationinner ul li.ourprojects a 
						{
							background: url(../Images/shellGraphics_06.gif) no-repeat top left;
							width: 115px;
						}
						
						#wrapper #navigation #navigationinner ul li.contactus a 
						{
							background: url(../Images/shellGraphics_07.gif) no-repeat top left;
							width: 106px;
						}
					
							#wrapper #navigation #navigationinner ul li a:hover 
							{
								background-position: bottom left;
							}
							
							#wrapper #navigation #navigationinner ul li a span 
							{
								display: none;	
							}
							
			#wrapper #navigation #navigationinner #callus 
			{
				position: absolute;
				width: 177px;
				height: 33px;
				background: url(../Images/shellGraphics_09.gif) no-repeat top left;
				top: 0px;
				right: 29px;
			}
			
				#wrapper #navigation #navigationinner #callus span 
				{
					display: none;	
				}
	
	#wrapper #content 
	{
		width: 100%;
		float: left;	
	}
	
		#wrapper #content #contentinner
		{
			width: 1005px;
			margin-left:auto;
			margin-right:auto;
								
		}
		
			#wrapper #content #contentinner #header 
			{
				width: 1005px;
				background: #FFF;
				height: 138px;
				float: left;
				margin-left: 33px;				
			}
			
				#wrapper #content #contentinner #header h1 
				{
					margin: 0px;
					padding: 0px;					
				}
				
					#wrapper #content #contentinner #header h1 a 
					{
						display: block;
						width: 406px;
						height: 138px;
						background: url(../Images/Logo.gif) no-repeat top left;
					}
					
						#wrapper #content #contentinner #header h1 a span 
						{
							display: none;
						}
						
			#wrapper #content #contentinner #pagecontent 
			{				
				float: left;
				width: 1005px;
				background: url(../Images/ContentBG.jpg) repeat-y top left;									
			}
			
				/* Page Content */
				#wrapper #content #contentinner #pagecontent .innerpagecontent 
				{
					padding: 23px 33px 0px 33px;
					width: 939px;
					float: left;	
					position: relative;										
				}
				
					#wrapper #content #contentinner #pagecontent .innerpagecontent h2 
					{
						font-family: Georgia, Arial;
						font-weight: normal;
						font-size: 170%;
						margin: 0px 0px 8px 0px;
						padding: 0px;
					}
					
					#wrapper #content #contentinner #pagecontent .innerpagecontent p 
					{
						padding: 0px;
						margin: 18px 0px 0px 0px;
					}
					
						#wrapper #content #contentinner #pagecontent .innerpagecontent p.homeintro 
						{
							width: 425px;
						}
					
					/* Home Content */	
					#wrapper #content #contentinner #pagecontent .innerpagecontent #homeintro 
					{
						position: absolute;
						width: 549px;
						height: 377px;
						top: -114px;
						background: url(../Images/HomeImage.jpg) no-repeat top left;						
						right: 0px;
					}
					
						#wrapper #content #contentinner #pagecontent .innerpagecontent #homeintro #intro 
						{
							width: 469px;
							height: 312px;
							float: left;
							margin: 3px 0px 0px 20px;
						}
						
						*html #wrapper #content #contentinner #pagecontent .innerpagecontent #homeintro #intro 
						{
							margin-left: 13px;
						}
					
					#wrapper #content #contentinner #pagecontent .innerpagecontent #homecontent 
					{
						width: 939px;
						float: left;
						margin-top: 33px;
						border-top: solid 1px #E2E2E2;
						padding-top: 33px;						
					}
					
						#wrapper #content #contentinner #pagecontent .innerpagecontent #homecontent #ourservices 
						{
							float: left;
							width: 170px;
						}
						
							#wrapper #content #contentinner #pagecontent .innerpagecontent #homecontent #ourservices h3 
							{
								margin: 0px;
								padding: 0px;
								background: url(../Images/shellGraphics_13.gif) no-repeat top left;
								width: 140px;
								height: 30px;
							}
							
								#wrapper #content #contentinner #pagecontent .innerpagecontent #homecontent #ourservices h3 span 
								{
									display: none;
								}
								
							#wrapper #content #contentinner #pagecontent .innerpagecontent #homecontent #ourservices ul 
							{
								margin: 10px 0px 0px 15px;
								padding: 0px;	
							}	
							
								#wrapper #content #contentinner #pagecontent .innerpagecontent #homecontent #ourservices ul li a 
								{
									text-decoration: none;
								}
								
									#wrapper #content #contentinner #pagecontent .innerpagecontent #homecontent #ourservices ul li a:hover 
									{
										text-decoration: underline;
									}						
						
						#wrapper #content #contentinner #pagecontent .innerpagecontent #homecontent #businesssystems 
						{
							float: left;
							width: 223px;
							margin-left: 33px;
						}
						
							#wrapper #content #contentinner #pagecontent .innerpagecontent #homecontent #businesssystems h3 
							{
								margin: 0px;
								padding: 0px;
								background: url(../Images/shellGraphics_15.gif) no-repeat top left;
								width: 187px;
								height: 30px;
							}
							
								#wrapper #content #contentinner #pagecontent .innerpagecontent #homecontent #businesssystems h3 span 
								{
									display: none;
								}
						
						#wrapper #content #contentinner #pagecontent .innerpagecontent #homecontent #testimonials 
						{
							float: left;
							width: 213px;
							margin-left: 33px;
						}
						
							#wrapper #content #contentinner #pagecontent .innerpagecontent #homecontent #testimonials h3 
							{
								margin: 0px;
								padding: 0px;
								background: url(../Images/shellGraphics_17.gif) no-repeat top left;
								width: 149px;
								height: 30px;
							}
							
								#wrapper #content #contentinner #pagecontent .innerpagecontent #homecontent #testimonials h3 span 
								{
									display: none;	
								}
								
								#wrapper #content #contentinner #pagecontent .innerpagecontent #homecontent #testimonials .quotemark 
								{
									font-size: 140%;
									font-weight: bold;
								}
						
						#wrapper #content #contentinner #pagecontent .innerpagecontent #homecontent #latestproject 
						{
							float: left;
							width: 201px;
							margin-left: 33px;							
						}
						
							*html #wrapper #content #contentinner #pagecontent .innerpagecontent #homecontent #latestproject  
							{
								margin-left: 32px;
							}
						
							#wrapper #content #contentinner #pagecontent .innerpagecontent #homecontent #latestproject h3 
							{
								margin: 0px;
								padding: 0px;
								background: url(../Images/shellGraphics_19.gif) no-repeat top left;
								width: 155px;
								height: 30px;
							}
							
								#wrapper #content #contentinner #pagecontent .innerpagecontent #homecontent #latestproject h3 span 
								{
									display: none;
								}
								
							#wrapper #content #contentinner #pagecontent .innerpagecontent #homecontent #latestproject #projectinfo 
							{
								width: 201px;
								float: left;
								margin-top: 11px;
							}
							
								#wrapper #content #contentinner #pagecontent .innerpagecontent #homecontent #latestproject #projectinfo img 
								{
									border: solid 5px #FFF;
								}
								
					/* Page Headers */
					#wrapper #content #contentinner #pagecontent .innerpagecontent.contact 
					{
						background: url(../Images/pageHeader_03.jpg) no-repeat top left;
						width: 972px;
						padding-right: 0px;
					}
					
					#wrapper #content #contentinner #pagecontent .innerpagecontent.service 
					{
						background: url(../Images/servicePageHeader_03.jpg) no-repeat top left;
						width: 972px;
						padding-right: 0px;
					}
					
					#wrapper #content #contentinner #pagecontent .innerpagecontent.testimonials 
					{
						background: url(../Images/testimonialPageHeader_03.jpg) no-repeat top left;
						width: 972px;
						padding-right: 0px;
					}
					
					/* Standard Page Styles */
					#wrapper #content #contentinner #pagecontent .innerpagecontent #colone 
					{
						width: 697px;
						float: left;
					}
					
						#wrapper #content #contentinner #pagecontent .innerpagecontent #colone p.specialcol 
						{
							width: 395px;
						}
					
						#wrapper #content #contentinner #pagecontent .innerpagecontent #colone .suppimage 
						{
							float: right;
							border: solid 5px #FFF;
							margin: 0px 0px 20px 20px;	
						}
						
						/* Partners */
						#wrapper #content #contentinner #pagecontent .innerpagecontent #colone #partnercontainer 
						{
							width: 697px;
							float: left;							
						}
						
							#wrapper #content #contentinner #pagecontent .innerpagecontent #colone #partnercontainer .partner 
							{
								margin-top: 20px;
								width: 697px;
								float: left;
							}
							
								#wrapper #content #contentinner #pagecontent .innerpagecontent #colone #partnercontainer .partner img 
								{
									float: left;
									margin: 0px 20px 0px 0px;
								}
					
						/* Testimonials Styles */
						#wrapper #content #contentinner #pagecontent .innerpagecontent #colone #testimonialscontainer 
						{
							width: 697px;
							float: left;												
						}
						
							#wrapper #content #contentinner #pagecontent .innerpagecontent #colone #testimonialscontainer blockquote 
							{
								background: transparent url(../Images/quoleft.png) left top no-repeat;
								width: 697px;
								margin: 20px 0px 0px 0px;
								padding: 0px;						
							}
							
								#wrapper #content #contentinner #pagecontent .innerpagecontent #colone #testimonialscontainer blockquote div 
								{
									padding: 0 48px;
									background: transparent url(../Images/quoright.png) right bottom no-repeat;
								}

					
						/* Contact Styles */
						#wrapper #content #contentinner #pagecontent .innerpagecontent #colone #googlemap 
						{
							border: solid 1px #EBEBEB;
							background: #FFF;
							padding: 5px;
							width: 685px;
							height: 455px;
							margin-top: 29px;
						}
						
						/* Projects Styles */
						#wrapper #content #contentinner #pagecontent .innerpagecontent #colone #projectslist 
						{
							width: 697px;
							float: left;
							margin-top: 10px;
						}
						
							#wrapper #content #contentinner #pagecontent .innerpagecontent #colone #projectslist .project 
							{
								width: 697px;
								float: left;	
								margin-top: 10px;							
							}
							
								#wrapper #content #contentinner #pagecontent .innerpagecontent #colone #projectslist .project.spacer 
								{
									border-bottom: solid 1px #ABABAB;									
									padding-bottom: 10px;
								}
							
								#wrapper #content #contentinner #pagecontent .innerpagecontent #colone #projectslist .project .image 
								{
									background: #FFF;
									padding: 5px;
									width: 225px;
									float: left;									
								}
								
								#wrapper #content #contentinner #pagecontent .innerpagecontent #colone #projectslist .project .information 
								{
									width: 448px;
									margin-left: 14px;
									float: left;
								}
						
					#wrapper #content #contentinner #pagecontent .innerpagecontent #coltwo
					{
						margin-left: 47px;
						width: 228px;
						float: left;						
					}
					
						#wrapper #content #contentinner #pagecontent .innerpagecontent #coltwo h3 
						{
							margin: 0px;
							padding: 0px;
							width: 228px;
							height: 57px;
							float: left;							
						}
						
							#wrapper #content #contentinner #pagecontent .innerpagecontent #coltwo h3.contact 
							{
								background: url(../Images/SubHeader_Contact.jpg) no-repeat top left;
							}
							
							#wrapper #content #contentinner #pagecontent .innerpagecontent #coltwo h3.archive 
							{
								background: url(../Images/SubHeader_Archive.jpg) no-repeat top left;
							}
							
							#wrapper #content #contentinner #pagecontent .innerpagecontent #coltwo h3.allservices 
							{
								background: url(../Images/SubHeader_Services.jpg) no-repeat top left;
							}
							
								#wrapper #content #contentinner #pagecontent .innerpagecontent #coltwo h3 span 
								{
									display: none;
								}
								
						#wrapper #content #contentinner #pagecontent .innerpagecontent #coltwo #colinner 
						{
							width: 193px;
							float: left;
							padding: 7px 0px 0px 18px;
							border-left: solid 1px #E1E1E1;
							margin-top: 12px;
							color: #5B626A;
						}
						
							#wrapper #content #contentinner #pagecontent .innerpagecontent #coltwo #colinner p 
							{
								margin: 0px;
								padding: 0px;
							}
							
							/* Projects */
							#wrapper #content #contentinner #pagecontent .innerpagecontent #coltwo #colinner ul 
							{
								margin: 5px 10px 10px 20px;
								padding: 0px;
							}
							
							/* Contact Form */
							#wrapper #content #contentinner #pagecontent .innerpagecontent #coltwo #colinner #enquiryform 
							{
								float: left;
								width: 193px;
								margin-top: 12px;							
							}
							
								#wrapper #content #contentinner #pagecontent .innerpagecontent #coltwo #colinner #enquiryform h4 
								{
									font-size: 110%;
									margin: 10px 0px 0px 0px;
									padding: 0px;
								}
								
								#wrapper #content #contentinner #pagecontent .innerpagecontent #coltwo #colinner #enquiryform .formfield 
								{
									width: 193px;
									float: left;
									text-transform: lowercase;
									margin-top: 1px;
									padding-top: 3px;
								}
								
									#wrapper #content #contentinner #pagecontent .innerpagecontent #coltwo #colinner #enquiryform .formfield input, #wrapper #content #contentinner #pagecontent .innerpagecontent #coltwo #colinner #enquiryform .formfield textarea 
									{
										font-family: Arial;
										font-size: 100%;
										width: 190px;
										margin: 0px;
										padding: 4px 0px 0px 3px;
										border: solid 0px;
									}
									
										#wrapper #content #contentinner #pagecontent .innerpagecontent #coltwo #colinner #enquiryform .formfield input 
										{
											height: 19px;
											background: url(../Images/InputField.gif) no-repeat top left;	
										}
										
										#wrapper #content #contentinner #pagecontent .innerpagecontent #coltwo #colinner #enquiryform .formfield textarea 
										{
											height: 48px;
											background: url(../Images/TextField.gif) no-repeat top left;	
										}	
										
								#wrapper #content #contentinner #pagecontent .innerpagecontent #coltwo #colinner #enquiryform .submitfield 
								{
									width: 193px;
									float: left;
									text-transform: lowercase;
									margin-top: 3px;
									font-size: 90%;									
								}
								
									#wrapper #content #contentinner #pagecontent .innerpagecontent #coltwo #colinner #enquiryform .submitfield p 
									{
										margin: 0px;
										padding: 0px;
										width: 128px;
										float: left;
										line-height: 16px;
									}	
								
									#wrapper #content #contentinner #pagecontent .innerpagecontent #coltwo #colinner #enquiryform .submitfield input 
									{
										float: right;
										width: 65px;
										margin-top: 6px;
									}														
			
				/* Page Footer */				
				#wrapper #content #contentinner #pagecontent #pagefooter 
				{
					float: left;
					width: 939px;
					border-top: solid 1px #D8D8D8;
					padding-top: 11px;
					margin: 22px 0px 0px 33px;
				}
				
					#wrapper #content #contentinner #pagecontent #pagefooter h4 
					{
						display: none;
						height: 0px;
						overflow: hidden;
					}
					
					#wrapper #content #contentinner #pagecontent #pagefooter ul 
					{
						margin: 0px;
						padding: 0px;
					}
					
						#wrapper #content #contentinner #pagecontent #pagefooter ul li 
						{	
							list-style-type: none;
							display: inline;
							float: left;
						}
						
							#wrapper #content #contentinner #pagecontent #pagefooter ul li.tree 
							{								
								height: 65px;
								margin-left: 794px;
								
							}
							
								*html #wrapper #content #contentinner #pagecontent #pagefooter ul li.tree 
								{
									margin-left: 762px;
								}
						
							#wrapper #content #contentinner #pagecontent #pagefooter ul li a 
							{
								float: left;
								display: block;
								height: 51px;
							}
							
								#wrapper #content #contentinner #pagecontent #pagefooter ul li .rics 
								{
									background: url(../Images/ContentFooter_01.gif) no-repeat top left;
									width: 36px;
								}
								
								#wrapper #content #contentinner #pagecontent #pagefooter ul li .ciob 
								{
									background: url(../Images/ContentFooter_03.gif) no-repeat top left;
									width: 42px;
									margin-left: 22px;
								}
								
									#wrapper #content #contentinner #pagecontent #pagefooter ul li a span 
									{
										display: none;
									}
									
									#wrapper #content #contentinner #pagecontent #pagefooter ul li a:hover 
									{
										background-position: bottom left;
									}
	
	#wrapper #footer 
	{
		width: 100%;
		float: left;
		height: 48px;
		background: #8C6C37 url(../Images/FooterBG.jpg) repeat-x top left;
	}
	
		#wrapper #footer #footerinner 
		{
			width: 1005px;
			margin-left:auto;
			margin-right:auto;
			line-height: 48px;
		}
		
			#wrapper #footer #footerinner ul 
			{
				margin: 0px;
				padding: 0px;
			}
			
				#wrapper #footer #footerinner ul li 
				{
					list-style-type: none;
					display: inline;
					color: #D6D0C7;					
					margin-right: 10px;					
				}
				
					#wrapper #footer #footerinner ul li.spacer 
					{
						padding-left: 12px;
						background: url(../Images/FooterSpacer.gif) no-repeat left;
					}
					
					#wrapper #footer #footerinner ul li.designby 
					{
						margin-left: 490px;
						margin-right: 0px;
					}
				
					#wrapper #footer #footerinner ul li a 
					{
						color: #D6D0C7;
					}