body {
	background-color:	#5f6069;	/*Costamanos dark gray + 5% blue*/
	font-family:		Verdana, sans-serif;
	font-size:			16px;
	font-weight:		400;
	color:				#ffffff;
}

#main {						/*this is the outermost content block*/
	width:				820px;
	min-height:			1100px;
	background-color:	#5f6069;	/*Costamanos dark gray + 5% blue*/
	margin:				0 50px 0 50px;	/*center on body, no margin*/
	padding:			0 0 0 0;	/*start with 20px frame top and bottom only*/
	position:			relative;	/*no movement, but positions container so inner blocks can be absolute*/
}

#container {
	width:				820px;	/*was 715px*/
	background-color:	transparent;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	clear:				right;
}

#banner {						/*this is the block for the gallery name and logo*/
	width:				760px;	/*was 760px spans all the content below it*/
	background-color:	transparent;	/*#main background shines through*/
	margin:				0 0 0 0;		/*adjust margins later*/
	padding:			60px 60px 5px 0;		/*allow for quarryman image*/
}

#banner  a {
	text-decoration:	none;
	border:				none;
	outline:			none;
	color:				#ffffff;
}

#banner a img {
	text-decoration:	none;
	border:				none;
	outline:			none;
	color:				#ffffff;
}

#banner  a:link {
	text-decoration:	none;
	border:				none;
	outline:			none;
	color:				#ffffff;
}

#banner  a:hover {
	text-decoration:	none;
	border:				none;
	outline:			none;
	color:				#ffffff;
}

#banner  a:visited {
	text-decoration:	none;
	border-style:		none;
	outline:			none;
	color:				#ffffff;
}

.banner1 {						/*large format for main banner*/
	font-size:			300%;
	text-align:			right;
	padding:			0 0 0 0;
	margin:				0 0 0 0;
}

.banner1 img {					/*format for banner logo image*/
	position:			absolute;
	top:				25px;
	right:				0;
}

.banner2 {						/*smaller format for banner tag line*/
	font-size:			120%;
	text-align:			right;
	padding:			0 2px 20px 0;
	margin:				0 0 0 0;
}

#now-showing {					/*this is the block for current show content*/
	width:				645px;	/*was 540px to allow space for Quarrymans feet*/
	height:				710px;	/*was 660px*/
	margin:				0 0 5px 5px;
	padding:			0 0 0 0;	/*start with no padding - use margins for inner elements*/
	background-color:	#bcbdbf;	/*Costamanos light gray*/
	color:				#575859;	/*darker darker Costamanos light gray*/
	float:				right;		/*put this block on right margin of page*/
}

#coming-soon {
	width:				645px;	/*match now-showing block*/
	height:				265px;	/*was 265px*//*vary this as needed if show descriptions are big*/
	margin:				0 0 5px 5px; /*space from nav bar and footer*/
	padding:			0 0 0 0;
	background-color:	#bdbdbf;	/*Costamanos light gray*/
	color:				#575859;	/*darker darker Costamanos light gray*/
	float:				right;		/*match now-showing block*/
	clear:				right;		/*put it below the now-showing block*/
	}

#coming-soon-left {					/*this is the block for next show content*/
	width:				322px;		/*was 320px*/
	min-height:			230px;	/*was 230px*/
	margin:				5px 0 0 0;
	padding:			0 0 0 0;	/*start with no padding - use margins for inner elements*/
	background-color:	transparent;	/*let outer block shine through*/
	color:				#575859;	/*darker darker Costamanos light gray*/
	float:				right;		/*in page this must come after coming-soon-right*/
	border-right:		1px solid #5f6069;  /*separator matches Body background*/
}

#coming-soon-right {					/*this is the block for next show content*/
	width:				318px;		/*was 320px*/
	min-height:			230px;		/*was 230px*/
	margin:				5px 0 0 0;
	padding:			0 0 0 0;	/*start with no padding - use margins for inner elements*/
	background-color:	transparent;	/*let outer block shine through*/
	color:				#575859;	/*darker darker Costamanos light gray*/
	float:				right;		/*in page this must come before coming-soon-left*/
	border-left:		1px solid #5f6069;  /*separator matches Body background*/
}

.now-showing-img {
	margin:				0 0 0 0;	/*frame the graph*/
	padding:			20px 20px 10px 20px;
	line-height:		1.2em;			/*close up leading*/
	text-align:			left;
}

/*The following declarations are needed for the various elements that*/
/*have cross-fading or swap-fading going on on the home page*/
img.ibase {			/*special image class for crossfade*/
	filter:				alpha(opacity=100); /*default opacity for IE*/
	}
	
img.idupe {			/*overlay image for cross-fade script*/
	position:			absolute;
	z-index:			30000;
	visibility:			hidden;		/*initially the overlay image is hidden*/
	filter:				alpha(opacity=100); /*default opacity for IE*/
	}

/*the following ID-based declarations are for the four text elements*/
/*on the home page which swap-fade in and out with JavaScript.*/
/*These apply default opacity for IE browsers; not necessary for other browsers*/
/*#showHead, #showTag, #showAuthor, #showDate {*/
/*	filter:				alpha(opacity=100); /*default opacity for IE*/
/*}*/

#now-showing h1 {
	margin:				0 0 0 0;	/*frame the graph*/
	padding:			10px 20px 0 20px;
	line-height:		1.0;			/*close up leading*/
	text-align:			left;		/*left justify paragraph*/
	color:				#000000;
	font-family:		"Palatino Linotype", Palatino, serif;
	font-weight:		700;
	font-size:			300%;
}

.ns-less {
	font-size:			44px; /*span code to adjust H1 size for longer text*/
	}

#now-showing h1 img {
	margin:				0 0 0 0;	/*frame the graph*/
	padding:			0 15px 0 0;
	line-height:		1.2em;			/*close up leading*/
	float:				left;
	vertical-align:		text-top;
}

#now-showing h2 {
	margin:				0 0 0 0;
	padding:			0 20px 0 20px;
	line-height:		1.0;
	text-align:			left;
	color:				#000000;
	font-family:		"Palatino Linotype", Palatino, serif;
	font-weight:		400;
	font-size:			150%;
}

#now-showing h3 {
	margin:			0 0 0 0;	/*frame the graph*/
	padding:			10px 20px 10px 20px;
	text-align:			left;		/*left-justify for now*/
	color:				#000000;	/*headline is black*/
	font-weight:		400;		/*and emphasize text*/
	font-size:			100%;		/*make headline bigger*/
	clear:				right;
}

#now-showing h3 img {
	float:				right;
	margin-left:		20px;
	vertical-align:		top;
	border:				none;
	outline:			none;
}

#coming-soon-right h2 {
	margin:				0 0 0 0;	/*frame the graph*/
	padding:			15px 20px 2px 10px;
	line-height:		1.0;			/*close up leading*/
	text-align:			right;		/*right justify paragraph*/
	color:				#000000;
	font-family:		"Palatino Linotype", Palatino, serif;
	font-weight:		700;
	font-size:			150%;
}

#coming-soon-right h2 img {
/*	float:				right; */ /*TEMP for horiz image*/
	margin:				0 0 5px 8px;
	padding:			0 0 0 0;
	vertical-align:		top;
	border:				none;
	outline:			none;
}

#coming-soon-left h2 {
	margin:				0 0 0 0;	/*frame the graph*/
	padding:			15px 10px 2px 20px;
	line-height:		1.0;			/*close up leading*/
	text-align:			left;		/*left justify paragraph*/
	color:				#000000;
	font-family:		"Palatino Linotype", Palatino, serif;
	font-weight:		700;
	font-size:			150%;
}

#coming-soon-left h2 img {
/*	float:				left; */ /*TEMP for horiz image*/
	margin:				0 8px 5px 0;
	padding:			0 0 0 0;
	vertical-align:		top;
	border:				none;
	outline:			none;
}

#coming-soon-right h3 {
	margin:				0 0 0 0;
	padding:			0 20px 5px 20px;
	line-height:		1.0;
	text-align:			right;
	color:				#000000;
	font-family:		"Palatino Linotype", Palatino, serif;
	font-weight:		400;
	font-size:			105%;
}

#coming-soon-left h3 {
	margin:				0 0 0 0;
	padding:			0 20px 5px 20px;
	line-height:		1.0;
	text-align:			left;
	color:				#000000;
	font-family:		"Palatino Linotype", Palatino, serif;
	font-weight:		400;
	font-size:			105%;
}

#coming-soon-right h4 {
	margin:				0 0 0 0;	/*frame the graph*/
	padding:			10px 20px 10px 0;
	text-align:			right;		/*left-justify for now*/
	color:				#000000;	/*headline is black*/
	font-weight:		400;		/*and emphasize text*/
	font-size:			80%;		/*make headline bigger*/
	clear:				left;
}

#coming-soon-left h4 {
	margin:				0 0 0 0;	/*frame the graph*/
	padding:			5px 0 10px 20px; /*top was 10px*/
	text-align:			left;		/*left-justify for now*/
	color:				#000000;	/*headline is black*/
	font-weight:		400;		/*and emphasize text*/
	font-size:			80%;		/*make headline bigger*/
	clear:				right;
}

#coming-soon-right h3 img {
	float:				left;
	margin-right:		20px;
	vertical-align:		top;
	border:				none;
	outline:			none;
}

#coming-soon-left h3 img {
	float:				right;
	margin-left:		20px;
	vertical-align:		top;
	border:				none;
	outline:			none;
}

#now-showing a {
	text-decoration:	none;
	border:				none;
	outline:			none;
	color:				#272C29;	/*was 575859 darker darker Costamanos light gray*/
}

#now-showing a img {
	text-decoration:	none;
	border:				none;
	outline:			none;
	color:				#272C29;	/*darker darker Costamanos light gray*/
}

#now-showing a:link {
	text-decoration:	none;
	border:				none;
	outline:			none;
	color:				#272C29;	/*darker darker Costamanos light gray*/
}

#now-showing a:hover {
	text-decoration:	none;
	border:				none;
	outline:			none;
	color:				#272C29;	/*darker darker Costamanos light gray*/
}

#now-showing a:visited {
	text-decoration:	none;
	border-style:		none;
	outline:			none;
	color:				#272C29;	/*darker darker Costamanos light gray*/
}

#coming-soon a {
	text-decoration:	none;
	border:				none;
	outline:			none;
	color:				#272C29;	/*was 575859 darker darker Costamanos light gray*/
}

#coming-soon a img {
	text-decoration:	none;
	border:				none;
	outline:			none;
	color:				#272C29;	/*darker darker Costamanos light gray*/
}

#coming-soon a:link {
	text-decoration:	none;
	border:				none;
	outline:			none;
	color:				#272C29;	/*darker darker Costamanos light gray*/
}

#coming-soon a:hover {
	text-decoration:	none;
	border:				none;
	outline:			none;
	color:				#272C29;	/*darker darker Costamanos light gray*/
}

#coming-soon a:visited {
	text-decoration:	none;
	border-style:		none;
	outline:			none;
	color:				#272C29;	/*darker darker Costamanos light gray*/
}

.headline {						/*paragraph format for top bar of blocks*/
	margin:			0 0 0 0;	/*no margin*/
	padding:			5px 20px 5px 20px;	/*make enough space so bar is visible around text*/
	text-align:			left;		/*left-justify for now*/
	color:			#ffffff;	/*keep text white*/
	background-color:		#4a5a52;	/*change background to green*/
	font-weight:		400;		/*and emphasize text*/
	font-size:			90%;		/*make headline bigger*/
}

.headline2 {						/*paragraph format for top bar of blocks*/
	margin:			0 0 0 0;	/*no margin*/
	padding:			4px 20px 4px 20px;	/*make enough space so bar is visible around text*/
	text-align:			left;		/*left-justify for now*/
	color:			#ffffff;	/*keep text white*/
	background-color:		#4a5a52;	/*change background to green*/
	font-weight:		400;		/*and emphasize text*/
	font-size:			70%;		/*make headline bigger*/
	font-style:		oblique;
}

.content-ctr {
	margin:				0 0 0 0;	/*frame the graph*/
	padding:			20px 20px 0 20px;
	line-height:		1.2em;			/*close up leading*/
	text-align:			center;
}

#nav-bar {						/*left nav bar*/
	width:				170px;	/*allow for left and right margins*/
	min-height:			980px;	/*was 930px*/
	margin:				0 0 5px 0; 
	padding:			0 0 0 0;	
	background-color:	#7d7e80;	/*darker Costamanos light gray*/
	clear:				none;		/*fix IE7 bug with right-floated blocks*/
}

#nav-bar ul {
	list-style-type:	none;
	padding:			0 0 0 20px;
	margin:				0 0 0 0;
	font-size:			90%;
	}
	
#nav-bar ul ul {
	font-size:			80%;
	padding:			0 0 0 20px;
	}
	
#nav-bar li {
	margin:				0 0 0 0;
	padding:			20px 0 0 0;
	background-color:	transparent;
	}
	
#nav-bar ul ul li {
	margin:				0 0 0 0;
	padding:			0 0 5px 0;
	background-color:	transparent;
	}
	
#nav-bar li a {
	text-decoration:	none;
	border-style:		none;
	outline:			none;
	}

#nav-bar li a:link {
	color:				#ffffff;
	outline:			none;
	}
	
#nav-bar li a:visited {
	color:				#ffffff;
	outline:			none;
	}

#nav-bar li a:hover {
	color:				#dddddd;
	outline:			none;
	}

#nav-bar li a.current {			/*mark current page link in special color*/
	color:				#ffe6a3;
	outline:			none;
}

#nav-bar-box {
	width:				150px;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	color:				#ffe6a3;
	background-color:	transparent;
	font-size:			90%;
	line-height:		1.2;
	position:			absolute;
	top:				645px;
	left:				10px;
}

#nav-bar-box p {
	margin:				0 0 0 0;
	padding:			0 0 0 0;
}

#nav-bar-box p a img {
	text-decoration:	none;
	border-style:		none;
	outline:			none;
	padding:			0 3px 3px 0;
	float:				left;
}

#nav-bar-box a {
	color:				#ffe6a3;
	text-decoration:	none;
	border-style:		none;
	outline:			none;
	}

#nav-bar-box a:link {
	color:				#ffe6a3;
	outline:			none;
	}
	
nav-bar-box a:visited {
	color:				#ffe6a3;
	outline:			none;
	}

nav-bar-box a:hover {
	color:				#dddddd;
	outline:			none;
	}

.boxhead {
	text-decoration:	underline;
	color:				#ffe6a3;
}	

.boxhead-small {
	text-decoration:	none;
	color:				#ffe6a3;
	font-size:			80%;
}	

#footer {						/*page footer with copyright and nav content*/
	width:				820px;	/*was 715px spans nav and page-content*/
	margin:				5px 0 0 0; /*space from upper blocks and continue frame*/
	padding:			10px 0 20px 0;	/*start with no padding - use margins on inner elements*/
	background-color:	#4a5a52;	/*headline bar color -- lightfactory swatch 2*/
	font-size:			12px;
	font-weight:		400;
	text-align:			center;
	clear:				both;
}

#footer ul {
	list-style-type:		none;
	padding:			6px 0 6px 20px;
	margin:			0 0 0 0;
	}
	
#footer li {
	width:			100px;
	margin:			0 40px 20px 40px;
	padding:			5px 5px 5px 0px;
	background-color:		transparent;
	display:			inline;
	}
	
#footer li a {
	text-decoration:		none;
	border-style:		none;
	outline:			none;
	}

#footer li a:link {
	color:			#ffffff;
	outline:			none;
	}
	
#footer li a:visited {
	color:			#ffffff;
	outline:			none;
	}

#footer li a:hover {
	color:			#dddddd;
	outline:			none;
	}

#footer li a.current {			/*mark current page link in special color*/
	color:			#ffe6a3;
	outline:			none;
}