@font-face {
    font-family: ProximaNovaSemiBold;
    src: url(/fonts/Proxima/ProximaNova-Semibold.otf);
   
}
@font-face {
    font-family: ProximaNova;
    src: url(/fonts/Proxima/ProximaNova-Light.otf);
    
}
@font-face {
    font-family: ProximaNovaRegular;
    src: url(/fonts/Proxima/ProximaNova-Regular.otf);
    
}
@font-face {
    font-family: ProximaNovaBold;
    src: url(/fonts/Proxima/ProximaNova-Bold.otf);
    
}

#tbintro p {
  margin-bottom: 20px;
 }


/* -------------------------------------------------------------
Common styles

01. Common elements
02. Header
03. Container
04. Footer
05. Homepage
06. Contact
07. IE Fixes
08. Media queries
09. Print styles

/* ----------------------------------
  01. Common elements
----------------------------------- */
body { width:100%; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight: 400; color:#333; margin:0; min-width: 360px; height:100%; min-height:100%; }
a { 
   color:#CC0000; 
   outline:none;
   text-decoration: none;
   }
form li{margin-bottom: 1.5em;}
label {display: block; margin-bottom:1em; }
input, select, textarea { border: 1px solid #DDD; color: #777; font-size: 1em; padding: 5px; -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;-webkit-appearance: none; }
input[type="hidden"] { padding:0; width:auto; margin:0;}
textarea{ padding: 1em; min-height:15em; height: auto;}
input, textarea { -moz-transition: border .25s; -webkit-transition: border .25s; -o-transition: border .25s; transition: border .25s;}
input:hover, textarea:hover, input:focus, textarea:focus,input:active, textarea:active { border: 1px solid #999;}
input[type="text"],textarea{cursor: text; width:300px;}
input[type="radio"], input[type="checkbox"] { display: inline; width:auto; height: auto; margin-right: 1em; }
input[type="checkbox"] + label, input[type="radio"] + label { display: inline;}
input[type="file"]{ border: none;}
input[type="date"]{ width: auto;}
select {height: auto;}


/* Placeholders */
::-webkit-input-placeholder { color: #BBB;}
:-moz-placeholder {color: #BBB;}
:-ms-input-placeholder {color: #BBB;}

/* validate.js */
label.error { color: #ff0000; margin: 0.5em 0 0; font-weight: normal; font-style: italic; }

/* Buttons */
.button, 
input[type="submit"], 
button { color: #666; font-size: 1.1em; font-weight: normal; padding: 0.6em 1.2em; text-shadow: 0 1px 0 #fff; text-decoration: none; cursor: pointer; 
  
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  -ms-transition: 0.1s linear all;
  -o-transition: 0.1s linear all;
  transition: 0.1s linear all; }

.button:hover, 
input[type="submit"]:hover, 
button:hover { color: #333; text-decoration: none; border-color: #BBB; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  }

.button:focus, 
input[type="submit"]:focus, 
button:focus { color: #333; border-color: #BBB;}

.button:active, 
input[type="submit"]:active, 
button:active { color: #000; background: #F5F5F5; border-color: #444; position: relative; top:1px;}

/* Titles */
h1,h2,h3,h4,h5,h6 {margin:0 0 1em; font-weight: normal;}

h1 {font-size: 4.1em; letter-spacing: -0.075em; text-transform: uppercase; line-height: 0.9; color: #555; margin: 0 0 0.5em; font-weight: normal; }
h2 { font-size: 2.5em; margin: 0 0 20px; letter-spacing: -0.05em; color: #555; line-height: 1; }
h3 { font-size: 1.75em; color:#000; }
h4 { font-size: 1.5em; color:#000; }
h5 { font-size: 1.17em; text-transform: uppercase; margin: 0; color: #555; }
h6 { font-size: 1em; margin-bottom: 2px; font-weight: 700; }

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {text-decoration: none;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration: underline;}

br.Clear { clear:both; line-height: 0; overflow: hidden;}

/* Grid  */
.CenterContent { width: 90%; margin: 0 auto; max-width: 1100px; zoom:1;}
.CenterContent:after { content:""; display:block; clear:both; }

.grid-wrap { overflow: hidden; *zoom:1; }
.grid-wrap:before, .grid-wrap:after{content:""; display:table}
.grid-wrap:after{clear:both}

.grid { float: left; padding-left: 3em; /* this is your gutter between columns */ width: 100%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; box-sizing: border-box; }
.grid.first { padding-left:0;}

.half-gutter { margin-left: -1.5em; }
.half-gutter .grid-col { padding-left: 1.5em; }

.col-full {width: 100%; }
.col-one-half {width: 50%; float:left; }
.col-one-third {width: 33.333%; float:left;}
.col-two-thirds {width: 66.666%; float:left;}
.col-one-quarter {width: 25%; float: left;}
.col-three-quarters {width: 75%; float: left;}

.left-column-third {text-align: right;}
.center-column-third {text-align: center;}
.right-column-third {text-align: left;}

.left-column-box {height: 2px; width: 200px; background-color: transparent; float:right;}
.center-column-box {height: 2px; width: 200px; background-color: #000; margin:auto;}
.right-column-box {height: 2px; width: 200px; background-color: transparent; float:left;}

.aligncenter {margin: 0 auto;display: block;}
.divide-top {border-top: 1px solid #ccc;padding-top: 2em;margin-top: 1.5em; }
.divide-middle {border-top: 1px solid #ccc;padding-top: 2em;margin-top: 0; }
.divide-link {height:30px;}


figure { max-height: 100%; overflow: hidden;}
figure figcaption { }
img { max-width: 100%; width: auto; }
a img {
-webkit-transition: opacity 1s ease;
-moz-transition: opacity 1s ease;
-o-transition: opacity 1s ease;
-ms-transition: opacity 1s ease;
transition: opacity 1s ease; }
a img:hover {
*zoom: 1;
opacity: 0.7;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
filter: alpha(opacity = 70);}
 
 /* Generic forms */
.gen-form .row { display: table; width:100%; clear:both; margin-bottom:20px;}       
.gen-form .req { color:red;}
.gen-form .opt { font-size:77%; text-transform:uppercase; color:#999;} 
    


/*cookies alert*/

#allow-cookies {
  background: #666;
  color: #fff;
  width: 100%;
  opacity: 0.95;
  z-index: 1000;
  display: none;
  position: relative;
}


#allow-cookies p {
  margin: 0;
  padding: 15px 35px 15px 0;
  font-size: 93%;
  line-height: 110%;
  text-align: left;
}

#allow-cookies a {
  color: #fff;
  text-decoration: underline;
}

#allow-cookies a#hidenotice {
  font-weight: bold;
  background: #C00;
  display: inline-block;
  padding: 5px 10px;
  margin-left: 5px;
  text-decoration: none;
  position: absolute;
  top: 10px;
  right: 5px;
}

#allow-cookies a#hidenotice:hover {
  background: #900;
  text-decoration: none;
}

.left {float: left}

/* ----------------------------------
  02. Header
----------------------------------- */
#header { clear: both; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; box-shadow: 2px 2px 7px rgb(116,113,113);  padding-bottom: auto; background:#FFFFFF; width:100%; position:relative; z-index:2;}
#header nav#Main ul { margin:0; float: left; overflow: hidden; padding: 0 3em 0 2em; border-left: 1px solid #ddd; line-height: 2em; }
nav a, menu a { text-decoration: none; color: #517B20;}
.navactive { opacity: 0.8; }

.TopBar { background: #000; zoom:1; }    
.TopBar ul { margin:0; padding:0; list-style: none;}
.TopBar ul li { float: left; list-style: none; line-height: 40px;}
.TopBar ul li a { color:#fff; text-decoration: none; display: inline-block;}
.TopBar ul.links { float: left; font-family: "Arial",sans-serif;}
.TopBar ul.links li { margin-right: 25px; font-size:93%;}
.TopBar ul.links li.join-photo a { color:#FF0000; padding-left:23px; text-transform: uppercase; background:url(http://autograph-abp.co.uk/images/site/ic-photo.png) no-repeat left 13px; } /* Change .. for http://autograph-abp.co.uk/ */


.TopBar ul.links li.copyright {font-size:13px;line-height:50px;}

.TopBar ul li.redlink a {color:#cc0000;font-weight:bold;font-size:14;}
.TopBar ul li.redlink a:hover {text-decoration: underline;}

.TopBar ul li a:hover,
.TopBar ul.links li.join-photo a:hover { color:#ccc; }

.TopBar ul.social { float: right; margin-top:12px; }
.TopBar ul.social li { margin-left:18px;}
.TopBar ul.social li a.vimeo,
.TopBar ul.social li a.facebook,
.TopBar ul.social li a.twitter { display: block; height: 13px; background: url(http://autograph-abp.co.uk/images/site/ic-social.png) no-repeat left top; text-indent: -990000px; float: left; overflow: hidden; -webkit-transition:all 1s ease-in-out; /* Change .. for http://autograph-abp.co.uk/ */
   -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.TopBar ul.social li a.vimeo:hover,
.TopBar ul.social li a.facebook:hover,
.TopBar ul.social li a.twitter:hover { opacity: 0.8; }
.TopBar ul.social li a.vimeo { width:15px; }
.TopBar ul.social li a.facebook { width:8px; background-position:-33px top; }
.TopBar ul.social li a.twitter { width:11px; background-position: right top;}
.TopBar ul.social li.followus {font-size:13px;color:#fff;line-height:16px;}

.TopBar ul.ipad-visible {display: none; float: right;}
.TopBar ul.desktop-visible {display: block;}


.TopBar ul.search { float: right; margin-left:40px;}
.TopBar ul.search input[type="text"] { width:70px; height: 40px; background: #000; border:1px solid #000; font-style: 93%; color:#fff; float: right; padding:5px;   -webkit-transition:all 1s ease-in-out;
   -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.TopBar ul.search input[type="text"]:focus { width:120px; background: #666; border-color:#666; color:#fff;}
.TopBar ul.search input[type="image"] { border:none; vertical-align: top; padding:0; margin-top:12px; margin-right:10px;}
.TopBar ul.search .imagesearch {border:none;padding-top:14px;margin-right:3px;}

.header { }
.header img.logo {margin-top: 20px; margin-bottom: 10px; display: block;float: left; width: 181px;}
.header ul.desktop { float:right;}
.header ul.desktop li.toplink {float: left; display: inline-block; }
.header ul.desktop li.toplink a {font-size: 110% ;color:#000; text-transform: uppercase; text-decoration: none; line-height: 8em; padding-left: 16px; font-family: "ProximaNovaRegular", sans-serif; letter-spacing: 1px; }
.header ul.desktop li.toplink a:hover {color:#cc0000; text-decoration: underline;}

.iphone-resize {position:relative; z-index:10;}
.header ul.ipad {float: right; cursor: pointer; background-color: #fff; height: 30px; width:300px; overflow: hidden; list-style: none; padding: 0 25px 0 0; display:none; border:1px solid #ccc; margin-top: 40px; background: url(http://autograph-abp.co.uk/images/site/select-arrow.png) no-repeat 98% center; }
.header ul.ipad.goTo {overflow: visible;}
.header ul.ipad li {float:left; background-color: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; height: 30px; margin-left: -1px; width: 305px;}

.header ul.ipad li.opt {display:none;}
.header ul.ipad li a, .header ul.ipad li.active {font-size: 110%; display: block; padding: 7px 10px; color: #000; text-decoration: none;  font-family: "ProximaNovaRegular", sans-serif; letter-spacing: 1px; width: 270px; text-transform: uppercase;}
.header ul.ipad li.active {border-left: none; border-right:none; margin-left: 0px; height:16px;background:transparent; width:305px;}
.header ul.ipad li a:hover {color:#cc0000; text-decoration: none;}


/* ----------------------------------
  03. Containers
----------------------------------- */
.main > section { }
section > aside { float: right; }
.main header{ color: #555;  }
.main header hr{border-top-color:#999; }
/*.main-autograph {background:url(http://autograph-abp.co.uk/images/site/main940.jpg) no-repeat; background-position:top center; background-size: 100%; }*/

.arrow:after {content:" \27F6"; /* html unicode: ⟶ */ } 
.arrow {color: #999; font-style: italic;}
.arrow:hover {color: #0078CF; }

.Container {width: 100%;}
.ContainerAutograph {position: relative; overflow-y: hidden;}
.ContainerCenter {background: #FFFFFF url(http://autograph-abp.co.uk/images/site/bottom-line.png) repeat-x bottom;}

.main-autograph {
  position:relative;
}

#main-content {
  position: absolute;
  width: 100%;
  bottom: 50%;
  margin-bottom: -180px;
}
.main-autograph .big-picture { width:100%;}

/* RedBox */
.redbox { width: 90%; max-width: 1100px; margin:0 auto;  background-color:rgba(204,0,0,0.7);}
.redbox h2 {color:#fff; z-index:5; font-family: "ProximaNovaRegular", sans-serif; text-align: center; opacity: 1; margin-bottom: 0px; letter-spacing: 1px;}
.redbox h3 {color:#fff; z-index:6; font-size:3em; font-family: "ProximaNovaBold", sans-serif; text-transform: uppercase; text-align: center; opacity: 1; margin:15px 0;}
.redbox h4 {color:#fff; z-index:7; font-family: "Times New Roman", sans-serif; font-style: italic; text-align: center; opacity: 1; margin:0;}
.redbox a {color:#fff; text-decoration:none; display:block; padding: 20px 5px;}
.redbox a:hover {text-decoration:none; opacity:0.8;}
/* Scroll */
.scroll-box {position: relative; margin:0 auto; width: 178px;height: 49px;background: url(http://autograph-abp.co.uk/images/site/scrolldown.png)no-repeat; top:-49px; z-index: 10;}

/* Content */
.ContentTitles {padding-bottom: 60px; padding-top:10px; background: url(http://autograph-abp.co.uk/images/site/separator.png) no-repeat bottom center;}
.ContentTitles ul.Titles {position: relative; margin:0 auto; text-align: center;}
.ContentTitles ul.Titles li.title {margin:0 auto; position: relative; display: inline-block; font-size: 200%; color:#000; text-transform: uppercase; font-family: "ProximaNovaRegular", sans-serif; padding:0px 10px 0px 10px; letter-spacing: 1;}

.ContentQuote {}
.ContentQuote p {font-style: italic; font-size:150%; text-align: center; color:#000; font-family:"Times New Roman",Georgia,Serif; line-height: 150%;}
.ContentQuote span.featured {color:#cc0000;}

/* What We Do, Image Bank & Multimedia*/
.ContainerWeDo h1 {font-size: 160%; color:#000; text-transform: uppercase; font-family: "ProximaNovaRegular", sans-serif; margin:40px 0px 20px 0px;}

.wedo-container {float:left; margin:0 40px 40px 0px; line-height: 0%;}
.wedo-container img {width:100%; height:auto;}
.wedo-description {height:auto;width:100%;background-color: #000; line-height: 1; padding:0 0 1.5em;}

.wedo-description .zoombox, .up-event .zoombox {float:right; position:absolute; bottom: 16px; right: 16px; height: 15px;width: 15px;background-color: #fff; text-align: center;}
.wedo-description .zoombox a, .up-event .zoombox a {font-size: 125%; color:#000; text-transform: uppercase; text-align: center; margin: 0 auto; line-height: 90%; text-decoration: none;}
.wedo-description .zoombox a:hover, .up-event .zoombox a:hover {color:#fff; text-decoration: none;}
.wedo-description .zoombox:hover, .up-event .zoombox:hover {color:#fff; background-color: #cc0000;}


.wedo-container .link-container, .multi-container .link-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index:1;
  padding:0;
}

.wedo-container .link-container a, .multi-container .link-container a {
  display: block;
  height: 100%;
  position: relative;
  background: none;
}

.wedo-container .link-container span, .multi-container .link-container span {
  position: absolute;
  top: 20px;
  right: 14px;
  line-height: 15px;
  display: block;
  width: 15px;
  background: #FFFFFF;
  text-align: center;
  color: #000000;
  font-size: 100%;
}


.wedo-container .link-container a:hover span, .multi-container .link-container a:hover span {
  background: #CC0000;
  color: #FFFFFF;
}

.wedo-container.Special-entry .link-container a:hover span {
  background: #000000;
}

.wedo-description > .link-container span, .multi-container > .link-container span {
  bottom:20px;
  top:auto;
}


.wedo-description h3 {
  padding:16px 15% 0% 7%;
  margin: 0 0 6px;
  font-family: "ProximaNovaRegular",sans-serif;
  text-transform:uppercase;
  line-height:1.2em;
  color: #CC0000;
  font-size:108%;
}
.wedo-description h3 a {
  position:relative;
  z-index:2;
}
.wedo-description h2 {
  font-size: 154%;
  padding:0% 15% 0% 7%;
  margin: 0 0 6px;
  font-family: "ProximaNovaRegular",sans-serif;
  letter-spacing:0;
  line-height:1.2em;
  color:#FFFFFF;
  text-transform:uppercase;
}

.wedo-description small {
  padding: 0 15% 0 7%;
  display:block;
  line-height:1.2em;
  margin:0 0 6px;
  font-size:139%;
  color:#CC0000;
}
.wedo-description p {
  padding:0 15% 0 7%;
  color:#FFFFFF;
  line-height:1.25em;
  font-size:108%;
}


.wedo-description a, .ContainerMultiMedia a, .ContainerImageBank a  {color:inherit;}
.ContainerImageBank h2, .homepage .col-three-quarters > h2 {font-size: 160%; color:#000; text-transform: uppercase; font-family: "ProximaNovaRegular", sans-serif; margin:40px 0px 20px 0px;}

.media-container {float:left; margin:40px 0px 0px 0px; width:100%;}
.media-container img {width: 100%;}

.media-description {height:auto; width:100%; background-color: #cc0000;}
.media-description h2 {font-size: 20; color:#fff; padding:16px 0% 0% 7%; max-width: 86%; margin: 0 0 0 0px; font-family:"ProximaNovaSemiBold", sans-serif; }
.media-description h3 {font-size: 139%;; color:#000; padding:5px 0% 16px 7%; max-width: 86%; margin: 0 0 0 0px; font-family:"ProximaNovaSemiBold", sans-serif;}

.ContainerMultiMedia h2 {font-size: 160%; color:#000; text-transform: uppercase; font-family: "ProximaNovaRegular", sans-serif; margin:40px 0px 20px 0px;}

.multi-container {float:left; margin:20px 0px 0px 0px; line-height: 0%; position:relative;}
.multi-container img {width: 100%;}
.multi-description {height:auto;width:100%;background-color: #000;line-height: 1;}
.multi-description h3 {font-size: 20; color:#fff; padding:16px 0% 0% 7%; max-width: 86%; margin: 0 0 0 0px;}
.multi-description h2 {font-size: 20; color:#cc0000; padding:5px 0% 0% 7%; max-width: 86%; margin: 0 0 0 0px;}
.multi-description h4 {font-size: 20; color:#fff; padding:5px 0% 16px 7%; max-width: 86%; margin: 0 0 0 0px;}




/*What's happenning section*/

.interior {
}
#header-main-container {
  margin:3em 0;
}

#header-main-container.filter-on {
  overflow:hidden;
}

#header-main-container.filter-on h1 {
  float:left;
  margin:0;
}

#header-main-container.filter-on #filter-button {
  float:right;
  display:block;
  background:#000000 url(http://autograph-abp.co.uk/images/site/bg-filter.png) no-repeat 8px -42px;
  color:#FFFFFF;
  text-transform: uppercase;
  font-weight:bold;
  line-height: 1.8em;
  padding: 0 1em 0 2em;
  font-size: 93% ;
  border:none;
  top:0;
  text-decoration:none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

#header-main-container .filter-box {
  float: right;
  margin:0 1% 0 0;
}

#header-main-container .filter-box p {
  float:left;
  line-height: 2em;
  margin:0 1em 0 0;
  font-size: 108%;
  font-style: italic;
}

#header-main-container #filter {
  cursor:pointer;
  display: block;
  background: #000000 url(http://autograph-abp.co.uk/images/site/bg-filter.png) no-repeat 8px -39px;
  color: #FFFFFF;
  text-transform: uppercase;
  outline: none;
  border:none;
  line-height: 2em;
  font-size: 100%;
  padding: 0 1em 0 2em;
  font-style: normal;
  font-family: Arial, sans-serif;
  width: auto;
  border-radius:0;
}

#header-main-container.filter-on #filter-button.open {
  background-position:8px 6px;
}



#header-main-container.filter-on #filters {
  display:none;
  padding:20px;
  clear:both;
  background: #EEEEEE;
  margin: 4em 0 0;
}

#header-main-container.filter-on form {
  width:100%;
}

#header-main-container.filter-on form label {
  display:none;
}

#header-main-container.filter-on .form-text, #header-main-container.filter-on select{
  font-family:"Times New Roman", serif;
  color:#333333;
  font-size: 120%;
  font-style: italic;
}

#header-main-container.filter-on .form-text {
  width:48%;
  padding-left: 30px;
  background:#FFFFFF url(http://autograph-abp.co.uk/images/site/bg-search-bar.png) no-repeat 8px 7px;
}

#header-main-container.filter-on select {
  width:35%;
  margin: 0 1%;
}

#header-main-container.filter-on button{
  background:#CC0000;
  line-height: 28px;
  padding: 0 0.8em;
  text-transform: uppercase;
  font-size: 1em;
  text-shadow:none;
  color:#FFFFFF;
  font-weight:bold;
  font-family: "ProximaNovaRegular",sans-serif;
}

#interior-4-columns .wedo-container{
  width: 23%;
  margin:0 0.95% 40px;
}

#interior-4-columns #ContainerMasonry4 {
  width:100%;
}

#interior-4-columns #ContainerMasonry1 {
  margin:0 auto;
}


.interior-2-columns #content {
  width: 60%;
  float:left;
}

#content p {
  margin: 0 0 1.5em;
  line-height: 1.5em;  
}

#content {
  color:#333333;
}

#content ul {
  margin: 1em 1em 1em 2em;
}

#content ul li {
  list-style: disc ;
  margin: 0 0 1em;
  line-height: 1.5em; 
}

#content h3 {
  color: #000000;
  font-family: "ProximaNovaRegular",sans-serif;
  font-size: 140%;
  margin: 40px 0 ;
  text-transform: uppercase;
  line-height: 1;
}

.pages #content h3:first-child {margin-top: 0;}

.interior-2-columns #aside {
  width:37%;
  float:right;
}

.interior-2-columns #aside figure{
  margin:0 0 2em;
}

.interior-2-columns #aside figure img {
  width: 100%;
}

figcaption {
  padding: 20px;
  background: #EEEEEE;
}

#content p a, #excerpt p a, #content li a, #excerpt li a {font-weight: bold;}
#content .items {
  margin:0;
}

#content .items li {
  list-style:none;
  border-bottom: 1px solid #CFCFCF;
  margin: 0 0 2em;
  padding: 0 0 2em;
}

#content .items li.last {
  border-bottom: 0;
}

#content .items li strong {
  text-transform: uppercase;
  color: #000000
}


/*Contact*/


#contact h3.subtitle {
    color: #333333;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 123%;
    font-weight:bold;
    margin: 30px 0;
}

#content .contact-info {
    float: left;
    width: 220px;
}

#content .contact-pic {
    float: right;
    width: 400px;
}

#content .contact-form {
    float: left;
    margin-left: 40px;
    width: 400px;
}

#content .contact-info > .subtitle {
  margin-top:0;
}

#content .contact-info ul {    
    margin: 0;
    padding: 0;
}

#content .contact-info ul.info {
    margin-bottom: 30px;
}

#content .contact-info ul li {
    margin-bottom: 5px;
    list-style: none;
}

#content .contact-info .newsletter {
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    padding-bottom: 30px;
    padding-top: 10px;
}


.contact-info .newsletter a.join {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    display: inline-block;
    font-size: 77%;
    font-weight: bold;
    line-height: 180%;
    padding: 0 5px;
    text-transform: uppercase;
    text-decoration:none;
}

.contact-info .newsletter a.join:hover {
    background: none repeat scroll 0 0 #CC0000;
    text-decoration: none;
}

.contact-info .social ul li a {
    color: #333333;
    padding-left: 26px;
    text-decoration:none;
}

.contact-info .social ul li a.vimeo {
    background: url(http://autograph-abp.co.uk/images/site/ic-social_dark.png) no-repeat scroll left 0 transparent;
}

.contact-info .social ul li a.fb {
    background: url(http://autograph-abp.co.uk/images/site/ic-social_dark.png) no-repeat scroll left -24px transparent;
}

.contact-info .social ul li a.tw {
    background: url(http://autograph-abp.co.uk/images/site/ic-social_dark.png) no-repeat scroll left -47px transparent;
}

.contact-info .social ul li a:hover {
    color: #CC0000;
    text-decoration: none;
}

.contact-form form {
    background: none repeat scroll 0 0 #EEEEEE;
    display: block;
    overflow: auto;
    padding: 33px 30px 12px;
}

#content .contact-form form h3.subtitle {
    margin-bottom: 10px;
    margin-top: 0;
}

.contact-form form p.notice {
    display: block;
    margin: 0 0 20px;
}

br.Clear {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
}

.contact-form form .row {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-bottom: 10px;
    padding-left: 10px;
}

.contact-form form .row label {
    display: inline-block;
    line-height: 40px;
    width: 110px;
    margin:0;
}

label {
    cursor: pointer;
}

.contact-form form .row input[type="text"] {
    border: 1px solid #FFFFFF;
    padding: 10px;
    width: 190px;
}

textarea {
    overflow: auto;
    resize: vertical;
    vertical-align: top;
}

.contact-form form .row textarea {
    border: 1px solid #FFFFFF;
    height: 127px;
    min-height:127px;
    padding: 10px;
    width: 190px;
}


.contact-form form p {
    display: inline;
    margin-right: 5px;
}

.contact-form form input#captcha {
    width: 140px;
}

.contact-form form input[type="submit"] {
    background: none repeat scroll 0 0 #CC0000;
    border: 1px solid #CC0000;
    color: #FFFFFF;
    float: right;
    font-size: 100%;
    margin-top: 20px;
    text-transform: uppercase;
}

.contact #mc_embed_signup {
  padding:0 0.8em;
}

.contact #mc_embed_signup h4 {
  font-size:108%;
  margin: 0.8em 0;
}

/*Events*/

.wedo-container.col-full {
  width:94%;
  margin: 0 0 40px;
}

.events #ContainerMasonry1 .wedo-container {max-width:45%; margin:0 0 40px;}
.events #ContainerMasonry1 .wedo-container.col-full {max-width:95%; width:auto;}

#date-box {
  background:#CC0001;
  color:#FFFFFF;
  text-transform:uppercase;
  font-family: "ProximaNovaBold",sans-serif;
}

#date-box .month{
  border-bottom:1px solid #fffdf3;
  line-height:60px;
  font-size: 146%;
  text-align:center;
}

#date-box .day {
  text-align: center;
  padding: 15% 0;
  font-size: 208%;
}

#date-box .day span {
  display:block;
  font-size: 355%;
  margin: 5px 0 0;
}

#calendar {
  background:#EEEEEE;
  padding: 6%;
  margin: 0 0 20px;
}

#nav-cal {
  text-align:center;
  font-family: "ProximaNovaSemiBold",sans-serif;
  line-height:20px;
  font-size: 124%;

}

#nav-cal .last, #nav-cal .next {
  display:block;
  height:20px;
  width:20px;
  text-indent: -999999px;
}

#nav-cal .last{
  float:left;
  background: url(http://autograph-abp.co.uk/images/site/last.png) no-repeat;
}

#nav-cal .next{
  float:right;
  background: url(http://autograph-abp.co.uk/images/site/next.png) no-repeat;
}

#calendar table {
  width:100%;
  text-align:center;
  font-family: "ProximaNovaRegular",sans-serif;
}

#calendar table thead {
  line-height:4em;
}

#calendar td {
  line-height: 2.8em;
}

#calendar td a {
  display:block;
  background:#CCCCCC;
  color:#333333;
  font-weight:bold;
  text-decoration:none;
}

#next-events {
  font-family: "ProximaNovaRegular",sans-serif;
}

#next-events h3 {
  font-size: 160%;
}

.up-event {
  position:relative;
  background: #EEEEEE;
  margin:0 0 20px;
  padding:0 0 6%;
}

.up-event .header-up-event {
  background: #000000;
  color: #CC0001;
  padding:6%;
  margin:0 0 12px;
  font-family: "ProximaNovaSemiBold",sans-serif;
}

.up-event .header-up-event h4 {
  color: #FFFFFF;
  margin:0 0 4px;
  font-size: 138%
}

.up-event p {
  padding:0 40px 0 6%;
}

.up-event .header-up-event .date {
  font-size: 116%;
  margin:0;
  padding:0;
}

.up-event .zoombox {
  background: #000000;
}

.up-event .zoombox a {
  color: #FFFFFF;
}


/*Multimedia Section*/

#multimedia .col-full {
  background:#000000;
  
}

#multimedia .col-full h2 {font-size: 210%;}

#multimedia .wedo-container {
  width:45%;
  margin:0 0 40px;
}

.wedo-container .video-icon {
  position:absolute;
  width:100%;
  height:50%;
  background: url(http://autograph-abp.co.uk/images/site/video-icon.png) no-repeat center center;
}

.col-full.wedo-container .video-icon {
  width:70%;
  height:100%;
}

#multimedia .wedo-container.col-full {
  width:96%;
}

#multimedia .col-full img {
  float:left;
  width:70%;
}

#multimedia .col-full img + .wedo-description {
  margin-left: 70%;
  width: auto;
}

#multimedia .wedo-description h2 span{
  display:block;
  color:#CC0000;
}

#multimedia .wedo-description h3 a{
  color: #FFFFFF;
}

#multimedia .wedo-description p{
  max-width:84%;
  padding: 5px 0% 0% 7%;
  color: #FFFFFF;
  font-size: 115%;
  line-height: 130%;
}

#multimedia .wedo-container .link-container {
  max-width: 100%;
  padding:0;
}


#tabs > ul {
  overflow:hidden;
}

#tabs > ul li {
  float:left;
  width:33%;
}

#tabs > ul li a {
  background:#CCCCCC;
  text-transform: uppercase;
  color: #000000;
  display:block;
  border-bottom:5px solid #FFFFFF;
  line-height: 50px;
  text-align:center;
  text-decoration:none;
}

#tabs > ul li.second a{
  margin:0 5px;
}

#tabs > ul li a.active, #tabs > ul li a:hover {
  background: #EEEEEE;
  border-bottom-color: #EEEEEE;
}

#tabs > ul li a:hover {
  text-decoration:none;
}

#tabs div {
  background: #EEEEEE;
  max-height: 550px;
  padding: 10px 20px;
  overflow-y:auto;
}

#tabs div li{
  border-bottom:2px groove #FFFFFF;
  overflow:hidden;
  padding: 20px 0;
}

#tabs div li.last {border:0;}

#tabs div li a {
  position:relative;
  display:block;
}

#tabs div li a img:hover {opacity:1;}

#tabs .badge {
  font-size:85%;
  font-weight:normal;
  top: 5px;
  left:0;
  right:auto;
  text-transform:uppercase;
  padding: 2px 5px;
}

#tabs div li img {
  float: left;
  max-width: 90px;
}

#tabs div li a+h2{
  margin:0 0 0 100px;
}

#tabs div li h2 {
  margin:0;
  font-size: 108%;
}

#tabs div li h2 span{
  display:block;
}

#tabs div li h2 a {
  color:#333333;
  text-decoration:none;
}

#tabs div li h2 a:hover {
  color:#CC0000;
}

/*Single-Multimedia*/

#single-multimedia {
  width:93%;
  font-size:108%;
  line-height: 1.5em;
  color: #000000;
}
#single-multimedia:after { content:""; display:block; clear:both; }
#single-multimedia header{
  border-bottom:1px solid #CCCCCC;
  overflow:hidden;
  margin: 40px 0;
  padding:0 0 40px;
}

#single-multimedia header hgroup {
  float:left;
  width:65%;
}

#single-multimedia header h2, #single-multimedia header h1 {
  margin: 0;
  font-size: 160%;
  text-transform: uppercase;
  font-family: "ProximaNovaRegular", sans-serif;
}

#single-multimedia header h2 {
  color: #CC0000;
}

#single-multimedia header .social {
  width:35%;
  float:right;
  font-weight:bold;
  text-transform:uppercase;
}

#single-multimedia header .social a {
  margin:0 0 0 0.8em;
}

#single-multimedia .content {
  margin:0 0 40px;
}

#single-multimedia .extra-content {
  width:58%;
  float:left;
}

#single-multimedia a {
  text-decoration:none;
}

#single-multimedia a:hover {
  text-decoration: underline;
}

#single-multimedia .extra-content ul {
  list-style: disc;
  margin:0 0 0 2em;
}

#single-multimedia .credits, #single-multimedia .sponsors {
  margin: 40px 0 0;
  border-top: 1px solid #CCCCCC;
  padding:40px 0 0;
}

#single-multimedia .credits p {
  margin:0 0 1.5em;
}

#single-multimedia ul.other-pics {
  margin:2em 0; list-style: none;
}

#single-multimedia aside {
  width:38%;
  float:right;
}

#single-multimedia aside h2, #single-multimedia .extra-content h3{
  font-size:100%;
  text-transform: uppercase;
  font-weight:bold;
  color: #000000;
  margin: 0 0 1.5em;
}

#single-multimedia .info-box {
  background: #EEEEEE;
  padding: 20px;
  margin:0 0 40px;
}

#single-multimedia .info-box p+p {
  margin:1em 0 0 ;
}

#single-multimedia .quote {
  background:#000000;
  color:#FFFFFF;
  padding:20px;
  margin:0 0 40px;
}

#single-multimedia .quote blockquote {
  color:#FFFFFF;
}

#single-multimedia .tags li a{
  float:left;
  display:block;
  color: #FFFFFF;
  background: #999999;
  padding: 4px 5px;
  margin: 0 5px 0 0;
  text-decoration:none;
}

#single-multimedia .tags li a:hover {
  background: #CCCCCC;
  color: #CC0000;
}

#single-multimedia .logos img {float:left; margin: 0 15px 15px 0}

.footerLight .logos {overflow: hidden; display: inline-block; width:auto;}

/*Photo of the week*/

#photoWeek figure {
  margin: 0 0 1.5em 0;
}

#photoWeek {
  color: #000000;
  line-height:1.5em;
}

#photoWeek .content {
  margin: 0 0 1.5em;
  border-bottom: 1px solid #000000;
}

#photoWeek .content, #photoWeek .subscribe {
  margin-left:4em;
}

#photoWeek .content p {
  margin:0 0 1.5em;
  font-size:108%;
}

#photoWeek .form-photo-week {
  margin: 20px 0;
  background: #EEEEEE;
  padding: 20px;
  overflow:hidden;
}

#photoWeek .form-photo-week input[type="submit"] {
  float:right;
  margin: 20px 0 0;
}

#photoWeek .form-photo-week input[type="submit"]:active {
  top:0;
  border-color: #BBB;
  border-radius:inherit;
}

/*Timeline section*/

#timeline .col-three-quarters {
  position:relative;
}

#timeline .col-one-quarter {
  float:right;
}

.timeline-container{
  width: 16px;
  text-align: center;
  margin: 0 auto;
  display: block;
 }
.timeline{
  margin: 0 auto;
  background-color: #EEEEEE;
  display: block;
  float: left;
  height: 100%;
  left: 48.3%;
  position: absolute;
  width: 6px;
}

#timeline .ContainerMasonry {
  margin: 0 1px 40px 0;

}

#timeline .title-filter {
  font-size: 300%;
  color: #CE0000;
  font-family: "ProximaNovaSemiBold",sans-serif;
  margin: 0 0 10px;
}

#timeline .timeline-year .wedo-description {
    padding:2em 0;
    background: #CCCCCC;
}

#timeline .timeline-year .wedo-description h2 {
    font-size:257%;
    margin:0;
    color: #CE0000;
    font-family: "ProximaNovaBold", Arial, sans-serif;
}

#timeline .wedo-container {
  margin: 0 10px 40px;
  width:45%;
}

#timeline .wedo-container img {
}

#timeline .wedo-description {
  position:relative;
}

#timeline .wedo-description p {
  color: #FFFFFF;
  font-family: "ProximaNovaRegular",sans-serif;
  padding: 4% 14% 4% 7% ;
}

#timeline .wedo-description p strong, #timeline .wedo-description p b {
  font-family: "ProximaNovaBold",sans-serif;
}

#timeline .custom_caption {
    margin-top:0;
}

blockquote {
  padding: 1% 12% 4% 15%;
  font-size: 1.5em;
  font-family: "ProximaNovaRegular",sans-serif;
  color: #666666;
  font-style: italic;
  line-height:1.2em;
  text-indent: -8%;
}

#timeline blockquote {
  text-indent:-5%;
}

.wedo-description blockquote {color: #FFFFFF;font-family: "ProximaNovaSemiBold",sans-serif;}

blockquote:before {
content: "\201C ";
font-size:212%;
line-height:0;
  font-style: normal;
vertical-align:text-bottom;
color:#CCCCCC;
}

blockquote:after {
content: "\201D";
font-size:212%;
line-height:0;
  font-style: normal;
vertical-align:text-bottom;
color: #CCCCCC;
padding-top:40px;
margin-left:0.1em;
}

.wedo-description blockquote:before, .wedo-description blockquote:after { color:#333333;}

.wedo-container .wedo-description blockquote + p {font-size:100%; color: #888888;}

blockquote a {
  text-decoration: none;
}

.wedo-container.Special-entry .wedo-description {
  background: #CE0000;
}


.wedo-container.Special-entry .wedo-description h3 {
  color:#000000;
}
.Special-entry .wedo-description h2, .Special-entry .wedo-description h4 {
  color: #FFFFFF;
}

.rightCorner { 
  background-image: url(http://autograph-abp.co.uk/images/site/right.gif);
  display: block;
  height: 18px;
  right: -24px;
  margin-top: 18px;
  padding: 0;
  vertical-align: top;
  width: 25px;
  z-index:2;
  position: absolute;
}
.leftCorner{
  background-image: url(http://autograph-abp.co.uk/images/site/left.gif);
  display: block;
  height: 18px;
  width: 25px;
  margin-left: -25px;
  margin-top: 18px;
  position: absolute;
  z-index:2;
}

#timeline .Special-entry .rightCorner {
  background-image: url(http://autograph-abp.co.uk/images/site/right-red.png);
}

#timeline .Special-entry .leftCorner {
  background-image: url(http://autograph-abp.co.uk/images/site/left-red.png);
}

.timeline-year .rightCorner {
  background-image: url(http://autograph-abp.co.uk/images/site/right-grey.png);
}

.timeline-year .leftCorner {
  background-image: url(http://autograph-abp.co.uk/images/site/left-grey.png);
}

#timeline .time-filter {
  padding: 7%;
  background: #EEEEEE;
  font-family: "ProximaNovaRegular",sans-serif;
  margin: 0 0 2em;
}

#timeline .time-filter h3 {
  font-size: 128%;
}

#timeline .time-filter ul {
  padding: 0 0 0 1.2em;
  margin: 2em 0 0;
}

#timeline .time-filter ul li {
  margin: 0 0 1em;
  font-size:108%;
}

#timeline .time-filter ul li a{
  color: #333333;
  text-transform:uppercase;
  text-decoration: none;
}

#timeline .time-filter ul li a:hover {
  text-decoration: underline;
}

#timeline .time-filter select {
  width:100%;
  border:1px solid #CCCCCC;
}



#timeline a:hover {
  color:inherit;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity:0.8;
  text-decoration:none;
}

/*Single event and exhibition*/

#event-page #aside {
  float:right;
  width:55%;
} 

#gallery  { margin:0; padding:0; list-style:none;}
#gallery li { text-align:center;}
#gallery li span.caption, .custom_caption { display: block; background:#eee; padding:10px; text-align:left; line-height: 110%;}
.custom_caption {margin-top:0;}
.bx-window #gallery li img { cursor:pointer; }

#event-page .main-pic { margin-bottom:40px;}
#event-page .main-pic a.bx-prev,
#event-page .main-pic a.bx-next { display:none;}
#event-page .main-pic .bx-pager { text-align:center; margin-top:10px;}
#event-page .main-pic .pager-link { display:inline-block; background:#ccc; color:#ccc; border-radius:10px; margin-right:10px; padding:0 4px; font-size:70%; line-height:1.4;}
#event-page .main-pic .pager-link.pager-active { background:#CC0000; color:#CC0000;}

#event-page .videos { margin:0 0 40px;}

#event-page .videos iframe { width:100%;}

ul.other-pics { margin:0; padding:0; list-style:none; display:table; width:104%; }
ul.other-pics li { list-style:none; margin: 0 0 40px; padding:0; width:46%; }
ul.other-pics li.left { float:left; clear:left; }
ul.other-pics li.right { float:right; clear:right; }
ul.other-pics li span.caption { display: block; padding:10px; background:#eee;line-height:1.2em;}

#event-page #content {
  float:left;
  width:40%;
font-size:108%;
} 

#event-page #content>h3, #content .exhibition-item .description>h3  {
  margin: 0 0 0.5em;
  text-transform: none;
  line-height: 1.22em;
  font-size:185%;
  font-family: "ProximaNovaSemiBold",sans-serif;
  text-transform: uppercase;
}

#event-page .info-box, .exhibition-item .info-box {
  background: #EEEEEE;
  padding: 7%;
}

#event-page .info-box h2, .exhibition-item .info-box h2 {
  margin:0;
  color: #CC0001;
  font-family: "ProximaNovaSemiBold",sans-serif;
  font-size: 193%;
  text-transform: uppercase;
}

#event-page .info-box .date, .exhibition-item .info-box .date {
  font-family: "ProximaNovaSemiBold",sans-serif;
  font-size: 143%;
  text-transform:uppercase;
  margin:0;
}

#event-page .info-box .type {
  margin:0;
  color: #CC0000;
  font-size:124%;
}

#event-page .info-box .place {
  font-size:124%;
  text-transform:uppercase;
  margin:0;
}

#event-page .info-box .price {
  font-size:154%;
  font-family: "ProximaNovaSemiBold",sans-serif;
  margin: 0.8em 0 0;
}

#event-page .info-box form {
  margin:0.8em 0 0 ;
}

#event-page .info-box label {
  display:none;
}

#event-page .info-box input {
  width: 35px;
  font-family: "ProximaNovaRegular",sans-serif;
  height:35px;
  margin-right: 0.5em;
  text-align: center;
}

#event-page .info-box button {
  font-family: "ProximaNovaRegular",sans-serif;
  text-transform: uppercase;
  font-size:100%;
  background: #CC0000;
  color:#FFFFFF;
  line-height:31px;
  padding:0 4%;
  margin:0;
}

#event-page .extra-info a {
  text-decoration: none;
}

#event-page .extra-info a:hover {
  text-decoration: underline;
}

#event-page .extra-info {
  border-top:1px solid #EEEEEE;
}

#event-page .extra-info h3{
  margin: 1em 0;
  font-family: "ProximaNovaSemiBold",sans-serif;
  padding: 0 15px 0 0;

}

#event-page .extra-info blockquote a {
color:inherit;}

#event-page .show-info h3{
  cursor:pointer;
  background: url(http://autograph-abp.co.uk/images/site/slide-section.gif) no-repeat right top;

}

#event-page .show-info h3.active {
  color:#CC0000;
  background-position: right -100px;
}

#event-page .sect-content {
  font-family: Arial,sans-serif;
  display:none;
}

#event-page #part-of-exhibition a {
  font-size:108%;
  text-decoration:none;
}

#event-page #part-of-exhibition a:hover {
  text-decoration:underline;
}

.extra-info .section-content {
  padding:0 0.8em;
}

#event-page #press blockquote, #event-page #acclaim blockquote, #event-page #visitor blockquote {
  font-size:114%;
  padding: 0 6% 4% 4%;
}

#event-page #contributors img {
  float:left;
}

#event-page #contributors h4 {
  font-size:114%;
  font-weight:bold;
  margin:0 0 0.5em -0.4em;
}

#event-page #contributors .single-contributor {
  clear:both;
  margin: 0 0 1em;
  overflow:hidden;
}

#event-page #contributors .bios-toggle {
  cursor:pointer;
  color: #CC0000;
  margin: 0;
}

#event-page #contributors img+.bios {
  margin: 0 0 0 110px;
}

#event-page #contributors .bios .red {
  margin:0;
}

#event-page #contributors .more-bios p {
  margin:0;
}

#event-page #contributors .more-bios p+p {
  margin-top:1em;
}

#event-page #downloads ul {
  margin-left:3em;
}

#event-page #downloads li{
  list-style-image: url(http://autograph-abp.co.uk/images/site/down-bullet.gif);
}

#event-page #downloads li a {
  color:#333333;
  text-decoration: none;
}

#event-page #downloads li a:hover {
  color:#CC0000;
  text-decoration:underline;
}

#event-page #support img {
  margin:  0 3em 2em 0;

}

#event-page #event .single-event {
  margin:0 0 1em;
}

#event-page #event .single-event p{
  margin:0;
}

#event-page #content .tit-exhibition, #content .exhibition-item .description .tit-exhibition {
  color: #CC0000;
}

#event-page #parent-event p {margin:0;}

.tit-exhibition span {color: #000;}

#event-page #description, .exhibition-item .description {
  margin:1em 0 0;
  font-family: Arial,sans-serif;
}

.exhibitions .listing-quote blockquote {
  padding:0;
  text-indent:-2%;
  margin:2%;

}

.exhibitions .future {
  border-top: 1px solid #000000;
  float: left;
  margin-top: 20px;
}

.exhibition-item:after {
  content: "";
  display: table;
  clear: both;
} 

.exhibition-item {
  border-bottom: 1px solid #CCCCCC;
  padding:0 0 3em;
  margin: 0 0 3em;
}

.exhibitions .exhibition-item.current-event {
  padding: 0;
  margin: 0;
  border:none;
}


.exhibitions .current-event + .current-event {
  border-top:1px solid #CCCCCC;
  border-bottom:none;
  padding: 3em 0 0;
  margin: 3em 0 0;
}

.exhibition-item .aside {
  float:left;
  width:35%;
}

.exhibition-item .description {
  float:right;
  width:62%;
  margin:0;
}

.exhibition-item .info-box {
  padding:4% ;
}

.exhibition-item .info-box + p {
  font-weight:bold;
}

#content .exhibition-item .info-box p {
  margin:0;
}

#content .exhibition-item .info-box p+p {
  margin-top:1.2em;
}

.exhibition-item .description p{
  font-size:108%;
}

.exhibition-item .description .info-box {
  margin: 0 0 2em;
}

.exhibition-item .description .info-box h2 {
  font-family: "ProximaNovaRegular", Arial, sans-serif;
  color: #333333;
  text-transform: uppercase;
}

.exhibition-item .description .info-box .date {
  color: #CC0000;
  margin: 0 0 0.5em;
}

#content .read-more {
  font-size:93%;
  text-transform:uppercase;
  text-align: right;
}

#content .read-more a {
  background: #000000;
  color: #FFFFFF;
  text-decoration: none;
  line-height: 25px;
  padding: 0.5em;
  font-family: "ProximaNovaRegular", Arial, sans-serif;
} 

#content .read-more a:hover {
  background: #CC0000;
}

.red {
  color:#CC0000;
}

.aside {
  position:relative;
}

#content .aside .label {
  position:absolute;
  top:15px;
  left:-5px;
  padding: 0 0.5em 0 ;
  text-transform:uppercase;
  color:#FFFFFF;
  background: #CC0000;
  line-height:24px;
  font-size: 100%;
  box-shadow: -1px 1px #6B0000;
}



.badge {
position: absolute;
top: 10px;
right: -5px;
padding: 5px 10px;
text-transform:uppercase;
font-style: 93%;
color: #fff;
font-weight: bold;
background: #C00;
box-shadow: 1px 1px #6B0000;
}

.highlighted-link {
  background: #CC0000;
  color: #FFF;
  text-decoration: none;
  padding:0.8em;
  text-transform:uppercase;
  font-size: 123.5%;
  display: block;
  margin:10px 0 30px;
  float:left;
  font-weight: bold;
}

.highlighted-link:hover {opacity:0.9;}

/* Detail pages - All */
.detail #excerpt {margin-top: 20px;}
.detail #excerpt p {
  font-weight: bold;
}
.detail #support img {float:left; margin: 0 15px 15px 0}
.detail blockquote {
  text-indent: -0.9em;
  font-size: 1.4em;
  line-height: 1.3em;
}
.detail blockquote {
  font-size: 1.3em;
  line-height: 1.3em;
}
.detail #support {padding-top: 25px}
.detail #programme table {margin-bottom: 15px; width: 100%;}
.detail #programme .time {width:20%; font-size: 0.9em}
.detail #programme .speaker p {margin:0;}
.detail #programme td, .detail #programme th {vertical-align: top; text-align: left; font-size: 0.9em;}
.detail #programme th {border-bottom: 1px solid #777;}

/* ----------------------------------
  04. Footer
----------------------------------- */
footer  { color: #fff; margin-top: 60px;}
footer nav ul { float: right; overflow: hidden; }
footer a {color: #999; text-decoration: none; }
footer li { float: left; padding-right: 1em; font-size: 0.8em; list-style: none;  }
footer li:last-child { margin-right: 0; padding-right: 0; border-right: none; }
.up a { display: block; text-align: center; margin: 0 auto; text-decoration: none; }

.footerLight {width: 100%; background-color: #eeeeee; padding:20px 0px 20px 0px;}
.footerLight .logos span {min-height:51px; float: left; margin:10px 20px 0px 0px; display:block;}
.footerLight .logos span img {padding-bottom:0px; margin-bottom: 0px;}

.footerDark {width: 100%; background-color: #000; padding:10px 0px 10px 0px;}
.footerDark h2 {float:left; font-size: 100%; color:#fff; padding: 10px 0px 10px 0px; margin-bottom: 0px ;font-family: "Arial",sans-serif;}
.footerDark ul.social { float: right; margin-top:12px; list-style: none; font-family: "Arial",sans-serif; font-size: 100%;}
.footerDark ul.social li a.vimeo,
.footerDark ul.social li a.facebook,
.footerDark ul.social li a.twitter { display: block; height: 13px; background: url(http://autograph-abp.co.uk/images/site/ic-social.png) no-repeat left top; text-indent: -990000px; float: left; overflow: hidden; -webkit-transition:all 1s ease-in-out; /* Change .. for http://autograph-abp.co.uk/ */
   -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.footerDark ul.social li a.vimeo:hover,
.footerDark ul.social li a.facebook:hover,
.footerDark ul.social li a.twitter:hover { opacity: 0.8; }
.footerDark ul.social li a.vimeo { width:15px; }
.footerDark ul.social li a.facebook { width:8px; background-position:-33px top; }
.footerDark ul.social li a.twitter { width:11px; background-position: right top;}
.footerDark ul.social li.followus {font-size:100%; color:#fff;line-height:110%;}

.mailfoot {float: right; margin-top: 20px; margin-bottom: 20px;}  
.mailfoot .footeritem {float:right; color:#000; font-weight: bold; font-size: 115%; font-family: "ProximaNovaSemiBold",sans-serif; padding-left: 15px; height: 32px;}
.mailfoot .footeritem h2 {font-size: 107%; padding:7px 0px 5px 40px; color:#000; background: url(http://autograph-abp.co.uk/images/site/mail.png) no-repeat left;}
.mailfoot .footeritem input[type="email"], #photoWeek input[type="text"]{cursor: text; width: 100%; font-style: italic; font-size: 14px; height: 32px; font-family: "Times New Roman",sans-serif;}
.mailfoot .footeritem input[type="email"] {width:200px;}
.mailfoot .footeritem input[type="submit"], .mailfoot .footeritem .button, #photoWeek input[type="submit"], #photoWeek .button, #dbheadpic .button {text-shadow:none; font-size: 93%;height: 32px; cursor: pointer; font-weight: bold; color: #fff; background: #cc0000; padding: 5px 20px 5px 20px; font-family: "ProximaNovaSemiBold",sans-serif; text-transform:uppercase;}

/* ----------------------------------
  05. Homepage
----------------------------------- */

/* Services */
.services aside { color: #999; padding-top: 1em; border-top: 1px solid #DDD;}
.services aside:after, .services h5:after { content: ""; display: block; height: 1px; width: 1em; background: #DDD; margin: 1em 0; }

/* Slider */

.ContentQuote { padding:40px 0 60px; height: auto; min-height:90px;}
.ContentQuote p { padding:0 100px 0;}

/* Works */
.works figure > a{ display: block; height: 100%; width: 100%; overflow: hidden; position: relative; border-top: 1px solid #DDD; padding-top: 1em; }
.works figure .zoom{ display: block; position: absolute; top: 10px; left: 0; background: url(http://autograph-abp.co.uk/images/site/zoom.png) no-repeat center; 
  width: 100%; height: 100%; *zoom: 1;opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 0); filter: alpha(opacity = 0); }
.works figure figcaption{ margin-top: 1em; padding: 0 0.5em; white-space: nowrap; }
.works figure figcaption a{line-height:2em; color: #555; font-weight: 700; }
.works figure figcaption p{ margin: 0; }
.works-page .works figure { margin-bottom: 3em;}

.main aside{margin-bottom: 3em}
.main aside menu{padding: 0 0 0 1em; line-height: 2em;}
.main aside menu a{color: #999;}
.main aside menu .buttonactive {color: #0078CF }

.homepage #ContainerMasonry1 .wedo-container {max-width:360px; width:100%;}

#searchfoot {
display:inline-block; 
width: 22%;
min-width: 100px;
vertical-align: top;
margin-top: 15px;
}


/* ----------------------------------
  06. IE Fixes
----------------------------------- */
.lt-ie9 .works figure a, .lt-ie9 .works figure a img { filter:inherit} 
/* jquery filter opacity issue IE8 */

.lt-ie9 #Container {}
.lt-ie8 #Container {width: 960px;}
.lt-ie8 .grid-wrap {margin-left: 0; }
.lt-ie8 .grid {padding: 0;margin-left: 5%; }
.lt-ie8 .grid:first-child {margin-left: 0; }

.lt-ie8 .col-full {width: 99.95%; }
.lt-ie8 .col-full + .grid {margin-left: 0; }
.lt-ie8 .col-one-half {width: 47.45%; }
.lt-ie8 .col-one-third {width: 29.55%; }
.lt-ie8 .col-two-thirds {width: 64.95%; }
.lt-ie8 .col-one-quarter {width: 19.95%; }
.lt-ie8 .col-three-quarters {width: 74.95%; }



/* ----------------------------------
  07. Media queries
----------------------------------- */
@media only screen and (max-width: 80em) { /* 13 / 780 */ /* 1280px */
 
   .header img.logo {}
   

}

@media only screen and (max-heigth: 600px){
  .scroll-box {display: none;}
}

@media only screen and (max-width: 75em) {/* 1200px */

.header ul li.toplink a {line-height: 520%; }

.header ul.ipad {display: block;}
.header ul.desktop {display: none;}

.header img.logo {margin-bottom: 20px;}
.ContentQuote p {height:120px; font-size: 131%; }
.col-three-quarters {width: 48%;}
.col-one-quarter {width: 48%; float:right;}

#multimedia .col-three-quarters {width: 75%;}
#multimedia .col-one-quarter { width:25%;}

.homepage #ContainerMasonry1 .wedo-container { width:100%; max-width:100%;}

#timeline .col-three-quarters {
  width:75%;
}

#timeline .col-one-quarter {
  width:25%;
}

#timeline .rightCorner, #timeline .leftCorner, .timeline-container {
  display:none;
}

#events .col-one-quarter {
 width:25%;
}
#events .col-three-quarters {
  width:75%;
}

#content .contact-pic {
display:none;
}
#content .contact-form {
width:60%;
}

}


@media only screen and (max-width: 1024px) { /* 1024px iPad Landscape */ 





.ContainerAutograph {
  overflow: visible;
}
.scroll-box {display: none;}
.ContentTitles {padding: 40px 0;}
.ContentQuote {padding:40px 0;}
.ContentQuote p {padding:0; height:100px;}
#header {position:relative; width:auto;}
.interior, .main-autograph {
  margin: 0 0  0;
}
.header ul.ipad {display: block;}
.header ul.desktop {display: none;}
#main-content {bottom:20px;margin-bottom: 0;}
.header img.logo {margin-bottom: 20px;}

#multimedia .col-three-quarters {width: 75%;}
#multimedia .col-one-quarter { width:25%;}


#timeline .wedo-container {
  width: 85%;
}

#timeline .col-one-quarter {
  width:40%;
}

#timeline .col-three-quarters {
  width:60%;
}

#header-main-container.filter-on .form-text {width:62%; margin:0 0 10px;}

.TopBar ul.ipad-visible {display: block;}
.TopBar ul.desktop-visible {display: none;}

#multimedia .col-one-quarter, #multimedia .col-three-quarters {
  float:none;
  width:100%;
}
#single-multimedia {
  width:100%;
}

.footerLight .logos {width:350px; margin:0 auto;}
.footerLight .logos span {margin:10px 15px 0;}

}


/* 
-------------------------------------- */
@media only screen and (max-width: 54em) { /* 13 / 780 */ /* 860px */
  .redbox h2 { font-size:1.8em;}
  .redbox h3 { font-size:2em;}


  .ContentTitles ul.Titles li.title {font-size: 150%;}

  .footerDark h2 {text-align:center; float:none;}
  .footerDark ul.social {clear: left; float: left; list-style: none; margin: 0; padding: 0; position: relative; left: 50%; text-align: center;}
  .footerDark ul.social li {display: block; float: left; list-style: none; margin: 0; padding: 0 5px 0 5px; position: relative; right: 50%;}
}



/* 
--------------------------------------- */
@media only screen and (max-width: 48em) { /* 13 / 624 */ /* 768 iPad Portrait */
   

.TopBar ul.social {display: none;}
.header img.logo {width:150px;}
.header ul.ipad {width:280px;}
#events .col-one-quarter {
 display:none;
}
#interior-4-columns .wedo-container {width:48%; max-width:48%; }
#events .col-three-quarters {
  width:100%;
}

#multimedia .col-full img + .wedo-description {
  margin:0;
}
#multimedia .col-full img {
  width: 100%;
  float:none;
}

}

@media only screen and (max-width: 43.75em) {
  .TopBar ul.search {display: none;}
  .TopBar ul.links {clear: left; float: left; list-style: none; margin: 0 0 0 -35%; padding: 0; position: relative; left: 50%; text-align: center;}
  .TopBar ul.links li {display: block; float: left; list-style: none; margin: 0; padding: 0 6px 0 6px;}
  #main-autograph { overflow:hidden;}
  .footerDark {text-align: center; clear:both;}
  .footerDark ul {margin: auto; text-align: center;}
  .footerDark ul.social {clear: left; float: left; list-style: none; margin: 0; padding: 0; position: relative; left: 50%; text-align: center;}
  .footerDark ul.social li {display: block; float: left; list-style: none; margin: 0; padding: 0 5px 0 5px; position: relative; right: 50%;}

  #content .contact-info { float:none; width:100%; margin-bottom:20px;}

  #content .contact-form { float:none; width:100%; margin:0;}
  
}

 
@media only screen and (max-width: 40em) { /* 13 / 390 */ /* 640px iPhone Retina Portrait */

.ContentTitles ul.Titles li.title {width: 100%; line-height: 250%; padding:0;}
#main-content div {width:100%;}
  .redbox h2 {font-size: 143%;}
  .redbox h3 {font-size: 143%;}
.main-autograph .big-picture { width:150%; max-width:125%; margin: 0 0 0 -15%;}
.main-autograph img {width:200%; }
.footerLight .logos {width: 100%; text-align: center;}

#header-main-container.filter-on .form-text  {width:100%;margin:0 0 10px;}

#header-main-container.filter-on select {margin:0;}

#header-main-container.filter-on button {float:right;}

}

@media only screen and (max-width: 37em) { /* 13 / 390 */ /* 590px */

.iphone-resize {width: 100%;}
.header ul.ipad {float:none; margin:10px auto;}
.header ul.ipad li.opt { display:block;}
.header img.logo {float:none; margin-bottom: 20px; text-align: center; margin-left: auto; margin-right: auto;}

.TopBar {display: none;}

.ContentTitles {background:none;padding: 0px;}
  .ContentTitles ul.Titles {padding:20px 0px 20px;}
  .ContentTitles ul.Titles li.title {width: 100%; font-size:150%; line-height: 150%; padding:0;}
.ContentQuote {display:none;}
.redbox h3 { margin-bottom:0;}
.redbox h4 {display: none;}
#interior-4-columns .wedo-container {width:100%; max-width:100%;margin:0 0 20px;}
.ContainerWeDo h1 {font-size:139%;}
#timeline .col-three-quarters, #timeline .col-one-quarter {
  width:100%;
  float: none;
}

#timeline .wedo-container {
  width:100%;
  margin:0 auto 20px;
}

#photoWeek .col-one-half {
  width:100%;
  float:none;
}


#event-page #content, #event-page #aside {
  float:none;
  width:100%;
}

.exhibition-item .aside, .exhibition-item .description {
    float:none;
    width:100%;
}

#event-page .info-box h2, .exhibition-item .info-box h2 {font-size:164%;}
#event-page #content > h3, #content .exhibition-item .description > h3 {font-size:157%;}

#multimedia .wedo-container, #multimedia .wedo-container.col-full {
  margin:0 0 20px;
  width:100%;
}

.events #ContainerMasonry1 .wedo-container, .events #ContainerMasonry1 .wedo-container.col-full {max-width:100%; margin:0 0 20px;}

.homepage .col-three-quarters {width: 100%;}
.homepage .wedo-container {margin: 0px auto 20px;}
.homepage .col-one-quarter {width: 100%;}

.ContainerImageBank h2, .homepage .col-three-quarters > h2 {text-align:center;}

.footerLight {padding-bottom:1px;}
.footerLight .logos {width:100%;}
.footerLight .logos span{margin:0 auto 19px; float:none;}
}
/* 
------------------------------------------------------------- */
@media only screen and (max-width: 30em) { /* 13 / 390 */ /* 480px */

  .ContentQuote {min-height:140px;}
  .col-three-quarters {width: 100%;}
  .col-one-quarter {width: 100%;}

}

#dbhomepage p {
   margin-bottom: 10px;
   line-height: 1.2em;
 }  

#dbhomepage .dbvenue, #dbhomepage .dbnewsdate {
   text-transform: uppercase;
   color: #333333;
   font-size: 10px;
   font-weight: bold;
   font-variant: normal;   
}

#dbhomepage h4, #dbhomepage .dbnewstitle {
   font-size: 18px;
   margin-bottom: 0px;

}

#dbhomepage #dbmaincol h4 {
   font-size: 28px;
   font-weight: bold;
   margin-bottom: 0px;

}


#dbhomepage .dbsubhead {
   margin-bottom: 0;
   text-transform: uppercase;
   color: #333333;
   font-size: 10px;
   font-weight: bold;
 }  


a.dbtitlelink {
color: #000000;
}

a.dbtitlelink:hover {
color: red;
}

#dbmainmenu a {
   color: #aaaaaa;
}

#dbmainmenu a:hover {
   color: red;
}


#dbmainfeat {
   width: 73%;
}

#dbrightcol {
  width: 25%;
}  

.dbcolsub {

display:inline-block; max-width: 600px; min-width: 175px; width: 32.5%; box-sizing: border-box; vertical-align: top; text-align: left; position: relative;
}

.dbcolsubitem {

margin-top: 10px; width: 100%; border: 1px dashed #000000; padding: 5px; box-sizing: border-box;
}


.dbmenuitem {
display:inline-block; vertical-align: top; text-align: center;
}


#dbhomeback {
width: 100%; overflow: hidden; margin-bottom: -60px;
}

#dbhomepage {
margin-right: auto; margin-left: auto; max-width: 1095px; width: 100%; overflow: hidden; background: #ffffff; padding-left: 5px; padding-right: 5px; box-sizing: border-box;
}

a.twitter-timeline {
color: #dd0000;
}


#dbhomepage .dbmore {
  width: 100%;
  text-align: right;
  color: #dd0000;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: -12px;
  font-size: 18px;
}

#dbhomepage .dbmore:hover {
  color: #ff0000;
}  

#dbhomepage .dbpagetitle {
font-size: 24px;
font-weight: bold;
font-variant: small-caps;
}


#dbhomepage .dbpagesubhead {
font-size: 18px;
font-weight: bold;
}


@media ( min-width: 900px ) {
  #dbmainfeat {
   width: 74.5%;
  }

}

#dbmobilemenubutton {
   display: none;
   float: right;
   margin-right: 25px;
   text-align: center;

}

#dbmobilemenu a {
   color: #ffffff;
   text-decoration: none;
}

#dbmobilemenu a:hover {
   color: cyan;
}

#dbmobilemenu {
   height: 420px;
   background: rgb(0,0,0);
   background: rgba(0,0,0,0.5);
}

@media ( max-width: 790px ) {


#dbmainmenu, #dbheadpic {
   display: none;
}   

#dbmobilemenubutton {
  display: block;
}  

}

#dbtextcol {
width: 64%;
}

#dbpiccol {
width: 33%;
}

#dbtextcolitem {
width: 45%;
}

#dbpiccolitem {
width: 54%;
}

.dbnewspic {
width: 33%;
max-width: 350px;
}

.dbnewstext {
width: 64%;
text-align: left;
}

.dbnewspic2 {
width: 48%;
}

.dbnewstext2 {
width: 48%;
text-align: left;
}

.dbnewsitembox {
width: 49%;
}

.dbnewsitembox:nth-child(1n+5) {
padding-top: 20px;
border-top: 3px solid #dddddd;
}


.justifycol {
display: inline-block;
vertical-align: top;
text-align: left;
}

.dbjustify {

text-align:justify;
}

.dbjustify:after{
    content: '';
    display: inline-block;
    width: 100%;
    line-height: 1px;
}

.press_review {
   width: 24%;
}   


@media ( max-width: 765px ) {

#searchfoot {
display:block; 
width: 75%;
margin-right: auto;
margin-left: auto;
padding-top: 15px;
max-width: 300px;
}
  .footerLight .CenterContent .mailfoot {width: 90%;}
  .footerLight .CenterContent .mailfoot .footeritem {width: 100%; text-align: center; padding-right: 10px;}
  .footerLight .CenterContent .mailfoot .footeritem h2 {font-size: 100%;}
  .footerLight .logos { margin-right: auto; margin-left: auto; display: block; }



/* make sure justified columns are fullwidth on small screens */
.justifycol {
  width: 100% !important;
  max-width: 100% !important;
}  

.press_review {
  width: 48% !important;
  max-width: 48% !important;
}   

  
.dbnewsitembox:nth-child(1n+4) {
padding-top: 20px;
border-top: 3px solid #dddddd;
}


  #dbquote {
  
     display: none;
  }     

}


/* 
------------------------------------------------------------- */

/* ----------------------------------
  08. Print styles
----------------------------------- */
@media print{ 
  *{background:transparent !important; color:black !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important}
  abbr[title]:after{content:"("attr(title) ")"}
  pre, blockquote{page-break-inside:avoid}
  thead{display:table-header-group}
  tr, img{page-break-inside:avoid}
  img{max-width:100% !important}
  p, h2, h3{orphans:3; widows:3}
  h2, h3{page-break-after:avoid} 
}