@charset "utf-8";
/* CSS Document */

/* Reset styles - START - these will clear the different browser defaults for various margins, borders and such */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
strong{
	font-weight: bold;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* Reset styles - END */
html{
	width: 100%;
	height: 100%;
}
body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	text-align: center;
	position: relative;
}
/* Clearfix style - START - Forces Firefox to expand divs when content is bigger than initial height. Must be applied as a class to the divs needing it */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Clearfix style - END */

/* General font styles */
td,div,p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
}
em{
	font-style: italic;
}
strong{
	font-weight: bold;
}
p{
	margin: 0;
	padding: 0;
	margin-bottom: 12px;
	line-height: 120%;
	color: #333;
}
a{
	color: #000;
	text-decoration: underline;
}
h1{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 26px;
	color: #1E1E1E;
	font-weight: normal;
	text-decoration: none;
	margin-bottom: 12px;
}
h2{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: #1E1E1E;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: underline;
	margin-top: 5px;
	margin-bottom: 22px;
}
h2 a{	
	color: #1E1E1E;
	text-decoration: underline;
}
h3{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #000;
	font-weight: normal;
	padding-bottom: 3px;
	margin-bottom: 3px;
}
h4{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #000;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: underline;
	margin-bottom: 9px;
}
h5{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 13px;
	color: #333;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 15px;
	
}
h5 a{
	color: #666;
	
}
h6{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #333;
	font-weight: normal;
	font-style: italic;
	margin-bottom: 3px;
	
}
.outerWrapper{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
.wrapper{
	margin: 0 auto;
	width: 981px;
	padding-left: 5px;
	padding-right: 4px;
	background-image:url(../images/bg-shadow-vert.jpg);
	background-repeat: repeat-y;
	background-position: top center;
	text-align: left;
	position: relative;
}
.topContainer{
	float: left;
	width: 981px;
	height: 122px;
	overflow: hidden;
}
#menuContainer{
	margin: 0;
	padding: 0;
	float: left;
	width: 955px;
	margin-left: 13px;
	margin-right: 13px;
	margin-bottom: 19px;
	border-top: 2px solid #000;
	display: inline;
	position: relative;
}
#searchField{
	position: absolute;
	top: -120px;
	right: 0px;
}
#menuContainer ul li{
	margin: 0;
	padding: 0;
	float: left;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 13px;
}
#menuContainer li a{
	margin: 0;
	padding: 0;
	float: left;
	padding-left: 11px;
	padding-right: 11px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 12px;
	line-height: 13px;
	color: #231F20;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}
#menuContainer li.external a:hover{
	color: #0C0;	
}
#menuContainer li a:hover{
	color: #52c3ed;
}
#menuContainer li.first a{
	padding-left: 0px;
}

#menuContainer li.selected a{
	color: #52c3ed;
	border-left: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
}
#menuContainer ul.menuL2{
	display: none;
}
#l2MenuContainer{
	margin: 0;
	padding: 0;
	float: left;
	width: 955px;
	height: 2px;
	background-color: #000;
	color: #FFF;
}
#l2MenuContainer ul{
	margin: 0;
	padding: 0;
	padding-left: 10px;
}
#l2MenuContainer ul li{
	margin: 0;
	padding: 0;
	float: left;
	margin-right: 9px;
}
#l2MenuContainer ul li a{
	display: block;
	color: #FFF;
	font-size: 11px;
	padding-top: 13px;
	text-transform: none;
	text-decoration: none;
}
#l2MenuContainer ul li a:hover{
	color: #52c3ed;
}
#l2MenuContainer.active{
	height: 15px;
}
#bottomShadow{
	margin: 0 auto;
	clear: both;
	width: 990px;
	height: 10px;
	background-image: url(../images/bg-shadow-hor.png);	
}
#mainContentContainer{
	float: left;
	width: 713px;	
	margin-left: 13px;
	margin-bottom: 10px;
}
#slideBox{
	float: left;
	width: 713px;
	position: relative;	
}
#normalImageContainer{
	float: left;
	width: 713px;
	height: 525px;
	overflow: hidden;
	margin-bottom: 12px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	position: relative;
}
#normalImageContainer .imgContainer{
	float: left;
	width: 713px;
	background-color: #000;
	display: block;
	position: relative;
}
#normalImageContainer .imgContainer .imgWrap{
	float: left;
	width: 713px;
	height: 530px;
	overflow: hidden;
	background-color: #FFF;
}
#normalImageContainer.front{
	float: left;
	width: 713px;
	height: 470px;
	overflow: hidden;
	margin-bottom: 12px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	position: relative;
}
#normalImageContainer.front .imgContainer{
	float: left;
	width: 713px;
	background-color: #000;
	display: block;
	position: relative;
}
#normalImageContainer.front .imgContainer .imgWrap{
	float: left;
	width: 713px;
	height: 470px;
	overflow: hidden;
	background-color: #000;
}
#normalImageContainer .imgContainer .bigImageCorner{
	position: absolute;
	top: 490px;
	right: 20px;
	width: 20px;
	height: 20px;
	color: #FFF;
}
#normalImageContainer.front .imgContainer .bigImageCorner{
	position: absolute;
	top: 460px;
	right: 20px;
	width: 20px;
	height: 20px;
	color: #FFF;
}
#normalImageContainer .imgContainer .bigImageCorner a{
	display: block;
	color: #FFF;
}
#slideLeft{
	position: absolute;
	left: 20px;
	top: 250px;
	width: 40px;
	height: 40px;
	z-index: 50001;	
	cursor: pointer;
}
#slideRight{
	position: absolute;
	right: 20px;
	top: 250px;
	width: 40px;
	height: 40px;
	z-index: 50001;
	cursor: pointer;
}
span.imageDescription{
	position: absolute;
	top: 530px;
	left: 0px;
	width: 703px;
	text-align: right;
	height: 15px;
	padding-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 11px;
	font-style: italic;
}
#normalTextContainer{
	float: left;
	width: 693px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 25px;
}
#normalTextContainer table tbody tr td{
	padding: 3px;
	padding-top: 7px;
	padding-bottom: 5px;
	border-bottom: 1px solid #999;
}
.normalSmallTextContainer{
	float: left;
	padding-bottom: 18px;
	margin-bottom: 25px;
	border-bottom: 1px solid #000;
}
#wideArticleListContainer{
	float: left; 
	width: 718px;
	border-right: 1px solid #ACACAC;
}
#wideArticleListContainer.belowContent{
	border-top: 1px solid #ACACAC;
	border-bottom: none;
}
.wideArticleItemBox{
	float: left;
	width: 699px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ACACAC;
}
.wideArticleItemBox.bottom{
	border-bottom: none;
}
.wideArticleItemImage{
	float: left;
	width: 240px;
}
.wideArticleItemText{
	float: left;
	width: 419px;
	margin-left: 20px;	
	display: inline;
}
.wideArticleItemText h2{
	margin-top: 15px;	
}
.wideArticleItemText h2 a{
	text-decoration: none;
	font-size: 20px;
}
.wideArticleItemText h2 a:hover{
	text-decoration: underline;
}
#singleArticleListContainer{
	float: left;	
	width: 230px;
	border-top: 1px solid #ACACAC;
	padding-left: 10px;
}
#smallGridContainer{
	float: left;
	width: 230px;
	min-height: 1300px;
	padding-left: 13px;
	background-image: url(../images/vert-border.gif);
	background-repeat: repeat-y;
	background-position: 5px 0px;
}
#smallArticleGridContainer{
	float: left;
	width: 225px;
	display: inline;
}
.smallArticleBox{
	float: left;
	width: 229px;
	border-top: 1px solid #ACACAC;
	border-right: 1px solid #ACACAC;
}
.smallArticleBox.noBorder{
	border-right: none;
}
.smallArticleBox h4{
	padding-left: 15px;	
	padding-top: 15px;
	padding-right: 15px;
	margin-bottom: 12px;
}
.smallArticleImage{
	float: left;
	width: 239px;
}
.smallArticleImage span.imageDescription{
	float: left;
	width: 209px;
	padding-left: 15px;
	padding-right: 15px;
	color: #474747;	
	font-size: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
}
.smallArticleText{
	float: left;
	width: 209px;
	padding-left: 15px;
	padding-right: 15px;
}
#bottomContainer{
	float: left;
	width: 960px;
	margin-left: 9px;
	margin-right: 9px;
	border-top: 1px solid #DEDEE0;
	padding-top: 9px;
	padding-bottom: 9px;
	display: inline;
}
.boxContainerThree{
	float: left;
	width: 713px;
}
.boxContainerThree.artist{
	border-top: 1px solid #000;
}
.boxContainerSingle{
	float: left;
	width: 225px;
	padding-right: 10px;
}
.boxItem{
	float: left;
	width: 225px;
	padding-top: 0px;
	position: relative;
}
.threeBox.artist.boxItem{
	margin-bottom: 15px;
}
.boxItemOverlay{
	display: none;
	position: absolute;
	top: 10px;
	left: 9px;
	cursor: pointer;
	z-index: 1000;
	width: 225px;
	height: 315px;
	background-image: url(../images/itembox-bg-hover.png);
	background-repeat: repeat;
}
.artist .boxItemOverlay{
	display: none;
	position: absolute;
	cursor: pointer;
	top: 0px;
	left: 9px;
	z-index: 1000;
	width: 205px;
	padding: 10px;
	height: 130px;
	font-size: 10px;
	color: #000;
	background-image: url(../images/white-artist-overlay.png);
	background-repeat: repeat;
}
.boxItem.first.artist .boxItemOverlay{
	left: 0px;
}
.artist .boxItemOverlay h4{
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 12px;
	color: #000;
}
.artist .boxItemOverlay p{
	font-size: 10px;
	font-weight: normal;
	margin-bottom: 15px;
	color: #000;
}
.artist .boxItemOverlay a{
	height: 25px;
	color: #000;
}
.boxContainerSingle .boxItemOverlay{
	height: 100%;
	top: 0px;
	left: 0px;
}
.boxItemOverlay a{
	display: block;
	width: 100%;
	height: 100%;
}
.boxContainerSingle .boxItemOverlay a{
	display: block;
	width: 100%;
	height: 100%;	
}
.boxContainerSingle .boxItem{
	float: left;
	width: 225px;
	padding-top: 0px;
	margin-bottom: 0px;
	border-top: none;
}
.boxImageContainer{
	float: left;
	width: 225px;
	height: 150px;
	overflow: hidden;
	margin-top: 9px;
	margin-bottom: 0px;
	position: relative;
}
.boxContainerSingle .boxImageContainer{
	float: left;
	width: 225px;
	height: 150px;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
}
.artist .boxImageContainer{
	margin: 0;
	padding: 0;
	height: 150px;
	overflow: hidden;
}
.boxTextContainer{
	float: left;
	padding-left: 2px;
	padding-right: 9px;
	padding-bottom: 9px;
	min-height: 60px;
	border-bottom: 1px solid #000;
}
.boxLinkContainer{
	float: left;
	margin-top: 3px;
	margin-bottom: 1px;
}
.boxLinkContainer a{
	display: block;
	color: #535353;
	font-size: 10px;
	text-decoration: none;
}
.boxLinkContainer a span{
	float: left;
	font-size: 10px;
	padding-bottom: 5px;
}
.boxLinkContainer a img{
	float: left;
	padding-top: 2px;
	padding-left: 6px;
}
.threeBox .boxLinkContainer{
	padding-top: 2px;
	width: 225px;
	height: 35px;
	overflow: hidden;
	border-bottom: 1px solid #000;	
}
.threeBox .boxTextContainer{
	float: left;
	width: 214px;
	padding-right: 9px;
	padding-bottom: 9px;
	min-height: 115px;
	border: none;
	border-bottom: 1px solid #000;
}
.threeBox .boxTextContainer p{
	font-size: 10px;	
}
.boxItem .boxTextContainer p{
	font-size: 10px;	
}
.boxItem h4, .boxItem h4 a{
	margin-top: 6px;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 3px;
	text-decoration: none;
	text-transform: none;
	color: #000;	
}
.boxItem p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 135%;
	color: #000;
	margin-bottom: 3px;
}
.boxItem a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 135%;
	color: #535353;
	margin-bottom: 3px;
}
.boxItem.threeBox{
	padding-left: 9px;
	padding-right: 9px;	
	margin-bottom: 5px;
}
.boxItem.threeBox.first{
	clear: left;
	padding-left: 0px;
	padding-right: 9px;
}
.boxItem.threeBox.last{
	padding-right: 0px;
	padding-left: 9px;
}
.boxItem.threeBox.first .boxItemOverlay{
	left: 0px;
}
.boxItem.threeBox.last .boxItemOverlay{
	
}
.boxItem.threeBox.bid1, .boxItem.threeBox.bid2, .boxItem.threeBox.bid3{
	border-top: none;
}
.boxItem.threeBox.bid1 .boxImageContainer, .boxItem.threeBox.bid2 .boxImageContainer, .boxItem.threeBox.bid3 .boxImageContainer{
	margin-top: 0px;
}
.bottomContent{
	clear: both;
	float: left; 
	width: 950px;
	margin-top: 15px;
	margin-left: 5px;
	margin-right: 5px;
	border-top: 1px solid #999;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 10px;
	text-align: left;
	position: relative;
}
.bottomContent p{
	float: left;
	width: 700px;
	font-size: 10px;
	margin-bottom: 0px;
}
.bottomContent span{
	width: 200px;
	float: right;
	text-align: right;
}
.bottomContent a img{
	position: absolute;
	bottom: -5px;
	right: -50px;
}
.bottomContent span a{
	text-decoration: none;
}
.bottomContent span a:hover{
	color: #5A5A5A;
}
#subMenuContainer{
	float: left;	
}
#subMenuContainer ul{
	float: left;
	padding-bottom: 45px;
}
#subMenuContainer ul li{
	float: left;
	width: 230px;
}
#subMenuContainer ul li a{
	display: block;
	padding: 5px;
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	text-transform: none;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	border-bottom: 1px solid #DEDEE0;
}
#subMenuContainer ul li a:hover,#subMenuContainer ul li.selected a{
	color: #5A5A5A;
}
#mainContentContainer.artist h1{
	color: #5A5A5A;
}
.linkAreaContainer{
	clear: both;
	float: left; 
	width: 960px;
	background-color: #EEE;
	margin-top: 15px;
	margin-left: 10px;
	margin-right: 11px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-top: 1px solid black;
	font-size: 10px;
	text-align: center;	
}
.linkFooterBox{
	float: left;
	width: 232px;	
	min-height: 123px;
	text-align: left;
	border-right: 1px solid black;
	padding-left: 8px;
	overflow: hidden;		
}
.linkFooterBox.last{
	width: 225px;	
	margin-right: 0px;
	border-right: none;
	padding-left: 0px;
	padding-right: 11px;
}
.linkFooterBox img{
	margin-left: 70px;
	margin-top: 10px;
}
.linkAreaContainer h5{
	font-size: 10px;
	color: #5F5F5F;
	margin-top: 5px;
	margin-bottom: 2px;
	font-weight: bold;
}
.linkAreaContainer ul{
	margin: 0;
	padding: 0;
	float: left;
}
.linkAreaContainer ul li{
	float: left;
	width: 225px;
}
.linkAreaContainer ul li a{
	display: block;
	color: #5F5F5F;
	line-height: 120%;
	font-size: 10px;
	padding-top: 1px;
	padding-bottom: 2px;
	border-bottom: 1px solid #B5B5B5;
	text-decoration: none;	
}
.linkAreaContainer ul li.last a{
	border-bottom: none;
}
.linkAreaContainer ul li a:hover{
	color: #fff;
	background-color: #5A5A5A;
}
.sponsorLogos{
	clear: both;
	float: left; 
	width: 960px;
	border-top: 2px solid #000;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 10px;
	text-align: center;
}
.sponsorLogos p{
	line-height: 12px;
	font-size: 9px;
	padding-top: 6px;
	margin-bottom: 3px;
}
#socialContainer{
	float: left;
	width: 713px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding-top: 8px;
	padding-bottom: 6px;
	margin-bottom: 25px;
}
iframe.twitter-share-button{
	margin-left: 25px;
	padding-bottom: 3px;
}
.twtr-widget{
	margin-top: 15px;
}
.banner{
	display: none;
}
#search{
	color: #666;
}
#imageGallery{
	float: left;
	width: 703px;
	padding: 10px;
	padding-top: 0px;
	padding-right: 0px;
	margin-bottom: 25px;
}
#imageGallery ul{
	float: left;
	width: 703px;
}
#imageGallery ul li{
	float: left;	
	height: 148px;
	width: 222px;
	overflow: hidden;
	margin-right: 12px;
	margin-bottom: 12px;
}
#imageGallery ul li.last{
	margin-right: 0px;
}
#imageGallery ul li a{
	display: block;	
}
.tweet{
	float: left;
	margin-top: 10px;
	margin-bottom: 25px;
	border: 1px solid black;
}
.tweet img.twitter_icon {
	display: block;
	margin: 0 0 10px 15px;
}
.tweet a {
	color: #5A5A5A;
	margin-left: 5px;
}
.tweet ul{
	
}
.tweet li{
	float: left;
	padding-bottom: 10px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
.tweet li.tweet_odd, .tweet li.tweet_odd a {
	background-color: #ddd;	
}
.tweet li span{
	font-family: Verdana, Geneva, sans-serif;
	line-height: 125%;	
	font-size: 11px;
}
.tweet li a.tweet_avatar{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
.tweet li a{
	color: #5A5A5A;
	margin: 0;
}

#slideLeft {
    left: 10px;
    top: 220px;
}

#slideRight {
    right: 33px;
    top: 220px;
}

#normalImageContainer .imgContainer .bigImageCorner {
    top: 485px;
}

#menuContainer ul li.selected {

    background-image: none;
}

#menuContainer ul li.selected a {
    padding-left: 12px;
    padding-right: 12px;
    text-decoration:line-through;
}

#menuContainer ul li a {

}

#menuContainer ul li.hovering{
    /*background-image: url(../images/menu-bg-sel.png);
    background-repeat: no-repeat;
    background-position: center bottom;*/
}

#menuPointer {
    position: absolute;
    top: 28px;
    left: 38px;
    display:none;
}

#searchField {
    float: right;
    margin-top: 6px;
}

h4 {
    color: #5A5A5A;
    text-decoration: none;
    text-transform: none;
}
.instagram-feed h4 {
    color: #000;
    font-size: 13px;
    font-weight: bold;
}
a.insta {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 2%;
}
a.insta img {
    width: 100%;
    float: left;
}