@charset "UTF-8";
/*

Headlands Center for the Arts 2011 Benefit Art Auction

Global Stylesheet
version 1.0
author: futurepruf.com

*/

/*================ GLOBAL ================*/

html {
	width: 100%;
	height: 100%;
	margin:0;
	padding:0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-family: "News Gothic Regular", 'Arial Narrow', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: url("/auction/images/global/background_page.png") no-repeat -550px -550px;
}

/* Opera Fix for sticky footer */
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

a { color: #1B1464; }
a img { border: none; }
a:active { outline: none; }
:focus { -moz-outline-style: none; }

hr {
	border: none;
	border-top: 1px dashed #E6E6E6;
}

strong {
	font-family:"News Gothic Bold", 'Arial Narrow', sans-serif;
	font-weight: normal;
	font-style: normal;
}

#wrapper {
	margin: 0;
	padding: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	min-height: 100%;
}

#wrapper-inner {
	width: 960px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	overflow:auto;
	padding-bottom: 170px;
}

/*================ HEADER ================*/

#header {
	float: left;
	width: 960px;
	height: auto;
	margin: 0;
	padding: 0;
}

	#header h1 {
		float: left;
		width: 960px;
		height: auto;
		margin: 0;
		padding: 0;
		text-indent: -9999px;
	}
	
		#header h1 a {
			display: block;
			float: left;
			width: 960px;
			height: 48px;
			margin: 0;
			padding: 32px 0;
			background: url("/auction/images/global/header.png") no-repeat 0 32px;
		}
		

	
/*================ COLUMNS ================*/


#column_left {
	float: left;
	width: 310px;
	height: auto;
	margin: 0 10px 0 0;
	padding: 0;
}

#column_right {
	float: left;
	width: 616px;
	height: auto;
	margin: 0;
	padding: 12px;
	background: #FFF;
}

	#column_right :first-child {
		margin-top: 0;
	}

	#column_right h2 {
		color: #1B1464;
		font-size: 22px;
		font-weight: normal;
	}
	
	#column_right h3 {
		color: #4D4D4D;
		font-size: 16px;
		margin: 0;
		font-weight: normal;
	}
	
	#column_right p {
		margin-top: 0;
		color: #999;
	}
	
	#column_right p.lead_sponsor {
		font-size: 24px;
	}
	
	#column_right #column_a {
		float: left;
		width: 180px;
		height: auto;
		margin: 0 10px 0 0;
		padding: 0;
	}
	
	#column_right #column_b {
		float: left;
		width: 200px;
		height: auto;
		margin: 0 10px 0 0;
		padding: 0;
	}
	
	#column_right #column_c {
		float: left;
		width: 200px;
		height: auto;
		margin: 0 10px 0 0;
		padding: 37px 0 0 0;
	}

	#column_right #column_d {
		float: left;
		width: 272px;
		height: auto;
		margin: 0 40px 0 0;
		padding: 0;
	}

	#column_right #column_e {
		float: left;
		width: 272px;
		height: auto;
		margin: 0;
		padding: 0;
	}

/*================ CONTENT ================*/

#content {
	float: left;
	width: 960px;
	height: auto;
	margin: 0;
	padding: 0 0 100px 0;
}

#navigation_main {
	float: left;
	width: 310px;
	height: 26px;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 22px;
	letter-spacing: 1px;
	font-size: 16px;
}

	#navigation_main li {
		float: left;
		width: auto;
		height: 26px;
		margin: 0 1px 0 0;
		padding: 0;
		text-transform: uppercase;
		position: relative;
	}
	
		#navigation_main li#trigger_artists { width: 74px; }
		#navigation_main li#trigger_bidding { width: 75px; }
		#navigation_main li#trigger_sponsors { width: 94px; }
		#navigation_main li#trigger_about { width: 64px; margin: 0; }
		
		#navigation_main li a {
			display: block;
			background: url("/auction/images/global/background_navigation_main.png") repeat-x;
			height: 26px;
			margin: 0;
			padding: 0 10px;
			color: #FFF;
			text-decoration: none;
		}
		
		#navigation_main li.active a,
		#navigation_main li a:hover {
			color: #1B1464;
			background: #00AEEF;
		}
		
		#navigation_main li#trigger_artists a:hover {
			cursor: default;
		}
		
		#navigation_artists {
			display: none;
			position: absolute;
			z-index: 1000;
			top: 26px;
			left: 0;
			width: 960px;
			height: auto;
			list-style: none;
			margin: 0;
			padding: 10px 0 30px 0;
			background: url("/auction/images/global/background_navigation_artists.png") repeat-x;
		}
		
			#navigation_artists ul {
				width: 190px;
				font-size: 13px;
				height: auto;
				margin: 0;
				padding: 0;
				float: left;
				list-style: none;
			}
		
				#navigation_artists ul li {
					width: 190px;
					font-size: 13px;
					height: 18px;
					line-height: 18px;
					text-transform: capitalize;
					margin: 0;
					padding: 0 0 0 10px;
					float: left
				}
			
					#navigation_main li.active ul li a {
						display: block;
						background: none;
						color: #FFF;
						padding: 0;
					}
				
					#navigation_main li#trigger_artists ul li a:hover {
						cursor: pointer;
						color: #1B1464;
					}
			

/*================ HOME PAGE ================*/

#image_replacement_home {
	height: 263px;
	width: 310px;
	margin: 0;
	padding: 0;
	float: left;
	background: url("/auction/images/image_replacement_home.png") no-repeat;
}

	#image_replacement_home p {
		text-indent: -9999px;
	}

#navigation_tickets {
	height: 26px;
	width: 210px;
	margin: 0 0 0 100px;
	padding: 0;
	float: left;
	line-height: 22px;
	letter-spacing: 1px;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
}

	#navigation_tickets a {
		background: url("/auction/images/global/background_tickets.png") repeat-x;
		color: #FFFFFF;
		display: block;
		height: 26px;
		text-decoration: none;
		padding: 0 10px;
	}
	
	#navigation_tickets.active a,
	#navigation_tickets a:hover {
		color: #1B1464;
		background: #FF00FF;
	}
	
	#gallery_home { height: 400px; width: 616px; margin: 0; padding: 0; overflow: hidden; }
	#gallery_home a { display: block; }
	#gallery_home img { }
	#column_right p#caption { color: #1B1464; font-size: 18px; margin: 20px 0 5px 0; }
	

/*================ ARTIST PAGE ================*/


#button_previous_artist {
	color: #E50E63;
	text-decoration: none;
	display: block;
	height: auto;
	width: auto;
	float: left;
}

	#button_previous_artist:hover {
		color: #1B1464;
	}
	
#button_next_artist {
	color: #E50E63;
	text-decoration: none;
	display: block;
	float: right;
	height: auto;
	width: auto;
}

	#button_next_artist:hover {
		color: #1B1464;
	}
	
/*================ SPONSORS ================*/

.sponsors #column_right a {
	color: #999;
}

/*================ FOOTER ================*/

#footer {
	width: 100%;
	height: 170px;
	margin: -170px 0 0 0;
	padding: 0;
	background: url("/auction/images/global/background_footer.png") repeat-x;
	color: #FFF;
	position: relative;
	clear: both;
}

	#footer a {
		color: #FFF;
		text-decoration: none;
	}

	#footer_content {
		width: 960px;
		height: 170px;
		margin: auto auto 0 auto;
		padding: 0;
	}
	
	#footer_column_left {
		float: left;
		width: 292px;
		height: 170px;
		margin: 0;
		padding: 0 14px;
		border-right: 1px #FFF solid;
	}
	
		#logo_hca {
			margin-top: 24px;
		}
	
	#footer_column_right {
		float: left;
		width: 584px;
		height: 170px;
		margin: 0;
		padding: 0 14px;
	}
	
		#footer_column_right p {
			margin-top: 96px;
			font-size: 21px;
			text-transform: uppercase;
		}
		
		#footer_column_right ul {
			font-size: 14px;
			margin: 0;
			padding: 0;
			float: left;
			list-style: none;
		}
		
			#footer_column_right ul li {
				margin: 0 12px 0 0;
				padding: 0;
				float: left
			}

	
/*================ CLASSES ================*/

.clear { clear: both; }
.pink { color: #E50E63 }








