/*---------- COLORS ----------*/

.tan {
  background-color: #dfcfb6;
}
.tan:hover {
  background-color: #E5DED3;
}
.nav-matrix a{
  color: #703B16;
}
.nav-matrix h3 {
  color:white;
  background-color: rgb(82, 182, 177);
}


/*---------- GENERAL MATRIX STYLING ----------*/

.nav-matrix h3 {
  margin-bottom:.6em;
  padding-left:1em;
}

.nav-matrix {
  text-align:center;
}
.matrix-button{
  display: -moz-inline-box;/* for FF2 (inline-box must be used for shrink wrapping)*/
  display:inline-block;/* for modern browsers */
  font-size: 1.1em;
  height: 60px;
  margin:2px;
  padding:0 0 0 65px;
  text-align:left;
  width: 125px;
}

* html .matrix-button {display:inline;}/* inline-block trigger for IE6 */
*+html .matrix-button {display:inline;}/* inline-block trigger for IE7 */

.nav-matrix a{
  display: block;
  float:left;
  height: 60px;
  margin-top: 10px;
  text-align:left;
  text-decoration: none;
  width: 125px;
}


/*---------- SPECIALIZED MATRIX STYLING ----------*/

.two-button{
  display: -moz-inline-box;/* for FF2 (inline-box must be used for shrink wrapping)*/
  display:inline-block;/* for modern browsers */
  font-size: 1.1em;
  height: 60px;
  margin:2px;
  padding:0 0 0 70px;
  text-align:left;
  width: 225px;
}

* html .two-button {display:inline;}/* inline-block trigger for IE6 */
*+html .two-button {display:inline;}/* inline-block trigger for IE7 */

.two-button a{
  display: block;
  float:left;
  height: 60px;
  margin-top: 10px;
  text-align:left;
  text-decoration: none;
  width: 225px;
}

/*---------- ICON CLASSES ----------*/

.ambulance {
  background-image: url('/dms/templating-kit/matrix-icons/ambulance.png');
  background-repeat: no-repeat;
}
.amenities {
  background-image: url('/dms/templating-kit/matrix-icons/amenities.png');
  background-repeat: no-repeat;
}
.anchor {
  background-image: url('/dms/templating-kit/matrix-icons/anchor.png');
  background-repeat: no-repeat;
}
.aquatics {
  background-image: url('/dms/templating-kit/matrix-icons/aquatics.png');
  background-repeat: no-repeat;
}
.athletics {
  background-image: url('/dms/templating-kit/matrix-icons/athletics.png');
  background-repeat: no-repeat;
}
.basketball {
  background-image: url('/dms/templating-kit/matrix-icons/basketball.png');
  background-repeat: no-repeat;
}
.beach {
  background-image: url('/dms/templating-kit/matrix-icons/beach.png');
  background-repeat: no-repeat;
}
.bird {
  background-image: url('/dms/templating-kit/matrix-icons/bird.png');
  background-repeat: no-repeat;
}
.boat {
  background-image: url('/dms/templating-kit/matrix-icons/boat.png');
  background-repeat: no-repeat;
}
.books {
  background-image: url('/dms/templating-kit/matrix-icons/books.png');
  background-repeat: no-repeat;
}
.buildings {
  background-image: url('/dms/templating-kit/matrix-icons/buildings.png');
  background-repeat: no-repeat;
}
.caduceus {
  background-image: url('/dms/templating-kit/matrix-icons/caduceus.png');
  background-repeat: no-repeat;
}
.calendar {
  background-image: url('/dms/templating-kit/matrix-icons/calendar.png');
  background-repeat: no-repeat;
}
.camps {
  background-image: url('/dms/templating-kit/matrix-icons/camps.png');
  background-repeat: no-repeat;
}
.canoe {
  background-image: url('/dms/templating-kit/matrix-icons/canoe.png');
  background-repeat: no-repeat;
}
.car {
  background-image: url('/dms/templating-kit/matrix-icons/car.png');
  background-repeat: no-repeat;
}
.cellphone {
  background-image: url('/dms/templating-kit/matrix-icons/cellphone.png');
  background-repeat: no-repeat;
}
.check-mark {
  background-image: url('/dms/templating-kit/matrix-icons/check-mark.png');
  background-repeat: no-repeat;
}
.clipboard {
  background-image: url('/dms/templating-kit/matrix-icons/clipboard.png');
  background-repeat: no-repeat;
}
.clock {
  background-image: url('/dms/templating-kit/matrix-icons/clock.png');
  background-repeat: no-repeat;
}
.code-books {
  background-image: url('/dms/templating-kit/matrix-icons/code-books.png');
  background-repeat: no-repeat;
}
.conditioning {
  background-image: url('/dms/templating-kit/matrix-icons/conditioning.png');
  background-repeat: no-repeat;
}
.contact {
  background-image: url('/dms/templating-kit/matrix-icons/contact.png');
  background-repeat: no-repeat;
}
.contractor {
  background-image: url('/dms/templating-kit/matrix-icons/contractor.png');
  background-repeat: no-repeat;
}
.corporate {
  background-image: url('/dms/templating-kit/matrix-icons/corporate.png');
  background-repeat: no-repeat;
}
.database {
  background-image: url('/dms/templating-kit/matrix-icons/data.png');
  background-repeat: no-repeat;
}
.document-checklist {
  background-image: url('/dms/templating-kit/matrix-icons/document-checklist.png');
  background-repeat: no-repeat;
}
.educate {
  background-image: url('/dms/templating-kit/matrix-icons/educate.png');
  background-repeat: no-repeat;
}
.environment {
  background-image: url('/dms/templating-kit/matrix-icons/environment.png');
  background-repeat: no-repeat;
}
.examine {
  background-image: url('/dms/templating-kit/matrix-icons/examine.png');
  background-repeat: no-repeat;
}
.exercise {
  background-image: url('/dms/templating-kit/matrix-icons/exercise.png');
  background-repeat: no-repeat;
}
.fertilize {
  background-image: url('/dms/templating-kit/matrix-icons/fertilize.png');
  background-repeat: no-repeat;
}
.field {
  background-image: url('/dms/templating-kit/matrix-icons/field.png');
  background-repeat: no-repeat;
}
.fitness {
  background-image: url('/dms/templating-kit/matrix-icons/fitness.png');
  background-repeat: no-repeat;
}
.flood-plane {
  background-image: url('/dms/templating-kit/matrix-icons/flood-plane.png');
  background-repeat: no-repeat;
}
.football {
  background-image: url('/dms/templating-kit/matrix-icons/football.png');
  background-repeat: no-repeat;
}
.forms {
  background-image: url('/dms/templating-kit/matrix-icons/forms.png');
  background-repeat: no-repeat;
}
.frog {
  background-image: url('/dms/templating-kit/matrix-icons/frog.png');
  background-repeat: no-repeat;
}
.golf {
  background-image: url('/dms/templating-kit/matrix-icons/golf.png');
  background-repeat: no-repeat;
}
.grow {
  background-image: url('/dms/templating-kit/matrix-icons/grow.png');
  background-repeat: no-repeat;
}
.hazardous {
  background-image: url('/dms/templating-kit/matrix-icons/hazardous.png');
  background-repeat: no-repeat;
}
.help {
  background-image: url('/dms/templating-kit/matrix-icons/help.png');
  background-repeat: no-repeat;
}
.hospital {
  background-image: url('/dms/templating-kit/matrix-icons/hospital.png');
  background-repeat: no-repeat;
}
.house {
  background-image: url('/dms/templating-kit/matrix-icons/house.png');
  background-repeat: no-repeat;
}
.hunting {
  background-image: url('/dms/templating-kit/matrix-icons/hunting.png');
  background-repeat: no-repeat;
}
.hurricane {
  background-image: url('/dms/templating-kit/matrix-icons/hurricane.png');
  background-repeat: no-repeat;
}
.kickball {
  background-image: url('/dms/templating-kit/matrix-icons/kickball.png');
  background-repeat: no-repeat;
}
.kids {
  background-image: url('/dms/templating-kit/matrix-icons/kids.png');
  background-repeat: no-repeat;
}
.license {
  background-image: url('/dms/templating-kit/matrix-icons/license.png');
  background-repeat: no-repeat;
}
.lifeguard {
  background-image: url('/dms/templating-kit/matrix-icons/lifeguard.png');
  background-repeat: no-repeat;
}
.map {
  background-image: url('/dms/templating-kit/matrix-icons/map.png');
  background-repeat: no-repeat;
}
.marine {
  background-image: url('/dms/templating-kit/matrix-icons/marine.png');
  background-repeat: no-repeat;
}
.medicaid {
  background-image: url('/dms/templating-kit/matrix-icons/medicaid.png');
  background-repeat: no-repeat;
}
.membership {
  background-image: url('/dms/templating-kit/matrix-icons/membership.png');
  background-repeat: no-repeat;
}
.network {
  background-image: url('/dms/templating-kit/matrix-icons/network.png');
  background-repeat: no-repeat;
}
.park {
  background-image: url('/dms/templating-kit/matrix-icons/park.png');
  background-repeat: no-repeat;
}
.pass {
  background-image: url('/dms/templating-kit/matrix-icons/pass.png');
  background-repeat: no-repeat;
}
.pavillion {
  background-image: url('/dms/templating-kit/matrix-icons/pavillion.png');
  background-repeat: no-repeat;
}
.permits {
  background-image: url('/dms/templating-kit/matrix-icons/permits.png');
  background-repeat: no-repeat;
}
.pets {
  background-image: url('/dms/templating-kit/matrix-icons/pet.png');
  background-repeat: no-repeat;
}
.pets1 {
  background-image: url('/dms/templating-kit/matrix-icons/pets-1.png');
  background-repeat: no-repeat;
}
.phone-911 {
  background-image: url('/dms/templating-kit/matrix-icons/phone-911.png');
  background-repeat: no-repeat;
}
.pickleball {
  background-image: url('/dms/templating-kit/matrix-icons/pickleball.png');
  background-repeat: no-repeat;
}
.pool {
  background-image: url('/dms/templating-kit/matrix-icons/pool.png');
  background-repeat: no-repeat;
}
.preserves {
  background-image: url('/dms/templating-kit/matrix-icons/preserves.png');
  background-repeat: no-repeat;
}
.proshop {
  background-image: url('/dms/templating-kit/matrix-icons/proshop.png');
  background-repeat: no-repeat;
}
.racquetball {
  background-image: url('/dms/templating-kit/matrix-icons/racquetball.png');
  background-repeat: no-repeat;
}
.radio {
  background-image: url('/dms/templating-kit/matrix-icons/radio.png');
  background-repeat: no-repeat;
}
.resource {
  background-image: url('/dms/templating-kit/matrix-icons/resource.png');
  background-repeat: no-repeat;
}
.rooms {
  background-image: url('/dms/templating-kit/matrix-icons/rooms.png');
  background-repeat: no-repeat;
}
.sheriff-badge {
  background-image: url('/dms/templating-kit/matrix-icons/sheriff-badge.png');
  background-repeat: no-repeat;
}
.soccerball {
  background-image: url('/dms/templating-kit/matrix-icons/soccerball.png');
  background-repeat: no-repeat;
}
.softball {
  background-image: url('/dms/templating-kit/matrix-icons/softball.png');
  background-repeat: no-repeat;
}
.software {
  background-image: url('/dms/templating-kit/matrix-icons/software.png');
  background-repeat: no-repeat;
}
.squirrel {
  background-image: url('/dms/templating-kit/matrix-icons/squirrel.png');
  background-repeat: no-repeat;
}
.stop-watch {
  background-image: url('/dms/templating-kit/matrix-icons/stopwatch.png');
  background-repeat: no-repeat;
}
.swim-lessons {
  background-image: url('/dms/templating-kit/matrix-icons/swimlessons.png');
  background-repeat: no-repeat;
}
.teens {
  background-image: url('/dms/templating-kit/matrix-icons/teens.png');
  background-repeat: no-repeat;
}
.tennis {
  background-image: url('/dms/templating-kit/matrix-icons/tennis.png');
  background-repeat: no-repeat;
}
.tennis-ball {
  background-image: url('/dms/templating-kit/matrix-icons/tennisball.png');
  background-repeat: no-repeat;
}
.tennis-league {
  background-image: url('/dms/templating-kit/matrix-icons/tennisleague.png');
  background-repeat: no-repeat;
}
.trainer {
  background-image: url('/dms/templating-kit/matrix-icons/trainer.png');
  background-repeat: no-repeat;
}
.volleyball {
  background-image: url('/dms/templating-kit/matrix-icons/volleyball.png');
  background-repeat: no-repeat;
}
.volunteer {
  background-image: url('/dms/templating-kit/matrix-icons/volunteer.png');
  background-repeat: no-repeat;
}
.water-drop {
  background-image: url('/dms/templating-kit/matrix-icons/water-drop.png');
  background-repeat: no-repeat;
}
.website {
  background-image: url('/dms/templating-kit/matrix-icons/website.png');
  background-repeat: no-repeat;
}
.weights {
  background-image: url('/dms/templating-kit/matrix-icons/weights.png');
  background-repeat: no-repeat;
}
.well {
  background-image: url('/dms/templating-kit/matrix-icons/well.png');
  background-repeat: no-repeat;
}