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

/* NAV BAR */

#whoweare {
	list-style: none;
	float: left;
	height: 180px;
	width: 350px;
	margin-left: 45px;
}

#whoweare li {
	float: left;
}

#whoweare a {
	display: block;
	border: none;
	font-size: 0px;
	text-indent: 0px;
	background-repeat: no-repeat;
}

li.person1, li.person1 a {
	background-image: url(../images/people1.jpg);
	height: 180px;
	width: 155px;
	background-position: 0px 0px;
}

li.person2, li.person2 a {
	background-image: url(../images/people2.jpg);
	height: 180px;
	width: 155px;
	background-position: 0px 0px;
}

li.person3, li.person3 a {
	background-image: url(../images/people6.jpg);
	height: 180px;
	width: 155px;
	background-position: 0px 0px;
}

li.person4, li.person4 a {
	background-image: url(../images/people4.jpg);
	height: 180px;
	width: 155px;
	background-position: 0px 0px;
}
li.person5, li.person5 a {
	background-image: url(../images/people5.jpg);
	height: 180px;
	width: 155px;
	background-position: 0px 0px;
}


/*HOVER*/

li.person1 a:hover {height: 180px; width: 155px; background-position: -0px -180px;}
li.person1 a.current{background-position: -0px -180px;}

li.person2 a:hover {height: 180px; width: 155px; background-position: -0px -180px;}
li.person2 a.current{background-position: -0px -180px;}

li.person3 a:hover {height: 180px; width: 155px; background-position: -0px -180px;}
li.person3 a.current{background-position: -0px -180px;}

li.person4 a:hover {height: 180px; width: 155px; background-position: -0px -180px;}
li.person4 a.current{background-position: -0px -180px;}

li.person5 a:hover {height: 180px; width: 155px; background-position: -0px -180px;}
li.person5 a.current{background-position: -0px -180px;}

.person1 li.person1 a,
.person2 li.person2 a,
.person3 li.person3 a,
.person4 li.person4 a,
.person4 li.person5 a, {
	background: none;
}

#meettim {
	background-image: url(../images/meettim.jpg);
	background-repeat: no-repeat;
	height: 300px;
	width: 400px;
}


#meetrick {
	background-image: url(../images/meetrick.jpg);
	background-repeat: no-repeat;
	height: 300px;
	width: 400px;
}


#meetdon {
	background-image: url(../images/meetdon.jpg);
	background-repeat: no-repeat;
	height: 300px;
	width: 400px;
}

#meetjohn {
	background-image: url(../images/meetjohn.jpg);
	background-repeat: no-repeat;
	height: 300px;
	width: 400px;
}


#meetjim {
	background-image: url(../images/meetjim.jpg);
	background-repeat: no-repeat;
	height: 300px;
	width: 400px;
}
#meetgeorge {
	background-image: url(../images/George.jpg);
	background-repeat: no-repeat;
	height: 300px;
	width: 400px;
}