@charset "UTF-8";
/* CSS Document */

html, body { height:100%;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;padding:0;border:0;
font-weight:inherit; font-style:inherit;font-size:100%; font-family: inherit;
vertical-align:baseline;}
table{border-collapse:separate; border-spacing:0;}


body{ background-color:#F4F4F4; }

@font-face {
  font-family: 'Din Regular';
  src: url(../din_regular.eot);
  src: local('Din Regular'), local('Din Regular'), 
         url(../din_regular.otf) format('opentype');
}

@font-face {
  font-family: 'Din Medium';
  src: url(../din_medium.eot);
  src: local('Din Medium'), local('Din Medium'), 
         url(../din_medium.otf) format('opentype');

}



a, div, button {
   outline: none;
}


*:focus, *:active {-moz-outline:0px none red; outline:0px none red;}
input{ border:none; padding:3px;}
input:focus{border:none; outline:none;}
input:active{border:none; outline:none;}
button:active{ border:none;}

#container{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
position:relative;
width:850px;
margin-left:auto;
margin-right:auto;
margin-top:30px;
padding:0px 40px;
background-color:#FFF;
color:#0f377c;
}

#header{ position:relative;
width:100%;
padding-top:30px;
height:70px;}

#menu{
position:relative;
margin-top:10px;
margin-bottom:10px;
width:100%;
height:68px;
background-position:0 20px;
}

#crumbs{ font-size:11px; position:absolute; bottom:12px; left:0; width:100%; padding-top: 12px; height:12px;  background-color:#fff; color:#777; text-transform:uppercase; letter-spacing:0.02em; border-top: 1px solid #f7f7f7;}
#crumbs a{ color: #777;} 
#crumbs span{ margin-right:0px; display:inline-block; /*this should match the padding above*/}
#crumbs a:hover{color:#999; text-decoration:none;}

a{ text-decoration:none; color:inherit;}
a:hover{ text-decoration:underline;}


#main{
position:relative;
width:100%;

}


#logo{ background-image:url(../images/header3.gif); background-position:bottom; width:850px; height:38px; background-repeat:no-repeat; bottom:0; margin-top:20px;}

#content{ position:relative;
width:540px;
max-width:540px;
padding-left:0px;
float:left;
clear:left;
min-height:400px;
}

#contentflash{ position: relative;
display:inline-block;
width:505px;
max-width:540px;
padding-left:0px;
float:left;
clear:left;
min-height:235px;
}

#sidebar{ position:relative;
right:0px;
width: 270px;
max-width:270px;
float:right;
height:100%;
background-color:#d4e042;
}

#sidebar_flash{ position:relative;
inline:block;
right:0px;
width: 270px;
max-width:270px;
float:right;
height:100%;
background-color:#d4e042;
}

#sidebar_content{
width:100%;
min-height:350px;
background-color:transparent;
height:100%;
color:#0f377c;

}

#sidebar_image{ width:100%; height:64px;
background-image:url(../images/sidebar_bg.png);

}

#footer{
position:relative; 
width:100%;
height:130px;
background-color:#FFF;
color:#777;
}

.clear{display: block; clear: both; margin: -0.66em 0;
  visibility: hidden;}
  
#ftr_str{
margin-top:20px;
background-repeat:repeat-x;
width:100%;
height:16px;
background-position: 0 -5px;
background-image:url(../images/strip.jpg);
border-bottom: 15px solid #fff;
}

.divider{
      border-bottom: 1px solid #0f377c;
	  color:#0f377c;
      height: 1px;
	  width:85%;
	  padding:0; margin:5px 0 15px 15px;
}

.name_title{
margin: 15px 0px 0 15px; padding:0;
font-family:'Din Medium', Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
color:#0f377c;
letter-spacing:normal;
}

.name_title a:hover{ opacity:0.9; text-decoration:none;}

.name_title2{
margin: 0px 0px 0 15px; padding:0;
font-family:'Din Medium', Helvetica, sans-serif;
font-size:17px;
font-weight:normal;
color:#0f377c;
letter-spacing:normal;
}

.name_title3{
margin: 10px 0px 10px 0px; padding:0;
font-family:'Din Medium', Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
color:#0f377c;
letter-spacing:normal;
}

.name_title4{
margin-bottom:10px;
padding:0;
font-family:'Din Medium', Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
color:#0f377c;
letter-spacing:normal;
}

.name_title5{
margin: 10px 15px 7px 15px;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:17px;
font-weight:normal;
color:#0f377c;
letter-spacing:normal;
}


.name_title a{color:#0f377c;
}
#hello{ margin-bottom:10px; margin-top:-2px;}
ul.brochures{ margin-top:10px;}
ul.brochures li{ margin-left:15px; list-style:none; margin: 10px 15px; color:#0f377c; font-size:13px;}
ul.brochures li a{ text-decoration:none; color:#0f377c;}

ul.brochures li a:hover{ text-decoration:underline;}

#column_a, #column_b{ display:inline-block; float:left; width:250px; margin-right:30px; margin-top:0px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px; color:#777; line-height:17px;
}

#column_a a:hover{ color:#999; text-decoration:none;}
#column_b a:hover{ color:#999; text-decoration:none;}


#column_a em{ font-style:italic;}

#column_b{margin-right: 0px;}

#column_a p, #column_b p{ font-weight:bold; color:#777; font-size:14px; margin: 10px 0 5px 0;}

#column_a p:first-child, #column_b p:first-child{ margin-top:0px;}

#standfirst{ font-family:'Din Medium', Helvetica, sans-serif;
font-size:17px; margin-top:0px; margin-bottom:15px; line-height:22px;}

#second{ line-height:20px; margin-bottom:10px;}

#second a{ text-decoration:underline; color:#009;}

.home_info{ margin: 10px 15px 0 15px; line-height:18px;}

.home_info a{ text-decoration:underline; color: #009;}

.image_title{
font-family:Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#0f377c;
display:inline-block; float:left;
margin: 10px 0px 10px 10px;
width:80%;
letter-spacing:normal;}

.artist_info{margin: 5px 20px 0 15px; 
padding:0;
font-family:Helvetica, sans-serif;
font-size:12px;
color:#0f377c;
letter-spacing:normal;
line-height:16px;
}

.image_info{margin: 15px 15px 0 15px; padding:0;
font-family:Helvetica, sans-serif;
font-size:14px;
color:#0f377c;
letter-spacing:normal;
}

.image_t{margin: 0px 0px 0 15px; padding:0;
font-family:Helvetica, sans-serif;
font-size:15px;
color:#0f377c;
letter-spacing:normal;
display:inline-block;
width:150px;
line-height:20px;
}

.image_info.italic{ font-style:italic;}


.scroll-pane {
	width: 200px;
	background: #fff;
	float: left;
	padding: 0;
}
#pane1 {
	height: 110px;
	width: 540px;
	padding: 0;
	display: block;
	_overflow: hidden;
}

#pane_iphone{
	position:relative;
	height: 110px;
	width: 540px;
	margin-bottom:60px;
	padding:0px;
	display: block;
	position:relative;
	overflow:scroll;
}

#mycarousel img {border:0px solid #ccc; padding:0px; background-color:#FFFFFF; width:90px;}
#mycarousel li{ list-style-image:none; display:inline-block; margin-right:6px; text-align:center; vertical-align:middle;}
#wrapper{ background-color:#FFF; width:850px; height:1000px; margin:0; padding:0; margin-left:auto; margin-right:auto;}
#mycarousel{ margin:0; padding:0; overflow: none; white-space: nowrap;}
	
	#mycarousel li.active_item img{opacity:1; border-color:#ccc;}
	#mycarousel li img{opacity:1; }
	#mycarousel li img:hover{opacity:1;}

#arrow-left{ width:60px; height:64px; background-repeat:no-repeat; position:absolute; bottom:0; left:0; background-image:url(../images/arrow2.png);}
#arrow-right{width:60px; height:64px; background-repeat:no-repeat; position:absolute; bottom:0; right:0; background-image:url(../images/arrow1.png);}

#arrow-left:active, #arrow-right:active{ bottom:4px;}

#mycarousel2 img {border:0px solid #ccc; padding:0px; background-color:#FFFFFF; width:90px;}
#mycarousel2 li{ list-style-image:none; display:inline-block; margin-right:6px; text-align:center; vertical-align:middle;}
#mycarousel2{ margin:0; padding:0; overflow: none; white-space: nowrap; position:absolute; left:-400px;}
	
	#mycarousel2 li.active_item img{opacity:1; border-color:#ccc;}
	#mycarousel2 li img{opacity:1; }
	#mycarousel2 li img:hover{opacity:1;}





#focus{position:relative; padding-bottom:0px; margin-bottom:40px; height:420px; background-color:#fff;}

.imagepage{ height:450px;}

.caro_button_hold{ margin-left:-2px;}

#med_image{position:relative; text-align:center;}
#med_image img{ padding:0px; background-color:#fff;}

.allimages li img{ border:none;}

.allimages li{ list-style:none; display:inline-block; height:135px; width:100px; margin-right:35px; vertical-align:top; overflow:hidden;}



.allartists li img{ border:none;}

.allartists li{ list-style:none; display:inline-block; padding:0 35px 25px 0;}

.car_replace li img {border:1px solid #ccc; padding:2px; background-color:#FFFFFF; width:90px;}
.car_replace .active_item img{ background-color:#777;}

.car_replace ul{margin:0; padding:0;}

.car_replace li{ list-style:none; margin:0; padding:0 10px 0 0; display:inline-block;}

.terms{position:absolute; left:0; bottom:30px; font-size:12px; color:#777; font-family:'Din Regular', Arial, Helvetica;}
.terms a:hover{ color:#999; text-decoration:none;}
img.p_button{ background-image:url(../images/purchase.png); border:none; width:130px; height:34px; margin-top:5px; margin-left:5px;}

.zoombutton{ position:relative; display:inline-block; background-image:url(../images/zoom.png); width: 26px; height:26px;}


.zoombutton:hover{ background-image:url(../images/zoomhover.png);}

.pur_title{ margin: 15px 0px 0 15px; padding:0;
font-family:'Din Medium', Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
color:#0f377c;
letter-spacing:normal;
}

.pur_name{margin: 5px 0px 0 15px; padding:0;
font-family:'Din Medium', Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
letter-spacing:normal;}

.smaller{ padding:5px; background-color:#F4F4F4; border:solid 0px #ccc; width:130px; margin:0 0px 0 15px;}

.i_mini_title{ margin:0; padding:0; font-size:11px; width:100px; display:block; color:#777; line-height:12px;}
.i_mini_title a{color:#777;}
.i_mini_title a:hover{color:#999; text-decoration:none;}
.a_mini_title{padding:5px 0px 20px 5px; display:block; font-weight:100; font-size:15px; width:90px; color:#01539c;}
.a_mini_title a{ color:#0f377c;}
.a_mini_title a:hover{color:#01539c;}
.boxgrid_wrap{ width:100px; 
margin:0 35px 0px 0;
float:left;
}
.boxgrid_title{ position:relative; width:100px; height:31px; padding-top:5px; display:block; overflow:hidden; font-size:12px; color:#777;}
.boxgrid_title a{color:#777;}
.boxgrid_title a:hover{color:#999; text-decoration:none;}

		.boxgrid{ 
				width: 100px; 
				height: 100px; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0;

				}
			
 .xy{ display:inline; padding:0; margin:0;}
 



 .pagenav{width: 100%; 
position: absolute;
font-size:12px;
color:#0f377c;
bottom: -15px; 
left: 0px;}

.pagenav a{background-color:#fff; font-weight:normal; color:#777; display:inline-block; padding: 2px 5px; text-align:center; background-position:top; 
background-color:#EBEBEB; -moz-border-radius:3px; -webkit-border-radius:3px;}
.pagenav a:hover{ text-decoration:none;}

.paging_current{ font-weight:normal; -moz-border-radius:3px; -webkit-border-radius:3px; display:inline-block; padding: 2px 5px; text-align:center; display:inline-block; color:#fff; background-color:#999;}

/*SLIDE STYLES*/

#holder{ 
				width: 550px; 
				min-height: 425px; 
				margin:0px; 
				float:left; 
				position: relative;
			}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

#original{ display:inline-block; float:left; width: 550px; height:100%;}

#newinfo{ display:inline-block; padding:0; margin:0; float:right; width: 550px; height:100%;}

.cancel_button{ width:30px; height:25px; margin-top:0px; background-repeat:no-repeat; cursor:pointer; float:right; display:inline-block; background-color:#fff; background-image:url(../images/close.gif);}
.cancel_button:hover{ opacity:0.7;}
.nudge{ margin-top:-4px;}

	

#flash{ margin-left:auto; margin-right:auto; text-align:center; position:relative; color:#0f377c; font-size:12px;}

/*BUTTON STYLES*/




.sub{  -moz-outline:none; width:65px; color:#333; height:22px; border:0; background-image:url(../images/bt_test3.png); background-position:-4px -4px; background-color:transparent; 
font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:1px;}

.sub:active{ -moz-outline:none; opacity:0.9;}

input.sub:focus{-moz-outline:none; outline:none;}



.searchtext{ color:#0f377c; font-size:13px; line-height:17px;}
p.searchtext{ padding: 5px 5px 5px 15px;}
p.searchtext em{ display:block; font-style:italic; padding-top:10px;}
input.styled{padding:4px; border:1px solid #ccc;}
.hint{ font-size:11px; line-height:15px;}

.result_head{
display:block; 
font-family:Helvetica, sans-serif;
font-size:15px;
color:#0f377c;
padding:0px 0px 0px 0px;

}

.result_head a{ color:inherit; text-decoration:none;}
div.result_content{ font-family:Arial, Helvetica, sans-serif; margin: 3px 0 10px 0px; font-size:11px; color:#666666; line-height:16px;}

.result_summary{ font-style:italic; color:#0f377c;}

div.result_tag{ font-size:15px; width:100%; height:20px; margin:5px 0 15px 0; padding:0 0 5px 0; color:#0f377c; border-bottom:solid 1px #999999;}

.result_tag b{ padding: 0 15px 0 0px;}

.tab{ text-align:center; background-image:url(../images/tab.jpg); padding-top:5px; width:140px; height:21px; display:inline-block;}


.searchtext a{ text-decoration:underline; color:inherit;}

.form_replace{ display:none;}

.comsearch{ color:#0f377c; font-size:13px; padding-left:15px;}

.comsearch td{ padding:3px;}

.check{ display: block; width:100px; padding-bottom:0px;}
.check input{ display:inline-block;}

.resultblock{display:block; border:1px solid #999; padding:2px; margin:2px;}

.art_title{font-family:Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#0f377c; width:330px; line-height:1.4em;}

.art_list{ padding-top:10px;}

.art_list li{font-size:12px;font-family:Helvetica, sans-serif;
font-size:13px;
color:#0f377c;
list-style:none;
line-height:1.6em;
}

.art_list li a{ color:#0f377c;}
.art_list a:hover{opacity:0.5;}

.result_given{padding:3px; height:80px; padding-bottom:0px; width:400px; font-size:12px; line-height:16px; margin-bottom:0px; background-color:#F5EFEF;}
.over{ background-color:#FFF;}

.result_given img{ float:left; padding:2px; border:1px solid #cccccc; width:70px;}

.result_given span{ padding-left:10px; display:inline-block;}

.result_given span a{ text-decoration:none; color:#0f377c;}
.result_given span a.artist_name{ font-size:14px; line-height:20px;}
.result_given span a:hover{color:#999;}
em.grey{ font-style:normal; color:#333;}

#resulting{ display:none;}

.imtag{ display:block; color:#0f377c; padding:10px 0 10px 0; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; margin:0px 0 20px 0;}

.res_page_nav { position:absolute;bottom:-10px; font-size:13px; font-weight:normal; margin-top:10px;}
.res_page_nav a{background-color:#fff; font-weight:normal; color:#777; display:inline-block; padding: 2px 5px; text-align:center; background-position:top; 
background-color:#EBEBEB; -moz-border-radius:3px; -webkit-border-radius:3px;}
.res_page_nav a:hover{text-decoration:none;}

#resulting .res_page_nav{ position:relative; }

#mytabs{ height: 500px;}


/*
.next_inactive{color:#0f377c;}
.next_active{color:#0f377c;}

.prev_inactive{color:#0f377c;}
.prev_active{color:#0f377c;}
*/


.tag{}

.buttons{ float:right; font-size:12px; margin-right:30px;}
.buttons span a{color:#0f377c; }
.buttons span.next_inactive a{color:#ccc; }

#lft_ftr_mt{ display:inline-block; float:left; width:400px; font-family:'Din Regular', Arial, Helvetica, sans-serif; font-size:15px; }
#lft_ftr_mt span{ display:block; font-family:'Din Medium', Arial, Helvetica, sans-serif; font-size:15.2px;}
#rt_ftr_st{ display:inline-block; float:right; text-align:right; width:300px; font-family:"Din Regular", Arial, Helvetica, sans-serif; font-size:13px;}
#rt_ftr_st img{ display:block; float:right;}
#lft_ftr_mt span em{ font-style:normal; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
#mailing{ padding-top:10px; padding-bottom:10px; height:100px; color:#777; font-size:12px;}
#frontpic{ position:absolute; top:330px; left:0px; width:250px;}

#contact_table{ padding-top:10px;}
#contact_table input[type=submit]{ margin-top:10px;}
#contact_table input.styled{ width:220px; margin-bottom:10px;}
#contact_table input.spam{ width:100px;}

#contact_table tr td{ padding:0px 0px 0px 0px; vertical-align:top;}
textarea:focus{ outline:none; border:1px solid #ccc;}
textarea.styled{padding:5px; width:220px; font-family:Arial, Helvetica, sans-serif; font-size:13px; height:120px; resize: none;
border:1px solid #ccc; margin-bottom: 10px;
}

#emailink{font-weight:bold; display:inline-block;}
#emailink:hover{color:#999;}

#formholder{ margin-top:15px;}

#exhibit { display:inline-block; margin-right:20px;}

#exhibit_holder{ clear:both; padding-top:20px; padding-bottom:20px; vertical-align:top; margin-left:0px;}
.ex_name{font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:3px 0px 15px 0; font-weight:normal; display:block; border:0px solid #ccc; height:20px;}
#exhibit p:first-child{ margin-top:5px;}
#exhibit img{ width:100px; margin-top:0px; margin-left:0px;}



.subtitle{ margin-left:15px; padding-top:10px; margin-bottom:7px; font-weight:bold;}

.other{ margin-left:15px; margin-right:15px; line-height:17px; font-size:12px;}

.contacter{ padding: 0 15px 0 15px; line-height:17px;} 

#mailinghide{ padding-top:10px;}


#terms2{ height:430px; border:0px solid #ccc; overflow:auto; color:#777; line-height:16px;}
.spacer{ height:50px; width:50px;}
#terms2 p{ margin-top:5px; margin-bottom:5px;}


#artist_list{ color:#777; margin-left:15px;}
#artist_list li{ padding-bottom:5px;}
.titler{ font-weight:bold; font-size:14px; color:#777; margin-bottom:15px;}

#page_list{ margin-left:15px; list-style:none;}
#page_list li{padding-bottom:5px; padding-top:5px;}
#artist_list li a:hover, #page_list li a:hover{ text-decoration:none;}

#artist_list li a:hover{ color:#999;}
#page_list li a:hover{}
#mail_content{ padding-top:10px; display:none;}

.exhibit_comment{font-family: Arial, Helvetica, sans-serif;
font-size:12px; color:#777; line-height:17px; margin-bottom:20px;}

.exhibit_comment p{font-weight:bold; color:#777; font-size:14px; margin: 0px 0 10px 0;}