#content, #contentWrappper {
overflow: visible;
}

#staffheader {
padding-top: 20px;
}

#employees .grid4col .column {
margin-left: 2.4%;
}

#employees .grid5col .column {
margin-left: 1.8%;
}

ul {
list-style-type: none;
}

#staffheader {
text-align: left;
padding-bottom: 30px;
}

#staff-nav {
margin-top: 30px;
margin-bottom: 15px;
margin-right: 5px;
padding-top: 7px;
padding-bottom: 7px;
}

#staff-nav ul {
#ffffff-space: nowrap;
margin: 0;
padding: 0;
text-align: right;
}

#staff-nav li {
font-size: 12px;
display: inline;
list-style-type: none;
}

#staff-nav li a {
color: #808080;
padding: 7px 10px;
}


#staff-nav li a:hover {
color: #ff3399;
}

#staff-nav .news {
background: #9FABFF;
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9FABFF', endColorstr='#8b99fa'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9FABFF', endColorstr='#8b99fa'); /* ie8 */
color: #ffffff;
margin-left: -6px;
padding-top: 5px;
padding-bottom: 5px;
border: 1px solid #ffffff;
/*Mozilla*/
background: -moz-linear-gradient(top,  #9FABFF,  #8b99fa);
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
-moz-border-radius: 20px;
/*Webkit*/
background: -webkit-gradient(linear, left top, left bottom, from(#9FABFF), to(#8b99fa));
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 20px;
border-radius: 20px;
}

#staff-nav .news:hover {
background: #FF3399;
}

#staff-nav a.news:hover {
color: #ffffff;
}

.staff h1, .bio h1 {
font-family: 'LinotypeErgoDemiBold', 'Helvetica', Arial, sans-serif;
letter-spacing: -1px;
text-transform: uppercase;
font-size: 30px;
border-bottom: 3px solid #518bc9;
padding-bottom: 10px;
padding-top: 20px;
margin-bottom: 10px;
color: #518bc9;
text-shadow: -1px -1px 1px rgba(0,0,0,0.6);
}

a:hover {
text-decoration: none;
}

#owner {
text-align: left;
padding-bottom: 25px;
position: relative;
width: 267px;
margin-left: 650px;
}

#owner h2, #owner p {

}

.section:hover {
background: #a3bee3;
}

.section:hover h1 {
color: #fff;
border-bottom: 3px solid #fff;
}

.staff {
position: relative;
width: 97.9%;
padding: 0px 10px;
}

.grid4col.staff, .grid5col.staff {
width: 97.9%;
}

.scrollToAnchor.top {
padding-right: 15px;
position: absolute;
right: 10px;
top: 5px;
z-index: 4;
color: #808080;
background: url("http://images.snapdragonsnursery.com/global/images/link_arrow_up.gif") no-repeat scroll 100%;
padding-top: 10px;
}

#employees .column, #employee-w0 {
background: #e0e6fe;
border: 1px solid #cccccc;
-moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
border-radius: 0.5em;
-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
position: relative;
}

.active:hover, #employee-w0:hover {
background: #f5dbf7;
}

.staff img {
margin-left: 6px;
margin-top: 7px;
}

.staff {
padding-bottom: 30px;
}

.photo img {
border: 2px solid #333333
}

.biog {
background: url("http://images.snapdragonsnursery.com/global/images/Morelink.png") no-repeat scroll 0 0 transparent;
position: absolute;
z-index: 3;
width: 30px;
height: 30px;
top: 3px;
left: 0;
/* margin-left: -5px; */
}

.photo h2, .headshot h2 {
font-family: 'LinotypeErgoDemiBold', 'Helvetica', Arial, sans-serif;
font-size: 13px;
letter-spacing: 0px;
}

.photo h2, .headshot h2, .photo p, .headshot p {
color: #333333;
text-align: center;
}

.headshot p {
font-family: 'LinotypeErgoRegular', 'Helvetica', Arial, sans-serif;
font-size: 12px;
}

.bio {
display:none;
}

.floater h1, .floater h4, .floater h3 {
color: #333333;
font-weight: bold;
padding-left: 10px;
}

.floater h2, .floater h3 {
font-size: 110%;
margin-top: -4px;
padding-left: 10px;
}

.floater h3 {
padding-top: 10px;
}

.floater p {
text-align: left;
padding-left: 10px;
clear: both;
color: #333333;
line-height: 1.8em;
font-family: Arial;
font-size: 110%;
margin-bottom: 7px;
}

#sb-body .thumb {
float:left;
margin-right: 10px;
margin-top: 0px;
height: 100px;
width: 100px;
border: 3px solid #333333;
-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
z-index: 100;
}

.colour, .food, .animal, .aboutme {
border-bottom: 2px dashed #BE7DC7;
padding-top: 5px;
z-index: 1;
}

.colour, .food {
background: #BCCFEA;
}

.animal {
background: #ffffff;
}

.aboutme {
clear: both;
}

#management .ten, #management .six {
margin-left: 70%;
}

#owner .ten {
margin-left: 75%;
}

.aid {
background: url("http://images.snapdragonsnursery.com//staff/weston/images/badges/First-Aid-Badge.png") no-repeat scroll 0 0 transparent;
position: absolute;
margin-left: 67%;
margin-top: 50px;
height: 45px;
width: 45px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
}

#management .aid {
margin-left: 72%;
}

.ten, .six, .five, .four, .three, .two, .one {
position: absolute;
height: 55px;
width: 55px;
margin-left: 65%;
margin-top: -5px;
}

.ten {
background: url("http://images.snapdragonsnursery.com/staff/weston/images/badges/10-Years.png") no-repeat scroll 0 0 transparent;
}

.six {
background: url("http://images.snapdragonsnursery.com/staff/weston/images/badges/6-Years.png") no-repeat scroll 0 0 transparent;
}

.five {
background: url("http://images.snapdragonsnursery.com/staff/weston/images/badges/5-Years.png") no-repeat scroll 0 0 transparent;
}

.four {
background: url("http://images.snapdragonsnursery.com/staff/weston/images/badges/4-Years.png") no-repeat scroll 0 0 transparent;
}

.three {
background: url("http://images.snapdragonsnursery.com/staff/weston/images/badges/3-Years.png") no-repeat scroll 0 0 transparent;
}

.two {
background: url("http://images.snapdragonsnursery.com/staff/weston/images/badges/2-Years.png") no-repeat scroll 0 0 transparent;
}

.one {
background: url("http://images.snapdragonsnursery.com/staff/weston/images/badges/1-Year.png") no-repeat scroll 0 0 transparent;
}

.new {
background: url("http://images.snapdragonsnursery.com/staff/weston/images/badges/new.png") no-repeat scroll 0 0 transparent;
position: absolute;
z-index: 5;
width: 80px;
height: 80px;
left: 0;
}

.soon {
background: url("http://images.snapdragonsnursery.com/staff/weston/images/badges/soon.png") no-repeat scroll 0 0 transparent;
position: absolute;
z-index: 5;
width: 120px;
height: 120px;
left: 0;
}

.maternity {
background: url("http://images.snapdragonsnursery.com/staff/weston/images/badges/maternity.png") no-repeat scroll 0 0 transparent;
position: absolute;
z-index: 5;
width: 120px;
height: 120px;
left: 0;
}

#news h1 {
margin: 20px 20px 0px 20px;
padding-bottom: 10px;
border-bottom: 2px solid #333333;
font-size: 32px;
}

.journal-entry-text {
padding-left: 10px;
}

/*For inactive headshots*/
.headshot a {
background-position: -310px 10px;
background-repeat: no-repeat;
width: 155px;
height: 155px;
display: block;
padding-bottom: 80px;
margin-left: 7px;
pointer-events: none;
}

#employee-w0 .headshot a {
background-position: -500px 10px;
background-repeat: no-repeat;
width: 250px;
height: 250px;
display: block;
padding-bottom: 80px;
margin-left: 7px;
}

#management .headshot a {
background-position: -400px 10px;
width: 200px;
height: 200px;
}

.active .headshot a, .active .headshot a:link, .active .headshot a:visited {
	background-position: 0px 10px;
pointer-events: auto;
	}

#management .active .headshot a, .active .headshot a:link, .active .headshot a:visited {
	background-position: 0px 10px;
pointer-events: auto;
	}


#employee-w0.active .headshot a, #employee-w0.active .headshot a:link, #employee-w0.active .headshot a:visited {
	background-position: 0px 10px;
pointer-events: auto;
	}

.active .headshot a:hover, .active .headshot a.active:hover {
	background-position: -155px 10px;
	}

#management .active .headshot a:hover, .active .headshot a.active:hover {
	background-position: -200px 10px;
	}

#employee-w0.active .headshot a:hover, #employee-w0.active.active .headshot a.active:hover {
	background-position: -250px 10px;
	}

#management .active .nophoto a:hover {
	background-position: 0px 10px;
}

.active .nophoto a:hover {
	background-position: 0px 10px;
}

.nophoto a {
	background-position: 0px 10px;
}

.headshot h2 {
padding-top: 180px;
}

#management .headshot h2 {
padding-top: 220px;
}

#employee-w0 .headshot h2 {
padding-top: 280px;
}

#filters {
display: block;
z-index: 900;
float: left;
width: 620px;
background-color: rgba(222, 235, 255, 0.4);
/* left: 550px; */
margin: auto;
margin-left: 7px;
position: absolute;
padding-left: 20px;
padding-top: 10px;
margin-top: 10px;
/* Firefox */
-moz-border-radius: 8px;
-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
-moz-transition-property: background-color;
-moz-transition-duration: 0.5s;
-moz-transition-delay: 0.3s;
/* Webkit */
-webkit-border-radius: 8px;
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
-webkit-transition-property: background-color;
-webkit-transition-duration: 0.5s;
-webkit-transition-delay: 0.3s;
border-radius: 8px;
}

#filters:hover {
background-color: rgba(222, 235, 255, 0.9);
/* Firefox */
-moz-transition-property: background-color;
-moz-transition-duration: 0.5s;
-moz-transition-delay: 0.3s;
/* Webkit */
-webkit-transition-property: background-color;
-webkit-transition-duration: 0.5s;
-webkit-transition-delay: 0.3s;
}

#filters h3 {
float: left;
color: #333333;
font-size: 14px;
}

#filters h3 i {
font-size: 10px;
}

#filtertitle {
border-bottom: 1px dotted #333333;
display: block;
float: left;
margin-bottom: 5px;
}

#displayText {
margin-left: 150px;
color: #808080;
font-size: 10px;
}

#tag-filter {
display: block;
width: 620px;
height: 230px;
text-align: left;
	}

#tag-filter h3 {
color: #333333;
font-size: 14px;
border-bottom: 1px solid #333333;
}

#tag-filter h4 {
text-indent: -10px;
font-weight: 600;
clear: both;
padding-right: 100px;
}

#tagfirst h4 {
padding-top: 10px;
}

#tag-filter ul {
display: block;
float: left;
	}

#tagfirst {
width: 48%;
border-right: 1px dotted #c9d0f6;
position: relative;
}

#service {
width: 42%;
}

#tag-filter li {
	display: block;
	margin: 10px 0 10px 0px;
	list-style-type: none;
}

#service li, #tagfirst li {
display: block;
float: left;
padding-left: 10px;
padding-right: 10px;
width: 6em;
margin-right: 10px;
margin-bottom: 0px;
}

#tagfirst li {
width: 9em;
margin-right: 0px;
margin-left: 0px;
}

#service li a {
displaY: block;
width: 7em;
text-align: center;
}

#tag-filter a, #tag-filter a:link, #tag-filter a:visited {
	padding: 7px 1px;
padding-left: 5px;
padding-right: 5px;
	border: 0;
	color: #484747;
	font-size: 13px;
	font-weight: 400;
	#ffffff-space: nowrap;
display: block;
text-align: center;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
cursor: pointer;
	}

#tag-filter a:hover, #tag-filter a:active {
	border: 0;
	color: #fff;
	}

#tag-filter a.active, #tag-filter a.active:link {
	border: 0;
	color: #fff;
	}

#tag-filter a.active span {
	border-bottom: 1px solid #fff;
	}

.first-aid, a.first-aid, a.first-aid:link, a.first-aid:visited {
background-color: #a7b886;
}

a.first-aid:hover, a.first-aid:active, a.first-aid.active {
background-color: #92a56d !important;
}

.newstaff, a.newstaff, a.newstaff:link, a.newstaff:visited {
background-color: #fa8527;
}

a.newstaff:hover, a.newstaff:active, a.newstaff.active {
background-color: #c8681b !important;
}

.eyp, a.eyp, a.eyp:link, a.eyp:visited {
background-color: #42a447;
}

a.eyp:hover, a.eyp:active, a.eyp.active {
background-color: #26872b !important;
}

.levelfive, a.levelfive, a.levelfive:link, a.levelfive:visited {
background-color: #f84a6b;
}

a.levelfive:hover, a.levelfive:active, a.levelfive.active {
background-color: #e11b41 !important;
}

.levelfour, a.levelfour, a.levelfour:link, a.levelfour:visited {
background-color: #be67f0;
}

a.levelfour:hover, a.levelfour:active, a.levelfour.active {
background-color: #963cea !important;
}

.levelthree, a.levelthree, a.levelthree:link, a.levelthree:visited {
background-color: #7c9ef3;
}

a.levelthree:hover, a.levelthree:active, a.levelthree.active {
background-color: #567cdd !important;
}

.leveltwo, a.leveltwo, a.leveltwo:link, a.leveltwo:visited {
background-color: #fc8654;
}

a.leveltwo:hover, a.leveltwo:active, a.leveltwo.active {
background-color: #ea713c !important;
}

.tenyears, a.tenyears, a.tenyears:link, a.tenyears:visited {
background-color: #ff7931;
}

a.tenyears:hover, a.tenyears:active, a.tenyears.active {
background-color: #f96718 !important;
}

.sixyears, a.sixyears, a.sixyears:link, a.sixyears:visited {
background-color: #f7fb1a;
}

a.sixyears:hover, a.sixyears:active, a.sixyears.active {
background-color: #d6da09 !important;
}

.fiveyears, a.fiveyears, a.fiveyears:link, a.fiveyears:visited {
background-color: #ababab;
}

a.fiveyears:hover, a.fiveyears:active, a.fiveyears.active {
background-color: #878686 !important;
}

.fouryears, a.fouryears, a.fouryears:link, a.fouryears:visited {
background-color: #5db76c;
}

a.fouryears:hover, a.fouryears:active, a.fouryears.active {
background-color: #3e864a !important;
}

.threeyears, a.threeyears, a.threeyears:link, a.threeyears:visited {
background-color: #e48282;
}

a.threeyears:hover, a.threeyears:active, a.threeyears.active {
background-color: #a83939 !important;
}

.twoyears, a.twoyears, a.twoyears:link, a.twoyears:visited {
background-color: #6161fe;
}

a.twoyears:hover, a.twoyears:active, a.twoyears.active {
background-color: #2e2ed7 !important;
}

.oneyear, a.oneyear, a.oneyear:link, a.oneyear:visited {
background-color: #fbb747;
}

a.oneyear:hover, a.oneyear:active, a.oneyear.active {
background-color: #f79c05 !important;
}

.employee-tags {
display: none;
}

/*Conditionals*/

#employee-w36, #employee-w16, #employee-mpb {
height: 260px;
}

#employee-wjb {
height: 280px;
}

#employee-ghf {
height: 310px;
}

#management .four, #management .three, #management .five, #management .two, #management .one, #management .six, #management .ten {
margin-left: 70%;
}