#content {
background: #fff no-repeat 0 0;
clear: both;
position: relative;
font-size: 12px;
height: 900px;
}

.blurb {
position: absolute;
top: 120px;
left: 285px;
width: 385px;
}

.blurb h2 { margin: 16px 0 42px 62px; }

.blurb p {
font-size: 0.9em;
line-height: 1.4;
margin-bottom: 1em;
}

#central-nav li a span {
position: relative;
top: 43px;
display: block;
}

#central-nav li a {
background-image: url(/_images/collage/design-museum/circles.png);
background-repeat: no-repeat;
height: 102px;
width: 102px;
display: block;
text-align: center;
color: #fff;
text-decoration: none;
position: absolute;
}

#content #central-nav a:hover { background-position: 0 -102px; }

#central-nav li.exhibition a {
background-position: -408px 0;
top: 160px;
left: 90px;
}

#central-nav li.collections a {
top: 410px;
left: 90px;
}

#central-nav li.minatures a {
background-position: -306px 0;
top: 60px;
right: 170px;
}

#central-nav li.publications a {
background-position: -102px 0;
top: 208px;
right: 40px;
}

#central-nav li.workshops a {
background-position: -204px 0;
top: 360px;
right: 95px;
}

#central-nav li a.active {
	z-index: 1000;
	background-position: -102px -102px !important;
	color: #333;
	cursor: default;
}

p.go-back {
background: #eaeaea;
position: absolute;
top: -6px;
left: 0;
padding: 12px 110px 40px 23px;
}

/* JS boxes */

/* Generics */
#circle-content li {
width: 375px;
margin: 0 0 25px;
padding-top: 12px;
}

#circle-content li div {
position: relative;
width: 375px;
}

#circle-content li div div {
color: #fff;
width: 340px;
background: none;
margin: 0 auto;
}

#circle-content div div p {
margin: 0 0 1em 10px;
}

#circle-content div div a {
color: #fff;
text-decoration: underline;
position: relative;
z-index: 800;
}

#circle-content li .img-top { margin: 0 0 0 1px; position: relative; top: -12px; }
#circle-content li .img-bottom { margin: 0 0 3px 1px; }

#circle-content li div div.footer-text {
margin: 15px auto 0;
padding: 0 0 45px 0;
}

#circle-content li div div.header-text {
margin: 0 auto;
padding: 5px 0 55px 0;
}

/* Close link generics */
#circle-content p.close {
width: 32px;
height: 32px;
text-indent: -9999em;
position: absolute;
margin: 0;
}

#circle-content p.close a {
background: #333 url(/_images/collage/design-museum/close-icon.png) no-repeat 0 0;
display: block;
width: 100%;
height: 100%;
}

/* Close link specifics */
li#minatures p.close, li#publications p.close { left: -16px; top: 10px; }
li#workshops p.close { left: -16px; bottom: 189px; }
li#collections p.close { right: -10px; bottom: 189px; }
li#exhibitions p.close { right: -10px; top: 10px; }

li#minatures p.close a:hover { background-position: 0 -128px; }
li#publications p.close a:hover { background-position: 0 -96px; }
li#workshops p.close a:hover { background-position: 0 -64px; }
li#collections p.close a:hover { background-position: 0 -32px; }
li#exhibitions p.close a:hover { background-position: 0 -160px; }

/* Specific backgrounds */
li#minatures { background: url(/_images/collage/design-museum/bg-minatures-top.png) no-repeat left top; }
li#minatures div { background: url(/_images/collage/design-museum/bg-minatures-bottom.png) no-repeat bottom left; }

li#publications { background: url(/_images/collage/design-museum/bg-publications-top.png) no-repeat left top; }
li#publications div { background: url(/_images/collage/design-museum/bg-publications-bottom.png) no-repeat bottom left; }

li#collections { background: url(/_images/collage/design-museum/bg-collections-top.png) no-repeat left top; }
li#collections div { background: url(/_images/collage/design-museum/bg-collections-bottom.png) no-repeat bottom left; }

li#exhibitions { background: url(/_images/collage/design-museum/bg-exhibitions-top.png) no-repeat left top; }
li#exhibitions div { background: url(/_images/collage/design-museum/bg-exhibitions-bottom.png) no-repeat bottom left; }

li#workshops { background: url(/_images/collage/design-museum/bg-workshops-top.png) no-repeat left top; }
li#workshops div { background: url(/_images/collage/design-museum/bg-workshops-bottom.png) no-repeat bottom left; }

/* Positioning - classes added by JS */
#circle-content li.minatures, #circle-content li.publications, #circle-content li.workshops, #circle-content li.collections, #circle-content li.exhibitions {
position: absolute;
z-index: 600;
}

#circle-content li.minatures { 
top: 170px;
right: 153px;
}

#circle-content li.publications { 
top: 318px;
right: 23px;
}

#circle-content li.workshops { 
bottom: 234px;
right: 78px;
}

#circle-content li.collections { 
bottom: 184px;
left: 78px;
}

#circle-content li.exhibitions { 
top: 270px;
left: 79px;
}

/* Custom scroller */
body.javascript li#exhibitions div.footer-text div#exhibitions-content-outer {
	float: left;
	height: 190px;
	overflow: hidden;
}

body.javascript li#exhibitions div.footer-text div#exhibitions-content-outer,
body.javascript li#exhibitions div.footer-text div.content {
	width: 289px;	
}

body.javascript li#exhibitions div.footer-text div.track {
	float: right;
	width: 25px;
	padding-bottom: 45px;
	background-color: #fff;
}

body.javascript li#exhibitions div.footer-text div.slider {
	width: 25px;
	height: 45px;
	background-color: #ccc;
}

body.javascript li#exhibitions p.learn-more {
	clear: both;
	padding-top: 1em;
}

body.javascript div.footer-text {
	padding-bottom: 20px !important;
}