html {overflow:auto; overflow-x:hidden;}

body {
	font-size: 14px;
    line-height: 1.4em;
	position: relative;
	}
	
body.home {
	font-size: 14px;
    line-height: 1.4em;
	position: relative;
	}
	
body.home .wrapper {
	background: url("../images/common/bg-home.jpg") repeat-x scroll center -10px transparent;
	}
	
body .wrapper {
	background: url("../images/common/bg-body.jpg") repeat-x scroll left 148px transparent;
	}

/* --------- PRIMARY NAVIGATION --------- */

#nav-primary{
	background: #ba1b1b;
	background: -moz-linear-gradient(top,  #ba1b1b 0%, #b41a1a 49%, #8c1717 80%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ba1b1b), color-stop(49%,#b41a1a), color-stop(80%,#8c1717)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ba1b1b 0%,#b41a1a 49%,#8c1717 80%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ba1b1b 0%,#b41a1a 49%,#8c1717 80%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ba1b1b 0%,#b41a1a 49%,#8c1717 80%); /* IE10+ */
	background: linear-gradient(top,  #ba1b1b 0%,#b41a1a 49%,#8c1717 80%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba1b1b', endColorstr='#8c1717',GradientType=0 ); /* IE6-8 */
	-webkit-border-radius: 3px;
   	-moz-border-radius: 3px;
    border-radius: 3px;
	display: inline-block;
	padding:0;
}

#nav-primary ul{
	margin:0;
}

#nav-primary ul li{
	background: url("../images/navigation/nav-divider.jpg") no-repeat scroll right center transparent;
	float: left;
	margin:0;
}

#nav-primary ul li.selected{
    margin-left: -1px;
    margin-right: -1px;
    margin-top: -2px;
    padding-bottom: 3px;
    -webkit-border-radius: 3px 3px 0 0;
   	-moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.ie7 #nav-primary ul li.selected{
    padding-bottom: 4px;
}

#nav-primary ul li.selected a{
    padding: 1.15em 1.2em 0.8em 1.2em;
}

/* --------- PRIMARY SUB NAVIGATION --------- */

#nav-primary ul li ul.submenu li{
    filter: transparent;
}

#nav-primary ul.submenu{
    position: absolute;
    padding:0;
    top: 60px;
}

#nav-primary ul.submenu li a{
    border-bottom: none;
    margin-bottom: 0;
    padding: 0;
}

/* --------- HOME HERO GALLERY --------- */
#home-hero {
    background: transparent;
	display: block;
    width: 100%;
	height: 300px;
    z-index: -1;
    margin:0;
}

#home-hero .flexslider {
    border: medium none;
    height: 300px;
    margin: 0 auto;
    max-width: 960px;
}

#home-hero .flex-direction-nav li a {
    top: 50%;
}

#slider-bg {
    height: 630px;
    left: 30%;
    position: absolute;
    top: 63px;
    width: 840px;
}

/* Caption style */

.gallery-caption {
    background:none;
    width: 45%; 
    padding: 2% 0% 0% 3%;  
    color: #fff;
    zoom: 1; 
    }
    
.gallery-caption h2 {
    font-size: 3em;
    line-height: 1em;
    margin-top:0; 
    }
    
.flex-direction-nav, .flex-control-nav{
    display: block;
}

/* --------- MASTHEAD --------- */

#masthead{
	height: 115px;
	position: relative;
	z-index: 99;
	margin: 1.2em 0 0.5em 0;
	}
	
.logo, .strapline, #telephone, .times{
	float: left;
}

.logo{
	width: 23%;
	margin: 0 2% 0 0;
}

.logo img{
	margin:0;
}

.strapline{
	width:30%;
	margin: 0 2% 0 0;	
}

.strapline p{
    line-height: 1.2em;
    margin-top: 1em;
    font-size: 1.4em;
	text-align: left;
}

#telephone{
	display: block;
	width:30%;	
}

#telephone p{
	color:#B81919;
	margin-top: 1em;
	font-size: 1.4em;
}

/* --------- OPENING TIMES --------- */

.times{
	width: 15%;
	position: absolute;
	right: 1em;
	z-index: 99999;
	margin:0;
}

.times h3{
	font-size: 1em;
	line-height: 1em;
	padding: 0.8em 0.5em 0.3em 0.5em;
	margin:0;
	text-align:left;
}

.times p{
    display: block;
	font-size: 0.9em;
	padding: 0.2em 0.5em 0.3em 0.5em;
	text-align:left;
}

.times p span{
    display: block;
	color: #8C1717;
	font-weight: bold;
}

.times div{
	height: 122px;
	padding:0;
}

.times a{
	background: url("../images/common/bg-tickets.png") no-repeat scroll center top transparent;
	padding: 0.6em 1em 1em 1em;
	margin:0;
}

.logo a {
    margin: 0 0 3%;
}

.breadcrumb {
    background-color: transparent;
    background-image: none;
    border: medium none;
    box-shadow: none;
    font-size: 90%;
    padding: 0;
    display: block;
    margin: 1% 0 0 0;
}

.breadcrumb li {
    text-shadow: none;
	display: inline;
}

.breadcrumb li a:after {
    color: #999999;
    content: '/';
    padding: 0 5px;
}
.breadcrumb li:last-child a:after {
    display: none;
}

/* --------- HOME CONTENT --------- */

#home #content{
	margin: 25% 0 0 0;
	padding:1%;
}

#home-items{
    background: url("../images/common/bg-highlights.jpg") repeat-y 50% 0 transparent;
    padding:0;
}

#visit-us, #film-archive{
	float: left;
	width: 49%;
	margin: 0 1% 2% 0;
}

#visit-us h2, #view-highlights h2{
	margin: 0.5em 0 0.5em 0;
}

#film-archive{
	margin: 0 1% 0 0;
}

#film-archive .img-text{
    float: right;
	width: 45%;
}

#film-archive .img-holder{
	float: left;
	width: 52%;
}

#visit-us{
    background: url("../images/common/bg-visit.jpg") no-repeat scroll right bottom transparent;
    border-bottom: 1px solid #eaeaea;
    min-height: 210px;
}

#view-highlights{
    background-image: url("../images/common/highlights-medal.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    float: right;
    min-height: 480px;
    position: relative;
    width: 49%;
}

#view-highlights .caption {
    padding: 0 0 5% 40%;
}

#view-highlights, #film-archive{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.object-02{
    bottom: 0;
    position: absolute;
    text-indent: -9999px;
    width: 100%;
}

#home-nuggets{
    margin-top: 0;
    padding-top: 0;
}

.nugget{
	float: left;
	width: 30%;
	margin: 3% 2% 5% 0;
	padding: 1%;
}

.nugget.last{
	margin: 3% 0 0 0;
}

.nugget p, .nugget ul{
  min-height:100px;
  height:auto !important;
  height:100px;
  margin:0;
}

.col-lister ul li{
    float: left;
    width: 48%;
    height: 50px;
}

.col-lister ul li:nth-child(even){
    width: 48%;
    float: right;
}

.col-lister ul li:nth-last-child(1){
    border: none;
}

.col-lister ul li:nth-last-child(2){
    border: none;
}

.col-lister ul li a{
    background: url("../images/navigation/footer-arrow.png") no-repeat scroll 98% 10px transparent;
    padding: 0.5em 1em 0.5em 0;
}

.fact h2{
    font-size: 1.8em;
    display: block; 
}

#sidebar .fact h2{
    border-bottom: 1px solid #CCCCCC;
    font-size: 1.4em;
    float: none;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    width: 100%; 
}

#sidebar .fact p {
    border: 0;
    float: none;
    margin: 0 0 0.5em 0;
    padding: 0;
    width: 100%;
}

#sidebar a.secondary{
    display: block;
}

p.openingtimes{
    font-size: 0.9em;
    margin-top: 8%;
}

/* --------- LAYOUT --------- */

#content {
    border-top: 8px solid #022D3E;
    margin: 3% 0 3% 0;
    padding: 0 1% 0 1%;
    position: relative;
    min-height: 400px;
}

.highlight-page #content {
    margin: 3% 0 0 0;
}

#main {
    display: block;
    position: relative;
}

#sidebar {
    float: right;
    margin: 0 0 2% 0;
    width: 22%;
}

/* --------- ARTICLE LEVEL --------- */

.cols2 .col1 {
    float: left;
    width: 47.8261%;
}

.cols2 .colwide {
    float: left;
    width: 60%;
}

.cols2 .colaside {
    float: right;
    width: 35%;
}

.cols2 .col1.last {
    float: right;
}

.cols2 .cols-sub {
    float: left;
    width: 47.8261%;
}

.cols2 .cols-sub.last {
    float: right;
}

.cols2 h2{
    margin: 0 0 0.5em 0;
}

.imgtext > .imgholder, .imgtext > div {
    width: 47.8261%;
}
.imgright > .imgholder {
    float: right;
}
.imgright > div {
    float: left;
}
.imgleft > .imgholder {
    float: left;
}
.imgleft > div {
    float: right;
}

.story > div {
    float: left;
    width: 60%;
}

.story > div:last-of-type {
    float: right;
	width: 30%;
}

.cols2 .posts {
    float: left;
    width: 70%;
}

.cols2 .nuggets {
    float: right;
    width: 28%;
}

.mod{
	border-bottom: 1px solid #eaeaea;
	margin: 0 0 2% 0;
	padding: 0 0 2% 0;	
}

.article section {
    margin: 3% 0 2% 0;
}
.article section:last-of-type {
    margin: 0 0 5% 0;
}

/* --------- NEWS --------- */

p.date{
    background-color: #eaeaea;
    width: 8%;
    text-align: center;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    margin:1% 2% 0 0;
    float: left;
}

.month{
   background-color: #BA1B1B;
   display: block;
   color: #ffffff;
   font-weight: bold;
   text-transform: uppercase;
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    font-size: 0.9em;
}

.day{
   display: block;
   color: #666666;
   font-weight: bold;
   font-size: 1.8em;
   margin: 5px 0 5px 0; 
}

.year{
   display: block;
   color: #999999;
   font-size: 0.9em;
}

.header{
    float: left;
    width: 100%;
}

.story{
    width: 90%;
    float: left;
}

.visit{
    background: url("../images/common/bg-nugget-visit.png") no-repeat bottom right #F3EFE3;
}

.museum {
    background: url("../images/common/bg-nugget-collections.png") no-repeat bottom right #F3EFE3;
}

.news img{
    float: right;
    margin: 0 0 3% 3%;
    width: 50%;
}

/* --------- BUTTONS --------- */

a.button, .button{
    display: inline-block;
    margin: 2% 0;
}

#nav-link{
    display: none;
}

/* --------- COLLECTIONS SLIDER --------- */

.flexslider .slides > li:first-child {
    display: list-item;
}

.flexslider-container {
    display: block;
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.alternative-nav{
    margin-bottom: 8%;
}

.panel{
    background: none repeat scroll 0 0 #CCCCCC;
    float: left;
    margin-right: 2%;
    width: 32%;
    overflow: hidden;
    position: relative;
}

.panel.last{
	margin:0;
}

.flexslider-collections h2{
    background: #022D3E;
    color: #FFFFFF !important;
    font-size: 1.3em;
    line-height: 1.2em;
    margin: 0;
    overflow: hidden;
    padding: 0.5em 2em 0.5em 0.5em;
    text-align: left;
    height: 60px;
    width: 94%;
}

/* --------- COLLECTIONS --------- */

.collections-article {
    float: left;
    width: 50%;
}

.img-right {
    float: left;
    width: 50%;
}

.captions {
    float: left;
    width: 100%;
    text-align: right;
}

/* --------- SHOP --------- */

.shop-hero h1 {
    border-bottom: none;
    font-size: 3em;
    font-weight: normal;
    line-height: 1.3;
    margin: 0 0 0.6em 0;
    padding: 0;
}

.shop .breadcrumb{
    display: none;
}

.shop-hero .kicker{
    color: #00448C;
    font-size: 1.6em;
    line-height: 1.2em;
}

.shop-hero .col1{
    padding-right: 0;
}

/* --------- FILM ARCHIVE --------- */

.film-archive ul{
    margin:0;
    list-style: none;
    width: 100%;
    display: block;
}

.film-archive ul li{
    float: left;
    width: 48.3333%;
    margin: 0 0 5% 0;
}

.film-archive ul li:nth-child(2n+1) {
    margin: 0 3.33333% 5% 0;
}

.ie7 .film-archive ul li, .ie8 .film-archive ul li{
    height: 500px;
}



/* --------- VISIT --------- */

.box p {
    float: left;
}

.box h3{
	margin: 0 0 0.4em;	
}

ul.travel-options li {
    padding: 0 0 0 4em;
}

ul.travel-options li h3 {
    margin-top:0;
}

/* --------- HIGHLIGHTS --------- */

.highlight ul {
   margin: 0;
   overflow: hidden;
}

.highlight ul li {
    float: left;
    margin: 0 1.9% 3% 0;
    overflow: hidden;
    position: relative;
    width: 32%;
}

.ie8 .highlight ul li, .ie7 .highlight ul li {
    margin: 0 1.3% 3% 0;
}

.highlight ul li:nth-child(3n+3) {
    margin: 0 0 3% 0;
}

.highlight a p {
    background: none repeat scroll 0 0 #022D3E;
	bottom: 0;
    color: #FFFFFF;
    font-style: normal;
    line-height: 1.5em;
    margin: 0;
    padding: 1em;
	width: 91%;
}

#item-images{
	float: left;
	width: 34%;
	margin: 0 2% 0 0;
}

#item-description{
	float: left;
	width: 40%;
	margin: 0 2% 8% 0;
}

.item-thumbs {
    display: block;
    margin: 20px 0 0;
}

.item-thumbs .thumb a {
    background-color: #ffffff;
    border: 1px solid #eaeaea;
    float: left;
    margin: 0 10px 0 0;
    padding: 2%;
    width: 20%;
}

.item-thumbs .thumb a:hover {
    border: 1px solid #DADADA;
    background-color: #eaeaea;
}

.item-thumbs .thumb a.selected {
    border: 1px solid #cccccc;
}

.item-thumbs .thumb img {

}

.item-frame{
    margin:0;
    position: relative;
}

/* --------- SITE FOOTER --------- */

#site-footer{
    margin-top: 0;   
}

#about, #news, #social, #vcard {
    float: left;
    margin: 0 2% 0 0;
	padding: 1%;
}

#about{
    width: 20%;
}

#news{
    width: 26%;
}

#contact{
    width: 44%;
    float: right;
    margin: 0 0 0 0;
	padding: 1% 0 1% 1%;
}

#social{
    width: 50%;
    padding:0;
    margin-right: 5%;
}

#vcard{
    margin-right: 0;
	width: 45%;
	padding:0;
}

#footer-logo{
	float: left;
	width: 15%;
	margin-right: 2%;
}

#copyright {    
    line-height: 3.2em;
    margin-top: 1.5%;    
}

#sponsors{
	display: block;
	float: right;
	width: 83%;
}

.footer-sponsor{
	float: right;
	width: 16%;
}

.container-rule {
	margin: 2% auto 0 auto;
	padding: 2% 0 0 0;
	}
	
#site-footer #about a, #site-footer #news a {
    background: url("../images/navigation/footer-arrow.png") no-repeat scroll left center transparent;
    padding: 0.5em 0 0.5em 1em;
}

#site-footer ul li span.icon {
    float: left;
    margin: 1px 5px 0 0;
}

.fb-like{
    position: absolute !important;
    right:0;
    top:0.5em;
}

.magnify{
    background: url("../images/icons/magnify.png") no-repeat scroll left center transparent;
    position: absolute;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 19px;
    height: 19px;
    display: block;
    top: 0.5em;
    left: 0.5em;
}

.flex-nav-container{
    position: relative;
    margin: 0 0 2em 0;
}

.flex-nav-container .flexslider{
    position: relative;
}

.videoholder{
    
}

.videoholder ul li{
    float: left;
    width: 48.9%;
    margin: 0 2% 2% 0;
}

.videoholder ul li.last{
    margin:0;
}