body { /* background: #ccc url(../i/bg_line_2.png) no-repeat top left; 
        background-attachment: fixed; */
        font-size: 100%;
        background-color: #C2BBB3;
		text-align: center;
		font-family: Helvetica, Arial, Verdana;
	}

.navbar-inner { background-color: #857f7b; }

.after-nav { margin-top: 65px; }

.after-nav .row-fluid { margin-bottom: 32px; }

img { width: 95%; }

ul, li { list-style-type: none; 
	margin: 0; 
	padding: 0;}

.gallery li { float: none !important;
    clear: right; }

.row-fluid { margin-top: 10px; }

.container-fluid ul.row-fluid {  }

.row-fluid h2 { text-align: left;
	margin: 0 0 20px 50px; }




@media (max-width: 600px) {
.row-fluid h2 {  -moz-column-count: 1;
	
	margin: 0 0 20px 0;
}
  
}


	
.row-fluid span h2 { text-align: left;
	margin: 0; }


.left-column h2 { margin-left: 0; }

.span2,
.span3 { 
	text-align: left; 
	position: relative; 
}
.span2 a,
.span3 a,
span.pub-no-link { 
	display: block;
	padding: 50px;
	-webkit-transition: background 0.3 ease-out;
	-moz-transition: background 0.3 ease-out;
    -ms-transition: background 0.3 ease-out;
    -o-transition: background 0.3 ease-out;
	transition: background 0.3 ease-out;
}

.span2 a:hover,
.span3 a:hover,
span.pub-no-link:hover { 
	color: #253337;
	background-color: #cdc4ba;
	-webkit-transition: background 0.3 ease-out;
	-moz-transition: background 0.3 ease-out;
    -ms-transition: background 0.3 ease-out;
    -o-transition: background 0.3 ease-out;
	transition: background 0.3 ease-out; 
}


.span2 a img,
span.pub-no-link img { display: block;
	margin-bottom: 15px;
	width: 100%;
	max-width: 130px; }
	

.span3 a img { display: block;
	margin-bottom: 15px;
	width: 100%; }


@media (min-width: 1200px) and (max-width: 2600px) {
  .row-fluid > .span3 {
    width: 24.89%;
  }

}
	
	

@media (min-width: 767px) and (max-width: 1200px) {

.row-fluid > .span3 { width:  33.2%; }
  
}



@media (min-width: 900px) and (max-width: 2600px) {
  .row-fluid > .span2 {
    width: 19.5%;
  }
  
  span:nth-of-type(5n+1).span2 { clear: left; }
}


@media (min-width: 780px) and (max-width: 1050px) {
  .row-fluid > .span2 {
    width: 25%;
  }
  
  span:nth-of-type(5n+1).span2 { clear: none; }
  span:nth-of-type(4n+1).span2 { clear: left; }
}


@media (min-width: 480px) and (max-width: 779px) {
  .row-fluid > .span2 {
    width: 32%;
  }
  span:nth-of-type(3n+1).span2 { clear: left; }
}






/*** Artists page ***/
li .container-fluid { text-align: left; }



.left-column div.artists-text {  height: 75%; 
	overflow-y: auto; 
	padding-right: 14px; }



@media (max-width: 767px) {
.left-column { position: static; 
	width: 100%; }
}

.span8 #MainContent ul#Gallery li { margin-bottom: 60px; text-align: right;  }
.span8 #MainContent ul#Gallery li img { margin-bottom: 5px;  }

.span8 #MainContent ul#Gallery li p { width: 95%;
	float: right; }




a { 
	/* font-size: 90%; */
	text-decoration: none;
	color: #121212; 
}

h2 a,
h3 a,
h4 a,
h5 a { 
	/* font-size: 90%; */
	letter-spacing: 2px;
}

a.selected { color: #fff !important; }
	
.navbar a { 
	color: #121212;
	-webkit-transition: color 0.3 ease-out;
	-moz-transition: color 0.3 ease-out;
    -ms-transition: color 0.3 ease-out;
    -o-transition: color 0.3 ease-out;
	transition: color 0.3 ease-out; 
}

.navbar a:hover { 
	color: #fff;
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out; 
}







/* Styles for curtain */

h2 { z-index:1000; }

.curtains{
	margin: 0;
    width: 100%;
    z-index:1;
    position:relative;
}
.curtains>li{
	margin: 0;
    position: fixed;
    display:block;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    z-index: 99999;
    text-align:center;
    overflow: hidden;
    z-index:1;
    /* -webkit-backface-visibility:hidden; */ /* Remove if you got display issues */
}

.curtains>li.cover{
    box-shadow: 0 1px 14px 3px #333; 
}

.curtains>li:first-child{z-index:2;}


.not-curtains { text-align: left;
	margin-top: 50px;
	margin-bottom: 50px;  }



@media (max-width: 979px) {
/*.row-fluid { margin-top: 70px; } */

/* .not-curtains { margin-top: 0;  } */
  
}

#home { -webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	text-align: center !important;
}

#home img {
	min-height: 100%;
}




div.left-column div h2 + p { margin-top: 20px; }

div.left-column div p a { margin-top: 20px; }


div.caption { border-top: 1px solid #999;
	padding-top: 40px;
	margin-top: 40px;
	color: #333;
	font-style: italic; }

div.no-italics p { font-style: normal; }

iframe, .fluid-width-video-wrapper { margin-bottom: 20px; }

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

#home img {
    min-width: 1024px;

}

/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

#home img {
    min-height: 1024px;
}

/* Styles */
}




iframe { max-width: 900px; }

.columns {  margin: 0 50px;
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}



@media (max-width: 780px) {
.columns {  -moz-column-count: 1;
	-moz-column-gap: 0;
	-webkit-column-count: 1;
	-webkit-column-gap: 0;
	column-count: 1;
	column-gap: 0;
}
  
}


@media (max-width: 600px) {
.columns {  -moz-column-count: 1;
	-moz-column-gap: 0;
	-webkit-column-count: 1;
	-webkit-column-gap: 0;
	column-count: 1;
	column-gap: 0;
	margin: 0 0;
}
  
}