/* ------ Clear fixing ------ */

.clear-fix:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
}

.clear-fix {display:inline-block;}
html[xmlns] .clear-fix {display:block;}
* html .clear-fix {height:1%;}

.clear{clear:both; height:0px; _height:1%; line-height:0px; display:inline;}


/* ------ Type setting ------ */

body{
	font-size:62.5%;
	line-height:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

#container{
	font-size:1.2em;
	line-height:1.2em;
}

a{
	line-height:1.2em;
	color:#0eafaf;
	font-weight:bold;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

p a, li a, dt a, dd a{
	line-height:1em;
}


/* -----------------

	Shared styles 

-------------------*/

html,html body {_height:100%;}


html{
	background:url(../img/html-bg.png) repeat-x top left #bacbe9;
}

body{
	background:url(../img/body-bg.png) no-repeat center top transparent;
	zoom:1;
}


#container{
	width:960px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto;
	overflow:hidden;
	_overflow:visible;
	padding-bottom:40px;
	/*background:#b9cce8 url(../img/content-bg.gif) repeat-x left 20px; Not sure what purpose this serves?*/
}

#header{
	float:left;
	position:relative;
	height:176px;
	width:960px;
	background:#b9cce8 url(../img/body-bg.png) no-repeat -32px 0;
}

#header h1{
	position:absolute;
	width:263px;
	height:165px;
	top:0px;
	left:31px;
	border:none;
	text-indent:-999em;
	background:url(../img/h-public-view.gif) no-repeat 0 0;
	
}


#header h2{
	position:absolute;
	width:296px;
	height:36px;
	top:41px;
	left:301px;
	border:none;
	text-indent:-999em;
	background:url(../img/h-strapline-2.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/h-strapline-2.png', sizingMethod='crop');
}

#header p.sunderland-logo{
	position:absolute;
	width:122px;
	height:60px;
	top:16px;
	left:838px;
	border:none;
	text-indent:-999em;
	background:url(../img/logo-sunderland-2.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo-sunderland-2.png', sizingMethod='crop');
}



#header ul.nav{
	_position:absolute;
	float:left;
	_display:inline;
	margin:125px 0 0 299px;
}

#header ul.nav li{
	display:block;
	float:left;
	margin-left:29px;

}

#header ul.nav li a{
	display:block;
	color:#FFFFFF;
	height:25px;
	text-indent:-999em;
	text-decoration:none;
}

#header ul.nav li a.home{
	width:52px;
	background:url(../img/nav-sprites-2.gif) no-repeat 0px 0px;
}
	
#header ul.nav li a.home:hover,
#header ul.nav li.selected a.home{background:url(../img/nav-sprites-2.gif) no-repeat 0px -25px;}

#header ul.nav li a.public-art{
	width:85px;
	background:url(../img/nav-sprites-2.gif) no-repeat -52px 0px;
}       

#header ul.nav li a.public-art:hover,
#header ul.nav li.selected a.public-art{background:url(../img/nav-sprites-2.gif) no-repeat -52px -25px;}

#header ul.nav li a.public-view{
	width:99px;
	background:url(../img/nav-sprites-2.gif) no-repeat -138px 0px;
}

#header ul.nav li a.public-view:hover,
#header ul.nav li.selected a.public-view{background:url(../img/nav-sprites-2.gif) no-repeat -138px -25px;}

#header ul.nav li a.locations{
	width:84px;
	background:url(../img/nav-sprites-2.gif) no-repeat -238px 0px;
}

#header ul.nav li a.locations:hover,
#header ul.nav li.selected a.locations{background:url(../img/nav-sprites-2.gif) no-repeat -238px -25px;}

#header ul.nav li a.about{
	width:53px;
	background:url(../img/nav-sprites-2.gif) no-repeat -323px 0px;
}

#header ul.nav li a.about:hover,
#header ul.nav li.selected a.about{background:url(../img/nav-sprites-2.gif) no-repeat -323px -25px;}

#header ul.nav li a.news{
	width:45px;
	background:url(../img/nav-sprites-2.gif) no-repeat -377px 0px;
}

#header ul.nav li a.news:hover,
#header ul.nav li.selected a.news{background:url(../img/nav-sprites-2.gif) no-repeat -377px -25px;}

#header ul.nav li a.contact{
	width:69px;
	background:url(../img/nav-sprites-2.gif) no-repeat -423px 0px;
}

#header ul.nav li a.contact:hover,
#header ul.nav li.selected a.contact{background:url(../img/nav-sprites-2.gif) no-repeat -423px -25px;}


#header ul.nav li.first{
	margin-left:0px;
}

#header ul.nav li ul li{
	display:none;
	margin-top:5px;
	margin-left:0px;
}

#header ul.nav li ul li a{
	display:inline;
	text-indent:0px;
	text-decoration:none;
	font-size:1.1em;
	font-weight:bold;
	
}

#header ul.nav li ul li a:hover{
	text-decoration:underline;
}


#main-content{
	position:relative;
	float:left;
	width:960px;
}


#footer{
	float:left;
	margin-top:45px;
	height:114px;
	width:960px;
	background:#d4e0f1;
}

#footer .public-art-map{
	position:relative;
	float:left;
	_display:inline;
	margin-left:19px;
	height:114px;
	width:431px;
	background:url(../img/shadow-1-sprite.gif) no-repeat 0 43px;
}

	#footer .public-art-map h5{
		float:left;
		margin-top:18px;
		width:148px;
		height:15px;
		border:none;
		text-indent:-999em;
		background:url(../img/h-public-art-map.png) no-repeat 0 0;
	}
	
	#footer .public-art-map ul{
		display:block;
		position:relative;
		float:left;
		margin-top:30px;
		height:30px;
		width:359px;
		background:url(../img/ul-bg.gif) no-repeat 0 -30px;
		z-index:100;
	}
	
	
	#footer .public-art-map ul li{
		display:block;
		float:left;
		margin-left:33px;
		height:22px;
		padding-top:8px;
	}
	
	#footer .public-art-map ul li a{
		font-weight:bold;
		color:#0eb4b4;
		text-decoration:none;
	}
	
	#footer .public-art-map ul li a:hover{
		text-decoration:underline;
	}
	
	#footer .public-art-map ul li.first{
		margin-left:0px;
	}
		
	#footer .public-art-map a.map-thumbnail{
		display:block;
		position:absolute;
		top:0px;
		right:0px;
		height:114px;
		width:89px;
		text-indent:-999em;
		background:url(../img/thumb-map.png);
		z-index:50;
	}


#footer .share-follow{
	float:left;
	_display:inline;
	margin-left:40px;
	height:114px;
	width:214px;
	background:url(../img/shadow-1-sprite.gif) no-repeat 0 -57px;
}

	#footer .share-follow h5{
		float:left;
		margin-top:18px;
		width:186px;
		height:15px;
		border:none;
		text-indent:-999em;
		background:url(../img/h-share-follow.png) no-repeat 0 0;
	}


	#footer .share-follow ul{
		display:block;
		float:left;
		margin-top:30px;
		height:30px;
		width:210px;
		background:url(../img/ul-bg.gif) no-repeat 0 0px;
	}
	
	#footer .share-follow ul li{
		display:block;
		float:left;
		margin-left:30px;
		height:23px;
		padding-top:7px;
	}
	
	#footer .share-follow ul li.first{
		margin-left:0px;
	}
	
	#footer .share-follow ul li a{
		display:block;
		height:16px;
		width:16px;
		text-indent:-999em;
	}
	
	#footer .share-follow ul li a.twitter{background:url(../img/twitter.16.gif) no-repeat 0 0;}
	#footer .share-follow ul li a.facebook{background:url(../img/facebook.16.gif) no-repeat 0 0;}
	#footer .share-follow ul li a.delicious{background:url(../img/delicious.16.gif) no-repeat 0 0;}
	#footer .share-follow ul li a.digg{background:url(../img/digg.16.gif) no-repeat 0 0;}

#footer .have-your-say{
	float:left;
	_display:inline;
	margin-left:35px;
	height:114px;
	width:210px;
	background:url(../img/shadow-1-sprite.gif) no-repeat 0 -157px;
}

	#footer .have-your-say h5{
		float:left;
		margin-top:18px;
		width:148px;
		height:15px;
		border:none;
		text-indent:-999em;
		background:url(../img/h-have-your-say.png) no-repeat 0 0;
	}
	
	#footer .have-your-say ul{
		display:block;
		float:left;
		margin-top:30px;
		height:30px;
		width:210px;
		background:url(../img/ul-bg.gif) no-repeat 0 0px;
	}
	
	#footer .have-your-say ul li{
		display:block;
		float:left;
		height:22px;
		padding-top:8px;
	}
	#footer .have-your-say ul li a{
		font-weight:bold;
		color:#0eb4b4;
		text-decoration:none;
	}
	
	#footer .have-your-say ul li a:hover{
		text-decoration:underline;
	}
	
	
/* Pager */
#main-content .pager{
	float:right;
	height:32px;
}

#main-content .pager li{
	display:block;
	float:left;
	height:32px;
	font-size:1.25em;
	line-height:32px;
	margin-left:10px;
	color:#FFFFFF;
}

#main-content .pager li.first{
	margin-left:0px;
}

#main-content .pager li a{
	display:block;
	height:32px;
	width:31px;
	text-indent:-999em;
	border:none;
}

#main-content .pager li a.previous{
	background:url(../img/pager-sprites.gif) no-repeat 0 0;
}

#main-content .pager li a.previous:hover,
#main-content .pager li.inactive a.previous{
	background:url(../img/pager-sprites.gif) no-repeat 0 -32px;
}


#main-content .pager li a.next{
	background:url(../img/pager-sprites.gif) no-repeat -32px 0;
}

#main-content .pager li a.next:hover,
#main-content .pager li.inactive a.next{
	background:url(../img/pager-sprites.gif) no-repeat -32px -32px;
}


/* Your say bubble */

a.yoursay-bubble{
	position:absolute;
	display:block;
	height:156px;
	width:157px;
	text-indent:-999em;
	border:none;
	background:url(../img/haveyoursay-bubble.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/haveyoursay-bubble.png', sizingMethod='crop');
	z-index:500;
}

	
/* --------------------------------
#								  #
#	Floating Element Styles       #
#							      #
---------------------------------*/

a.comment{
	color:#000000;
}

a.comment,
a.video{display:block; position:absolute;}

/*------- Comments ------- */

/* Dimensions */
a.tiny-c{
	display:block;
	height:24px;
	width:25px;
	text-decoration:none;
	cursor:pointer;
}


a.tiny-c span{
	display:block;
	position:absolute;
	top:5px;
	left:5px;
	height:13px;
	width:15px;
	font-size:0.35em;
	line-height:0.4em;
	color:#000000;
	overflow:hidden;
	text-decoration:none;
	font-weight:normal;
	background:url(../img/bubble-sample-tiny.gif) center center no-repeat;
	text-indent:-999em;
}
	

a.small-c{
	display:block;
	height:48px;
	width:49px;
	text-decoration:none;
	cursor:pointer;
}

a.small-c span{
	display:block;
	position:absolute;
	top:10px;
	left:12px;
	height:26px;
	width:27px;
	font-size:0.65em;
	line-height:1.1em;
	color:#000000;
	text-decoration:none;
	overflow:hidden;
	font-weight:normal;
	background:url(../img/bubble-sample-small.gif) center center no-repeat;
	text-indent:-999em;
}


a.medium-c{
/*
	height:86px;
	width:84px;
*/
	display:block;
	height:102px;
	width:103px;
	text-decoration:none;
	cursor:pointer;
}

a.medium-c span{
	display:block;
	position:absolute;
	top:21px;
	left:25px;
	height:58px;
	width:52px;
	font-size:0.8em;
	line-height:0.85em;
	color:#000000;
	overflow:hidden;	
	text-decoration:none;
	font-weight:normal;
	background:url(../img/bubble-sample-medium.gif) center center no-repeat;
	text-indent:-999em;
}


div.large-v{
	position:absolute;
	margin:0 0 0 -200px;
	height:265px;
	width:400px;
	z-index:900;
	display:none;
	left:50%;
	top:80px;
}

div.large-c{
	position:relative;
	margin:0 0 0 -210px;
	height:420px;
	width:420px;
	z-index:900;
	display:none;
	left:50%;
	top:0;
}

	a.close-window{
		display:block;
		position:absolute;
		height:31px;
		width:31px;
		top:60px;
		right:44px;
		text-indent:-999em;
		background:url(../img/close-icon-sprites.png) no-repeat 0 0;
		z-index:901;
	}
	
		.video a.close-window{
			right:-10px;
			top:-10px;
		}
	
	
	/* Close icons*/
	div.yellow a.close-window{background-position: 0 0;}
	div.lime a.close-window{background-position: -31px 0;}
	div.cyan a.close-window{background-position: -62px 0;}
	div.purple a.close-window{background-position: -93px 0;}
	div.green a.close-window{background-position: -124px 0;}
	div.grey a.close-window{background-position: -155px 0;}
	div.red a.close-window{background-position: -217px 0;}
	div.orange a.close-window{background-position: -186px 0;}
	
	
	/* Large Bubble contents */
	
	.large-c .bubble-content{
		position:absolute;
		top:60px;
		left:80px;
		height:295px;
		width:248px;
		padding:5px;
	}
	
	.large-c .bubble-content .image{
		height:76px;
		width:248px;
		margin-bottom:10px;
		margin-top:50px;
	}
	
	.large-c .bubble-content a.art-link{
		display:block;
		float:left;
		color:#0eb4b4;
		font-size:1.2em;
		line-height:1em;
		text-decoration:none;
		margin-bottom:10px;
	}
	
	.large-c .bubble-content a.art-link span{
		font-size:1.2em;
		font-weight:bold;
	}
	
	.large-c .bubble-content a.art-link:hover{
		text-decoration:underline;
	}
	
	.large-c .bubble-content p{
		color:#535353;
		line-height:1.4em;
		margin-bottom:1em;
	}

/* Colours */

.red{background-color:#ed1c24;}
.orange{background-color:#fd9316;}
.yellow{background-color:#ffd400;}
.lime{background-color:#c1d82f;}
.cyan{background-color:#6dcff6;}
.grey{background-color:#c7c2c4;}
.purple{background-color:#91278f;}
.green{background-color:#079e57;}

.tiny-c-red{background:url(../img/bubble-tiny-red.png)}
.tiny-c-orange{background:url(../img/bubble-tiny-orange.png)}
.tiny-c-yellow{background:url(../img/bubble-tiny-yellow.png)}
.tiny-c-lime{background:url(../img/bubble-tiny-lime.png)}
.tiny-c-cyan{background:url(../img/bubble-tiny-cyan.png)}
.tiny-c-grey{background:url(../img/bubble-tiny-grey.png)}
.tiny-c-purple{background:url(../img/bubble-tiny-purple.png)}
.tiny-c-green{background:url(../img/bubble-tiny-green.png)}


.small-c-red{background:url(../img/bubble-small-red.png)}
.small-c-orange{background:url(../img/bubble-small-orange.png)}
.small-c-yellow{background:url(../img/bubble-small-yellow.png)}
.small-c-lime{background:url(../img/bubble-small-lime.png)}
.small-c-cyan{background:url(../img/bubble-small-cyan.png)}
.small-c-grey{background:url(../img/bubble-small-grey.png)}
.small-c-purple{background:url(../img/bubble-small-purple.png)}
.small-c-green{background:url(../img/bubble-small-green.png)}

.medium-c-red{background:url(../img/bubble-medium-red.png)}
.medium-c-orange{background:url(../img/bubble-medium-orange.png)}
.medium-c-yellow{background:url(../img/bubble-medium-yellow.png)}
.medium-c-lime{background:url(../img/bubble-medium-lime.png)}
.medium-c-cyan{background:url(../img/bubble-medium-cyan.png)}
.medium-c-grey{background:url(../img/bubble-medium-grey.png)}
.medium-c-purple{background:url(../img/bubble-medium-purple.png)}
.medium-c-green{background:url(../img/bubble-medium-green.png)}

.large-c-red{background:url(../img/bubble-large-red.png)}
.large-c-orange{background:url(../img/bubble-large-orange.png)}
.large-c-yellow{background:url(../img/bubble-large-yellow.png)}
.large-c-lime{background:url(../img/bubble-large-lime.png)}
.large-c-cyan{background:url(../img/bubble-large-cyan.png)}
.large-c-grey{background:url(../img/bubble-large-grey.png)}
.large-c-purple{background:url(../img/bubble-large-purple.png)}
.large-c-green{background:url(../img/bubble-large-green.png)}

/*
.comment.red{background-image:url(../img/bubbles-red.png);}
.comment.orange{background-image:url(../img/bubbles-orange.png);}
.comment.yellow{background-image:url(../img/bubbles-yellow.png);}
.comment.lime{background-image:url(../img/bubbles-lime.png);}
.comment.cyan{background-image:url(../img/bubbles-cyan.png);}
.comment.grey{background-image:url(../img/bubbles-grey.png);}
.comment.purple{background-image:url(../img/bubbles-purple.png);}
.comment.green{background-image:url(../img/bubbles-green.png);}

div.tiny-c, div.small-c, div.medium-c, div.large-c{background-color:transparent;}

div.tiny-c{background-position:-185px -78px;}
div.small-c{background-position: -115px -54px;}
div.medium-c{background-position: 0px 0px;}
div.large-c{background-position: 0px 0px;}
*/



/* IE 6 Bubble Hacks */

.tiny-c-red{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-tiny-red.png', sizingMethod='crop');}
.tiny-c-orange{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-tiny-orange.png', sizingMethod='crop');}
.tiny-c-yellow{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-tiny-yellow.png', sizingMethod='crop');}
.tiny-c-lime{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-tiny-lime.png', sizingMethod='crop');}
.tiny-c-cyan{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-tiny-cyan.png', sizingMethod='crop');}
.tiny-c-grey{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-tiny-grey.png', sizingMethod='crop');}
.tiny-c-purple{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-tiny-purple.png', sizingMethod='crop');}
.tiny-c-green{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-tiny-green.png', sizingMethod='crop');}


.small-c-red{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-small-red.png', sizingMethod='crop');}
.small-c-orange{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-small-orange.png', sizingMethod='crop');}
.small-c-yellow{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-small-yellow.png', sizingMethod='crop');}
.small-c-lime{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-small-lime.png', sizingMethod='crop');}
.small-c-cyan{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-small-cyan.png', sizingMethod='crop');}
.small-c-grey{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-small-grey.png', sizingMethod='crop');}
.small-c-purple{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-small-purple.png', sizingMethod='crop');}
.small-c-green{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-small-green.png', sizingMethod='crop');}


.medium-c-red{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-medium-red.png', sizingMethod='crop');}
.medium-c-orange{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-medium-orange.png', sizingMethod='crop');}
.medium-c-yellow{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-medium-yellow.png', sizingMethod='crop');}
.medium-c-lime{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-medium-lime.png', sizingMethod='crop');}
.medium-c-cyan{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-medium-cyan.png', sizingMethod='crop');}
.medium-c-grey{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-medium-grey.png', sizingMethod='crop');}
.medium-c-purple{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-medium-purple.png', sizingMethod='crop');}
.medium-c-green{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-medium-green.png', sizingMethod='crop');}

.large-c-red{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-large-red.png', sizingMethod='crop');}
.large-c-orange{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-large-orange.png', sizingMethod='crop');}
.large-c-yellow{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-large-yellow.png', sizingMethod='crop');}
.large-c-lime{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-large-lime.png', sizingMethod='crop');}
.large-c-cyan{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-large-cyan.png', sizingMethod='crop');}
.large-c-grey{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-large-grey.png', sizingMethod='crop');}
.large-c-purple{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-large-purple.png', sizingMethod='crop');}
.large-c-green{_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bubble-large-green.png', sizingMethod='crop');}





/*-------- Videos -------- */

/* Dimensions */
a.tiny-v{
	height:52px;
	width:79px;
	background-image:url(../img/play-controls-tiny.gif);
	background-repeat:no-repeat;
	background-position:center 44px;
}

a.small-v{
	height:94px;
	width:143px;
	background-image:url(../img/play-controls-small.gif);
	background-repeat:no-repeat;
	background-position:center 81px;
}

a.medium-v{
	height:154px;
	width:225px;
	background-image:url(../img/play-controls-medium.gif);
	background-repeat:no-repeat;
	background-position:center 134px;
}

.video-container{
	padding:10px 0 0 10px;
	position:relative;
}

.video-close{
	
}

.video-overlay a{ color:#0eb4b4; text-decoration:none; }
.video-overlay a:hover{ text-decoration:underline; }
.video-overlay{
	position:absolute;
	right:10px;
	bottom:0;
	background-color:#FFF;
	color:#535353;
	padding:4px 9px 4px 9px;
	font-size:80%;
}

.video-controls{
	padding:6px 0 0 10px;
}

	.video-controls li.play{
		float:left;
	}

		.video-controls li.play a{
			display:block;
			height:30px;
			width:21px;
			text-indent:-999em;
			background:url(../img/video_play.png) left top no-repeat;
		}

	.video-controls li.pause{
		padding-left:8px;
		float:left;
	}

		.video-controls li.pause a{
			display:block;
			height:30px;
			width:16px;
			text-indent:-999em;
			background:url(../img/video_pause.png) left 1px no-repeat;
		}

	.video-controls li.duration{
		margin-left:20px;
		margin-top:10px;
		width:315px;
		height:8px;
		background-color:#FFF;
		float:left;
		position:relative;
	}

	.video-controls li.duration .progress{
		background-color:#000;
		position:absolute;
		left:0;
		top:0;
		height:8px;
		width:8px;
	}
a.video:hover div{cursor:pointer;}

/* Image */

a.tiny-v .image{
	position:absolute;
	overflow:hidden;
	height:40px;
	width:75px;
	padding:2px 0 0 2px;
	background-repeat:no-repeat;
	background-position:3px 3px;
}

	a.tiny-v .image img{
		max-width:75px;
	}

a.small-v .image{
	position:absolute;
	top:3px;
	left:3px;
	overflow:hidden;
	height:74px;
	width:137px;
}

	a.small-v .image img{
		max-width:137px;
	}

a.medium-v .image{
	position:absolute;
	top:5px;
	left:5px;
	overflow:hidden;
	height:124px;
	width:215px;
}

	a.medium-v .image img{
		max-width:215px;
		
	}

/* -----------------

Homepage Styles

------------------ */

#home #main-content{
	height:460px;
}


/* ------------------- Grid 1 Positions ----------------------*/
/*
#home .grid1 .c1{top:318px; left:183px;}
#home .grid1 .c2{top:231px; left:338px;}
#home .grid1 .c3{top:314px; left:542px;}
#home .grid1 .c4{top:240px; left:209px;}
#home .grid1 .c5{top:89px; left:9px;}
#home .grid1 .c6{top:213px; left:814px;}

#home .grid1 .v1{top:102px; left:507px;}
#home .grid1 .v2{top:247px; left:13px;}
#home .grid1 .v3{top:61px; left:222px;}
#home .grid1 .v4{top:318px; left:333px;}
#home .grid1 .v5{top:297px; left:699px;}
#home .grid1 .v6{top:80px; left:803px;}


/* ------------------- Grid 2 Positions ----------------------*/
/*
#home .grid2 .c1{top:38px; left:651px;}
#home .grid2 .c2{top:204px; left:374px; z-index:100;}
#home .grid2 .c3{top:224px; left:795px;}
#home .grid2 .c4{top:68px; left:20px;}
#home .grid2 .c5{top:321px; left:501px;}
#home .grid2 .c6{top:62px; left:398px;}

#home .grid2 .v1{top:89px; left:194px;}
#home .grid2 .v2{top:91px; left:806px;}
#home .grid2 .v3{top:308px; left:326px;}
#home .grid2 .v4{top:198px; left:65px; z-index:100;}
#home .grid2 .v5{top:310px; left:659px;}
#home .grid2 .v6{top:157px; left:570px;}


/* ------------------- Grid 3 Positions ----------------------*/
/*
#home .grid3 .c1{top:292px; left:411px;}
#home .grid3 .c2{top:145px; left:57px;}
#home .grid3 .c3{top:268px; left:194px; z-index:100;}
#home .grid3 .c4{top:176px; left:523px;}
#home .grid3 .c5{top:27px; left:434px; z-index:100;}
#home .grid3 .c6{top:212px; left:862px;}

#home .grid3 .v1{top:333px; left:333px;}
#home .grid3 .v2{top:291px; left:710px;}
#home .grid3 .v3{top:323px; left:450px; z-index:100;}
#home .grid3 .v4{top:57px; left:590px;}
#home .grid3 .v5{top:52px; left:164px; z-index:100;}
#home .grid3 .v6{top:296px; left:46px;}

*/

/* ------------------- Grid 1 Positions ----------------------*/

#home .grid1 .c1{top:318px; left:183px;}
#home .grid1 .c2{top:231px; left:338px;}
#home .grid1 .c3{top:314px; left:542px;}
#home .grid1 .c4{top:207px; left:63px;}
#home .grid1 .c5{top:89px; left:9px;}
#home .grid1 .c6{top:412px; left:733px;}

#home .grid1 .yoursay-bubble{top:31px; left:605px;}

#home .grid1 .v1{top:102px; left:410px;}
#home .grid1 .v2{top:247px; left:13px;}
#home .grid1 .v3{top:61px; left:135px;}
#home .grid1 .v4{top:343px; left:328px;}
#home .grid1 .v5{top:208px; left:661px;}
#home .grid1 .v6{top:80px; left:803px;}


/* ------------------- Grid 2 Positions ----------------------*/

#home .grid2 .c1{top:90px; left:594px;}
#home .grid2 .c2{top:234px; left:374px; z-index:100;}
#home .grid2 .c3{top:340px; left:637px;}
#home .grid2 .c4{top:93px; left:48px;}
#home .grid2 .c5{top:80px; left:157px;}
#home .grid2 .c6{top:45px; left:670px;}

#home .grid2 .yoursay-bubble{top:304px; left:791px;}

#home .grid2 .v1{top:44px; left:301px;}
#home .grid2 .v2{top:91px; left:806px;}
#home .grid2 .v3{top:255px; left:174px;}
#home .grid2 .v4{top:228px; left:65px; z-index:100;}
#home .grid2 .v5{top:300px; left:437px;}
#home .grid2 .v6{top:157px; left:570px;}


/* ------------------- Grid 3 Positions ----------------------*/

#home .grid3 .c1{top:292px; left:411px;}
#home .grid3 .c2{top:145px; left:57px;}
#home .grid3 .c3{top:255px; left:194px; z-index:100;}
#home .grid3 .c4{top:176px; left:523px;}
#home .grid3 .c5{top:27px; left:434px; z-index:100;}
#home .grid3 .c6{top:212px; left:862px;}

#home .grid3 .yoursay-bubble{top:0px; left:762px;}

#home .grid3 .v1{top:99px; left:287px;}
#home .grid3 .v2{top:274px; left:710px;}
#home .grid3 .v3{top:259px; left:656px; z-index:100;}
#home .grid3 .v4{top:57px; left:590px;}
#home .grid3 .v5{top:52px; left:164px; z-index:100;}
#home .grid3 .v6{top:290px; left:46px;}


/* -----------------

News Styles

------------------ */


/* news articles */

#news #main-content #news-container{
	float:left;
	height:505px;
	width:960px;
	margin-top:24px;
/*	overflow:auto;*/
	overflow:hidden;
}

#news #main-content #news-container ul.news-list{
	width:2000px;
}

#news #main-content #news-container ul.news-list li.article{
	float:left;
	margin-left:10px;
	padding:10px;
	width:380px;
	height:485px;
	background-color:#CFDDF1;
}

#news #main-content #news-container ul.news-list li.article .image-area{
	background-color:#CFDDF1;
}


#news #main-content #news-container ul.news-list li.article .image{
	height:244px;
	width:380px;
}

#news #main-content #news-container ul.news-list li.article .image-area h4{
	height:30px;
	padding-left:10px;
}

#news #main-content #news-container ul.news-list li.article .image-area h4 a,
#news #main-content #news-container ul.news-list li.article .image-area h4 span{
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	color:#FFFFFF;
	font-size:1.4em;
	text-transform:uppercase;
	font-weight:normal;
	text-decoration:none;
	padding-right:12px;
	background:url(../img/white-chev.gif) no-repeat right center;
}

#news #main-content #news-container ul.news-list li.article .image-area h4 span{
	background:none;
}

#news #main-content #news-container ul.news-list li.article .image-area h4 a:hover{
	text-decoration:underline;
}

#news #main-content #news-container ul.news-list li.article ul.submitted{
	margin:10px 0;
}

#news #main-content #news-container ul.news-list li.article ul.submitted li{
	line-height:1.5em;
}

#news #main-content #news-container ul.news-list li.article ul.submitted li.date{
	color:#324a71;
}

#news #main-content #news-container ul.news-list li.article ul.submitted li.author{
	color:#6780aa;
}

#news #main-content #news-container ul.news-list li.article .text-area{
	padding:10px 0;
	background:#cfdcef url(../img/news-article-bg.gif) repeat-x top left;
	color:#535353;
	overflow:auto;
	height:137px;
}

#news #main-content #news-container ul.news-list li.article .text-area p{
	margin-bottom:1em;
}


/* -------------------------

Public Art - Gallery Styles

-------------------------- */


#public-art #main-content div.controls{
	float:right;
	_display:inline;
	margin-right:10px;
	height:54px;
	width:567px;
}

#public-art #main-content div.controls form{
	float:left;
	_display:inline;
	padding-top:15px;
}

#public-art #main-content div.controls form select{
	margin-left:10px;
	width:122px;
}

#public-art #main-content div.controls form label{
	font-size:1.2em;
}

#public-art #main-content div.controls .pager{
	padding-top:10px;
}



#public-art #main-content ul.gallery{
	float:left;
	width:960px;
}

#public-art #main-content ul.gallery li{
	display:block;
	float:left;
	_display:inline;
	margin:5px 5px 0 0;
	height:90px;
	width:90px;
}

#public-art #main-content ul.gallery li a{
	display:block;
	height:90px;
	width:90px;
}


#public-art #main-content ul.gallery li.intro{
	height:173px;
	width:360px;
	padding:0 10px;
	font-size:1.6em;
	line-height:1.1em;
}

#public-art #main-content ul.gallery li.intro p{
	display:block;
	padding-bottom:20px;
	background:url(../img/public-art-shadow-01.gif) no-repeat bottom center;
}

#public-art #main-content ul.gallery li.intro p.question{
	display:block;
	float:left;
	height:33px;
	width:auto;
	line-height:33px;
	margin:10px 0 0 0;
	padding:0 0 0 37px;
	background:url(../img/public-art-question.gif) no-repeat top left;
}

#public-art #main-content ul.gallery li.intro p.question a{
	display:block;
	height:33px;
	width:auto;
	line-height:33px;
	color:#FFFFFF;
	text-decoration:none;
}

#public-art #main-content ul.gallery li.intro p.question a:hover{
	text-decoration:underline;
}

#public-art #main-content ul.gallery li.intro span{
	display:block;
	float:left;
	height:12px;
	width:11px;
	padding:43px 0 0 15px;
	background:url(../img/white-chev.gif) no-repeat center center;
}


#public-art #main-content ul.gallery li.first{
	margin-left:5px;
}

#public-art .pop-box{
	display:none;
	position:absolute;
	height:120px;
	width:288px;
	background:#FFFFFF;
	margin:-15px 0 0 -16px;
}

#public-art .pop-box .image-area{
	float:left;
	height:100px;
	width:100px;
	padding:10px;
}

#public-art .pop-box .image-area .image{
	width:100px;
	height:100px;
	overflow:hidden;
}

#public-art .pop-box .text-area{
	float:left;
	width:168px;
}

#public-art .pop-box .text-area p,
#public-art .pop-box .text-area li{
	padding:0 10px;
}

#public-art .pop-box .text-area p.title{
	margin-top:10px;
	line-height:1.2em;
}

#public-art .pop-box .text-area p.title strong{
	color:#6780aa;
}

#public-art .pop-box .text-area p.title a{
	color:#324a71;
	text-decoration:none;
}

#public-art .pop-box .text-area p.title a:hover{
	text-decoration:underline;
}

#public-art .pop-box .text-area a span{
	font-size:1.2em;
	font-weight:bold;
	color:#25c1c1;
}

#public-art .pop-box .text-area ul{
	margin-top:10px;
	padding-top:10px;
	width:100%;
	_width:auto;
	background:#FFFFFF url(../img/public-art-shadow-02.gif) repeat-x top left;
}

#public-art .pop-box .text-area ul li a{
	line-height:1.3em;
	text-decoration:none;
	color:#25c1c1;
}

#public-art .pop-box .text-area ul li a:hover{
	text-decoration:underline;
}


/* -----------------

Public Views Styles 

-------------------*/

#public-view #main-content{
	height:460px;
}


/* ------------------- Grid 1 Positions ----------------------*/


#public-view .grid1 .c1{top:290px; left:531px;}
#public-view .grid1 .c2{top:79px; left:8px;}
#public-view .grid1 .c3{top:200px; left:78px;}
#public-view .grid1 .c4{top:272px; left:448px; z-index:100;}
#public-view .grid1 .c5{top:53px; left:545px; z-index:100;}
#public-view .grid1 .c6{top:148px; left:705px;}

#public-view .grid1 .yoursay-bubble{top:230px; left:202px;}

#public-view .grid1 .v1{top:52px; left:135px;}
#public-view .grid1 .v2{top:70px; left:802px;}
#public-view .grid1 .v3{top:199px; left:710px;}
#public-view .grid1 .v4{top:237px; left:12px ;}
#public-view .grid1 .v5{top:99px; left:408px;}
#public-view .grid1 .v6{top:305px; left:390px;}


/* ------------------- Grid 2 Positions ----------------------*/

#public-view .grid2 .c1{top:48px; left:631px;}
#public-view .grid2 .c2{top:204px; left:354px; z-index:100;}
#public-view .grid2 .c3{top:86px; left:568px;}
#public-view .grid2 .c4{top:35px; left:151px;}
#public-view .grid2 .c5{top:68px; left:20px;}
#public-view .grid2 .c6{top:176px; left:242px;}

#public-view .grid2 .yoursay-bubble{top:222px; left:764px;}

#public-view .grid2 .v1{top:235px; left:164px;}
#public-view .grid2 .v2{top:91px; left:766px;}
#public-view .grid2 .v3{top:35px; left:291px;}
#public-view .grid2 .v4{top:198px; left:48px; z-index:100;}
#public-view .grid2 .v5{top:156px; left:529px;}
#public-view .grid2 .v6{top:270px; left:407px;}


/* ------------------- Grid 3 Positions ----------------------*/

#public-view .grid3 .c1{top:26px; left:360px; z-index:100;}
#public-view .grid3 .c2{top:166px; left:545px;}
#public-view .grid3 .c3{top:261px; left:485px;}
#public-view .grid3 .c4{top:142px; left:813px; z-index:100;}
#public-view .grid3 .c5{top:288px; left:351px;}

#public-view .grid3 .yoursay-bubble{top:78px; left:0px;}

#public-view .grid3 .v1{top:99px; left:315px;}
#public-view .grid3 .v2{top:66px; left:648px;}
#public-view .grid3 .v3{top:80px; left:190px; z-index:100;}
#public-view .grid3 .v4{top:236px; left:631px; z-index:100;}
#public-view .grid3 .v5{top:253px; left:698px;}
#public-view .grid3 .v6{top:269px; left:32px;}



/* --------------------

Upload Comments Styles

---------------------*/

#comment .content-wrapper .video-submit{
	display:none;
}

#comment .content-wrapper .comment-submit{
	display:none;
}

#comment .content-wrapper{
	width:658px;
	margin-left:298px;
	background:#b1c9e7;
	float:left;
}

#comment .content-wrapper h3{
	height:45px;
	line-height:45px;
	padding:0 10px;
	color:#324a71;
	font-size:1.5em;
	font-weight:normal;
	text-transform:uppercase;
	background-color:#bbd0eb;
}

#comment .content-wrapper p{
	padding:0 10px;
	margin-bottom:1em;
	color:#535353;
}

#comment .content-wrapper p.intro{
	margin:15px 0;
}


#comment .content-wrapper strong,
#comment .content-wrapper label{
	color:#324a71;
	font-weight:normal;
	font-size:1.4em;
}

#comment .content-wrapper label{
	line-height:2.5em;
}

#comment .content-wrapper em{
	color:#e31565;
	font-style:normal;
	font-weight:bold;
}

#comment .content-wrapper div.select-question{
	padding-left:10px;
	margin:1em 0;
}


/* slideshow */

#comment .content-wrapper .public-art{
	display:block;
	height:110px;
	width:658px;
	background:#d9e4f3;
}

#comment .content-wrapper .public-art ul{
	display:block;
	height:110px;
	width:3000px;
}

#comment .content-wrapper .public-art ul li,
#comment .content-wrapper .public-art div.last,
#comment .content-wrapper .public-art div.first{
	position:relative;
	display:block;
	float:left;
	padding-top:10px;
}

#comment .content-wrapper .public-art div.middle{
	float:left;
	position:relative;
	width:575px;
	overflow:hidden;
}

#comment .content-wrapper .public-art a{
	position:relative;
	display:block;
	height:80px;
	width:80px;
	padding:5px;
	margin-left:5px;
	background:#CC3333;
}

#comment .content-wrapper .public-art li a:hover,
#comment .content-wrapper .public-art li.selected a{
	top:-5px;
	margin-left:0;
	margin-right:-5px;
	border:5px solid #e31565;
}

#comment .content-wrapper .public-art div.first a,
#comment .content-wrapper .public-art div.last a{height:31px; width:31px; margin:0px; padding:0 0 0 0;}

#comment .content-wrapper .public-art div.first{margin-right:10px; padding-top:40px;}
#comment .content-wrapper .public-art div.last{margin-left:10px; padding-top:40px;}

#comment .content-wrapper .public-art a.previous{
	display:block;
	height:31px;
	width:31px;
	text-indent:-999em;
	background:url(../img/comment-arrows.png) no-repeat 0 0;
	border:none;
}

#comment .content-wrapper .public-art a.previous:hover{background:url(../img/comment-arrows.png) 0 -31px; top:0px; margin:0px;}

#comment .content-wrapper .public-art a.next{
	display:block;
	height:31px;
	width:31px;
	text-indent:-999em;
	background:url(../img/comment-arrows.png) no-repeat -31px 0;
	border:none;
}

#comment .content-wrapper .public-art a.next:hover{background:url(../img/comment-arrows.png) -31px -31px; top:0px; margin:0px;}



/* form area */

#comment ul.tabs li{
	float:left;
	display:block;
	background:#66CCCC;	
}

#comment ul.tabs li a{
	display:block;
	height:50px;
	line-height:50px;
	padding:0 10px;
	color:#324a71;
	font-weight:bold;
	text-decoration:none;
}

#comment ul.tabs li a.inactive{color:#6c7f9d;}
#comment ul.tabs li a.inactive:hover{color:#324a71;}


#comment ul.tabs li.comment a.active{background:url(../img/tab-bg.png) no-repeat 0 0;}
#comment ul.tabs li.comment a.inactive{background:url(../img/tab-bg.png) no-repeat 0 -52px;}
#comment ul.tabs li.comment a.inactive:hover{background:url(../img/tab-bg.png) no-repeat 0 0;}

#comment ul.tabs li.video a.active{background:url(../img/tab-bg.png) no-repeat -188px -52px;}
#comment ul.tabs li.video a.inactive{background:url(../img/tab-bg.png) no-repeat -188px 0}
#comment ul.tabs li.video a.inactive:hover{background:url(../img/tab-bg.png) no-repeat -188px -52px}

#comment ul.tabs li a.inactive{
	background:#dbe6f3;
}


.form-area{
	position:relative;
	float:left;
	width:658px;
	background:#dbe6f3;
	border-top:1px solid #f1f5fa;
}


.form-area .field{
	margin-left:10px;
	color:#636363;
	clear:both;
}

.msg_err{
	padding:15px 0 0 0;	
}

.msg_err ul li{ color:#535353; padding-bottom:3px; }
.msg_err ul{
	padding:0 0 0 30px;	
	list-style:disc;
}

.form-area div.submit{
}

#comment .form-area .stamp-comment input,
#comment .form-area .stamp-video input{
	width:203px;
	clear:left;
}

#comment .form-area .upload-video{
	margin-top:20px;
}

#comment .form-area .upload-video,
#comment .form-area .upload-video label,
#comment .form-area .upload-video input{
	float:left;
}

#comment .form-area .upload-video input{
	clear:left;
}


.form-area .comments-comment,
.form-area .comments-video{
	float:left;
	clear:left;
	margin:20px 0 53px 10px;
}

.form-area input, label, textarea{
	display:block;
}

.form-area textarea{
	width:438px;
	height:102px;
	clear:left;
}

.form-area .submit{
	display:block;
	text-indent:-999em;
	margin-top:10px;
	bottom:0px;
	left:0px;
	border:none;
	height:33px;
	width:454px;
	background:url(../img/comment-submit.gif) no-repeat;
	background-position:top left;
}

#video .submit{
	background-position:bottom left;
}


/* --------------------

Contact Styles

---------------------*/


#contact #main-content{
	width:640px;
	margin-left:298px;
	background:#b1c9e7;
	float:left;
	_display:inline;
	padding:10px;
	color:#535353;
}



#contact #main-content p{
	float:left;
}

#contact #main-content p.first{
	width:319px;
	margin-right:30px;
}

#contact #main-content h4{
	clear:left;
	font-size:1.4em;
	line-height:1.2em;
	font-weight:normal;
	color:#324a71;
	text-transform:uppercase;
	margin-bottom:20px;
}

#contact #main-content dt{
	float:left;
	height:62px;
	width:204px;
	margin-bottom:5px;
	padding:5px;
	font-size:1.2em;
	color:#324a71;
}

#contact #main-content dt small{font-size:0.9em;}

#contact #main-content dd{
	float:left;
	_display:inline;
	height:62px;
	width:409px;
	padding:5px;
	margin:0 0 5px 5px;
	background:#FFFFFF;
}

#contact #main-content dt.orange{background-color:#f26522; color:#FFFFFF;}
#contact #main-content dt.green{background-color:#aac934;}
#contact #main-content dt.yellow{background-color:#ffd400;}


#contact #main-content dd a{
	color:#25c1c1;
	text-decoration:none;
}

#contact #main-content dd a:hover{text-decoration:underline;}

#contact #main-content dd a span{
	color:#5cd1d1;
	font-size:1.1em;
	font-weight:bold;
}


/* --------------------

About Styles

---------------------*/


#about #main-content{
	width:660px;
	margin-left:298px;
	float:left;
	_display:inline;
	color:#535353;
	background-color:#cfddf1;
}

#about #main-content .content-header{
	padding:10px;
	background:#cfddf1;
}

#about #main-content .content-header ul.image-area li{
	display:block;
	float:left;
	height:180px;
	width:213px;
}

#about #main-content .content-header ul.image-area{
	float:left;
	margin-bottom:10px;
}

#about #main-content .content-header h4{
	font-size:1.4em;
	line-height:1.2em;
	font-weight:normal;
	color:#324a71;
	text-transform:uppercase;
}
#about #main-content .content-header ul.created li{
	font-size:1em;
	line-height:1.5em;
}

#about #main-content .content-header ul.created li.date{
	color:#324a71;
}

#about #main-content .content-header ul.created li.author{
	color:#6780aa;
}


#about #main-content .content-body{
	height:222px;
	width:620px;
	margin:10px;
	padding:15px 10px 0 10px;
	background:#d5e0f1 url(../img/about-gradient.gif) repeat-x top left;
	overflow:auto;
}

#about #main-content .content-body .padded{
	padding-bottom:10px;	
}

#about #main-content .content-body p{
	margin-bottom:1.5em;
}


/* --------------------

Public Art Single Styles

---------------------*/


#public-art-single #main-content{
	height:620px;
	color:#535353;
}

#public-art-single #main-content .gallery-link{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	font-size:1.25em;
	line-height:29px;
	height:29px;
	padding-left:36px;
	background:url(../img/gallery-icon.gif) no-repeat 0 0;
	color:#FFFFFF;
	text-decoration:none;
}

#public-art-single #main-content .gallery-link:hover{
	text-decoration:underline;
}

#public-art-single #main-content .pager{
	float:none;
	position:absolute;
	top:0px;
	right:0px;
}


/* Public Art box */

#public-art-single #main-content #art-box{
	position:absolute;
	top:54px;
	left:300px;
	width:420px;
}


/* box header */

#public-art-single #main-content #art-box .art-header{
	padding:10px;
	background:#d3e0f2;
}

#public-art-single #main-content #art-box .art-header h3,
#public-art-single #main-content #art-box .art-header li{
	padding:0 10px;
}

#public-art-single #main-content #art-box .art-header h3{
	margin-top:10px;
	font-size:2em;
	line-height:1.1em;
	color:#324a71;
	font-weight:normal;
	text-transform:uppercase;
}

#public-art-single #main-content #art-box .art-header ul.created li{
	font-size:1em;
	line-height:1.4em;
}

#public-art-single #main-content #art-box .art-header ul.created li.author{color:#324a71;}
#public-art-single #main-content #art-box .art-header ul.created li.details{color:#6780aa;}

#public-art-single #main-content #art-box .art-header .image{
	height:244px;
	width:380px;
	border:10px solid;
	background:transparent;
}

/* Border Colours */

#public-art-single #main-content #art-box .art-header .image.red{border-color:#ed1c24;}
#public-art-single #main-content #art-box .art-header .image.orange{border-color:#f26522;}
#public-art-single #main-content #art-box .art-header .image.yellow{border-color:#ffd400;}
#public-art-single #main-content #art-box .art-header .image.lime{border-color:#c1d82f;}
#public-art-single #main-content #art-box .art-header .image.cyan{border-color:#6dcff6;}
#public-art-single #main-content #art-box .art-header .image.grey{border-color:#c7c2c4;}
#public-art-single #main-content #art-box .art-header .image.purple{border-color:#91278f;}
#public-art-single #main-content #art-box .art-header .image.green{border-color:#079e57;}


/* box body */

#public-art-single #main-content #art-box .art-body{
	height:164px;
	padding:10px 10px 10px 20px;
	background:#d5e0f1 url(../img/public-art-single-gradient.gif) repeat-x 0 0;
	overflow:auto;
}

#public-art-single #main-content #art-box .art-body a.location{
	display:block;
	float:left;
	margin-bottom:10px;
	height:35px;
	line-height:35px;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	color:#0eb4b4;
}

#public-art-single #main-content #art-box .art-body a.location:hover span{
	text-decoration:underline;
}

#public-art-single #main-content #art-box .art-body a.location span.num{
	display:block;
	float:left;
	height:35px;
	width:24px;
	text-align:center;
	padding:0 7px 0 5px;
	margin-right:5px;
	font-size:1.4em;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none !important;
	background:url(../img/art-number-bubble.gif) no-repeat 0 0;
}


#public-art-single #main-content #art-box .art-body p{
	margin-bottom:1em;
}


#public-art-single #main-content #art-box a.question{
	display:block;
	height:33px;
	line-height:33px;
	padding-left:40px;
	color:#FFFFFF;
	text-decoration:none;
	background:#0eafaf url(../img/public-art-corner-question.gif) no-repeat 0 0;
}

#public-art-single #main-content #art-box a.question:hover{
	text-decoration:underline;
}


/* Positions */

#public-art-single .c1{top:291px; left:737px;}
#public-art-single .c2{top:143px; left:28px; z-index:100;}
#public-art-single .c3{top:69px; left:122px;}
#public-art-single .c4{top:78px; left:844px; z-index:100;}
#public-art-single .c5{top:74px; left:805px;}

#public-art-single .scroll-bubble{
	position:absolute;
	height:49px;
	width:46px;
	top:428px;
	left:725px;
	background:url(../img/scroll-icon.gif) no-repeat 0 0;
}

#public-art-single .v1{top:114px; left:734px;}
#public-art-single .v2{top:119px; left:189px;}
#public-art-single .v3{top:224px; left:52px;}
#public-art-single .v4{top:315px; left:856px;}

#house-location{
	padding:0 0 19px 0;
	clear:both;
}

#house-location #location-map #map{ position:absolute; background:url(../img/house-location-map.png) left top no-repeat; width:960px; height:1009px;}
#house-location #location-map{
	width:960px;
	height:490px;
	position:relative;
	z-index:50;
	overflow:hidden;
	cursor:move !important;
}

#house-location .point{
	height:34px;
	width:34px;
	position:absolute;
}

	#house-location .point .details{
		position:absolute;
		top:18px;
		left:18px;
		background:no-repeat left top url(../img/house-location-map-details-bg.png);
		height:134px;
		width:237px;
		z-index:110;
		display:none;
	}

	#house-location .left .details{
		left:auto;
		right:18px;
	}

	#house-location .point .details a{
		color:#324a71;
		text-decoration:none;
	}

	#house-location .point .details a:hover{
		text-decoration:underline;
	}

	#house-location .point .details .overlay{
		position:absolute;
		left:0;
		top:0;
		background:url(../img/house-location-map-details-overlay.png) left top no-repeat;
		width:65px;
		height:51px;
	}

	#house-location .left .details .overlay{
		background-image:url(../img/house-location-map-details-overlay-right.png);
		left:auto;
		right:0;
	}

	#house-location .point .details .text{
		float:left;
		width:86px;
		color:#6780aa;
		padding:14px 0 0 12px;
	}

	#house-location .point .details .image{
		height:130px;
		width:130px;
		background-position:center center;
		background-repeat:no-repeat;
		float:left;
	}

#house-location .point a.dropper{
	display:block;
	color:#fff;
	text-decoration:none;
	text-align:center;
	height:27px;
	padding-top:7px;
	width:34px;
	z-index:100;
	position:absolute;
	font-size:1.5em;
	background:url(../img/map-bubbles.png) left top no-repeat;
	_background:url(../img/map-bubbles.gif) left top no-repeat;
}

#house-location .point a.cyan{ background-position:left top; }
#house-location .point a.lime{ background-position:left -34px; }
#house-location .point a.green{ background-position:left -68px; }
#house-location .point a.yellow{ background-position:left -102px; }
#house-location .point a.orange{ background-position:left -136px; }
#house-location .point a.purple{ background-position:left -170px; }
#house-location .point a.red{ background-position:left -204px; }
#house-location .point a.grey{ background-position:left -238px; }

#house-location .left a.cyan{ background-position:right top; }
#house-location .left a.lime{ background-position:right -34px; }
#house-location .left a.green{ background-position:right -68px; }
#house-location .left a.yellow{ background-position:right -102px; }
#house-location .left a.orange{ background-position:right -136px; }
#house-location .left a.purple{ background-position:right -170px; }
#house-location .left a.red{ background-position:right -204px; }
#house-location .left a.grey{ background-position:right -238px; }

#house-location .point a.selected{ z-index:120; }
#house-location .selected{ z-index:300; }

#locations div.instructions{
	display:block;
	position:absolute;
	width:420px;
	z-index:100;
}

#locations div.instructions ul{
	display:block;
	float:left;
	width:420px;
	background:url(../img/instructions-bg.png) repeat-y 0 0;
}

#locations div.instructions ul li{
	display:block;
	float:left;
	margin-left:10px;
	height:33px;
	line-height:47px;
	color:#000;
}

#locations div.instructions ul li.drag{
	background:url(../img/icon-map-drag.gif) no-repeat left 11px;
	padding-left:20px;
}

#locations div.instructions ul li.click{
	background:url(../img/icon-map-click.png) no-repeat left 6px;
	padding-left:30px;
}

#locations div.instructions-bottom{
	float:left;
	height:15px;
	width:420px;
	background:url(../img/instructions-bottom.png) no-repeat 0 0;
}

.content-overlay{
	display:none;
}