body {
	font-family: 'PT Serif', serif;
font-size: 15px;
background-color: #666666;
	color: #ecd5b5;
}

/* structure */
.content {}
.navcontainer {}
/*  Header */
.greyheader{background: #CCCCCC;}
.logo-wrap{margin-top:10px;}
.logo {
	color:#3a240f;
	font-size: 42px;
	text-transform:uppercase;
}
.logo:hover {
	text-decoration:none;
}

.navbar-brand {
	padding: 15px 15px 15px 0;
	text-transform:uppercase;
}
.logo-sm {color:#3a240f;}


hr.header {display: none;
border-bottom: 2px solid #8f8f8f;
	width: 100%;
	position: absolute;
	top: 105px;
	left: 0px;
	z-index: 50;}

hr.primary {
	width: 100%;
	border-bottom: 1px solid #999999; 
	margin: 5px 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 {	
	color:#ecd5b5;
	letter-spacing: 1px;
}

h1 {font-size: 18px; font-weight: bold; text-transform: uppercase;}

h2 {
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
color: #ecd5b5;}

h3 {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
color: #ecd5b5;}CAP

.panel-default, .panel-body {color: #464646;}
.panel-default h4 {color: #000;}
.modal-content {color: #464646;}
.modal-content h4 {color: #000;}
.modal-content a {color: #000;}
.cartFontSize {font-size: 20px;}

.MAHome p {
line-height: 1.5;
margin-top:10px;
}

.artworkTitle {
color:#ecd5b5; 
font-style:italic;
}
span.artworktitle {
font-size: 18px;
font-weight: normal;
font-style:italic;
}

/*.sold {color:red;}
.hold {color:#21ca20;} */

.artwork-details {color:ecd5b5;}
.page-title {
}

.MAPageTitle {
	font-size: 15px;
	color:#ecd5b5;;
}

.MANewPar {
	color:#cccccc;
       font-size: 18px !important;
}	
.UpcomingPast {text-align: ;}
h3.UpcomingPast {font-size:12px;}

.Title {font-size: 18px; color: #565f63;}
.SubTitle {
font-size: 14px;
font-style: normal;
text-decoration: none;
text-transform: none;
color: #817162;}
.Date {text-transform: uppercase; font-size: 12px; color: #696969;}

// Search Page

.MATiny {
color: #ecd5b5;
font-size: 18px;
}

.caption a ~ a {
font-style: italic;
color: #ecd5b5;
font-size: 18px;
}

.caption a ~ a br {
font-style: italic;
color: #ecd5b5;
font-size: 18px;
}

.thumbnail .caption {
color: #ecd5b5;
font-size: 18px;
}

.MATiny {
color: #ecd5b5;
font-size: 18px;
}

// What's New Page

div.col-xs-6 {
color: #ecd5b5;
font-size: 14px;
}

div.col-xs-6 a, div.col-xs-6 a ~ a {
color: #ecd5b5;
font-size: 14px;
}



/* "ArtistMainImages" seems to be a typo by MA for "ArtistsMainImages" */
a.ArtistMainImages {
	color: #ecd5b5;
	text-decoration: none;
}

a.ArtistsMainImages {
	color: #ecd5b5;
font-size: 18px;
	text-decoration: none;
}

.thumbs {margin-right:5px;}
.jspHorizontalBar{height:20px;}
.artworkmedia {font-style: italic;}

/* Slide Show */
.carousel-control.right, .carousel-control.left {background:transparent;}
.carousel-indicators {display: none;}
/* Home Page Carousel */
header.carousel {
    height: 50%;
}

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 p {
	font-size:18px;
	color: #fff;
}

.homeNews {
margin: 20px 0 0 0;
}


div.homeNews {
content: "Useful Links";
}

h2.home {
background-color: #34282C;
padding: 10px;
margin: 0 0 20px 0;
}

.MAHome {font-size: 14px;
text-decoration: none;
color: #ecd5b5;
line-height: 1.5;} 

/* Links */
a{
color: #ecd5b5;
text-decoration: none;}

a:hover{
color: #cccccc;
text-decoration: none;}

a.MAHome {color: #ecd5b5; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 12px;}
a.MAHome:hover {color: #3f3f3f;}
a.MAHome h4 {color: #ecd5b5; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 12px; line-height: 1.5;}
a.MAHome h4:hover {color: #3f3f3f;}

div.col-xs-12.col-sm-4 h2 {display: none;}

.pinterest {margin-top:0;}

a.InquiryButton {color: #FFFFFF;
background-color: #999999;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
text-decoration: none;
width: 120px;
letter-spacing: 0px;
text-align: center;
padding: 7px;
padding-top: 4px;
padding-bottom: 3px;
border: 2px solid #ffffff;
outline: 1px solid #999999;
margin-left: 1px;
display:block;
margin-top:10px;}

a.InquiryButton:hover {color: #999999;
background-color: #FFFFFF;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
text-decoration: none;
width: 120px;
letter-spacing: 0px;
text-align: center;
padding: 7px;
padding-top: 4px;
padding-bottom: 3px;
border: 2px solid #ffffff;
outline: 1px solid #999999;
margin-left: 1px;}

.badge {font-size: 12px;}

footer a {color: #999999;}
footer a:hover {color: #666666;}

/* Navigation */
nav.navbar {margin-bottom: 0;}
.navbar-default {background: transparent; border:none; }
.navbar-default .navbar-nav>li>a{color:#000000; font-size: 15px; text-transform: uppercase; font-weight: bold;}
.navbar-default .navbar-nav>li>a:hover {color:#999999;}
.navbar-default .navbar-nav>.active>a {color: #999999; background:transparent;} 
.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #666666;
	background-color: #f2f2f2;
	background: rgba(242, 242, 242, .3);
}
.nav>li>a {white-space: nowrap; padding: 10px 14px 10px 14px; text-transform: uppercase;}
.logo.center-block {
padding-top: 40px;
padding-bottom:20px;
margin-left: auto;
  	margin-right: auto;
  	height:auto;
background-color: #CCCCCC;
}
.navbar .navbar-nav {
  display: inline-block;
  float: none;
}
.navbar .navbar-nav > li > a {
  margin-bottom: -5px;
  color: #666;
}
.navbar .navbar-collapse {
  text-align: center;
}
div.navbar-brand {
  padding-left: ;
}

		
.navbar-default .navbar-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.navbar-default .navbar-nav li {

}

.navbar-default .navbar-nav li a, .dropbtn {
    display: inline-block;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: #f2f2f2;
	color: #999999;
}



/* Images */
.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

.portfolio-content img {
    position: relative; /* allows repositioning */
    left: 50%; /* move the whole width of the image to the right */
    transform: translate(-50%,0);
}    

.ArtworkImage img {
	max-height:650px;
	width:auto;
}
.detailpic{max-height:100px;}
img.detailpic{max-height:100px;}
.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; padding: 0px;}
.social {margin-bottom: 30px;}
.social p {color: #666666;}
.social img {
}
.social img:hover {
}

.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
}

#ArtistFeaturedInfo {background: #ececec; color: #000;}
#ArtistFeaturedInfo img {margin-bottom:10px;}
/* 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, .ContactUs, .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(236, 236, 236);
	font-size: 11px;
	line-height: 19px;
	padding: 10px 0 20px;
	color: #333333;
	margin-top: 60px;
}

.footertext{
	padding-bottom:0px;
	margin-bottom:0px;
	font-size: 11px;
}

.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;}
	/*.image, .image-artist {
    	height: 300px;
	}*/
}



@media (min-width: 768px) {
	.logo {text-align: center;}
	.logo img {padding:0 0 10px 0; max-height:218px;}
	.nav>li>a {font-size: 13px; padding: 10px 4px 10px 4px; text-transform: uppercase;}
	
}	
@media (min-width: 992px) {
	.logo img {padding:0 0 10px 0; max-height:218px;}	
	.nav>li>a {font-size: 15px; padding: 10px 14px 10px 14px;}
	.text-right-md {text-align: right;}
	.text-right-md img {float: right;}
}

@media screen and (max-width: 768px) {
  .logo.center-block {
    float: right;
  }
  .logo img {padding:0 0 10px 0; max-height:218px;}
  .navbar .nav {padding-left: 0;}
  .logo-sm img {max-width:250px; max-height: 85px; padding: 5px 0px 10px 0px;}
}

@media (max-width: 767px) {
	.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 .carousel {height: 50%;}
    .home .carousel img {max-height: 350px;}
    #ArtistFeaturedInfo {margin-right: 10px; margin-left: 10px;}
}


@media (max-width: 520px) {
	.image {height: 150px;}
	.ArtistHolder {margin-bottom: 20px;}
	a.MAHome{font-size:9px;}
	#ArtistFeaturedInfo {margin-right: 10px; margin-left: 10px;}
	
}

@media (max-width: 460px) {
	.image, .image-artist, .image-news {height: 150px;}
	#ArtistFeaturedInfo {margin-right: 10px; margin-left: 10px;}
}


::-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);
  }
/* added by dj */
.div {
background: #666;
color: #ecd5b5; 
}

.ArtistsMainImages, p, h1, h2, h3, h4, h5 {color: #ecd5b5;}

.whatsnewdate {display: none;}

span.scriptum {font-variant: small-caps; font-weight: 900;}
.navbar .navbar-nav{
	width: 100%;
}
.nav>.nav-item>a{
	padding: 10px 50px 10px 50px;
}
h5.fontSize{
	font-size: 12px;
	font-weight: bold;
}
.navbar-collapse .navbar-nav li>a{
	color: #ecd5b5;
    text-decoration: none;
}
.navbar-default .navbar-nav>li>a{
	font-weight:inherit;
}
.btn-default:hover, .btn-light:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.navbar-default .navbar-toggler{
	border-color: #ddd;
}
.thumbnail-container .img-caption{
	word-wrap: break-word;
}
.help-block.filled{
	color: #a94442;
}
.card .card-body, .card .card-body h4, .card .card-body a{
	color: #000;
}
.viewCartBtn, .addToOrderBtn{
	border-color: #ccc;
}
hr{
	background-color: #eee !important;
	opacity: 1;
}
.btn-link{
	color: #ecd5b5;
    text-decoration: none;
}
.btn-link:hover{
	opacity: .5;
}
h5.fontSize:hover {
    color: #3f3f3f;
}