@charset "utf-8";
/* CSS Document */

body{
	margin: 0px;
	padding: 0px;
	background: #8ac32f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
}
h1.grey{
	font-family: Helvetica;
	line-height: normal;
	color: #000000;
	font-weight: 100;
	font-size: 22px;
	margin: 0px;
	letter-spacing: 1px;
}
h1.green{
	font-family: Helvetica;
	color: #a6ce39;
	font-weight: 100;
	margin: 0px;
	padding: 0px;
	line-height: 65px;
	letter-spacing: 2px;
}
p.black{
	line-height: 15px;
}
p.green{
	color: #a6ce39;
	line-height: 15px;
}
strong.greyTitle{
	color: #969696;
	font-size: 13px;
}


a{
	color: #000000;
	text-decoration: none;
}
a:hover{
	color: #000000;
	text-decoration: underline;
}
a:visited{
	color: #000000;
}
a.click{
	color: #a6ce39;
	text-decoration: none;
}
a:hover.click{
	color: #a6ce39;
	text-decoration: underline;
}

.phone{
	color: #a6ce39;
	font-size: 19px;
	line-height: 20px;
}


ul.nav{
	margin: 78px 0 0 0;
	padding: 0;
	float: right;
	height: 32px;
}
ul.nav li{
	float: left;
	list-style: none;
	display: inline;
	border: none;
}
ul.nav li img{
	border: none;
}
ul.nav li a{
	display: block;
	height: 32px;
}


ul.nav li.home a{
	background: url(/images/homeNav.gif) 100% 0;
	width: 83px;
}
ul.nav li.whyCmc a{
	background: url(/images/whyCmcNav.gif) 100% 0;
	width: 128px;
}
ul.nav li.services a{
	background: url(/images/servicesNav.gif) 100% 0;
	width: 108px;
}
ul.nav li.people a{
	background: url(/images/peopleNav.gif) 100% 0;
	width: 91px;
}
ul.nav li.portfolio a{
	background: url(/images/portfolioNav.gif) 100% 0;
	width: 106px;
}
ul.nav li.contact a{
	background: url(/images/contactNav.gif) 100% 0;
	width: 94px;
}


/* Nav Hover effects------------------------*/
ul.nav li a:hover{
	background-position: 100% -32px;
}
/* Nav Hover selected effects------------------------*/
#home li.home a{
	background: url(/images/homeNav.gif) 100% -32px;
}
#whyCmc li.whyCmc a{
	background: url(/images/whyCmcNav.gif) 100% -32px;
}
#services li.services a{
	background: url(/images/servicesNav.gif) 100% -32px;
}
#people li.people a{
	background: url(/images/peopleNav.gif) 100% -32px;
}
#portfolio li.portfolio a{
	background: url(/images/portfolioNav.gif) 100% -32px;
}
#contact li.contact a{
	background: url(/images/contactNav.gif) 100% -32px;
}




#flashContainer{
	width: 960px;
	height: 625px;
	z-index: 999;
	position: relative;
	top: 625px;
	margin: -625px 0 0 0;
	}
#container{
	width: 960px;
	margin: 0 auto 0 auto;
}
#head{
	width: 960px;	
	height: 152px;
	float: left;
	background: url(/images/headBg.gif) bottom no-repeat;
}
#logo{
	float: left;
	width: 241px;
	height: 123px;
	background: #8ac32f;
}
#content{
	width: 960px;	
	height: 426px;
	float: left;
	background: url(/images/contentBg.gif) repeat-y;
	z-index: 1;
}

#horizontalContainer{
	width: 860px;
	height: 420px;
	overflow: scroll;
	overflow-y: hidden;
	margin: 0 auto 0 auto;	
}
	#peopleContainer{
	width: 2550px;
	width: 3000px;
	height: 400px; 
	overflow: hidden;
	background: url(/images/peopleBg.jpg) no-repeat;
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
		/* Left Column------------------------------------*/
		#leftProfile{
		width: 1739px;
		width: 1884px;
		height: 400px;
		float: left;
		}
			strong.title{
			color: #a6ce39;
			font-size: 12px;
			}
			.neil{
			width: 275px;
			height: 250px;
			float: left;
			padding: 10px 0 0 116px;
			
			}
			.adele{
			width: 350px;
			height: 250px;
			float: left;
			padding: 10px 0 0 60px;
			}
			.ian{
			width: 355px;
			height: 250px;
			float: left;
			padding: 10px 0 0 159px;
			}
			.jon{
			width: 455px;
			height: 130px;
			float: left;
			padding: 0 0 0 150px;	
			}
			.matt{
			width: 320px;
			height: 130px;
			float: left;
			padding: 0 0 0 140px;	
			}
			.sharon {
			width: 371px;
			height: 250px;
			float: left;
			padding: 10px 0 0 99px;
			}
			.angela {
			width: 334px;
			height: 250px;
			float: left;
			padding: 10px 0 0 136px;
			}



		/* Right Column------------------------------------*/	
		#rightProfile{
		width: 518px;
		height: 400px;
		float: left;
		}
			.teamHeading{
			width: 785px;
			height: 240px;
			float: left;
			padding: 20px 0 0 0;
			}
			.lawrie{
			width: 434px;
			height: 120px;
			float: left;
			padding: 0;
			}
			.ray{
			width: 360px;
			height: 120px;
			float: left;
			padding: 0 0 0 30px;
			}
			
			
	#cmcContainer{
	width: 1770px;
	height: 400px; 
	line-height: 18px;
	background: url(/images/cmcBg.jpg) no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}		
		/* CMC left Column------------------------------------*/		
		#leftCMC{
			width: 912px;
			height: 400px;
			float: left;			
		}
			.whyCMC{
			width: 650px;
			height: 208px;
			float: left;
			padding: 0;
			}
			.closer{
			width: 550px;
			height: 148px;
			float: left;
			padding: 0 0 0 300px;
			}
		/* CMC right Column------------------------------------*/		
		#rightCMC{
			width: 850px;
			height: 400px;
			float: left;
		}
			.questions{
			width: 307px;
			float: left;
			padding: 0 0 0 30px;
			}
			.done{
			width: 400px;
			float: left;
			padding: 200px 0 0 100px;
			}
				.right{
				text-align: right;
				}
#portfolioContainer{
	width: 14856px;
	height: 400px; 
	line-height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}


#leftHomeContent{
	width: 420px;
	height: 370px;
	padding: 22px 0 0 70px;
	text-align: left;
	float: left;
}
#rightHomeContent{
	width: 345px;
	height: 370px;
	padding: 14px 0 0 70px;
	text-align: left;
	float: left;
	font-family: Helvetica;
	font-size: 12px;
	color: #3b3b3b;
	font-weight: bold;
	line-height: 18px;
}
#servicesContainer{
	width: 840px;
	height: 425px;
	background: url(/images/servicesGraphic.jpg) 270px 0px no-repeat;
	margin: 0 auto 0 auto;
	padding: 0 0 0 40px;
}
#leftContactContent{
	width: 280px;
	height: 370px;
	padding: 22px 0 0 70px;
	text-align: left;
	float: left;
	line-height: 18px;
}
#rightContactContent{
	width: 425px;
	height: 370px;
	padding: 27px 0 0 0;
	text-align: right;
	float: left;
	font-family: Helvetica;
	font-size: 12px;
	color: #95c833;
	font-weight: bold;
	line-height: 18px;
}
a.map{
	font-size: 12px;
	color: #95c833;
}
.explaination{
	text-align: right;
	color: #a6ce39;
	display: block;
	font-family: Helvetica;
	font-size: 20px;
	line-height: 25px;
	font-weight: 500;
	padding: 80px 0 0 0;
}
#foot{
	width: 960px;	
	float: left;
	background: url(/images/footBg.gif) top no-repeat;	
	text-align: center;
	color: #FFFFFF;
	font-size: 11px;
	padding: 55px 0 20px 0;
	line-height: 15px;
}



#enter{
	background: url(/images/indexContentBg.jpg) no-repeat;
	height: 516px;
	width: 960px;
	float: left;
}
	a.index{
	height: 516px;
	width: 960px;
	display: block;
	}
	
body#index #foot{
	background: none;
	padding: 10px 0 20px 0;
}

/* Other style---------------------------------------------*/
.SmallFont{
	font-size: 8px;
}
.iebug{
	display: none;
}

.left{
	float: left;
}
.clear{
	clear: both;
}