@charset "utf-8";

body {
	margin: 0px;
	padding: 10px 0px 0px;
	font-family: MS Gothic,mingliu, simsun, "新細明體"; font-size:62.5%; line-height=170%
	color:#333333;
	background-color: #DBE6E5;
	background-image: url(../images/background/bg_body.gif);
	background-repeat: repeat;
	background-position: left top;
}


#holder { margin: auto; width: 970px; }
#header { height: 60px; width: 925px; padding-left: 10px; padding-right: 35px; }
#wrapper{
	color:#5A5D59;
	font-family: MS Gothic,mingliu, simsun, "新細明體"; font-size:62.5%; line-height=170%	;
	font-size:1.5em;
	width : 500px;
	text-align:left;
	margin-top: 20px;
	padding:20px;
	padding-top:20px;
	/*border:thin solid #2B91AA;*/
}
#detail_wrapper{
	color:#5A5D59;
	font-family: MS Gothic,mingliu, simsun, "新細明體"; font-size:62.5%; line-height=170%	;
	font-size:1.5em;
	width : 500px;
	text-align:left;
	margin-top: 20px;
	padding:20px;
	padding-top:20px;
	/*border:thin solid #2B91AA;*/
}
#contactBtn {position:absolute; top:10px; left: 917px; background:url(../images/background/contact_icon.gif) no-repeat; height:25px; width:40px;
	}
#contactBtn h1
{	visibility:hidden;
}

#defaultnav { margin-top:-2px;padding-top: 0px; padding-bottom: 0px; text-align: right; width: 600px; float: right; display: block; }
#defaultnav a { margin-left: 40px; color: rgb(136, 136, 136); }
#defaultnav a:hover { text-decoration: none; color: rgb(0, 0, 0); }

#logo { background: rgb(1, 82, 118) none repeat; width: 287px; height: 60px; float: left; }
#logo img { border: medium none ;  }
#logo a, #logo a:hover { text-decoration: none; }




/* begin of the main nav */

#navigation { width: 638px;padding-top:1px;float:left; }

/* end with main nav */

#splash { width: 970px; height: 330px; padding-top: 3px; clear: both; }
#absolutequoteholder { position: absolute; }
#splashquoteholder { position: absolute; left: 525px; top: 215px; width: 435px; height: 115px; }
#splashphotoholder { padding-left: 35px; padding-right: 35px; }
#absoultelef_column_headerholder{ position: absolute; }

#lef_column_header { position: absolute; left: 35px; top: 5px; width: 485px; height: 35px; background-color:#ffffff}

#sub_menu{width: 485px; height: 35px; background-color:#ffffff}
#content { padding-top: 0px; width: 970px; padding-bottom: 5px}
#content span { font-size: 1.2em; }
#leftcolumn { width: 485px; padding-left: 35px; padding-right: 5px; float: left}


#left_content { background:#ffffff; padding:10px 20px 20px; }
.index #left_content {height:700px}
.artist_zarahn #left_content { height:720px }
.artist_endy #left_content { height:720px }
.artist_louis #left_content { height:618px }
.artist_takki #left_content { height:400px }
.aboutus #left_content { height:420px }
.writer #left_content {  height:auto;  }
.director #left_content { height:500px }



#subquoteholder { padding: 20px; margin-top:5px;width: 395px; color: rgb(255, 255, 255); margin-right: 10px; float: right; line-height: 16px; }
.index #subquoteholder {width: 435px; padding:0px;}

#rightcolumn { width: 435px; padding-left: 0px; padding-top: 0px; float: right; background:#666600}
#rightcolumn { margin-right: 10px ! important; width: 435px ! important; margin-top:5px;}

#splashquoteholder { background:#466e73 none repeat; }
#subquoteholder { background: #1f394e none repeat; }

.smallthumb {
	vertical-align: middle;
	margin-bottom: 12px;
	margin-left: 12px;
}
.smallthumb1 { vertical-align: middle; margin-bottom: 8px; margin-left: 0pt; }

.artist_endy #splashquoteholder { background: #046380 none repeat; }
.artist_endy #subquoteholder { background: #002f2f none repeat; }
.artist_endy #subquoteholder .smallthumb {border: thick solid #e6e2af;}

.artist_takki #splashquoteholder { background: rgb(179, 214, 103) none repeat; }
.artist_takki #subquoteholder { background: #04b45f none repeat; }
.artist_takki #subquoteholder .smallthumb {border: thick solid #ffffff;}


.artist_louis #splashquoteholder { background: #bcd7f1 none repeat; }
.artist_louis #subquoteholder { background: #80bae0 none repeat; }
.artist_louis #subquoteholder .smallthumb {border: thick solid #f2e6f2;}


.artist_zarahn  #splashquoteholder { background: #1c0459 none repeat; }
.artist_zarahn  #subquoteholder { background: #010101 none repeat; }
.artist_zarahn  #subquoteholder .smallthumb {border: thick solid #f2e6f2;}


#side-a {
	float: left;
	width: 25%;
}

#side-b { 
	margin: 0;
	float: left;
	width: 75%;
	height: 1% /* Holly hack for Peekaboo Bug */
}

#footerholder { position: absolute; width: 970px; }
#footercontent { margin: auto; background: #FFFFFF none repeat; width: 900px; height: 155px; }
.mapcolumn1, .mapcolumn2, .mapcolumn3, .mapcolumn4 { font-weight:bold;font-size: 1.1em; line-height: 1.1em; float: left; padding-top: 30px; font-family:Verdana, Arial, Helvetica, sans-serif;color: #004d44 }
.mapcolumn1 a.image {width:130px; height:23px; background-image:url(../images/menu/footer_aboutus.gif) }
.mapcolumn2 a.image {width:130px; height:23px; background-image:url(../images/menu/footer_artist.gif) }
.mapcolumn3 a.image {width:130px; height:23px; background-image:url(../images/menu/footer_writer.gif) }
.mapcolumn3 a.image1 {width:130px; height:23px; background-image:url(../images/menu/footer_contactus.gif) }




.mapcolumn1 { padding-left: 85px; }
.mapcolumn2 { padding-left: 1px; }
.mapcolumn3 { padding-left: 1px; }
.mapcolumn4 { padding-left: 1px; }
.mapcolumn1 a, .mapcolumn2 a, .mapcolumn3 a, .mapcolumn4 a { display: block; text-decoration: none; color: #004d44); }

#footerholder a.sub_footer 
{
	padding-left : 10px;
	padding-top: 5px;
	 color: #004d44
}
#footerholder .foot_contact 
{
	padding-left : 10px;
	padding-top: 5px;
}
.mapcolumn1 a:hover { text-decoration: underline; }
.mapcolumn2 a:hover { text-decoration: underline; }
.mapcolumn3 a:hover {text-decoration: underline; }
.mapcolumn4 a:hover { text-decoration: underline; }

#phone { background: rgb(1, 82, 118) none repeat; position: absolute; top: 22px; left: 641px; margin-top: 30px; width: 250px; padding-left: 69px; height: 120px; padding-top: 15px; display: block; }
#phone h1{ margin-top:10px;}
#backtotop { position: absolute; top: -15px; left: 0px; margin-top: 30px; width: 95px; height: 30px; text-align: center; display: block; }
#backtotop a { background: rgb(1, 82, 118) none repeat; display: block; width: 95px; height: 22px; padding-top: 8px; text-decoration: none; color: rgb(255, 255, 255); }
#backtotop a:hover { background: rgb(103, 151, 173) none repeat; }

#copy { font-family:Verdana, Arial, Helvetica, sans-serif; color: rgb(204, 204, 204); padding-left: 50px; padding-bottom: 30px; padding-top: 5px; font-size:1.2em }
#copy a { text-decoration: none; color: rgb(178, 178, 178); }
#copy a:hover { text-decoration: underline; color: rgb(102, 102, 102); }




.clear { clear: both; }
form { margin: 0px; padding: 0px; }
a { text-decoration: none; color: rgb(51, 51, 51); }
a:hover { text-decoration: underline; color: rgb(0, 0, 0); }
p { margin: 0px 0px 0px 3px; padding: 5px 0px; line-height: 17px; }
.separator { height: 25px; visibility: hidden; }
.space { height: 5px; visibility: hidden; }
.underline { border-bottom: 1px solid rgb(143, 154, 165); clear: both; }
.profile_separater


#content ul { margin: 0px 0px 0px 12px; padding: 0px; list-style-type: none; }
#content ul li { background: transparent url('../imagesgreen.gif') no-repeat scroll 0px 4px; padding-left: 19px; padding-bottom: 7px; }

/* UNCERTAIN
.product {
	cursor: pointer;
}
.hover {
	background-color: #FFFFCC;
}
.selected {
	background-color: #CCCCCC;
}
#events {
	opacity: 0;
	filter: alpha(opacity=0);
	background-color: white;
}
#htmlElement {
	padding: 10px;
	background-color: #000;
}
*/

/* index */

#lef_column_header h1 { 
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #4A535B;
	padding-top:10px;
	padding-bottom:8px;
	margin-right:12px;
	margin-left:12px;
	background:url(../images/background/profile.gif) 0px 4px no-repeat
	 }
#lef_column_header h1 span { visibility:hidden }
.aboutus #lef_column_header h1 { background:url(../images/background/aboutus_header.gif) 0px 4px no-repeat }
.director #lef_column_header h1 { background:url(../images/background/director.gif) 0px 4px no-repeat }
.writer #lef_column_header h1 { background:url(../images/background/publisher.gif) 0px 4px no-repeat }
.index #lef_column_header h1 { background:url(../images/background/news.gif) 0px 4px no-repeat }

#wrapper #lef_column_header h1 { 
	background:url(../images/background/contact.gif) 0px 4px no-repeat; 
	padding-top:10px;
	padding-bottom:8px;
	margin-right:12px;
	margin-left:12px;}

#detail_wrapper #lef_column_header h1 { 
	background:url(../images/background/news_detail.gif) 0px 4px no-repeat; 
	padding-top:10px;
	padding-bottom:8px;
	margin-right:12px;
	margin-left:12px;}
#detail_wrapper #table
{
	padding-left:50px;

}

 
.news { margin: 0pt; padding: 0pt;}
.news p { padding-top:15px; font-size:1.5em }
.news .date { margin: 20px 13px 0pt 0pt; padding: 0pt 11px 15px 9px; float: left; background-image: url('../images/background/newsbg.jpg'); width: 40px; text-align: center; }

#content .news .date h1 { margin: 0px; padding: 0px;font-size: 30px; font-weight: bold; font-family: Arial; line-height: 22px; }



.news .article { float: left; width: 370px; }
.news .date h2 { font-size: 18px; font-family: Arial; font-weight: normal; letter-spacing: -1px; line-height: 22px; margin: 0px; padding: 0px;}
.news .more_news {
	float:right;
	margin-top:-15px;
	width:41px;
	height:14px;
}
.news .more_news span { visibility:hidden }

#page_index {
	clear:both;
	width:100%;
	padding-top: 1px; 
	padding-bottom:1px;
 	border-top-width: 1px;;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: rgb(143, 154, 165);
	border-right-color: rgb(143, 154, 165);
	border-bottom-color: rgb(143, 154, 165);
	border-left-color: rgb(143, 154, 165);
 }
 
 /* thumbnail */
 
 
 /* individual pages */
.artist_endy .col1 { width: 7em; vertical-align:top }

/* about us */
.aboutus li { padding:2px;text-align:justify;line-height: 1.8em; }
.aboutus ul { list-style-type: none; list-style-image: none; padding-top:0px; }
.aboutus #left_content ul li{background:url(../images/background/bullet.gif) 0 7px no-repeat;text-decoration:none;padding:1px 5px 0px 12px;}
.aboutus #left_content, .director #left_content,.writer #left_content{ font-size: 1.2em;line-height:2em;}