@charset "utf-8";
/* CSS Document */



/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}


.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 85%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
}
#div1 {
}
.zeroMargin_mobile {
    margin-left: 0;
}
.hide_mobile {
    display: none;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
}
.zeroMargin_tablet {
    margin-left: 0;
}
.hide_tablet {
    display: none;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
	width: 85%;
	max-width: 1220px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
}
.zeroMargin_desktop {
    margin-left: 0;
}
.hide_desktop {
    display: none;
}
}





#shadow-container {
	
	position: relative;
	margin: 0 auto;
}
 
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
	position: relative;
	left: -1px;
	top: -1px;
}
 
	#shadow-container .shadow1 {
		background: #F1F0F1;
	}
 
	#shadow-container .shadow2 {
		background: #DBDADB;
	}
 
	#shadow-container .shadow3 {
		background: #B8B6B8;
	}
 
	#shadow-container .container {
		background: #ffffff;
		border: 1px solid #848284;
		padding: 20px 30px 10px 40px;
	}
	


body {
	margin: 0px;
	padding: 0px;
	font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
	font-size: 16px;
	line-height: 1.3;
	color: #474747;
	text-align: left;

		}

/* unvisited link */
a:link {
    color: #666;
	text-decoration: underline;
}

/* visited link */
a:visited {
    color: #333;
}

/* mouse over link */
a:hover {
    color: #333;
	text-decoration: none;
}

/* selected link */
a:active {
    color: #333;
}

a{ outline:0;}
a img{ border:0;}
.main-image{ border:0;}

.fadein-fadeout {
    left: 20px;
    position: absolute;
    top: 330px;
}
#header{ margin-top:-176px;}

.article-gallery a{ float:left; text-decoration:none; outline:0; width:162px; border:0; margin-right:20px; z-index:999;}
.article-gallery a img{ border:6px solid #d2d2d2; width:150px; margin:0;padding:0; float:left; z-index:10000;}
.article-gallery a span{ background :#d2d2d2; width:100%;  float:left;  text-align:center; clear:left; margin:0;padding:0; font:normal 12px Georgia, "Times New Roman", Times, serif; color:#454545; text-decoration:none; height:20px; border:0; }
.article-gallery a:hover  span{ color:#000; text-decoration:underline; z-index:1000}
#tooltip{
		position:absolute;
		border:1px solid #999;
		background:#333;
		padding:6px 10px;
		color:#f7f5d1;
		display:none;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		font:normal 12px arial;
		
			
		
		}	
		
.article-gallery {
    left: 26px;
    position: absolute;
    top: 707px;
}

.exhibition-preview{
	list-style:none; 
	display:inline;
	margin:0;padding:0; 
	position:absolute; 
	top:483px;
	right:15px;
	
	 }
.exhibition-preview li{ float:left; width:auto; background:url(../../exhibitions/aalondon/system/images/ex-img-bg-lt.jpg) no-repeat left top; height:152px; overflow:hidden;padding-left:4px; margin-left:15px;}
.exhibition-preview li a{ float:left; width:auto; background:url(../../exhibitions/aalondon/system/images/ex-img-bg-rt.jpg) no-repeat right top;height:152px; padding-right:4px;         }
.exhibition-preview li a img{ float:left; width:auto; margin-top:4px;}
 .exhibition-images{
	list-style:none; 
	display:inline;
	margin:0;padding:0; 
	position:absolute; 
	top:373px;
	left:7px;
	text-align:center
	
	 }
.exhibition-images li{ float:left; width:auto; background:url(../../exhibitions/aalondon/system/images/ex-img-bg-lt.jpg) no-repeat left top; height:152px;padding-left:4px; margin-left:15px; text-align:center;margin-bottom:65px}
.exhibition-images li a{ float:left; width:auto; background:url(../../exhibitions/aalondon/system/images/ex-img-bg-rt.jpg) no-repeat right top;height:152px; padding-right:4px;         }
.exhibition-images li a img{ float:left; width:auto; margin-top:4px;}
.exhibition-images li a span{ clear:left; float:left; text-align:center; width:100%; padding-top:10px; font: normal 12px georgia; color:#454545; text-decoration:none; }
.exhibition-images li a:hover span{ text-decoration:underline; color:#69DCEE;}

.exhibition-images .tooltip{}

.exhibition-preview{	list-style:none; 	display:inline;	margin:0;padding:0; 	position:absolute; 	top:483px;	right:15px;		 }
.exhibition-preview li{ float:left; width:auto; background:url(../../exhibitions/aalondon/system/images/ex-img-bg-lt.jpg) no-repeat left top; height:152px; overflow:hidden;padding-left:4px; margin-left:15px;}
.exhibition-preview li a{ float:left; width:auto; background:url(../../exhibitions/aalondon/system/images/ex-img-bg-rt.jpg) no-repeat right top;height:152px; padding-right:4px;         }
.exhibition-preview li a img{ float:left; width:auto; margin-top:4px;}

 .exhibition-images{
	list-style:none; 
	display:inline;
	margin:0;padding:0; 
	position:absolute; 
	top:373px;
	left:7px;
	text-align:center
	
	 }
.exhibition-images li{ float:left; width:auto; background:url(../../exhibitions/aalondon/system/images/ex-img-bg-lt.jpg) no-repeat left top; height:152px;padding-left:4px; margin-left:15px; text-align:center;margin-bottom:65px}
.exhibition-images li a{ float:left; width:auto; background:url(../../exhibitions/aalondon/system/images/ex-img-bg-rt.jpg) no-repeat right top;height:152px; padding-right:4px;         }
.exhibition-images li a img{ float:left; width:auto; margin-top:4px;}
.exhibition-images li a span{ clear:left; float:left; text-align:center; width:100%; padding-top:10px; font: normal 12px georgia; color:#454545; text-decoration:none; }
.exhibition-images li a:hover span{ text-decoration:underline; color:#69DCEE}



 .gallery-images {
    display: inline;
    float: right;
    list-style: none outside none;
    margin: -335px 8px 0 0;
    padding: 0;
    text-align: center;
}
.gallery-images li{ float:left; width:auto; background:url(../../exhibitions/aalondon/system/images/ex-img-bg-lt.jpg) no-repeat left top; height:152px;padding-left:4px; margin-left:15px; text-align:center;margin-bottom:65px}
.gallery-images li a{ float:left; width:auto; background:url(../../exhibitions/aalondon/system/images/ex-img-bg-rt.jpg) no-repeat right top;height:152px; padding-right:4px;         }
.gallery-images li a img{ float:left; width:auto; margin-top:4px;}
.gallery-images li a span{ clear:left; float:left; text-align:center; width:100%; padding-top:10px; font: normal 12px georgia; color:#454545; text-decoration:none; }
.gallery-images li a:hover span{ text-decoration:underline; color:#69DCEE}


.maintext {
	font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
	font-size: 16px;
	line-height: 1.3;
	color: #474747;
	text-align: left;
}

.maintext2 {
	font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
	font-size: 15px;
	line-height: 1.1;
	color: #474747;
	text-align: left;
}
.maintext3 {
	font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
	font-size: 12px;
	line-height: 1.1;
	color: #474747;
	text-align: center;
}

.events{
	font-family: Tahoma;
	font-size:10px;
	}


.list { margin: -15px; margin-bottom: 0; padding: 0; }
.list { *zoom: 1; }
.list:before, .list:after { content: ""; display: table; }
.list:after { clear: both; }
.list > li { -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 -0.25em 0 0; padding: 15px; width: 33.333%; vertical-align: text-top; display: inline-block; *display: inline; *zoom: 1; }

.content ul { padding-left: 15px; }

.grid-wrapper { margin: -15px; }
.grid-wrapper .content { *zoom: 1; }
.grid-wrapper .content:before, .grid-wrapper .content:after { content: ""; display: table; }
.grid-wrapper .content:after { clear: both; }
.grid-wrapper .content > div { -moz-box-sizing: border-box; box-sizing: border-box; float: left; padding: 15px; }
.grid-wrapper .field-top-content { padding: 15px; width: 66%; }

.grid-intro { padding: 15px; }

.grid-one-quarter { width: 25%; }

.grid-three-quarter { width: 100%; }

div + .grid-three-quarter { width: 75%; }

.grid-half { width: 50%; }

.grid-wrapper .content > div.half-no-padding { padding: 0px; }

.half-no-padding { width: 50%; }
.half-no-padding .grid-one-quarter { width: 50%; float: left; padding: 15px; padding-top: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Tiny Styles */
.grid-half .field-right-content img, .grid-half .field-left-content img { max-width: 100%; width: auto; height: auto; }

@media (max-width: 1280px) { .grid-wrapper .content > div.half-no-padding { float: left; padding-left: 15px; }
  .grid-wrapper .content > div.half-no-padding .grid-one-quarter { width: 100%; padding: 0; } }
/*@else if $point == landscape {  @media (max-device-width: 1024px) and (orientation : landscape) { @content }
}
@else if $point == portrait {  @media (max-device-width: 1024px) and (orientation : portrait) { @content }
}*/
@media (max-width: 480px) { .half-no-padding { width: 100%; }
  .grid-wrapper .field-top-content { padding: 15px; width: auto; } }
/*@else if $point == landscape {  @media (max-device-width: 1024px) and (orientation : landscape) { @content }
}
@else if $point == portrait {  @media (max-device-width: 1024px) and (orientation : portrait) { @content }
}*/
@media (max-width: 1280px) { header { height: auto; min-height: 180px; }
  .list > li { width: 50%; } }
/*@else if $point == landscape {  @media (max-device-width: 1024px) and (orientation : landscape) { @content }
}
@else if $point == portrait {  @media (max-device-width: 1024px) and (orientation : portrait) { @content }
}*/
@media (max-width: 1400px) { .view-view-participant .list > li { width: 50%; } }
/*@else if $point == landscape {  @media (max-device-width: 1024px) and (orientation : landscape) { @content }
}
@else if $point == portrait {  @media (max-device-width: 1024px) and (orientation : portrait) { @content }
}*/
@media (max-width: 860px) { header h1 { width: 55%; }
  .view-view-participant .list > li, .list > li { width: 100%; }
  .grid-one-quarter { width: 50%; }
  div.grid-three-quarter { width: 100%; border-top: none; }
  div + .grid-three-quarter:before { -moz-box-sizing: border-box; box-sizing: border-box; display: block; height: 0; padding: 0 15px; width: 100%; border-top: 1px solid #666666; content: ''; } }
/*@else if $point == landscape {  @media (max-device-width: 1024px) and (orientation : landscape) { @content }
}
@else if $point == portrait {  @media (max-device-width: 1024px) and (orientation : portrait) { @content }
}*/
@media (max-width: 480px) { body { padding: 0; border: 0 none; }
  .pushmenu { display: none; }
  .pushmenu.is-open { display: block; }
  .front, .not-front { background: #efefef; }
  .page-container { padding-top: 40px; background: white; }
  header { min-height: 0; -moz-box-sizing: border-box; box-sizing: border-box; height: 40px; overflow: hidden; padding: 0 2.5%; position: absolute; top: 0; width: 100%; z-index: 2; background-color: #625d20; border-bottom: none; color: white; }
  header h1 { overflow: hidden; padding: 0 1.5em 0 0; font-size: 1em; line-height: 40px; text-overflow: ellipsis; white-space: nowrap; }
  header .logo, header h1 span { display: none; }
  .list { padding: 0 0; /*  $containerPadding;  */ margin: 0; }
  .list > li { margin: 0; }
  .grid-wrapper { padding: 0 2.5%; margin: 0; }
  .grid-one-quarter { float: none; width: auto; }
  .grid-half { float: none; width: auto; } }

.caps {
  text-transform: uppercase;
  }

 
.horizontal_dotted_line
{
border-bottom: 2px dotted #ccc;
width: 100%;
} 

.dottedborder{
	margin: 0 auto;
	padding: 0px 35px 0px 20px ;
	background: #F0F0F0;
	border:2px dotted #C2C5D3;
	color: #fff;
	}

.dottedborder2{
	width:920px;
	margin: 0 auto;
	padding: 0px 30px 0px 20px ;
	background: #F0F0F0;
	border:2px dotted #900;
	color: #fff;
	}

.dottedborder3{
margin: 0 auto;
	padding: 0px 35px 0px 20px ;
	background: #FFF;
	border:2px dotted #FFFFFF;
	height: inherit;
}