/* floats */
.featureImage,dt,dd,.labelWide,.labelMedium,.inputWide,.inputMedium,.selectWide, .textareaWide,.logo,.nav a,.content,.contentWide,.asideWide .relatedSections,.asideWide,.relatedSections,.relatedImages,.content2col,.content3col,.content4col,.container2col,.container3col,.container4col,.container5col { float: left; }
.utilities,.aside,.asideWide { 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%;
}

.logo a {
	display: block;
	width: 300px;
	height: 115px;
	background: transparent;
}

.logo h1 {
	position:absolute;
	left: -9999px;
}

.utilities { width: 315px; }

.socialMedia
{
	float: right;
	margin: 0 0 24px;
}

.socialMedia a { margin: 0 0 0 10px; }
.siteSearch { float: right; }

.searchBox { width: 205px; }

.nav a {
	width: 10.6%;
	padding: 13px 10px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
}

.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: 300px;
	background: #231f20 url(../images/new/wpy-large-banner-nowshowing.jpg) no-repeat 100% 100%;
	border-bottom: 4px solid #ef483d;
}

.mainBanner a
{
	display: block;
	width: 100%;
	height: 300px;
	cursor: hand;
}

.mainBanner img { display: none; }

.categoryBanner
{
	height: 203px;
	background: #000000 url(../images/new/banner-cultures.jpg) no-repeat bottom left;
}

.categoryBanner h2
{
	padding: 6% 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-Cultures-old-category { 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
{
	width: 48%;
	margin: 0 0 0 4%;
}

.aside
{
	width: 36%;
	padding: 30px 4%;
	min-height: 440px;
}

.contentWide
{
	width: 68%;
	margin: 0 0 0 4%;
}

.asideWide
{
	width: 16%;
	padding: 30px 4%;
	min-height: 440px;
}

.relatedSections
{
	width: 44.5%;
	margin: 0 0 30px;
}

.relatedImages
{
	width: 44.5%;
	margin: 0 0 0 11%;
}

.asideWide .relatedSections,.asideWide .relatedImages
{
	width: 100%;
	margin-left: 0;
}

.content2col
{
	width: 47%;
	margin: 0 0 0 6%;
}

.content3col
{
	width: 29%;
	margin: 0 0 0 6%;
}

.content4col
{
	width: 20%;
	margin: 0 0 0 6%;
}
.container2col
{
	width: 46%;
	margin: 0 0 0 4%;
}
.container3col
{
	width: 28%;
	margin: 0 0 0 4%;
}

.container4col
{
	width: 20%;
	margin: 0 0 0 4%;
}

.container5col
{
	width: 15%;
	margin: 0 0 0 4%;
}
.containerFull { width: 100%; margin: 2em 0 0 0; }
.featureImage,.featureImageExt { display: block; }
.featureImage { margin-right: 10px; }

.featureImageExt
{
	float: right;
	margin-left: 10px;
}

/* Responsive hide/shows according to current AM breakpoints */
.header-desktop { display: block; }
.header-desktop .header {	
    padding: 30px; 
    background: url(../../images/new/amHeader_05.png);
    background-repeat: no-repeat;
    background-size: auto;
    height: 110px;
}
.header-mobile { display: none; }

/* ie hacks */
.logo,.nav a,.content,.contentWide,.asideWide .relatedSections,.asideWide,.relatedSections,.relatedImages,.content2col,.content3col,.container3col,.container4col,.container5col { _display: inline; }
.nav a { *width: 11.7%; }
.relatedImages { _margin: 0; }
.content2col { _width: 45%; }
.content3col { _width: 27%; }
.container3col { _width: 26%; }
.container4col { _width: 18%; }
.container5col { _width: 14%; }
.aside img, .asideWide img,.content2col img, .content3col img, .container3col img, .container4col img, .container5col img, .content .figure img { _width: 100%; }

/* ie home hacks */

.ctaBanner ul li.cta-plan-visit:before ,
.ctaBanner ul li.cta-opening-hours:before ,
.ctaBanner ul li.cta-donate:before ,
.ctaBanner ul li.cta-contact:before {
    height/*\**/: 35px\9;
    width/*\**/: 35px\9;
    margin-left/*\**/: -7px\9;
    margin-top/*\**/: 6px\9;
}

.cta-subscribe-form button[type="submit"] {
    margin-left/*\**/: -8px\9;
}

.featuredBannerSlider .slick-arrow, .featuredBannerSlider .slick-dots {
    z-index/*\**/: 9\9;   
}

.nav ul li a {
    border-right/*\**/: 1px solid #efefef \9;
}
.nav a.last-nav {
    border-right/*\**/: none \9;  
}

.ie8-only 
{ 
    display: block\9;
}

.twitter-bg {
    background/*\**/: url(../../images/new/twitter_placeholder.jpg) 0 0 no-repeat \9;
    height/*\**/: 406px \9;
    width/*\**/: 230px \9;
    display: block;
}
