* {
	margin: 0px;
	}


html{
	width: 100%;
	}

body {
	width:100%;
	font-family: 'Lucida Grande', 'Lucida Sans', 'Tahoma', sans-serif;
	}
	

#header{
	height: 140px;
	width: 920px;
	background: #FFFFFF;
	margin: 0 auto;
	}
	
	#header ul {
		display: table-cell;
		vertical-align: middle;
		margin-left: 50px;
		position: relative;
		}
		
		#header ul li {
			display: inline;
			list-style-type: none;
			font-size: 9pt;
			margin-left: 20px;
			}
			
			#header ul li a {
				display: inline-table;
				color: #7d8bc2;
				text-decoration: none;
				padding: 3px 10px 3px 10px;
				border: 1px solid #FFFFFF;
				background: #fff;
				}
			
			#header ul li a:hover {
				color: #0e51a0;
				}
			
			#header ul li a:active, #header ul li a.active {
				display: inline-table;
				color: #0e51a0;
				text-decoration: none;
				padding: 3px 10px 3px 10px;
				border: 1px solid #fede00;
				background: #fff;
	
				-webkit-border-radius: 10px; 
				-moz-border-radius: 10px; 
				border-radius: 10px; 
				-webkit-box-shadow: inset 1px 1px 10px 0 #fede00;
				-moz-box-shadow: inset 1px 1px 10px 0 #fede00;
				box-shadow: inset 1px 1px 10px 0 #fede00;
				}
			
	
	h1 {
		display: table-cell;
		text-indent: -9999px;
		margin: 0px;
		padding: 0px;
		background: url('../img/logo.png') no-repeat 0px 10px;
		color: #0e51a0;
		width: 430px;
		height: 140px;
		}
	
	
#outerContainer{				
	width: 100%;
	background: #1e55a3 url('../img/content_bg.png') center center;
	
	font-size: 9.5pt;
	font-weight: 100;
	color: rgba(255,255,255,0.9);
	}
	
	
#containContent{			
	width: 900px;
	min-height: 500px;
	margin: 0 auto;
	}
	
	#containContent p {
		padding: 10px 0px 10px 0px; 
		text-shadow: 1px 1px 3px #6172ad;
		}
	
	#containContent a {
		color: #FFFFFF;
		color: rgba(255,255,255,0.9);
		border-bottom: 1px dotted #FFFFFF;
		text-decoration: none;
		}
		
		#containContent a:hover {
			color: #FFFFFF;
			border-bottom: 1px solid #FFFFFF;
			}
	
#aboutUs{
	float: left;
	margin: 40px 0px 40px 40px;
	width: 630px;
	}			
	
	#aboutUs h2 {
		display: table-cell;
		text-indent: -9999px;
		color: #fede00;
		background: url('../img/h2-about.png') no-repeat;
		width: 630px;
		height: 100px;
		padding-bottom: 20px;
		}
	
	
#theExperience{
	float: left;
	margin: 40px 0px 40px 40px;
	width: 630px;
	}
		
	#theExperience h2 {
		display: table-cell;
		text-indent: -9999px;
		color: #fede00;
		background: url('../img/h2-theExperience.png') no-repeat;
		width: 630px;
		height: 100px;
		padding-bottom: 20px;
		}
	
	
#ourServices{
	float: left;
	margin: 40px 0px 40px 40px;
	width: 630px;
	}			
	
	#ourServices h2 {
		display: table-cell;
		text-indent: -9999px;
		color: #fede00;
		background: url('../img/h2-services.png') no-repeat;
		width: 630px;
		height: 100px;
		padding-bottom: 20px;
		}
		
		#servicesDiagram {
			position: relative;
			width: 630px;
			height: 600px;
			background: url('../img/servicesDiagram.png') no-repeat 0px 10px;
				}
				
			#servicesDiagram div {
				text-indent: -9999px;
				text-align: center;
				}
				
				#servicesDiagram div:hover{
					text-indent: 0px;
					text-shadow: 1px 1px 3px #6172ad;
					}
					
			#servicesDiagram div ul {
				list-style-type: none;
				padding: 0px;
				color: #FFFFFF
				}
				
			#servicesDiagram h3 {
				color: #fede00;
				text-decoration: underline;
				}
				
			#sales {
				position: absolute;
				top: 0px;
				left: 280px;
				height: 270px;
				width: 350px;
				}
				
				#sales:hover {
					background: url('../img/bg_sD.png') no-repeat 100px 15px;
					}
				
				#sales h3 {
					margin: 75px 0px 0px 60px;
					}
				
				#sales ul {
					margin: 10px 0px 0px 60px;
					}
				
			#management {
				position: absolute;
				top: 270px;
				left: 330px;
				height: 350px;
				width: 300px;
				}
				
				#management:hover {
					background: url('../img/bg_sD.png') no-repeat 50px 95px;
					}
				
				#management h3 {
					margin: 150px 0px 0px 20px;
					}
				
				#management ul {
					margin: 10px 0px 0px 20px;
					}
				
			#assessment {
				position: absolute;
				top: 320px;
				left: 0px;
				height: 350px;
				width: 330px;
				}
				
				#assessment:hover {
					background: url('../img/bg_sD.png') no-repeat 25px 45px;
					}
				
				#assessment h3 {
					margin: 100px 0px 0px -60px;
					}
				
				#assessment ul {
					margin: 10px 0px 0px -60px;
					}
				
			#development {
				position: absolute;
				top: 0px;
				left: 0px;
				height: 320px;
				width: 280px;
				}
				
				#development:hover {
					background: url('../img/bg_sD.png') no-repeat 20px 15px;
					}
				
				#development h3 {
					margin: 60px 0px 0px -30px;
					}
				
				#development ul {
					margin: 10px 0px 0px -30px;
					}
	
	
#contactUs{
	float: left;
	margin: 40px 0px 40px 40px;
	width: 630px;
	}			
	
	#contactUs h2 {
		display: table-cell;
		text-indent: -9999px;
		color: #fede00;
		background: url('../img/h2-contact.png') no-repeat;
		width: 630px;
		height: 100px;
		padding-bottom: 20px;
		}
		
	dt {
		text-indent: -9999px;
		line-height: 30px;
		}
		
	dd {
		margin-bottom: 10px;
		}
		
		#contactUs #telephone{
		background: url('../img/dt-tel.png') no-repeat -3px 5px;
			}
		
		#contactUs #email{
		background: url('../img/dt-email.png') no-repeat -3px 5px;
			}
		
		

#ourClients{
	float: right;
	margin-top: 40px;
	width: 150px;
	background: ;
	text-align: center;
	}
		
	#li img{
		vertical-align: middle;
		}
		

	#ourClients img{
		margin: 0 auto;
		display: block;
		padding: 10px;
		}
		

	#ourClients p{
		font-size: 8pt;
		padding: 5px;
		}
	


.clearboth {
	clear: both;
	}


#footer{
	margin: 10px;
	background: #FFFFFF;
	font-size: 7.5pt;
	text-align: center;
	color: #7d8bc2;
	}


	#footer p {
		padding: 10px;
		}
	
	#footer a {
		color: #7d8bc2;
		border-bottom: 1px dotted #7d8bc2;
		text-decoration: none;
		}
		
		#footer a:hover{
			color: #0e51a0;
			border-bottom: 1px solid #0e51a0;
			}