.team {
    width: 340px;
    height: 380px;
    margin: 0px;
    float: center;
    border: 10px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background: #fff no-repeat center center
}
.team .mask, .team .content {
    width: 340px;
    height: 380px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.team img {
    display: block;
    position: relative
}
.team h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0 0
}
.team p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 14px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}
.team a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}
.team a.info:hover {
    box-shadow: 0 0 5px #000
}
.team-first img { 
    transition: all 0.2s linear;
}
.team-first .mask {
    opacity: 0;
    background-color: #313C71; 
    transition: all 0.4s ease-in-out;
}
.team-first h2 {
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.team-first p { 
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear;
}
.team-first a.info{
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.team-first:hover img { 
    transform: scale(1.1);
} 
.team-first:hover .mask { 
    opacity: 1;
}
.team-first:hover h2,
.team-first:hover p,
.team-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}
.team-first:hover p {
    transition-delay: 0.1s;
}
.team-first:hover a.info {
    transition-delay: 0.2s;
}


.teama {
    width: 340px;
    height: 450px;
    margin: 0px;
    float: center;
    border: 10px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background: #fff no-repeat center center
}
.teama .mask, .teama .content {
    width: 340px;
    height: 450px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.teama img {
    display: block;
    position: relative
}
.teama h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0 0
}
.teama p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 14px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}
.teama a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}
.teama a.info:hover {
    box-shadow: 0 0 5px #000
}


.teamb {
    width: 340px;
    height: 320px;
    margin: 0px;
    float: center;
    border: 10px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background: #fff no-repeat center center
}
.teamb .mask, .teamb .content {
    width: 340px;
    height: 320px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}
.teamb img {
    display: block;
    position: relative
}
.teamb h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0 0
}
.teamb p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 14px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}
.teamb a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}
.teambb a.info:hover {
    box-shadow: 0 0 5px #000
}

#navmenu {
		background: #C61432;
		font-size: 1.143em;
		height: 40px;
		line-height: 30px;
		margin: 0 auto 2em auto;
		padding: 0;
		text-align: center;
		width: 800px;
		

}

#navmenu a:link {
		color: #fff;
		display: inline-block;
		height: 30px;
		padding: 5px 5px;
		text-decoration: none;
}

#navmenu ul {
	margin: 0;
	padding: 0;
	line-height: 30px;

}


#navmenu li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	position: relative;	
}

#navmenu ul li a {
	text-align: center;
	font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	text-decoration: none;
	height: 40px;
	line-height: 30px;
	display: block;
	color: #fff;
	background: #C61432;
	text-shadow: none !important!;

}

#navmenu ul ul {
	position: absolute;
	visibility:hidden;
	top:40px;
}

#navmenu ul li:hover ul {
	visibility:visible;

}

#navmenu ul li:hover {
	background: #C61432;

}

#navmenu ul li:hover ul li a:hover {
	background: #313C71;

}

#navmenu a:hover {
	background: #313C71;

}

.clearfloat {
	clear: both;
	margin: 0;
	padding: 0;
}