@charset "UTF-8";

/* Eric Meyers css reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: #111;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*FIX CLASS PROBLEM*/
.fix{
clear:both;
}
/*FIX CLASS PROBLEM*/

/*page code*/

.notext{display:none;}

#container {width: 980px;margin: 0 auto;}
#page_header{height:3px;background-color:#111;}
/*#logo{width:150px; float:left; padding-top:15px;}*/
#page_banner{height:146px;background-color:#000;background-image: url(images/banner.jpg);background-repeat: no-repeat;background-position: left top;}
#page_banner ul{float:right;width: 246px;height:17px;}
#page_banner ul li{display:inline;}	


/* id left, right, center defines*/

#left { 
float:left;
width:189px;
background-color:#333; }

#right { 
float:right;
width:150px;
background-color:#333; }

#center { 
margin-right:149px;
margin-left:190px;
background-color:#333; }
	

/* menus - normal state */
#menu-home a{
display:block;
position:relative;
padding-top:7px;
padding-left:21px;
padding-right:20px;
padding-bottom:3px;
background-image: url(images/menu/home.png);
background-repeat: no-repeat;
background-position: 21px 5px;
width:31px;
height: 16px;
left: -85px;
border-left: thin solid #666;
border-right: thin solid #666;
}
#menu-credit a{	
display:block;
position:relative;
top: -26px;
left: -11px;
padding-top:7px;
padding-left:0px;
padding-right:31px;
padding-bottom:3px;
background-image: url(images/menu/credit.png);
background-repeat: no-repeat;
background-position: 15px 5px;
width:42px;
height: 16px;
border-right: thin solid #666;
}
#menu-contact a{
display:block;
position:relative;
top: -52px;
left: 62px;
padding-top:7px;
padding-left:0px;
padding-right:20px;
padding-bottom:3px;
background-image: url(images/menu/contact.png);
background-repeat: no-repeat;
background-position: 12px 5px;
width:51px;
height: 16px;
border-right: thin solid #666;
}
#menu-as_home a{
display:block;
position:relative;
top: -78px;
left: 134px;
padding-top:7px;
padding-left:0px;
padding-right:20px;
padding-bottom:3px;
background-image: url(images/menu/as_home.png);
background-repeat: no-repeat;
background-position: 12px 5px;
width: 92px;
height: 16px;
}
#menu-as_logo a{
display:block;
position:relative;
top: 617px;
left: 212px;
background-image: url(images/menu/as_logo.png);
background-repeat: no-repeat;
background-position: 0 0;
width: 25px;
height: 25px;
padding: 0;
}

/* menus - rollover */
#menu-home a:hover{
	background-image: url(images/menu/home_active.png);
	background-color:#333;
	}

#menu-credit a:hover{
	background-image: url(images/menu/credit_active.png);
	background-color:#333;
	}

#menu-contact a:hover{
	background-image: url(images/menu/contact_active.png);
	background-color:#333;}
	
#menu-as_home a:hover{
	background-image: url(images/menu/as_home_active.png);
	background-color:#333;}
/* menus - rollover end*/


/* navigation menu */

#menu{
	background-image: url(images/bg_blue.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 30px;
	font-size:15px;
	font-weight:400;
	}
	
#menu-exhibition a{
display:block;
position:relative;
left:190px;
padding-top:8px;
padding-left:38px;
padding-bottom:0px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #006393;
font-family:News Gothic MT, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
text-transform:uppercase;
height:22px;
width:117px;}
/*152*/

#menu-installation a{	
display:block;
position:relative;
top:-30px;
left:345px;
padding-top:8px;
padding-left:43px;
padding-bottom:0px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #006393;
font-family:News Gothic MT, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-transform:uppercase;
text-decoration:none;
height:22px;
width:100px;
}
/*161*/

#menu-artists a{
display:block;
position:relative;
top:-60px;
left:488px;
padding-top:7px;
padding-left:45px;
padding-right:0px;
padding-bottom:0px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #006393;
font-family:News Gothic MT, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-transform:uppercase;
text-decoration:none;
height:22px;
width:76px;
}
/*131*/

#menu-team a{
display:block;
position:relative;
top:-90px;
left:610px;
padding-top:8px;
padding-left:35px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #006393;
font-family:News Gothic MT, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-transform:uppercase;
text-decoration:none;
height:22px;
width:138px;
}
/*195*/

#menu-map a{	
display:block;
position:relative;
top:-120px;
left:784px;
padding-left:30px;
padding-top:8px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #006393;
font-family:News Gothic MT, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-transform:uppercase;
text-decoration:none;
height:22px;
width:165px;
}
/*151*/

#menu a:hover{
background-color:#1f1f1f;
color:#FFF!imporant;}

/*ㄟ  ends*/
	
#breadcrumb {
	background-color: #e6e6e6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bebebe;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:5px;
	padding-left:0px;
}

#breadcrumb p{
	margin-bottom:5px;
	color:#666666;
	text-indent:22px;
}
/*new starts*/
a:hover {
text-decoration:underline;
}
a {
color:#666666;
text-decoration:none;
}
/*new ends*/
/* add*/
#center_col_curatorial
{
height:515px;
float:left;
background-color:#999999;
}
.curatorial_info {  
background-color:#999999;
float:left;
width:605px;
height:auto;
padding-left:35px;
padding-top:25px;
}
.curatorial_name {
font-family:News Gothic MT, Arial, Helvetica, sans-serif;
font-size:14px;
width:570px;
color:#FFFFFF;
}
.curatorial_profile {
font-family:News Gothic MT, Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:20px;
padding-bottom:30px;
color:#333;
width:570px;
line-height:20px;
}

.curatorial2_info {  
background-color:#999999;
float:left;
width:640px;
height:500;
padding-left:35px;
padding-top:30px;
}
.curatorial2_name {
font-family:News Gothic MT, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
}
.curatorial2_profile {
font-family:News Gothic MT, Arial, Helvetica, sans-serif;
font-size:12px;
width:570px;
padding-top:13px;
padding-bottom:25px;
color:#333;
line-height:20px;
height:auto;
}




#curatorial2_btn_container{
background-color:#999999;
float:left;
width:580px;
height:auto;
}

#curatorial2_buttons{
background-image:url(images/artists/buttons/artist_btn3.jpg);
background-repeat:repeat-x;
float:left;
margin-right:0px;
height:45px;
width:530px;
}

#curatorial2_btn-front a{
display:block;
position:relative;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
background-image: url(images/artists/buttons/front2.png);
background-repeat: no-repeat;
background-position: 0px;
width:35px;
height:30px;
}

#curatorial2_btn-email a{
display:block;
position:relative;
left:00px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
background-image: url(images/artists/buttons/email.png);
background-repeat: no-repeat;
background-position: 0px;
width:102px;
height:30px;
}
/*210*/




#curatorial2_btn-website a{	
display:block;
position:relative;
top:-30px;
left:100px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
background-image: url(images/artists/buttons/website.png);
background-repeat: no-repeat;
background-position: 0px; 5px;
width:102px;
height:30px;
}

#curatorial2_btn-website-2 a{ 
display:block;
position:relative;
top:-30px;
left:100px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
background-image: url(images/artists/buttons/website.png);
background-repeat: no-repeat;
background-position: 0px; 5px;
width:102px;
height:30px;
}/*311*/


#curatorial2_btn-email a:hover{
	background-image: url(images/artists/buttons/email_active.png);
	background-color:#CCCCCC;}

#curatorial2_btn-website a:hover{
	background-image:url(images/artists/buttons/website_active.png);
	background-color:#CCCCCC;}
	
#curatorial2_btn-website-2 a:hover{
	background-image:url(images/artists/buttons/website_active2.png);
	background-color:#CCCCCC;}



/*  end of add*/




/*  end of add*/


/* add*/
#center_col_artist
{
width:640px;
height:515px;
float:left;
background-color:#999999;
}
.artist_photos {
background-color:#CCCCCC;
float:left;
width:157px;
padding:2px;
margin-left:35px;
margin-top:34px;
}
.artist_info {  
background-color:#999999;
float:left;
width:399px;
height:300px;
padding-left:16px;
padding-top:34px;
}
.artist_name {
padding-top:3px;
font-family: News Gothic MT, Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;
}
.artist_profile {
font-family: News Gothic MT, Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:24px;
color:#333;
line-height:25px;
}

#artist_btn_container{
background-color:#CCCCCC;
float:left;
width:640px;
height:181px;
}

#artist_buttons{
background-image:url(images/artists/buttons/artist_btn2.jpg);
background-repeat:repeat-x;
float:right;
margin-right:0px;
height: 31px;
width:640px;
}
#btn-front a{display:block;position:relative;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px;background-image: url(images/artists/buttons/front.png);background-repeat: no-repeat;background-position: 0px; 0px;width:338px;height:30px;}

#btn-email a{display:block;position:relative;left:210px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px;background-image: url(images/artists/buttons/email.png);background-repeat: no-repeat;background-position: 0px; 0px;width:102px;height:30px;}/*210*/


#btn-website a{	display:block;position:relative;top:-30px;left:311px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px;background-image: url(images/artists/buttons/website.png);background-repeat: no-repeat;background-position: 0px; 5px;width:102px;height:30px;}/*311*/

#btn-website-2 a{ display:block;position:relative;top:-30px;left:311px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px;background-image: url(images/artists/buttons/website.png);background-repeat: no-repeat;background-position: 0px; 5px;width:102px;height:30px;}/*311*/


#btn-photo a{display:block;position:relative;top:-60px;left:412px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px;background-image: url(images/artists/buttons/photo.png);background-repeat: no-repeat;background-position:0px; 5px;width:100px;height:30px;} /*412*/

/* keep it record
#btn-email a{display:block;position:relative;left:335px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px;background-image: url(images/artists/buttons/email.png);background-repeat: no-repeat;background-position: 0px; 0px;width:102px;height:30px;}


#btn-website a{	display:block;position:relative;top:-30px;left:438px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px;background-image: url(images/artists/buttons/website.png);background-repeat: no-repeat;background-position: 0px; 5px;width:102px;height:30px;}

#btn-website-2 a{ display:block;position:relative;top:-30px;left:438px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px;background-image: url(images/artists/buttons/website.png);background-repeat: no-repeat;background-position: 0px; 5px;width:102px;height:30px;}


#btn-photo a{display:block;position:relative;top:-60px;left:540px;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px;background-image: url(images/artists/buttons/photo.png);background-repeat: no-repeat;background-position:0px; 5px;width:100px;height:30px;}



keep it record */


#btn-email a:hover{
	background-image: url(images/artists/buttons/email_active.png);
	background-color:#CCCCCC;}

#btn-website a:hover{
	background-image:url(images/artists/buttons/website_active.png);
	background-color:#CCCCCC;}
	
#btn-website-2 a:hover{
	background-image:url(images/artists/buttons/website_active2.png);
	background-color:#CCCCCC;}

#btn-photo a:hover{
	background-image: url(images/artists/buttons/photo_active.png);
	background-color:#CCCCCC;}


/*  end of add*/

	
	

#center_col{
    display:block;
	position:relative;
	width:640px;
	height:515px;
	background-color:#1E1F1F;
    background-repeat: no-repeat;
    float:left;
}
/*map section*/
#map_sec {
	display:block;
	width:830px;
	height:506px;
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration:none;
}

/*map section ends */

/*front_page*/
#front_page a{
	width:189px;
	height:515px;
	background-color:#e6e6e6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bebebe;
	float:left;
}
.left-pictures{
background-color:#CCCCCC;
float:left;
width:189px;
height:515px;
padding:0px;
margin-left:0px;
margin-top:0px;
}

/*front_page/

/*left col starts*/ 

#left_col{
	width:189px;
	height:515px;
	background-color:#e6e6e6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bebebe;
}

#left_col .menu-item a{
	display:block;
	width:189px;
	height:60px;
	background-image: url(images/sidebar/normal.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration:none;
}

#left_col .menu-item a:hover{
	background-image:url(images/sidebar/active.gif);
	color:#FFF!imporant;
}
	
	
/*artists name starts */ 

#left_col .menu-item .info_container{
	padding-left:21px;
	padding-top:21px;
}
	
#left_col .menu-item .item-number{
	font-family:"Arial", Helvetica, sans-serif;
	color:#333;
	text-transform:uppercase;
	font-size:12px;
	width:150px;
	float:left;
}
	

/*artists name end */ 


#left_col .menu-item .item-description{
	color:#666666;
	font-size:11px;}
	
/*artists css */ 
	
#left_col .menu-item-artists a{
	display:block;
	width:189px;
	height:26px;
	background-image: url(images/sidebar/normal2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration:none;
}

#left_col .menu-item-artists a:hover{
	background-image:url(images/sidebar/active2.gif);
	color:#FFF!imporant;}
	
#left_col .menu-item-artists .info_container{
    float:left;
	padding-left: 16px;
	padding-top: 5px;
	}
	
#left_col .menu-item-artists .item-number{
	font-family:"Arial", Helvetica, sans-serif;
	color:#333;
	font-size:12px;
	float:left;}	
.clear {clear: both;}  
	
/*left col ends*/ 

/* add right col starts MAP */
#right_col0{
	width:149px;
	height:515px;
	background-color:#e6e6e6;
	background-image: url(images/rightcol/right_col00.jpg);
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	float:left;
}

/*add right col end*/ 

/* add right col starts */
#right_col1{
	width:149px;
	height:515px;
	background-color:#e6e6e6;
	background-image: url(images/rightcol/right_col01.jpg);
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333;
	float:left;
}

/*add right col end*/ 
/* add*/

/* add right col starts */
#right_col2{
	width:149px;
	height:515px;
	background-color:#e6e6e6;
	background-image: url(images/rightcol/right_col02.jpg);
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333;
	float:left;
}

/*add right col end*/ 

/* add right col starts */
#right_col3{
	width:149px;
	height:515px;
	background-color:#e6e6e6;
	background-image: url(images/rightcol/right_col03.jpg);
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	float:left;
}

/*add right col end*/ 
/* add right col starts */
#right_col4{
	width:149px;
	height:515px;
	background-color:#e6e6e6;
	background-image: url(images/rightcol/right_col04.jpg);
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	float:left;
}

/*add right col end*/ 
/* add right col starts */
#right_col_front{
	width:149px;
	height:515px;
	background-color:#e6e6e6;
	background-image: url(images/rightcol/right_col_front.jpg);
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #bebebe;}

/*add right col end*/ 

#right_col0{
	width:149px;
	height:515px;
	background-color:#e6e6e6;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #bebebe;}
	
.right_col0_links {
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:14px;
float:left;
padding:5px;
margin-left:8px;
margin-top:8px;
}
.right_col0_links_description {  
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
line-height:15px;
padding:12px;
float:left;

}
.right_col0_links_moreinfo {  
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
padding:12px;
float:left;
}
/*add right col end*/ 
#footer_btn_container{
    float:left;
	clear:both;
	background-color:#e6e6e6;
	width:100%;
	height:40px;
	color:#CCCCCC;
	border-button-width: 1px;
	border-button-style: solid;
	border-button-color: #666666;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
   }
/* footer - normal state 
#footer-home a{display:block;position:relative;left:0px;padding-top:7px;padding-left:14px;padding-right:15px;padding-bottom:3px;background-image: url(images/menu/home.png);background-repeat: no-repeat;background-position: 21px; width:23px;height:7px;}
#footer-credit a{	display:block;position:relative;top:-17px;left:42px;padding-top:7px;padding-left:20px;padding-right:50px;padding-bottom:3px;background-image: url(images/menu/credit.png);background-repeat: no-repeat;background-position: 28px; width:20px;height:7px;}
#footer-contact a{display:block;position:relative;top:-34px;left:113px;padding-top:7px;padding-left:0px;padding-right:80px;padding-bottom:3px;background-image: url(images/menu/contact.png);background-repeat: no-repeat;background-position: 12px; width:23px;height:7px;}*/

#footer-copyright a {display:block;position:relative;left:0px;padding-top:7px;padding-right:25px;padding-bottom:3px;background-image: url(images/menu/copyright.png);background-repeat: no-repeat;background-position: 21px; width:494px;height:10px;}

/* footer - rollover 
#footer-home a:hover{
	background-image: url(images/menu/home_active2.png);
	}

#footer-credit a:hover{
	background-image: url(images/menu/credit_active2.png);
	}

#footer-contact a:hover{
	background-image: url(images/menu/contact_active2.png);
	}
	*/

.clear{
clear:both;
width:100%;
}