*{margin:0px;padding:0px;list-style:none;list-style-type:none;text-decoration:none}
body{font-size:16px;color:#000000;text-align:left;background-color:#ffffff;font-family:"\5b8b\4f53"}
.clear{clear:both;height:0;font-size:1px}
img{border:none;vertical-align:bottom}
h1{font-size:24px;margin-top:10px}
h2{font-size:18px;color:#838383}
a:link{color:#006699;text-decoration:underline}
a:visited{color:#006699;text-decoration:underline}
a:hover{color:#006699;text-decoration:none}
a.list_links:link{color:#006699}
a.list_links:visited{color:#993300}
a.list_links:hover{color:#006699e}
.inline a.list_links:link{text-decoration:none}
.inline a.list_links:visited{text-decoration:none}
.inline a.list_links:hover{text-decoration:underline}
#top,#content,#ad,#lvp{width:96%;margin:0 2%}
.logo{float:left;height:56px}
.top_menu{float:left}
#menu{float:left}
#menu li{float:left;width:100px;height:64px;background:#339933;text-align:center;cursor:pointer;list-style-type:none}
#menu li a{color:#ffffff;height:40px;padding-top:24px;width:100%;display:block;text-decoration:none}
#menu li a:hover{background-color:#336633;color:#cccccc}
.search_box{float:left;width:170px;position:relative}
.search_text{width:158px;height:30px;line-height:30px;padding:0px 5px;border:1px solid #E1E1E1;background-color:#DDFEE9}
.search_select{width:60px;height:30px;line-height:30px;padding:0px 10px;border:1px solid #E1E1E1;background:#ffffff url(search_select.gif) no-repeat right top;background-position:50px center;cursor:pointer;float:left}
.search_img{float:left;cursor:pointer}
.clear_b{clear:both}
.search_select_type{width:80px;padding:0;border:1px solid #E1E1E1;background-color:#FFFFFF;left:0px;display:none;z-index:2;position:absolute}
.search_select_type .hover{color:#ff0000;background:#e9e9e9}
.search_type_list{height:25px;line-height:25px;padding:0px 15px;border-bottom:1px dashed #E1E1E1;cursor:pointer}
.yh_path{color:#838383;margin:10px 0}
.yh_path a:link{color:#838383;text-decoration:none;}
.yh_path a:visited{color:#838383;text-decoration:none;}
.yh_path a:hover{color:#838383;text-decoration:underline;}


.top-artist{width:520px;margin:10px 20px 10px 0;vertical-align:bottom;display:-moz-inline-stack;display:inline-block;text-decoration:none}
*+html .top-artist{display:inline;text-decoration:none}
.top-artist div{border:2px solid #006600;padding:10px}
.top-artist .clear{border:0;padding:0}
.top-artist img{width:180px;height:auto;float:left;margin:0 10px 0 0}
.top-artist p,.top100 p{text-indent:2em}
.top-artist span,.top100 span{color:#ff0000}
.top100{margin-bottom:30px}
.top100 p{margin:20px 0}
#ad_links,.ad_links{margin:10px 0;padding:10px;border:1px dashed #ccc;float:left}
.ad{width:150px;height:120px;margin:5px 10px 10px 0;float:left}
#ad_links div p{margin-top:5px}
a.addlink{margin-left:10px;font-size:14px}
#footer{border-top:5px solid #33CC33;padding:2%;margin-top:20px}
#footer p{margin-top:10px;color:#838383}
/* all-painting */
.t_artist_info{margin:10px 0}
.t_artist_info h2{float:left}
.t_artist_info p{float:left;margin:3px 0 0 20px}
/* tool_bar pager */
.tool_bar{width:100%;background:#E9FEEC;margin:10px 0}
.artist_class,.pager_items{float:left;padding:8px}
.artist_class{padding:5px 8px 3px 8px}
.artist_class li,.pager_items li{float:left;margin-left:10px}
a.nextpagelink{margin-left:10px}
.inline{
	vertical-align:top; /*position:relative;*/
	display: -moz-inline-stack; /* FF2 */
	display: inline-block /* good browsers */
}
*+html .inline{display:inline} /* IE7 Hack */
.bigImgBox .yh_ImgBox{width:220px;margin:0 15px 15px 0}
.bigImgBox .yh_ImgBox img{width:220px;height:176px}
.bigImgBox .yh_ImgBox p{margin-top:5px}
.smallImgBox .yh_ImgBox{margin:0 15px 15px 0;width:125px;background:#E9FEEC}
.smallImgBox .yh_ImgBox img{width:125px;height:100px}
.smallImgBox .yh_ImgBox p{display:none}
.nextImages, .lastViewPaintings{border-top:8px solid #dcdcdc;border-bottom:8px solid #dcdcdc;margin:5px 0 20px 0}
.nextImages .yh_ImgBox{margin:5px 5px 5px 0;width:135px}
.nextImages .yh_ImgBox img{width:135px;height:108px}
.nextImages .yh_ImgBox p{margin-top:5px}
.lastViewImg{float:left;margin:5px 5px 5px 0;width:100px}
.lastViewImg img{width:100px;height:80px}
/* Big painting */
.infoBox p{margin-bottom:5px}
.imageBox{float:left;margin:0 20px 10px 0}
.imageBox img{margin-bottom:5px}
.wwhh{width:400px;height:auto}
.hhww{height:400px;width:auto}
.textBox{float:left;margin:0 0 10px 0}
#bigImg{background:#000}
#bigImg img, .imageBox img{cursor:pointer}
#bigImg img{box-sizing:border-box;}
/* contact */
.contactus{width:100%;margin:20px 0 30px 0}
.inputbox input{width:400px;height:20px;line-height:20px;margin-bottom:20px}
.inputbox textarea{width:400px;height:100px;margin-bottom:20px}
.error-messages,.send-ok{width:370px;padding:12px}
.error-messages{border:3px solid #ff0000;background:#CC6262 url(err.gif) 10px center no-repeat;margin-bottom:15px}
.error-messages li{margin-left:60px;color:#ffffff;list-style-type:disc}
.input-text-err{border:2px solid #ff000}
.send-ok{border:3px solid #009900;background:#66CC66 url(sendok.gif) 10px center no-repeat;margin-bottom:15px}
.send-ok li{margin-left:60px;color:#ffffff;list-style-type:disc}
.zimu{padding:5px 10px;border:2px solid #999999;font-size:18px;margin:5px 10px 15px 10px;float:left;color:#0066cc}
a.zimu:link{background-color:#cccccc;text-decoration:none}
a.zimu:visited{background-color:#cccccc;text-decoration:none}
a.zimu:hover{background-color:#66cc66;text-decoration:none;color:#ffffff}
/* artist */
.yh_textbox p{text-indent:2em;margin-top:10px}
.artist-photo{float:left;margin:0 15px 15px 0}
.artist-photo p{text-indent:0;margin:5px 0;text-align:center}
#artist_index ul{margin:20px 0 20px 15px}
#artist_index li{list-style-type:disc;margin-bottom:10px}


.index-img{margin-bottom:10px}
.index-img img{width:200px;height:200px;margin:10px 20px 10px 0}

@media(max-width:1400px){
.index-img img{width:19%;height:auto;margin:0 1% 1% 0}
}
@media(max-width:1050px){
.index-img img{width:31%;height:auto;margin:0 2.3% 2.3% 0}
}
@media(max-width:710px){
.index-img img{width:47%;height:auto;margin:0 3% 3% 0}
.top-artist{width:100%;float:none}
.top-artist img{width:30%}
}
@media(max-width:620px){
.top_menu{float:none}
#menu{clear:both;width:100%}
#menu li{width:25%}
}
@media(max-width:460px){
.imageBox{float:none;width:100%;text-align:center;margin:10px auto}
.wwhh{width:90%;height:auto}
.hhww{width:80%;height:auto}
.inputbox input{width:96%}
.inputbox textarea{width:96%}
.error-messages,.send-ok{width:90%;padding:3%}
}
@media(max-width:350px){
#menu li{width:50%}
}

@media(min-width:1230px){
}
@media(min-width:2430px){
.index-img img{width:400px;height:400px}
}











/* search box
.yh_right_toolBar{float:right;width:170px;} */

/*#top .clear{clear:both;height:5px;background-color:#33CC33;}
.title2{color:#a7b8bd;margin-top:5px;}
.hr1{ height:1px;border:none;border-top:1px solid #cccccc;margin:12px 0;}
#yh_box{
margin:0 20px;*/
/*width:auto !important;
min-width:920px;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<920?"920px":"auto");
}
.yh_content{float:left;width:100%;margin-right:-180px;} 
#yh_left{margin-right:180px;overflow:hidden;} 
*/
/* top menu 
.aa, .bb, .cc, .dd, .ee{float:left;margin-right:5px;position:relative;width:76px;height:26px;border:1px solid #33CC33;}
.nav_title{text-align:center;width:76px;height:26px;background-color:#CCFFCC;cursor:pointer;}*/
/*.nav_title p{text-align:center;line-height:26px;}
.cc .nav_title a{line-height:26px;padding:6px 10px;text-align:center;color:#000000;text-decoration:none;
.nav_title a{line-height:26px;padding:6px 10px;text-align:center;color:#000000;text-decoration:none;}
.s_nav{display:none;position:absolute;top:27px;padding-top:0px;width:76px;z-index:8;background-color:#ffffff;}
.s_nav ul{width:76px;}
.s_nav li{position:relative;display:block;margin:0;padding:0;width:76px;}
.s_nav ul li ul{position:absolute;display:none;left:76px;top:0;width:76px;z-index:9;}
.s_nav ul li a{display:block;background:#cbc9c8;height:20px;border:1px solid #000000;color:#666666;line-height:20px;text-align:center;text-decoration:none;}
.s_nav ul li a:hover{font-weight:bold;color:#666666;background:#ebeaeb;text-decoration:none;}
.aa li{width:38px;float:left;}
.dd .s_nav ul li{float:none;}
.dd .s_nav ul li a{color:#000000;text-decoration:none;border:1px solid #000000;}
.dd .s_nav ul li a:hover{color:#000000;font-weight:normal;border:1px solid #ffffff;}
a.li_t:link{color:#666666;text-decoration:none;}
a.li_t:visited{color:#666666;text-decoration:none;}
a.li_t:hover{color:#666666;text-decoration:none;}}*/
/* Ad links 
.yh_adbars{border-left:2px #cccccc solid;border-top:5px #cccccc solid;} 
/* index 
.artists_paintings{text-align:center;margin-top:10px}
.artists_paintings h2{text-align:center;}
.artists_paintings img{margin-bottom:20px;}*/

/*#painting{}
 artist letter 
*/