body {
font-family: 'Muli', Arial, Helvetica, San-Serif;
font-size: 16px;
color: #999;
background: #333333;
margin-top:150px;
}

.logo {
	color:#ffffff;
}
.logo-wrap {position:relative; top:0px;}

/* typography */

h1,h2,h3,h4,h5 {
	color:#fff;
}

h1 {  
    font-size:29px; 
	font-weight:300;
	letter-spacing:-.04em; 
	text-transform:uppercase; 
	color:#ffffff; 
	vertical-align:top; 
    margin:0;
    padding:5px 0;
	}
	
h2 {
    font-size:22px; 
	font-weight:300;
	letter-spacing:-.04em; 
	text-decoration:none; 
	text-transform:uppercase; 
	color:#e5e5e5; 
	vertical-align:top; 
	}
	
.custom-home h2	{
	font-family: 'Muli', sans-serif;
	font-size: 23px;
	font-weight: 300;
	letter-spacing: -.04em;
	text-decoration: none;
	text-transform: uppercase;
	color: #d9d9d9;
	vertical-align: top;
	margin-top: 25px;
	margin-bottom: 20px;
}
h3 {
	font-weight:normal;
	letter-spacing:-.04em;        
    font-size:18px;
    color:#999999; 
        }
h3.home-title {font-size: 21.5px;
letter-spacing: 0;
text-decoration: none;
text-transform: uppercase;
color: #ffffff;}

hr.primary {
	margin-top: 15px;
	margin-bottom: 15px;
	border-top: 1px solid #ccc;
	width: 100%;}

.logo img {margin-top:10px;}
a.logo {color: #333333; font-size:24px;}

.page-title {
}

.MAPageTitle {
	font-size: 18px;
	color:#cccccc;
}

.MANewPar {
	font-size: 18px;
	color:#cccccc;
}

.info {
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	padding-bottom: 1em;
	line-height: 1.25;}
.custom-home p {
	font-size: 14px;
	color: #999999;
	line-height: 16px;}
.news h4, .news h4 a {font-size: 12px; font-color: #ffffff; text-transform: uppercase; margin: 0;}	
.news p {font-size: 14px; font-color: #999999;}
.news .date {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	color: #5d5d5d;
	padding-top: 4px;
	text-align: right;
	
}
.news a{font-size: 11px;}
.news-title {margin-bottom: 20px; display: block;}
.mid{padding-bottom: 10px;}

#ArtistFeaturedInfo {
	background-color: #aaaaaa;
	padding: 10px;
	font-size: 13px;
	color: #696969;
}

.ArtistTeaser {margin: 10px 0 10px 0;}


.thumbnail .caption {}
a.ArtistMainImages {
	color: #cccccc;
	text-decoration: none;
}

.artworktitle {font-weight: bold; }
.artworkmedia {font-style: italic;}
.ArtworkInfo {font-size: 13px; color: #696969;}

/* Slide Show */
.carousel-control.right, .carousel-control.left {background:transparent;}
.slideshow-caption {margin-top:10px;}

/* Navigation */
.menu-background {background-color: #333333;}
#mainmenu.mini-nav {padding-bottom: 5px; box-shadow: 0px 3px 3px #404040; background: #333333;}
#mainmenu.mini-nav .logo img {margin-top:0;}
.navbar-collapse {padding-left: 0px;}
.navbar {border-radius: 0px; margin-bottom: 0px; min-height: 15px;}
.nav-border {margin-bottom:0; margin-top: 5px;}
.navbar-right {background: transparent; border:none; }
.navbar-right .navbar-nav>li>a {font-size: 14px; text-transform: uppercase; color: #999999;}
.navbar-right .navbar-nav>li>a:hover {color:#ffffff; background-color: transparent;}
.navbar-right .navbar-nav>.active>a {background-color: transparent; color:#ffffff;}
.navbar-right .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {background-color: transparent; color: #ffffff;}	
.navbar-right .navbar-toggle {border-color: #cccccc;}
.navbar-right .navbar-toggle .icon-bar {background-color: #cccccc;}
.navbar-nav>li>a {padding-top: 5px; padding-bottom: 5px;}
.logo.center-block {
  	margin-left: auto;
  	margin-right: auto;
  	height:auto;
}
.navbar .navbar-nav {
  display: inline-block;
  float: none;
}
.navbar .navbar-nav > li > a {
  margin-bottom: -5px;
}
.navbar .navbar-collapse {
  text-align: center;
}
div.navbar-brand {
  padding-left: ;
}

#SearchButton a { 
	background: #949496;
	color: #333333;
	display: block;
	width: 150px;
	height: 20px;
	font-size: 14px;
	padding-top: 3px;}

#SearchButton a:hover{background: #ffffff;}

.logo-sm {}

.breadcrumb {
	padding: 0 15px 0 0;
	background: transparent;
	font-size: 14px;}



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

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

a.MAHome h4{
	font-weight: normal;
	font-size: 13px;
	color: #cccccc;
	margin-bottom: 10px;}
a.MAHome h4:hover{color: #999999;}	

a.ArtistAssets {
	font-size: 12px;
	color: #cccccc;}

a.ArtistAssets:hover {color: #333333;}	



ul.RightNav  {
	margin: 0;
	padding: 0;
	text-align: right;
	}
.RightNav li {list-style-type: none;}	
.RightNav a {
	font-size: 26px;
	font-weight: 300;
	letter-spacing: -.04em;
	text-decoration: none;
	text-transform: uppercase;
	color: #ffffff;
}
.RightNav a:hover {color: #999;}

.btn-default {background: #999999;}	

a.join-button{
	font-size: 11px;
	text-transform: uppercase;
	padding: 5px 22px 5px 22px;
	background-color: #949599;
	border-radius: 8px;
	border: 1px solid #ccc;
	margin-bottom:
}
a.join-button:hover {
	color: #000000;
	background-color: #c9cacc;
	border-radius: 8px;
	border: 1px solid #f2f2f2;
}

a.RightTitle {
	font-size: 21.5px;
	letter-spacing: 0;
	text-decoration: none;
	text-transform: uppercase;
	color: #ffffff;}
a.RightTitle:hover{color:#999999;}	

.custom-social a {display:inline-block; padding-left:10px;}

footer a {color: #cccccc;}
footer a:hover {color: #ffffff;}

/* Images */
.frame {padding: 0px; border: 1px solid #666666;}
.social img {
	filter: none; /* IE6-9 */
	filter: grayscale(0); /* Microsoft Edge and Firefox 35+ */
	-webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */}	
.social img:hover {
	filter: n; /* IE6-9 */
	filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */}

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


/* Footer */
footer {
	margin-top:40px;
	padding: 15px 0 20px 0;
	border-top: 1px solid #ccc;
}

.footertext{
	padding-bottom:20px;
	margin-bottom:20px;
}

.footernav {font-size: 14px;}
.footernav li {text-transform: uppercase;}
.footernav>li>a.footerLink {color: #ffffff; border-right: 1px solid #cccccc; padding: 10px 15px 10px 0; border-radius: 0;}
.footernav>li>a.footerLink:hover {color: #cccccc; background: transparent;}
.footernav>li>a.footerLink:last-of-type {border-right: 0;}

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

.privateLogin {border-color: rgb(215, 215, 215);}

.col-centered {
display: inline-block;
float: none;
/* reset the text-align */
text-align: left;
/* inline-block space fix */
margin-right: -4px;
} 

.text-margin {
	margin:10px 0;
}

.hardrule{
	margin:5px 0 10px 0;
}

.nomargin-bottom {
	margin-bottom: 0;
}



@media (min-width: 768px) {
	#SearchButton {float:right; z-index: 102; position: relative; top: -30px; left: -20px;}
	.mainmenu {position:relative; z-index:100; left: 0;}
	.navbar-header {margin-top: -40px;}
	.navbar-right .navbar-nav>li>a {font-size: 14px;}
}

@media (min-width: 992px){  .logo-wrap {top:50px;} .navbar-right .navbar-nav>li>a {font-size: 14px;}}

@media (max-width: 991px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
	z-index: 200;
	display: block;
	position: relative;
	top: 50px;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}


@media (max-width: 767px) {
		body {margin-top:80px;}
		.nav-border {border:0px;}
		.col-xs-12 .text-right, .col-xs-12.text-left {text-align: center;} 	
		.logo-wrap {top:0;}
		.logo-wrap img {margin-left:15px;}
		a.logo {color: #114B7A; font-size:20px;}   
		.logo.center-block {
		float: right;
		}
		#mainmenu.mini-nav {padding: 0 0 5px 0;}
		#mainmenu.mini-nav img {padding-top: 0;}
		.navbar .nav {
		padding-left: 0;
		}
		.logo-sm img{max-width: 200px; margin-top:10px;}
	.navbar-toggle {
		z-index: 200;
		display: block;
		position: relative;
		top: 0px;
  	}
    #SearchButton {float:none; z-index: auto; position: static; width: 100%;}
    #SearchButton a {width: 100%; height: 30px; margin-left: 10px;}	
}
/* BS5 Changes */
body{
        background: #333333 !important;
    }
    .has-error .help-block,.has-error .control-label {
        color: #a94442;
    }
    .has-error .form-control {
        border-color: #a94442;
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    }
    .has-success .form-control {
        border-color: #3c763d;
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    }
    .has-success .control-label,.has-success .help-block {
        color: #3c763d;
    }
    .ggNavBar .collapse.show {
        display: block !important;
    }
    .bg-primary {
        color: #fff !important;
        background-color: #337ab7 !important;
    }
    @media (max-width: 991px) {
        .ggNavBar .logo-wrap {
            position: static!important;
        }
    }
    @media (min-width: 768px) {
        .ggNavBar #SearchButton {
            position: absolute;
            z-index: 3;
            left: 68%;
            top: 33px;
            animation: cssAnimation 0s 0.5s forwards;
            visibility: hidden;
        }
        @keyframes cssAnimation {
            to   { visibility: visible; }
        }
    }
    @media (min-width: 768px) and (max-width: 991px) {
        .ggNavBar #SearchButton {
            left: 75%;
            top: 26%;
            animation: cssAnimation 0s 0.5s forwards;
            visibility: hidden;
        }
        @keyframes cssAnimation {
            to   { visibility: visible; }
        }
    }