*{
	padding:0;
	margin:0;
}
.hidden{
	position:absolute;
	top:-5000px;
}
a{
	color:black;
}
a:focus,
a:hover,
a:active{
	color:#AEAEAE;
}
a img{
	border-width:0;
}
body{
	background:#DADADA;
	color:black;
	font-family:Arial, sans-serif;
	font-size:100%;
}
#header{
	padding-top:10px;
	margin-bottom:40px;
	position:relative;
	overflow:hidden;
}
/* the stuff inside the header */
#header ul#social{
	position:absolute;
	top:0;
	right:0;
}
#header ul#social li{
	display:inline;
	list-style:none;
}
#header h1{
	text-align:center;
	margin-bottom:15px;
}
#header #theedit{
	width:800px;
	font-size:81.25%;
	text-align:center;
	margin:0 auto 50px auto;
}
#header #theedit span.read-more,
#header #theedit span.read-less{
	font-size:107.7%;
	font-weight:bold;
	text-transform:uppercase;
}
#header #dates{
	float:right;
	font-size:87.5%;
	height:2em;
}
#header #dates p{
	line-height:1;
}
#header #nav{
	float:left;
	font-size:87.5%;
	line-height:1;
	height:2em;
}
#header #nav .menu li{
	list-style:none;
	float:left;
	padding-right:10px;
	border-right:1px solid black;
	margin-right:10px;
}

#header #nav .menu li.item174{
	border-right-width:0;
}

#header #nav .menu li a{
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
}
#header #nav .menu li#current a{
	font-weight:bold;
}
#header #nav .crumble{
	float:left;
	font-weight:normal;
	text-transform:uppercase;
	line-height:1;
}
#header #nav .crumble a{
	font-weight:bold;
}

#wrapper{
	position:relative;
	width:95%;
	width:1000px;
	padding:0 8px 0 8px;
	margin:auto;
	overflow:hidden;
}
#container{
	overflow:hidden;
	margin-bottom:100px;
}
body.designerpage #container{
	margin-bottom:5px; /* scroller takes up the space above the footer */
}
#container.homepage{
}
#container.homepage div#page{
	float:left; /* for IE7, but may be needed for other browsers too (not for Firefox)*/
}
#homeleft{
	width:730px;
}
#homeleft a{
	float:left;
	display:block;
	width:342px;
	height:342px;
	margin-right:23px;
	margin-bottom:23px;
}
#twitter,
#pinterest,
#modPinterestpinsdisplay{
	background:white;
	overflow:hidden;
	margin-bottom:23px;
}

#twitter,
#pinterest{
	border:1px solid black;
	width:368px;
	height:340px;
}

a.pinTip2{
	
}
/* as long as the header and footer of the twitter widget don't change in height, these styles will fill the box till 342px */
.twtr-bd{
	height:287px; /* 260 if twtr-ft is left in */
}
.twtr-ft{
	display:none;
}

/* following styles based on 66px thumbs, and making the box exactly 342px high if 4 rows of thumbs */
.cbfixpscpinbox{
	border-width:0;
	background:white;
	padding:6px 0 0 6px;
}
.cbfixpscpin{
	border-color:black;
	margin-right:4px;
	margin-bottom:4px;
}
#cbpinfollowus{
	padding:7px 0 0 0;
}
div.pinTip-tip *{
	position:relative;
	background:white;
	z-index:100;
}
div.pinTip-tip div{
	border:1px solid black;
	padding:4px;
}
div.pinTip-tip div div{
	border-width:0;
	padding:0;
}

.contentpaneopen_edit{
	position:absolute;
	left:8px;
	top:145px;
}
div.error{
	position:absolute;
	left:78px;
	top:145px;
}

#tabbedcontent{
	float:right;
	width:1000px;
	min-height:538px;
	padding-left:0;
}
body#artid222 #tabbedcontent{
	min-height:711px;
}
#content{
}

ul.designers{
	width:1020px;
	margin-right:-20px;
}
ul.designers li{
	list-style:none;
	float:left;
	width:235px;
	background:white;
	margin-right:20px;
	margin-bottom:20px;
}
ul.designers li.prevonoffdes{
	background:url(../images/corner-prevonoffdes.gif) white no-repeat right bottom;
}
ul.designers li.cgselection{
	background:url(../images/corner-cgselection.gif) white no-repeat right bottom;
}

ul.designers li a{
	display:block;
	width:235px;
	height:350px;
	text-decoration:none;
}
ul.designers li a:focus,
ul.designers li a:hover,
ul.designers li a:active{
	opacity:0.5;
	color:black;
}

ul.designers li a img{
	display:block;
}
ul.designers li a span{
	display:block;
	height:20px;
	font-size:81.25%;
	text-transform:uppercase;
	text-align:center;
	line-height:20px;
	padding:25px 10px;
}
div.desleg{
	clear:both;
	height:20px;
	font-size:75%;
	line-height:20px;
	margin-bottom:20px;
}
div.desleg .prevonoffdes,
div.desleg .cgselection{
	float:left;
	height:20px;
	padding-left:30px;
	margin-right:30px;
}
div.desleg .prevonoffdes{
	background:url(../images/key-prevonoffdes.gif) transparent no-repeat left bottom;
}
div.desleg .cgselection{
	background:url(../images/key-cgselection.gif) transparent no-repeat left bottom;
}


/* scroller start */

ul.designers.scroll li{
	width:125px;
	margin-right:10px;
	margin-bottom:10px;
}
ul.designers.scroll li.prevonoffdes{
	background:url(../images/key-prevonoffdes.gif) #fff no-repeat right bottom;
}
ul.designers.scroll li.cgselection{
	background:url(../images/key-cgselection.gif) #fff no-repeat right bottom;
}
ul.designers.scroll li a{
	width:125px;
	height:185px;
}
ul.designers.scroll li a span{
	height:20px;
	font-size:62.5%;
	line-height:1.2em;
	padding:5px 5px;
}
ul.designers.scroll li a img{
	width:125px;
	height:auto;
}


/* end scroller */


.imgwide{
	clear:both;
	overflow:hidden;
	margin-bottom:25px;
}
.dinfo{
	background:#fff;
	padding:15px;
	overflow:hidden;
	margin-bottom:25px;
}
.dinfo p{
	font-size:81.25%;
	line-height:1.4;
	margin-bottom:0.4em;
}
.dinfo .prevonoffdes,
.dinfo .cgselection{
	clear:both;
	height:30px;
	font-size:75%;
	line-height:30px;
	vertical-align:middle;
	text-align:right;
	padding-right:45px;
	margin-bottom:-15px;
	margin-right:-15px;
}
.dinfo .prevonoffdes{
	background:url(../images/corner-prevonoffdes.gif) transparent no-repeat right bottom;
}
.dinfo .cgselection{
	background:url(../images/corner-cgselection.gif) transparent no-repeat right bottom;
}

.colleft{
	float:left;
	width:470px;
}
.colright{
	float:right;
	width:470px;
}
h2{
	font-size:200%;
	text-transform:uppercase;
	line-height:1;
	margin-bottom:1em;
}
h2.smaller{
	font-size:137.5%;
	line-height:1.2;
}
h3,
p.h2large{
	font-size:137.5%;
	line-height:1;
	margin-bottom:0;
}
p{
	line-height:1.4;
	margin-bottom:1.2em;
}
div#content.contacts p.lastpara{
	margin-bottom:2em;
}

div#content table.mailformtable td{
	padding-right:10px;
	padding-bottom:10px;
}


#thumbnails{
}
#thumbnails img,
#thumbnails .thumb,
#tabbedcontent .thumb{
	display:block;
	float:left;
	width:62px;
	height:70px;
	background:#AEAEAE;
	margin-right:8px;
	margin-bottom:8px;
}
#thumbnails img.grid{
	width:272px;
	height:538px;
}
#thumbnails.supporters{
	width:272px;
	text-align:center;
}
#thumbnails.supporters a{
	padding:15px;
}
#thumbnails.supporters img{
	display:inline;
	float:none;
	width:auto;
	height:auto;
	background:transparent;
	vertical-align:middle;
	margin-bottom:20px;
}
.colright img.doll{
	margin-bottom:7px;
}

#tabbedcontent .thumb1{
	background:#FFC0CB;
}
#tabbedcontent .thumb2{
	background:#EEC0CB;
}
#tabbedcontent .thumb3{
	background:#DDC0CB;
}
#tabbedcontent .thumb4{
	background:#CCC0CB;
}
#tabbedcontent .thumb5{
	background:#BBC0CB;
}
#tabbedcontent .thumb6{
	background:#AAC0CB;
}
#tabbedcontent .thumb7{
	background:#99C0CB;
}
#tabbedcontent .thumb8{
	background:#88C0CB;
}
#tabbedcontent .thumb9{
	background:#77C0CB;
}
#tabbedcontent .thumb{
	width:272px;
	position:relative;
}
body#artid220 #tabbedcontent .thumb{
	height:179px;
}

#tabbedcontent .thumb span{
	position:absolute;
	top:0;
	left:0;
	width:272px;
	height:70px;
	background:rgba(255,255,255,0.7);
	color:black;
	font-size:20px;
	text-transform:uppercase;
	line-height:70px;
	text-align:center;
	display:none;
}
#tabbedcontent .thumb:hover span,
#tabbedcontent div.st_vertical ul.st_tabs a.st_tab_active .thumb span{
	display:block;
}
#tabbedcontent .st_tab_view{
	width:900px;
	padding:30px 50px;
	height:538px;
	background:white;
}
body#artid222 #tabbedcontent .st_tab_view{
	height:538px;
}
#tabbedcontent .st_tab_view .timelineimg{
	float:left;
	width:356px;
	height:538px;
	overflow:hidden; /* this is to avoid the whole thing being pushed up 8px */
}
#tabbedcontent .st_tab_view .timelineimg img{
	display:block;
	margin-bottom:8px;
}
#tabbedcontent .st_tab_view .text{
	float:right;
	width:495px;
	height:538px;
	padding-right:20px;
}
body#artid222 #tabbedcontent .st_tab_view .text{
	height:538px;
}
body#artid220 #tabbedcontent .st_tab_view span{
	display:block;
	font-size:75%;
	text-align:center;
	padding-top:28px;
}
body#artid220 #tabbedcontent{
	margin-bottom:20px;
}
body#artid220 #tabbedcontent .st_tab_view{
	position:relative;
}
body#artid220 #tabbedcontent .st_tab_view a.prevtab{
	position:absolute;
	left:0;
	bottom:0;
}
body#artid220 #tabbedcontent .st_tab_view a.nexttab{
	position:absolute;
	right:0;
	bottom:0;
}

body#artid222 div.st_vertical div.st_view_container{
	height:538px !important;
}

a.prevtab,
a.nexttab{
	position:absolute;
	top:258px;
}
a.prevtab{
	left:20px;
}
a.nexttab{
	right:20px;
}


/* titles inside the lightbox */

html body#artid222.bc div.pp_details p.pp_description,
html body#artid229.bc div.pp_details p.pp_description{
	display:none !important;
}

#footer{
	clear:both;
	border-top:1px solid black;
	margin-bottom:45px;
}

#footer #mainnav{
	line-height:3em;
	text-align:center;
}
#footer #mainnav li{
	display:inline;
	list-style:none;
}
#footer #mainnav li a{
	color:black;
	font-size:100%;
	text-transform:uppercase;
	text-decoration:none;
	padding:5px 8px;
}



#content h2 span,
#content .uppercase span,
#nav span.onoff{
	text-transform:none;
}