@import url("reset.css");

/*@font-face {
	font-family: FranklinGothic;
	src: url('../font/franklin.ttf');
}
*/
body {
	padding: 0px;
	margin: 25px;
	background: #fff;
	color: #999;
/*	font-family:FranklinGothic, sans-serif; font-weight: normal;*/
/*	font-size:11px;*/
	font: normal 11px sans-serif;
	width:950px;
}

a, a:active, a:visited {
	color: #666;
	font: normal 11px sans-serif;
	text-decoration: none;
}

a:hover, a.selected {
	color: #000000;
	text-decoration: none;
}

br {
	clear:both;
}

.dropdown {
	width:160px;
	background:#fcfcfc;
	border:1px solid #999;
	margin-bottom:5px;
} 

.notice {
	color:#666;
	font-size:11px;
}

h1 {
	margin: 0px 0px 30px 0px;
	color: #222;
	font: normal 1.2em sans-serif;
	text-decoration: none;
}

h2 {
	clear: both;
	color: #444;
	font: normal 1.2em sans-serif;
	text-decoration: none;
}

h3 {
	clear: both;
	color: #666;
	font: normal 1.1em sans-serif;
	text-decoration: none;
}

h4 {
	clear: both;
	color: #666;
	font: normal 1em sans-serif;
	text-decoration: none;
}


#logo {
	clear: both;
	float: left;
	padding: 0px;
	margin: 0px 0px 29px 0px;
	width: 900px;
}

#navigation {
	border-bottom: solid 1px #aaa;
}

#navigation, #subnav {
	display: block;
	clear: both;
	float: left;
/*	background:#f60;*/
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 8px 0px;
	width: 920px;
}

#subnav {
	height:12px;
	margin: 0px 0px 5px 0px;
/*	background:#f60;*/
/*	position:absolute;*/
/*	margin-top:100px;*/
}

#navigation li, #subnav li {
	display: block;
	float: left;
	margin: 0px 12px 0px 0px;
}

#navigation li a, #subnav li a{
	display:block;
	text-indent:-1000px;
	overflow:hidden;
	background-repeat:no-repeat;
/*	background-position:bottom left;*/
}

#navigation li a{
	background-position:0px -19px;
	height:19px;
}

#subnav li a{
	background-position:0px -12px;
	height:12px;
}


	#artist{
		width:41px;
		background:url('../images/nav/artist.png') no-repeat;
	}

	#exhibitions{
		width:68px;
		background:url('../images/nav/exhibitions.png') no-repeat;
	}

	#publications{
		width:76px;
		background:url('../images/nav/publications.png') no-repeat;
	}

	#artfairs{
		width:53px;
		background:url('../images/nav/artfairs.png') no-repeat;
	}

	#research{
		width:43px;
		background:url('../images/nav/research.png') no-repeat;
	}

	#gallery{
		width:44px;
		background:url('../images/nav/gallery.png') no-repeat;
	}
	
	#news{
		width:33px;
		background:url('../images/nav/news.png') no-repeat;
	}
	
	#users{
		width:37px;
		background:url('../images/nav/users.png') no-repeat;
	}

	#backroom{
		width:64px;
		background:url('../images/nav/backroom.png') no-repeat;
	}
	
	#margolink{
		width:142px;
		background:url('../images/nav/margolink.png') no-repeat;
		margin:0px;
		margin-bottom:5px;
		float:right;
	}
	
	#logoutcms{
		width:43px;
		background:url('../images/nav/logout.png') no-repeat;
		margin:0px;
		margin-bottom:5px;
		float:right;
		margin-left:10px;
	}
	
		#navigation li#margolink_wrap {
			float:right;
			margin:0px;
		}
	
	#logout{
		width:44px;
		background:url('../images/nav/logout.png') no-repeat;
	}

		#navigation li#logout_wrap {
			float:right;
		}
	
	
	/*sub navigation*/
	
	#sub_current{
		width:44px;
		background:url('../images/exhibition/subnav/current.png') no-repeat;
	}
	
	#sub_upcoming{
		width:60px;
		background:url('../images/exhibition/subnav/upcoming.png') no-repeat;
	}
	
	#sub_past{
		width:27px;
		background:url('../images/exhibition/subnav/past.png') no-repeat;
	}
	
	#sub_info{
		width:106px;
		background:url('../images/gallery/subnav/info.png') no-repeat;
	}
	
	#sub_news{
		width:32px;
		background:url('../images/gallery/subnav/news.png') no-repeat;
	}
	
	#sub_list{
		width:99px;
		background:url('../images/gallery/subnav/join.png') no-repeat;
	}

#navigation li a.selected, #navigation li a:hover, #navigation li a:active, #subnav li a.selected, #subnav li a:hover, #subnav li a:active{
	background-position:top left;
}


/* sort list*/

#sort_list {
/*	width:500px;*/
	margin: 0;
	padding: 0;
	list-style: none;
	float:left;
	position:relative;
	}
	
	#sort_list li.year_group{
		overflow:auto;
		margin-bottom:0.5em;
	}

.sort_year{
	clear:left;
	float:left;
	width:55px;
	font-size:11px;
	color:#222;
	display:block;
}

.sort_item {
	list-style:none;
	margin:0px;
	padding:0px;
	display:block;
	float:left;
	width:470px;
}

.sort_item li {
	font-size: 1em;
	color:#999;
	margin-bottom:1em;
}

.sort_item li a {
	text-decoration:none;
}

.sort_item li a:hover {
	color:#000;
}

/* sort list */

#imagenav {
	overflow:auto;
}

#leftarrow, #rightarrow{
	width:14px;
	height:12px;
	display:block;
	float:right;
	text-indent:-1000px;
	overflow:hidden;
	margin-left:10px;;
}

#leftarrow {
	background: url(../images/arrow_left.gif) 0px -12px no-repeat;
}

#rightarrow {
	background: url(../images/arrow_right.gif) 0px -12px no-repeat;
}

#leftarrow:hover, #rightarrow:hover  {
	background-position:top left;
}

.thumbLink{
	opacity:0.4;
	filter:alpha(opacity=40);
}

.thumbLink.currImg, .thumbLink:hover{
	opacity:1;
	filter:alpha(opacity=100);
}

#main {
	clear: both;
	float: left;
	padding: 0px;
	margin-top:20px; 
	margin-bottom:20px;
	display:block;
	width:1000px;
/*	min-height:400px;*/
/*	height:400px;*/
/*	overflow:auto;*/
}

#research_prompt {
	width:550px;
}

#research_prompt p, #research_prompt p a{
	color:#000;
	margin-bottom:10px;
}

#research_prompt p a:hover{
	color:#ccc;
}

#footer {
	clear: both;
	float: left;
	margin: 27px 0px 25px 0px;
	padding: 0px;
	width: 900px;
}

ul.artists {
	display: block;
	float: left;
	padding: 0px;
	margin: 0px 25px 190px 0px;
	width: 175px;
	
}



ul.artists li, ul.available li {
	display: block;
	padding: 0px;
	margin: 0px 0px 6px 0px;
}

ul.artists li a, ul.artists li a:hover, ul.available li a {
	color: #999;
	font: normal 13px sans-serif;
	text-decoration: none;
}

ul.artists li a:hover, ul.available li a:hover {
	color: #000;
	text-decoration: none;
}

ul.available {
	display: block;
	float: left;
	padding: 0px;
	margin: 0px 25px 190px 0px;
	width: 175px;
}

ul.available li {
	display: block;
	padding: 0px;
	margin: 0px 0px 6px 0px;
}

ul.available li.header {
	display: block;
	padding: 0px;
	font: normal 9px sans-serif;
	margin: 0px 0px 10px 0px;
	color: #888;
	font-weight:bold;
}

ul.nextcol {
/*	margin-top:20px;*/
}

#availableworks {
	margin-top:20px;
}

.left_col {
	display: block;
	float: left;
	position: relative;
	padding: 0px;
	margin: 0px 25px 0px 0px;
	width: 175px;
}

.last_col {
	display: block;
	float: left;
	padding: 0px;
	margin: 0px 25px 0px 0px;
}

.middle_col {
	display: block;
	float: left;
	width: 550px;
	margin: 0px 25px 0px 0px;
}

.right_col {
	display: block;
	float: left;
	clear: right;
}

.lighter {color: #DCDDDE; }
.light {color: #B2B4B6; }
.dark {color: #000000; }
.smaller {font-size: 0.9em; }
.small {font-size: 1em; }
.big {font-size: 1.1em; }
.bigger {font-size: 1.3em; }
.biggest {font-size: 1.5em; }

#gallery_address {
	clear:both;
}

#footer_email {
	width:152px;
	height:14px;
	display:block;
	background:url(../images/footer_email.png) left top no-repeat;
	text-indent:-1000px;
	overflow:hidden;
	float:left;
	
}

#footer_email:hover {
	background-position:bottom;
}