body {
	font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #333;
}

/* typography */
.logo:hover {opacity: .8; transition: .25s ease-in-out; }
.navbar-brand {
	padding: 15px 15px 15px 0;
	text-transform:uppercase;
}
.logo-sm {color:#3a240f;}
hr.header {display:none;
	border-bottom: 1px solid #666;
	width: 100%;
	position: absolute;
	top: 105px;
	left: 0px;
	z-index: 1;}

hr.primary {
	width: 100%;
	border-bottom: 1px solid #eee; 
	margin: 30px auto 15px auto;
	text-align: center;
}

hr.secondary {
	width: 100%;
	border-bottom: 1px solid #999999; 
	margin: 5px auto 18px auto;
	text-align: center;
}

h1,h2,h3,h4,h5 {
	font-weight: 300;
	color:#666666;
}

h1 {font-size: 22px;}

h2, .MAPageTitle {font-size: 18px; font-weight:300; color: #333;}

h3 {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
color: #666666;}
.artworkTitle {color:#666; font-style:italic;}
.artwork-details {color:#333;}
.Title {font-weight: bold;}
.SubTitle {font-style: italic;}
.ExhibitDate{text-transform:uppercase; font-color: #808080;}

.MANewPar {color:#666666;}	

.thumbnail .caption {}
a.ArtistMainImages {
	color: #6699FF;
	text-decoration: none;
}

.thumbs {margin-right:5px;}
.detailpic{max-height:100px;}
.jspHorizontalBar{height:20px;}
.logo.center-block {
  	margin-left: auto;
  	margin-right: auto;
  	height:auto;
}

/* Slide Show */
.carousel-control.right, .carousel-control.left {background:transparent;}

/* Home Page Carousel */
#myCarousel {background: #333333; margin-bottom:30px;}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {max-height:500px; height:500px;}
header.carousel {height: 50%; margin-bottom: 30px;}
header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.carousel-caption h2 {font-size:18px;color: #fff;
}
/* Links */
a {
color: #6699FF;
text-decoration: none;}

a:hover{
color: #23527c;
text-decoration: none;}

a.ArtistAssets, ArtistAssetsOn {text-transform: capitalize;}
.pagination>li>a {color: #6699FF; font-size: 12px;}
.pagination>li>a:hover {color: #23527c;}

a.MAHome {color: #6699FF; text-decoration: none; text-transform: uppercase; font-weight: bold; }
a.MAHome:hover {color: #23527c;}
a.MAHome h4 {color: #6699FF; text-decoration: none; text-transform: uppercase; font-weight: bold;}

.InquiryButton {text-transform: uppercase; color: #6699FF; font-weight: bold;}
.InquiryButton: hover {text-transform: uppercase; color: #23527c;}

footer a {color: #666666;}
footer a:hover {color: #6699FF;}

/* Navigation - drop down */
.top-banner {background: transparent;}
nav.navbar {margin-bottom: 0; border-radius: 0; min-height: 40px;}
.navbar-default {background: transparent; border:none; font-size: 15px;}
.navbar-default .navbar-nav>li>a{color:#666666; text-transform: uppercase;}
.navbar-default .navbar-nav>li>a:hover {color:#6699FF; background: transparent;}
.navbar-default .navbar-nav>li>a.active {color: #6699FF; background:transparent;}  
.navbar-default .navbar-nav>li>a.active:hover, .navbar-default .navbar-nav>li>.active>a:focus {color: #6699FF; background: transparent;}
.nav>li>a {white-space: nowrap; padding: 10px 14px 10px 14px;}

.navbar .navbar-nav {display: inline-block; float: none;}
.navbar .navbar-collapse {
  text-align: center;
}
.navbar-nav>li>.dropdown-menu {border-radius: 0;}
.dropdown:hover .dropbtn {
    background-color: rgba(128, 128, 128, .75);
	color: #666666;
}
.navbar-default .navbar-nav .dropdown-menu {
    color: #fff;
    background:rgba(51, 51, 51, .75);
    width: 100%;   
}
.dropdown-menu{ margin-top:0; border:none; box-shadow:none;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover {
	color: #000; 		
	background: transparent;}
.navbar-default .navbar-nav .dropdown-menu a {
   	color:#cdcccb;
    padding: 8px 16px;
	text-transform: uppercase;
    text-decoration: none;
    display: block;
    text-align: left;}
.navbar-default .navbar-nav .dropdown-menu a:hover {color:#fff; background:transparent;}
.navbar-default .navbar-nav .dropdown:hover .dropdown-menu {display: block;}


/*------Artists Detail pages ------*/
#ArtistFeaturedInfo {background: #bbbbbb; color: #333333;}

/* Images */
.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.7;
}

.portfolio-content img {
    position: relative; /* allows repositioning */
    left: 50%; /* move the whole width of the image to the right */
    transform: translate(-50%,0);
}    

.image-artist {
    display: block;
	text-indent: -1000px; /* hide link text */
    overflow: hidden;
    background-size: cover;
    width: 100%;
    height: 250px;
    float: left;
}

.image {
    display: block;
	text-indent: -1000px; /* hide link text */
    overflow: hidden;
    background-size: cover;
    width: 100%;
    height: 250px;
    float: left;
}
.ArtistHolder {margin-bottom: 20px;}
.frame {border:0px;}
.exhibitFullsize{margin-bottom: 20px;}
.exhibitFullsize .frame{padding: 5px 5px 5px 0 !important;}
.thumbnail {	
	display: block;
	padding: 4px;
	margin-bottom: 20px;
	line-height: 1.42857143;
	background-color: transparent;
	border: 0px;
	border-radius: 4px;
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out
}

/* Print Piece Page */
.print-logo {margin-bottom:10px;}
.print-image {
	max-height: 396pt;
	width: auto;
    /*page-break-inside: avoid;*/
}

.print-page {
	font-size: 10pt;
	color: #000000;
	margin: 2% 5% 0 5%;
	padding: 0;
	page-break-inside: avoid;
	page-break-after: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */	
}
.print-footer {display: block; margin-top: 20px;}


/* Forms */
.form-group img {background: #fff;}

.simple-subscribe{background: rgba(255,255,255,0.07);border-radius: 4px; padding: 10px;}

.SearchForm {
	border:1px solid #c1c1c1;
	background:rgba(255,255,255,0.03);
	border-radius: 4px;
	padding:10px;
}
	
.ContactUs {
	border:1px solid #c1c1c1;
	background:rgba(255,255,255,0.03);
	border-radius: 4px;
	padding:10px;
}	

.SubscribeForm {
	border:1px solid #c1c1c1;
	background:rgba(255,255,255,0.03);
	border-radius: 4px;
	padding:10px;
}	

.privateLogin {border-color: rgb(215, 215, 215);}

.col-centered {
	display:block;
	float: none;
	/* reset the text-align */
	/* inline-block space fix */
	margin: 0 auto;} 
.text-margin {margin:10px 0;}
.hardrule{margin:5px 0 10px 0;}
.nomargin-bottom {margin-bottom: 0;}

/* Footer */
footer {
	background: rgb(255, 255, 255);
	font-family: 'Lato', Helvetica, 'Helvetica Neue',  Arial, sans-serif;
	line-height: 19px;
	padding: 10px 0 20px;
	color: #333333;
	margin-top:;
}

.footertext{
	padding-bottom:0px;
	margin-bottom:0px;
	font-size: 12px;
}

.MAWLinks {font-size:12px;}
nav.navbar.footer-nav {margin-bottom:0px; margin-top: 20px;}

/* Responsive Styles */
@media(max-width:1200px) {
	.image {
    	height: 180px;
	}
	.image-artist {
    	height: 250px;
	}
	.image-news {height:290px;}
}

@media(max-width:991px) {
    .customer-img, .img-related {
        margin-bottom: 30px;
    }
    .portfolio-content {
    	width: 100%; 
    	max-height: 450px;
    	margin-bottom:20px;}
	.carousel-inner>.item>img, .carousel-inner>.item>a>img {max-height:450px; height: 450px;}
}    	
    	
@media (min-width: 768px) {
	.logo-wrap{padding: 10px 0;}
	.logo {text-align: center;}
	.logo img {padding:0 0 0px 0; max-height:100px; position: relative; z-index: 2;}
}
@media (min-width: 900px) {
	.logo-wrap{padding: 10px 0;}
	.logo img {padding:5px 0 5px 0; max-height:120px; widht: auto; margin: 10px 0 10px 0;}	
}
	
@media screen and (max-width: 768px) {
  	.logo.center-block {float: right;}
  	.logo img {padding:10px 0 10px 0; max-height:60px;}
	.carousel-inner>.item>img, .carousel-inner>.item>a>img {max-height:400px; height: 400px;}
  	.navbar .nav {padding-left: 0;}
	.navbar {margin-top:5px; margin-bottom: 5px;} 
	.navbar-default .nav>li>a {padding: 10px;} 
  	.logo-sm img {padding:10px 0 10px 0; max-height:60px;}
  	.navbar .navbar-nav {display: block;}
}

@media (max-width: 767px) {
	.carousel-inner>.item>img, .carousel-inner>.item>a>img {max-height:300px; height:300px;}
	.col-xs-12 .text-right, .col-xs-12.text-left {text-align: center;} 	
	.logo {text-align: center;}
    .img-portfolio {margin-bottom: 15px;}
	.ArtistHolder {margin-bottom: 20px;}
	.image, .image-artist {height: 250px;}
	header.carousel {height: 40%;}
	.navbar-default .navbar-nav .open .dropdown-menu a {
   		color:#e5e5e5 !important;
   		font-weight: 400 !important;
    	padding: 8px 16px;}
	.navbar-default .navbar-nav .open .dropdown-menu a:hover {
		color:#fff !important; 
		font-weight: 400 !important; 
		background:transparent; }
	.container-fluid.artist-header-container {margin-bottom: 30px;}
	.artist-nav {margin-bottom: 30px;}
	.artist-header-inner {height: 125px; }
	.artist-header-overlay h1 {font-size: 20px; top:40%;}
	.coda-nav {position: relative; top:50%;}
	.coda-nav .artist-nav {margin:0;}
}

@media (max-width: 520px) {
	.image {height: 150px;}
	.ArtistHolder {margin-bottom: 20px;}
	a.MAHome{font-size:9px;}
	header.carousel {height: 30%;}
	.container-fluid.artist-header-container {margin-bottom: 15px;}
	.artist-nav {margin-bottom: 15px;}
	.artist-header-inner {height: 75px; }
	.artist-header-overlay h1 {font-size: 16px; top:40%;}
	.coda-nav {position: relative; top:15%;}

}

@media (max-width: 460px) {
	.image, .image-artist, .image-news {height: 150px;}
	.carousel-inner>.item>img, .carousel-inner>.item>a>img {max-height:300px; height: auto;}
}

::-moz-selection {
  text-shadow: none;
  background: #808080;
  background: rgba(128, 128, 128, 0.5);
}
::selection {
  text-shadow: none;
  background: #808080;
  background: rgba(128, 128, 128, 0.5);
}
img::selection {
  background: transparent;
}
img::-moz-selection {
  background: transparent;
}
body {
  webkit-tap-highlight-color: rgba(128, 128, 128, 0.5);
}

::-moz-selection {
  text-shadow: none;
  background: #808080;
  background: rgba(128, 128, 128, 0.5);
}
::selection {
  text-shadow: none;
  background: #808080;
  background: rgba(128, 128, 128, 0.5);
}
img::selection {
  background: transparent;
}
img::-moz-selection {
  background: transparent;
}
body {
  webkit-tap-highlight-color: rgba(128, 128, 128, 0.5);
}
/* MA Doran BS5 Changes */
    .carousel-inner .carousel-item img, .carousel-inner .carousel-item a img {
        max-height: 500px;
        height: 500px;
    }
    .nav li a:focus, .nav li a:hover {
        text-decoration: none;
        background-color: #eee;
    }
    .imgContainer {
        overflow: hidden;
        position: relative;
        width: 100%;
        padding-bottom: 100%;
    }

    .imgContainerDiv {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
    }

    .imgContainerDiv img {
        width: 100%;
        height: 100%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        object-fit: cover;
    }
    @media (max-width: 991px){
        .carousel-inner .carousel-item img, .carousel-inner .carousel-item a img {
            max-height: 450px;
            height: 450px;
        }
    }
    @media screen and (max-width: 768px) {
        .navbar {
            margin-top: 1px !important;
        }
    }
    @media screen and (max-width: 767px) {
        .annNavBar .navbar-collapse {
            border-top: 1px solid #dee2e6!important;
        }
        .annFooterNav .displayIcon {
            width: 100% !important;
        }
        .carousel-inner .carousel-item img, .carousel-inner .carousel-item a img {
            max-height: 300px;
            height: 300px;
        }
    }
    @media (max-width: 460px){
        .carousel-inner .carousel-item img, .carousel-inner .carousel-item a img {
            max-height: 300px;
            height: auto;
        }
    }