html {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #F3F3F3;
	background-image:url('/site/leger/images/static/outer_bg.gif');
	background-position: top left;
	background-repeat: repeat-y;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 17px;
	color: #000000;
	height: 100%;
	/*background-image:url('/site/leger/images/static/faux_bg.gif');
	background-repeat: no-repeat;
	background-position: 970px 0px;
	background-attachment: scroll;*/
}

p { margin-top: 0px; margin-bottom: 0px; padding-bottom: 10px; }
h1 { font-size: 120%; font-weight: normal; margin-bottom: 6px; margin-top: 1px; color: #000000; text-transform: uppercase; }
h2 { font-size: 120%; font-weight: normal; margin-bottom: 6px; margin-top: 1px; color: #000000; }
h3 { font-size: 110%; font-weight: normal; margin-bottom: 6px; margin-top: 1px; color: #000000; }
h4 { font-size: 110%; font-weight: normal; margin-bottom: 6px; margin-top: 1px; color: #000000; }
hr { width: 100%; border: 0; color: #CCCCCC; background-color: #CCCCCC; height: 1px; margin-top: 11px; margin-bottom: 11px; padding: 0px; }

a:link, a:visited, a:active { text-decoration: none; outline: none; color: #2473FB; }
a:hover { text-decoration: underline; outline: none; color: #2473FB; }
.clear { clear:both; margin-top:-1px; height:1px; overflow:hidden; }
img { border: 0; background-color: transparent; }

.float_left {
	position: relative;
	float: left;
}
.float_right {
	position: relative;
	float: right;
}



#outer_container {
	position: absolute;
	top: 0;
	z-index: 10;
	width: 970px;
	/*min-height: 100%;*/
	min-height:100%;
	height:auto !important;
	height:100%;
	margin: 0;
	padding:0;
}

#inner_bg {
	background-color: #FFFFFF;
	width: 960px;
	background-image:url('/site/leger/images/static/inner_bg.jpg');
	background-position: top left;
	background-repeat: repeat-x;
}


#inner_container {
	width: 890px;
	margin: 0 auto;
	background-color: #FFFFFF;
	/*border: 1px solid #FFFFFF;*/
	background-image:url('/site/leger/images/static/inner_bg.jpg');
	background-position: top left;
	background-repeat: repeat-x;
}

#top_container {
	position: relative;
	height: 105px;
}

#logo {
	position: relative;
	float: left;
	top: 20px;
}

#navigation {
	position: relative;
	float: right;
	top: 84px;
}




#content_container {
	margin-top: 30px;
	position: relative;
	width: 890px;
}


#default_04 {
	width: 440px;
	position: relative;
	float: left;
}

#default_05 {
	width: 420px;
	position: relative;
	float: right;
	text-align: right;
}


#default_01 {
	position: relative;
	width: 890px;
}

#default_02 {
	width: 440px;
	position: relative;
	float: left;
}

#default_03 {
	width: 420px;
	position: relative;
	float: right;
}

.section_object { margin-bottom: 20px; }




#top_nav {
	position: relative;
	padding:0;
	margin:0;
	white-space:nowrap;
	/*float: left;*/
	/*width: 100%;*/
	font-size: 140%;
	text-transform: uppercase;
}

#top_nav li {
	float: left;
	margin: 0 0 0 25px;
	list-style-type: none;
	cursor: pointer;
	cursor: hand;
	/*border-bottom: 4px solid #FFFFFF;*/
}

#top_nav li.current {
	float: left;
	margin: 0 0 0 25px;
	list-style-type: none;
	cursor: pointer;
	cursor: hand;
	border-bottom: 4px solid #000000;
}



/*#top_nav li.nav_li_separator {
	border-right: 1px solid #CCCCCC;
	padding-right: 15px;
}*/

#top_nav li a {
	color: #000000;
	text-decoration: none;
	outline: none;
	background-color: transparent;
}

#top_nav li a:hover {
	color: #000000;
	text-decoration: none;
	outline: none;
}

#top_nav li a.current {
	color: #000000;
	/*text-decoration: underline;*/
	outline: none;
}










.ajax_link { color: #2473FB; }
.ajax_link:hover { text-decoration: underline; cursor: pointer; cursor: hand; }



/* artists ****************************************************************** */
#artists { margin-bottom: 20px; }

.artist_item {
	width: 168px;
	position: relative;
	float: left;
	margin: 0 10px 10px 0;
}

.artist_title_box {
	position: relative;
	float: left;
}
.artists_dropdown_box {
	position: relative;
	float: right;
}

.artist_name { font-size: 85%; }

.artist_image {
	width: 168px;
	height: 170px;
	background-color: #f2f2f2;
	text-align: center;
	cursor: pointer;
	cursor: hand;
}

.artist_large_image {
	width: 440px;
	position: relative;
	float: left;

}
.artist_text {
	width: 420px;
	position: relative;
	float: right;
}

.artist_text div { margin-bottom: 20px; }

.artist_link { }
.artist_link:hover { cursor: pointer; cursor: hand; }

.artist_info_div { margin-top: 20px; }



/* artist exhibitions & portfolio ******************************************* */
#artist_exhibitions, #artist_portfolio {
	margin-bottom: 20px;
}

.artist_exhibition_item, .artist_portfolio_item {
	width: 168px;
	position: relative;
	float: left;
	margin: 0 10px 10px 0;
}

.artist_exhibition_image, .artist_portfolio_image {
	width: 168px;
	height: 170px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #f2f2f2;
	text-align: center;
	cursor: pointer;
	cursor: hand;
}


/* current exhibition (start page) ****************************************** */
.current_exhibition_info {
	margin-bottom: 20px;
}
.current_exhibition_info_left {
	width: 400px;
	position: relative;
	float: left;
}
.current_exhibition_info_right {
	width: 420px;
	position: relative;
	float: right;
	background-color: #f2f2f2;
	font-size: 120%;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
}


.exhibition_info {
	margin-bottom: 20px;
}

.exhibition_info_left {
	width: 400px;
	position: relative;
	float: left;
}
.exhibition_info_right {
	width: 400px;
	position: relative;
	float: right;
	font-weight: normal;
}


#artwork {
	display: none;
	position: absolute;
	z-index: 10;
}

#art_item {
	background-color: #C1C1C1;
	font-size: 90%;
}


#art_loading {
	position: relative;
	float: left;
	height: 15px;
	overflow: visible;
}
#art_close {
	position: relative;
	float: right;
	height: 15px;
	overflow: visible;
}

#art_item_inner {
	margin: 0 20px 20px 20px;
	line-height: 12px;
}

#art_image {
	/* ska vi kanske använda denna till att växla till större bild? */
}


#loading {
	position: absolute;
	z-index: 30;
	height: 32px;

}

.hidden {
	display : none;
}











#vertical_accordion {
  width: 680px;
  position: relative;
  border: 1px solid #FF0000;
}

.accordion_toggle {
  display: block;
  height: 20px;
  line-height: 20px;
  /*width: 680px;*/
  /*background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;*/
  /*padding: 0 10px 0 10px;*/
  padding: 0;
  font-weight: normal;
  text-decoration: none;
  outline: none;
  font-size: 120%;
  color: #888888;
  /*border-bottom: 1px solid #cde99f;*/
  cursor: pointer;
  margin: 0;
}

.accordion_toggle:hover {
  color: #000000;
}

.accordion_toggle_active {
  /*background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;*/
  color: #000000;
  /*border-bottom: 1px solid #f68263;*/
}

.accordion_content {
	background-color: transparent;
	overflow: hidden;
	margin: 15px 0 15px 0;
}

.accordion_content h2 {
  /*margin: 15px 0 5px 10px;*/
  margin: 0;
  color: #0099FF;
}

.accordion_content p {
  line-height: 150%;
  padding: 5px 10px 15px 10px;
}







.exhibition_details {
	width: 200px;
  display: none;
  position: absolute;
	z-index: 200;
  padding: 8px;
  background-color: #000000;
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
	color: #FFFFFF;
	font-size: 90%;
}




#foot {
   color: #CCCCCC;
	 font-size: 80%;
	 text-align: right;
}

#foot a:link, #foot a:visited, #foot a:active {
	text-decoration: none;
	color: #CCCCCC;
}

#foot a:hover {
	text-decoration: none;
	color: #999999;
}