﻿body
{
	
}

h1
{
	visibility:hidden;
	line-height: 0px;
	margin: 0;
	padding: 0;
}

img
{
	border: none;	
}

ul
{
	list-style-type:none;	
}


#top-nav li
{
	display: inline;
    list-style: none;
    margin-right: 50px;
}

#content ul
{
	list-style-type:none;
}

#content li
{
	display: inline;
    list-style: none;
    float:left;
}

p
{
	text-align: left;
}


/* Media Player */

#videoScreen {
	background: #000;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
}

#videoScreenPlayer {
	position: absolute;
	padding: 0;
	background: #000;
	border: 1px solid #CCC;
	z-index: 1000000;
	width: 610px;
}

#videoScreenCloser {
	position:absolute;
	left:170px;
	top:360px;
	cursor: hand;
	cursor: pointer;
}

.splash
{
	width: 98%;
	text-align: center;
	position: absolute; 
	top: 50%;
	height: 240px;
	margin-top: -120px;
}

.hidden
{
	display:none;
	overflow:hidden;
}

.show
{
	display: block;	
}

.media-title-box
{
	/*position: absolute;
	top: 0px;*/
	height: 20px;
	width: 595px;
	z-index: 10000;
	background-color:white;
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
}

.media-title
{
	float: left;
	text-align: left;
}

.media-title-close
{
	float: right;
	text-align: right;
}

/* Content */

#main
{
	width: 1024px;
	height: 670px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

#content
{
	position: relative;
	top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	text-align: center;
}

#footer
{
	text-align: right;
	clear: both;
}

#centre
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 510px;
	top:0px;
}

#centre-content
{
	text-align: center;
	padding-top: 90px;
	width: 510px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}

div.news-centre-content
{
	text-align:center;
	width: 670px;
	overflow:auto;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:10px;
	padding:5px;
	border:1px solid #cccccc;
}

div.works-centre-content
{
	text-align:center;
	width: 670px;
	overflow:auto;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:10px;
	padding:5px;
	border:1px solid #cccccc;
}

div.news-scroll {

	text-align:left;
	width: 480px;
	float: left;
	padding-left:5px;
}

p.news-header {

	font:bold 12px Georgia,serif;
	padding:0;
	margin:0;
}



p.news-date {

	font:italic 12px Georgia,serif;
	color: #666666;
	padding-top:5px;
	margin:0;
}

p.news-copy {

	font:bold 12px Georgia,serif;
	line-height:150%;
	padding-top:5px;
	margin:0;
}

p.news-address {

	font:italic 11px Georgia,serif;
	line-height:150%;
	color: #666666;
	padding-top:5px;
	margin:0;
}

p.works-header {

	font:bold 14px Georgia,serif;
	padding-bottom:10px;
	margin:0;
}

p.works-title {

	font:bold 12px Georgia,serif;
	padding:0;
	margin:0;
	margin-top:10px;
}

p.works-copy {

	font:12px Georgia,serif;
	line-height:150%;
	color: #666666;
	padding:0;
	margin:0;
}

p.credit {
    font:12px Georgia,serif;
	line-height:150%;
	color: #666666;
	padding:0;
	margin:0;
	text-align:center;
}

span.works-date {

	font:italic 11px Georgia,serif;
	color: #666666;
	padding:0;
	margin:0;
}

#centre-content p.home-copy {
	
	font:12px Georgia,serif;
	line-height:150%;
	color: #666666;
	padding:0;
	margin:0;
	text-align:left;
}

span.home-header {

	font:bold 20px Georgia,serif;
	padding:0;
	color:#000000;
	margin:0;
}

img.news
{
	float: left;
	padding-right: 5px;
}


#centre-content p, #centre-content-polaroid p
{
	margin-bottom: 40px;
	text-align: center;
}

#centre-content-polaroid
{
	text-align: center;
	padding-top: 50px;
	width: 950px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}

#top-nav
{
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 590px;
}

.logo
{
	position: relative;
	margin-left: 35px;
	width: 144px;
	float: left;
}

.polaroid
{
	width: 211px;
	height: 222px;
	margin-right: 15px;
	margin-bottom: 50px;
	background: url("../images/shadow.png") no-repeat 0 0;
	text-align: left;
}

.polaroid-3-row
{

	clear: both;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	
}


.polaroid-2-row
{
	clear: both;
	width: 520px;
	margin-left: auto;
	margin-right: auto;
	
}

.polaroid-details
{
	border-left: solid 1px #a6a8a9;
	border-right: solid 1px #a6a8a9;
	border-top: solid 1px #a6a8a9;
	height: 194px;
	width: 197px;
	text-align: left;
}

.polaroid-play
{
	border-left: solid 1px #a6a8a9;
	border-right: solid 1px #a6a8a9;
	border-bottom: solid 1px #a6a8a9;
	height: 12px;
	width: 197px;
	text-align: left !important;
}

.polaroid-details img
{
	margin-top: 8px;
	margin-left: 8px;
}

.polaroid-play img
{
	margin-left: 8px;
}

.title
{
	font-family: Georgia;
	font-weight:500;
	font-size: 12pt;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 8px;	
}

.description
{
	font-family: Georgia;
	font-style: italic;
	font-size: 10pt;
	color: Gray;
	text-align: left;
}


/* Nav Rollover */

#home span,#home-over span, #musicStage span, #musicStage-over span, #musicScreen span, #musicScreen-over span, #concertMusic span, #news span, #news-over span,  #concertMusic-over span, #credits span, #credits-over span, #contact span, #contact-over span, #list span, #list-over span
{
  display: none;
}

#home:hover, #musicStage:hover, #musicScreen:hover, #concertMusic:hover, #credits:hover, #contact:hover, #news:hover, #list:hover
{ 
  background-position: 0 -12px;
}

#home, #home-over  
{
  display: block;
  width: 32px;
  height: 11px;
  background: url("../images/home.png") no-repeat 0 0;
  float: left;
  margin-right: 21px;
}

#home-over 
{
  background-position: 0 -12px;
}

#musicStage, #musicStage-over 
{
  display: block;
  width: 89px;
  height: 12px;
  background: url("../images/musicstage.png") no-repeat 0 0;
  float: left;
  margin-right: 24px;
}

#musicStage-over
{
	background-position: 0 -12px;
}

#musicScreen, #musicScreen-over 
{
  display: block;
  width: 98px;
  height: 11px;
  background: url("../images/musicscreen.png") no-repeat 0 0;
  float: left;
  margin-right: 25px;
}

#musicScreen-over
{
	background-position: 0 -12px;
}

#concertMusic, #concertMusic-over 
{
  display: block;
  width: 83px;
  height: 11px;
  background: url("../images/concertmusic.png") no-repeat 0 0;
  float: left;
  margin-right: 24px;
}

#concertMusic-over
{
	background-position: 0 -12px;
}

#credits, #credits-over
{
  display: block;
  width: 40px;
  height: 11px;
  background: url("../images/credits.png") no-repeat 0 0;
  float: left;
  margin-right: 24px;
}

#credits-over
{
	background-position: 0 -12px;
}

#contact, #contact-over
{
  display: block;
  width: 44px;
  height: 11px;
  background: url("../images/contact.png") no-repeat 0 0;
  float: left;
}

#contact-over
{
	background-position: 0 -12px;
}

#news, #news-over
{
  display: block;
  width: 25px;
  height: 11px;
  background: url("../images/news.png") no-repeat 0 0;
  float: left;
  margin-right: 24px;
}
  
#news-over
{
	background-position: 0 -12px;
}

#list, #list-over
{
  display: block;
  width: 76px;
  height: 12px;
  background: url("../images/listofworks.png") no-repeat 0 0;
  float: left;
  margin-right: 24px;
}
  
#list-over
{
	background-position: 0 -12px;
}



