/* floats */
dt,dd,.labelWide,.labelMedium,.inputWide,.inputMedium,.selectWide,.textareaWide,.logo,.nav a,.content,.contentWide,.relatedSections,.relatedImages,.content2col,.content3col,.content4col,.container3col,.container4col,.container5col { float: left; }
.utilities,.socialMedia,.aside,.asideWide,.siteSearch { float: right; }

/* dl */
dt
{
	clear: left;
	width: 25%;
	margin: .2em 3% 0 0;
}

dd
{
	width: 64%;
	margin: .2em 0 0;
}

/* forms */
.labelWide, .labelMedium
{
	width: 25%;
	margin: 0 3% 0 0;
	text-align: right;
}

.labelMedium { width: 15%; }
.inputWide, .selectWide, .textareaWide { width: 50%; }
.inputMedium { width: 30%; }

.inputWide
{
	height: 22px;
	padding: 3px 2%;
}

.selectWide
{
	width: 54%;
	height: 30px;
}

.textareaWide
{
	height: 140px;
	padding: 3px 2%;
}

.indentWide
{
	width: 60%;
	margin-left: 28%;
}

/* grids */

.logo {
	width: 90px;
	margin: 0 0 20px;
}

.logo h1 {
	position:absolute;
	left: -9999px;
}

.utilities { width: 315px; }
.socialMedia { margin: 0 0 24px; }
.socialMedia a { margin: 0 0 0 10px; }
.searchBox { width: 205px; }

.nav a {
	width: 10.6%;
	padding: 10px 7px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
}

.nav ul > li:not(:last-child) > a { border-right: 1px solid #efefef; }

.nav a:hover, .nav a.active {
	background-image: url(../images/new/amNavBg.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

.mainBanner
{
	height: 317px;
	background: #050306 url(../images/new/wpy-large-banner-nowshowing.jpg) no-repeat 50% 100%;
}

.mainBanner a
{
	display: block;
	width: 100%;
	height: 300px;
	cursor: hand;
}

.mainBanner img { display: none; }

.categoryBanner
{
	height: 207px;
	background: #000000 url(../images/new/banner-cultures.jpg) no-repeat bottom left fixed;
}

.categoryBanner h2
{
	padding: 8% 4% 0;
	color: #fff;
	opacity: .9;
}

.category-research-and-collections { background: #000000 url(../images/new/banner-science.jpg) no-repeat bottom left; }
.category-Education-Services { background: #000000 url(../images/new/banner-education.jpg) no-repeat bottom left; }
.category-Animals { background: #000000 url(../images/new/banner-animals.jpg) no-repeat bottom left; }
.category-Blogs { background: #000000 url(../images/new/banner-blogs.jpg) no-repeat bottom left; }
.category-about-us { background: #000000 url(../images/new/banner-about2.jpg) no-repeat bottom left; }
.category-Cultures { background: #000000 url(../images/new/banner-cultures.jpg) no-repeat bottom left; }
.category-trailblazers { background: #000000 url(../images/new/trailblazers_banner.jpg) no-repeat bottom left; }
.category-scicom { background: #000000 url(../images/new/scicom_banner.jpg) no-repeat bottom left; }
.category-amplify { background: #000000 url(../images/new/amplify_banner.jpg) no-repeat bottom left; }
.category-frogs { background: #000000 url(../images/new/banner-frog.jpg) no-repeat bottom left; }

.content,.contentWide
{
	width: 68%;
	margin: 0 0 0 4%;
	padding: 30px 0;
}

.aside,.asideWide
{
	width: 16%;
	padding: 30px 4%;
	min-height: 440px;
}

.featureImage, .featureImageExt {
    display: block;
}

.relatedSections
{
	width: 100%;
	margin: 0 0 30px;
}

.relatedImages { width: 100%; }

.content2col
{
	width: 47%;
	margin: 0 0 0 6%;
}

.content3col
{
	width: 29%;
	margin: 0 0 0 6%;
}

.content4col
{
	width: 20%;
	margin: 0 0 0 6%;
}

.container3col
{
	width: 28%;
	margin: 0 0 0 4%;
}

.container4col
{
	width: 20%;
	margin: 0 0 0 4%;
}

.container5col
{
	width: 15%;
	margin: 0 0 0 4%;
}

/* Responsive hide/shows according to current AM breakpoints */
	/* - shows .header-desktop when on big screen sizes
	   - shows .header-mobile when on small screen sizes */

.header-desktop { display: block; }
.header-desktop .header {	
    padding: 30px; 
    background: url(../../images/new/amHeader_04.png);
    background-repeat: no-repeat;
    background-size: auto;
    height: 110px;
}
.header-mobile { display: none; }