::-moz-selection { background: #d5d339; color: #fff; text-shadow: none; }
::selection { background: #d5d339; color: #fff; text-shadow: none; }


.fine_art_buy_button {
    display: inline-block;
    color: #000;
    border: solid 1px #000;
    background: none;
    text-decoration: none;
    text-transform: uppercase;
    padding: 8px 20px;
    margin: 0px 15px 20px 0px;
    border-radius: 2px;
    font-weight: 600;
    transition: all .4s;
}

.fine_art_buy_button:hover {
    background: #000;
    color: #fff;
    opacity: 1;
}

.fine-art-image-container { position:relative; }

.fine_art_badge { position:absolute; bottom: 20px; right: 40px; z-index: 3; width: 140px; } 

.fine_art_badge_grid { position:absolute; bottom: 10px; right: 10px; z-index: 3; margin-left: 10px; width: calc(100% - 20px); } 

.fine_art_buy_container {
	display: flex;
}

.fine_art_buy_container div {
	padding: 0px !important;
}





body {
  min-width:1100px;
}

.left {
  float:left;
}

.right {
  float:right;
}

.snap {
  display:none;
}

.container {
  width:1024px;
  margin:0 auto;
}

header,
#header {
  margin:25px 0 0 0;
}

header .container,
#header .container {
  height:125px;
  position:relative;
  border-bottom:1px solid #a7a9ac;
}

#logo {
  position: relative;
  left:-19px;
  bottom:-1px;
}

#searchContainer {
  position: absolute;
  bottom:0;
  right:0;
  height:28px;
  width:130px;
  overflow:visible;
  white-space: nowrap;
  background: #666666;
}

#searchInput {
  width:92px;
  height: 27px;
  display: block;
  float:left;
  padding:0 0 0 5px;
  line-height: 23px;
  border-top:1px solid #cccccc;
  border-left:1px solid #cccccc;
  border-right:0;
  border-bottom:0;
  font-size:13px;
  border-radius:0;
  margin:0;
  -webkit-border-radius:0 !important;
  -webkit-appearance:none !important;
}

#searchInput:focus {
  outline:none;
}

#searchSubmit {
  background: #666666 url(/css/images/searchbtn.png) center center no-repeat;
  width:28px;
  height: 28px;
  border:0;
  float:left;
  cursor: pointer;
}

::-webkit-input-placeholder  { color:#CECECE; text-transform: uppercase; }
input:-moz-placeholder { color:#CECECE; text-transform: uppercase; }

#menu {
  position:absolute;
  bottom:0px;
  right:130px;
  height:24px;
  z-index:1000000;
}

#menu li {
    display:block;
    zoom: 1;
    width:auto;
  float:left;
  line-height: :24px;
  list-style-type: none;
  font-family: 'Quattrocento Sans', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  border-right:1px solid #a7a9ac;
  margin:0px!important;
  padding:0px;
}

#menu li.selected {
  border-bottom:4px solid #a7a9ac;
}

#menu ul li.selected {
  border-bottom:none;
}

#menu li:last-child {
  border-right:none;
}

#menu li a {
  color:#7f7f7f;
  display: block;
  text-decoration: none;
  width: auto;
  padding:2px 8px 0 8px;
  border-bottom:4px solid #FFFFFF;
}

#menu li.hover,
#menu li:hover {
   position: relative; 
}

#menu ul li.hover a,
#menu ul li:hover a {
  color:#333333;
}

#menu ul { 
  width: 220px; 
  visibility: hidden; 
  position: absolute; 
  top: 100%; 
  left: 0;
  padding:15px 0 0 0;
  z-index: 500;
}


#menu ul li { 
  float: none; 
  border:none;
  line-height:18px;
  padding:0 0 10px 0;
  /*background:rgba(255,255,255, 0.9);*/
  background-image:url(/css/images/white.png);
  background-repeat:repeat;
}

#menu ul li a {
  border:none;
  display: block;
  height: auto;
}




#menu2 {
  margin:0;
  padding:0;  
}

#menu2 li {
  display:block;
  float:left;
  list-style-type: none;
  margin:0 0 0 10px;
  height: 30px;
  line-height: 30px;
}

#menu2 li a {
  color:#A7A9AC;
  text-decoration: none;
}

#menu2 li a:hover {
  color:#696A6C;
}

#breadcrumbs {
  margin:10px 0 10px 0px;
  font-size:13px; 
  text-transform: capitalize;
}

#breadcrumbs a {
  text-decoration: none;
  color:#B4B5B8;
}

#breadcrumbs a:last-child {
  color:#666666;
}

#breadcrumbs a:hover {
  text-decoration: underline;
}

#slider {
  height:576px;
  overflow: hidden;
  margin:15px 0 15px 0;
} 

#homepageLinks {
  height: 55px;
  margin:0;
  padding:0;
  background: #a7a9ac url(/css/images/categorybkg.gif) left top repeat-x;
}

#homepageLinks li {
  display: block;
  float:left;
  width:340px;
  margin:6px 0 6px 0;
  padding:0;
  height: 43px;
  text-align:center;
  border-right:1px solid #FFFFFF;
}

#homepageLinks li:last-child {
  border:none;
}

#homepageLinks li a {
  display:block;
  width:100%;
  height:33px;
  text-decoration: none;
  padding:10px 0 0 0;
  font: 22px 'Quattrocento Sans', sans-serif;
  color:#FFFFFF;
}

#homepageLinks li:hover a {
  color:#696A6C;
}

#portfolio {
  margin:0;
  padding:0;
}

#portfolio li {
  width: 32.5%;
  float:left;
  list-style-type: none;
  margin:0 12px 0 0;
  padding:0;
}

#portfolio li.noMargin {
  margin:0 0 0 0;
}

#portfolio li span {
  margin:6px 0 0 0;
  display: block;
  width:100%;
  font: 22px 'Quattrocento Sans', sans-serif;
  color: #FFFFFF;
  text-align: center;
  height:60px;
  line-height:60px;
  background: #a7a9ac url(/css/images/categorybkg.gif) left top repeat-x;
}

#portfolio li span a {
  display: block;
  text-decoration:none;
  color:#FFFFFF;
}

#portfolio li:hover span a {
  color:#696A6C;
}

.page {
  width:1024px; 
}

#categories {
  width:1025px;
  margin:0;
  padding:0;
}

#categories li {
  display:block;
  position:relative;
  float:left;
  width:245px;
  height:245px;
  border:1px solid #a7a9ac;
  margin:0 12px 12px 0;
  padding:0;
}

#categories li:nth-child(4n+4) {
  margin:0 0 12px 0;
}

#categories li.noMargin {
  margin:0 0 12px 0;
}

#categories li span {
  position:absolute;
  width:100%;
  text-align:center;
  bottom:0;
  left:0;
  height:40px;
  line-height:40px;
  background-color:rgba(155,155,155,0.7);
  font-family: 'Quattrocento Sans', sans-serif;
  font-size: 17px;
}

#categories li span a {
  display:block;
  color:#FFFFFF;
  text-shadow:1px 1px #696A6C;
  text-decoration: none;
}

#categories li:hover a {
  color:#696A6C;  
  text-shadow:none;
}

#categories li:hover span {
  background-color:rgba(255,255,255,0.7);
}

#categoryDescription {
  width: 1024px;
  height: 155px;
  background:#a7a9ac url(/css/images/categorybkg.gif) left bottom repeat-x;
  margin:10px auto 0 auto;
  color:#FFFFFF;
  font-family: 'Quattrocento Sans', sans-serif;
}

#categoryDescription div:first-child {
  margin:25px 0 0 60px;
  width:150px;
  height:110px;
  border-right:2px solid #cdcfd0;
}

#categoryDescription h1 {
  font: 22px 'Quattrocento Sans', sans-serif;
  margin:0;
  padding:0;
}

#categoryDescription div:last-child {
  width:540px;
  font: 18px 'Quattrocento Sans', sans-serif;
  margin:35px 0 0 90px;
  text-align: center;
}

#categoryDescription div a {
  text-decoration:none;
  color:#696A6C;
}

#photoContainer {
  text-align: center;
}

#photo {
  max-width: 1024px;
  
  margin:0 auto;
}

#photoTitle {
  display:none;
}

#photoDescription {
  width:1024px;
  margin:10px auto 0 auto;
}

#photoDescription div {
  background-color: #E6E6E6;
  font-family: 'Quattrocento Sans', sans-serif;
  font-size:14px;
  line-height:1.3em;
  color: #808285;
  padding: 14px 10px 14px 15px;
}

#photoDescription div p {
  padding:0;
  margin:0;
}

#prevnext {
  position:absolute;
  top:470px;
  left:50%;
  margin:0 0 0 -495px;
  width:990px;
  height:105px;
  z-index:100000;
}

#next {
  width:13px;
  float:right;
  width:13px;
  height:105px;
  background:url(/css/images/nav_rt.png) top center no-repeat;
  /* background-color:rgba(255,255,255,0.6); */
  border-radius:2px;
}

#next:hover {
  background-position:bottom center;
}

#prev {
  width:13px;
  float:left;
  width:13px;
  height:105px;
  background:url(/css/images/nav_lft.png) top center no-repeat;
}

#prev:hover {
  background-position:bottom center;
}

.precache {
  display:none;
  height:0px;
  width:0px;
}

#title {
  height: 70px;
  border-left: 1px solid #A7A9AC;
  border-right: 1px solid #A7A9AC;
}

#title h1 {
  margin:0;
  font: 22px 'Quattrocento Sans', sans-serif;
  color: #58595B;
  padding:25px 0 0 30px;
}

#pageContent {
  float:left;
  width:630px;
  margin:0 0 0 50px;
  color: #58595B;
  font-size:14px;
  font: 22px 'Quattrocento Sans', sans-serif;
}

#pageContent h1 {
  font-size:22px;
}

#pageContent p {
  width:100%;
}

#pageContent p,
#pageContent ul li,
#pageContent ol li {
  font-size:15px;
  line-height:1.24em;
}

#pageContent ul,
#pageContent ol {
  margin:0 0 0 20px;
  padding:0;
  list-style-type: square;
}

#pageContent ul li,
#pageContent ol li {
  line-height:1.45em;
}

#pageContent a {
  color:#035492;
  font-weight:bold;
  text-decoration:none;
}

#pageContent a:hover {
  text-decoration:underline;
}

#pageSidebar,
#blogSidebar {
  float:left;
  width:240px;
  margin:0 0 0 50px;
  background-color: #d2d3d4;
  color:#58595b;
  font: 15px 'Quattrocento Sans', sans-serif;
}

#pageSidebar div,
#blogSidebar div {
  padding:20px;
}

#blogSidebar ul {
  margin:0 0 0 20px;
  padding:0;
  list-style-type: square;
}

#blogSidebar ul li {
  margin:0 0 8px 0;
}

#blogSidebar ul li a {
  text-decoration: none;
  color:#58595b;
}

.blogEntry {
  margin:0 0 50px 0;
  font: 15px 'Quattrocento Sans', sans-serif;
}

.blogEntry h1 {
  margin:0 0 10px 0;
  padding:0;
}

.blogEntry h1 a {
  font: 22px 'Quattrocento Sans', sans-serif;
  color:#58595B !important;
}

.blogEntry h4 {
  margin:0 0 7px 0;
  padding:0;
  font-size:13px;
  clear:both;
}

.blogEntry h4 .addthis_toolbox {
  float:right;
  height:21px;
  margin:-4px 0 0 0;
  overflow: hidden;
  text-align: right;
}

.blogContent {
  line-height:1.4em;
}

.blogEntry img {
  margin:0 20px 10px 20px;
}

.blogImage {
  margin:0 0 10px 20px;
}

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

.blogMore a {
  font: 15px 'Quattrocento Sans', sans-serif;
}

.blogPrevNext {
  font: 14px 'Quattrocento Sans', sans-serif;
  color:#58595B !important;
}
.blogPrev {
  margin:0;
  padding:0;
  width:50%;
  display: block;
  float:left;
  text-align:left;
}

.blogNext {
  margin:0;
  padding:0;
  width:50%;
  display: block;
  float:right;
  text-align:right;
}

#freeform {
  clear:both;
}

#freeform div {
  margin:0 0 18px 0;
  min-height:30px;
}

#freeform label {
  display:block;
  float:left;
  width:150px;
  height:28px;
  line-height:28px;
  margin:0 20px 0 0;
}

#freeform .inputText {
  width:280px;
  padding:3px 5px;
  font-size:15px;
  height:22px;
  border:1px solid #a7a9ac;
}

#freeform .inputCaptcha {
  padding:3px 5px;
  font-size:15px;
  margin: 0 0 0 10px;
  height:22px;
  border:1px solid #a7a9ac;
  width:125px;
}

#freeform textarea {
  width:280px;
  height:120px;
  padding:3px 5px;
  border:1px solid #a7a9ac;
} 

#freeform #formSignup {
  font-size:15px;
}

#freeform #formSubmit {
  margin:60px 0 0 0;
  width:460px;
  text-align: right;
}

#signup input[type="submit"]{
  float:right;
  margin:15px 0 10px 0;
}

#signup p {
  clear:both;
}

footer,
#footer {
  margin:30px 0 40px 0;
}

footer .container,
#footer .container {
  color:#A7A9AC;
  font: 13px 'Quattrocento Sans', sans-serif;
  border-top:1px solid #a7a9ac;
}

#copyright {
  height: 30px;
  line-height: 30px;
}

#socialFacebook {
  display: block;
  width:18px;
  height:18px;
  margin:6px 0 6px 0;
  background-image:url('/css/images/socialicons.png');
  background-repeat: no-repeat;
  background-position: -18px 0px;
}

#socialFacebook:hover {
  background-position: -18px -18px;
}

#socialInstagram {
  display: block;
  width:18px;
  height:18px;
  margin:6px 0 6px 0;
  background-image:url('/css/images/socialicons.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#socialInstagram:hover {
  background-position: 0px -18px;
}




/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
    #cboxTopLeft{width:25px; height:25px; background:url(/css/images/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(/css/images/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(/css/images/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(/css/images/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(/css/images/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(/css/images/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(/css/images/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(/css/images/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:#fff url(/css/images/loading.gif) no-repeat 5px 5px;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
 * jQuery Nivo Slider v3.0.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */
.nivoSlider {
  position:relative;
  width:100%;
  height:auto;
  overflow: hidden;
}
.nivoSlider img {
  position:absolute;
  top:0px;
  left:0px;
}
.nivo-main-image {
  display: block !important;
  position: relative !important; 
  width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  border:0;
  padding:0;
  margin:0;
  z-index:6;
  display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
  display:block;
  position:absolute;
  z-index:5;
  height:100%;
  top:0;
}
.nivo-box {
  display:block;
  position:absolute;
  z-index:5;
  overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
  position:absolute;
  left:0px;
  bottom:0px;
  background:#000;
  color:#fff;
  width:100%;
  z-index:8;
  padding: 5px 10px;
  opacity: 0.8;
  overflow: hidden;
  display: none;
  -moz-opacity: 0.8;
  filter:alpha(opacity=8);
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
  padding:5px;
  margin:0;
}
.nivo-caption a {
  display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
  position:absolute;
  top:45%;
  z-index:9;
  cursor:pointer;
}
.nivo-prevNav {
  left:0px;
}
.nivo-nextNav {
  right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
  text-align:center;
  padding: 15px 0;
}
.nivo-controlNav a {
  cursor:pointer;
}
.nivo-controlNav a.active {
  font-weight:bold;
}



@media only screen and (min-width: 1100px) {
  #prevnext {
    position:absolute;
    top:470px;
    left:50%;
    margin:0 0 0 -535px;
    width:1070px;
    height:105px;
    z-index:100000;
  }

  #next {
    width:13px;
    float:right;
    /*background-color:rgba(255,255,255,0.6);*/
    /*border-radius:2px;*/
    /*padding:10px;*/
    /*margin:0 50px 0 0;*/
  }

  #prev {
    width:13px;
    float:left;
    /*margin:0 0 0 50px;*/
  }


}