/* project: paintaportrait
   design: Swordfish (www.iswordfish.cn) */
body {
  font: 13px/170% Verdana;
  color: #111;
  background:#444  url('/images/page_bg.gif')  repeat-y scroll center top;
  margin:0 auto;
   font-family:"century gothic";
   /* background:#f7f5f3 */
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

h1 a {
    height: 100%;

}
h1 a:hover{
}

h2 {
font-size:14px;
color:#fff;
font-weight:bold;
background:#ffb709;
 line-height:180%;

}

h3 {
 font-size:15px;
 color:#666;
 background: url('/images/title_icon0.gif') no-repeat scroll 5px center;
  font-weight:bold;
  padding:2px 0 2px 0.8em;

   border-bottom:1px #ccc dotted;
}

h4 {
  font-size:13px;
  font-weight:bold;
  color:#555;
}

h5 {
  font-size: 110%;
  font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
  letter-spacing:110%;
  color:#fff;
 padding-top:3px;
}

h6 {
  font-size: 90%;
}

p {
padding:0px 1em 1px 1em;
margin:0;
  color:#222;
  line-height:1.7em;

}
hr{
	width:95%;
	 border:1px #ddd dotted;
}


a:link, a:visited {
  color: #f49038;
  text-decoration: none;
}

a:hover {
  color: #f49038;
  text-decoration: underline;
}

a:active, a.active {
  color: #ec3c00;
}

.clear{
	clear:both;
}

#wrapper{
 width:810px;
 margin:0 auto;
 	 	 background-color:#f5f5f5;
}

#header{ 
background:#fff url('/images/header_bg.jpg') repeat-x scroll center top ;
height:80px;
}
#logo{
	border:0;
	float:left;
	margin-top:3px;
	display:inline;
}
.header_text{
	float:right;
background: url('/images/login_bg.gif') no-repeat scroll left 5px;
padding-left:1em; 
}

#navigation {
        background: #fbe576;
        padding:1px 0 1px 0;
        font-weight: bold;
          border-bottom:2px solid #fff;
         border-top:1px solid #fff;
 font-family:Arial, Helvetica, sans-serif;
}
#navigation ul, #navigation ul li {
        list-style: none;
        margin: 0;
        padding: 0;
}
#navigation ul {
        padding:3px 0 3px;
        margin-left:1em;
}
#navigation ul li {
        display: inline;
        margin-right:4px;
        border-right:1px #bdb6bd dotted;
}
#navigation ul li a {
        background: url(/images/tableft.gif) no-repeat left top;
        color: #333;
        text-decoration: none;
        padding: 5px 0;
}
#navigation ul li span {
        background: url(/images/tabright.gif) no-repeat right top;
        padding: 5px 7px 5px 3px;
        margin: 4px 0 0px 4px;

}
#navigation ul li a:hover span {
        background-position: 100% -75px;
        color:#333;
    
}
#navigation ul li a:hover {
        background-position: 0 -75px;
}
#navigation #current a {
        background-position: 0 -150px;
        color:#fff;
}
#navigation #current a span {
        background-position: 100% -150px;
}


/*- Internet Explorer...It's Hacktastic!--------------------------- */

/*\*//*/
#navigation ul li a {
        display: inline-block;
        white-space: nowrap;
        width: 1px;
}

#navigation ul {
        padding-bottom: 0;
        margin-bottom: -1px;
}
/**/

/*\*/
* html #navigation ul li a {
        padding: 0;
}
/**/
-->

/**************************************************************

	SlideShow
	v 1.3

**************************************************************/

.slideshowContainer {
	width:378px;
	height:318px;
 float:right;
}

.loading {
	background: url(/images/images/loading.gif) center no-repeat;
}

.slideshowThumbnail {
	outline: none;
}

.slideshowThumbnail img {
	border: 0px solid #ffd100;
  padding:0px;
}

a:hover.slideshowThumbnail img {
 background:#fff2b3 url(/images/images/tIMG_bg.gif) no-repeat scroll 0 0 ;

}

.current img {
	border: 0px solid  #ffd100;
}

.outline {
	border: 0px solid orange;
	z-index: 0;
	position: absolute;
}

#thumbnails {
	/*width: 130px;
	float: left;*/
}

/*************************************************************/

#index_banner{
	 background:#fff url('/images/banner_bg.jpg') no-repeat scroll center top;
	 width:810px;

}
.banner_left{
 margin-left:1em;
}
.banner_text{
	padding-top:2em;
	padding-bottom:5em;
}
*html .banner_text {
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/banner_text.png", sizingMethod="scale");
}
.banner_tools{
	margin-top:5px;
}

#main{
	 border-top:1px #ddd solid;
	 margin-top:2px;
	 padding-top:1px;

	 
}
#main b {
		color:#f49038;
}
#index_content{
	float:left;
 width:550px;

}
.index_title{
	  border-bottom:1px #889093 dotted;
 margin:1px 0px;
  background-color:#eef8fa;
}
#index_about{
	border:1px #ddd solid;
	background:#fff url('/images/content_bg.jpg') repeat-x scroll left top ;
  margin:2px 1px 2px 1px;
}
#index_about em{
	color:#f49038;
}
/*.index_about_intro h4 {
	margin-left:5px;
		background:#fff url('/images/td_title_bg1.gif')  no-repeat scroll left top;
	 padding:3px 0 3px 1em;
	 font-weight:bold;
	 color:#4b6e80;
	 margin-right:5px;
}*/
.index_about_intro h1 {
	margin-left:5px;
	background:#fff url('/images/td_title_bg1.gif')  no-repeat scroll left top;
	 padding:3px 0 3px 1em;
	 font-weight:bold;
	 color:#4b6e80;
	 margin-right:5px;
	 font-size:13px;
     font-weight:bold;
}
.index_about_intro p {
 font-size:12px;
}
#index_sidebar{
width:250px;
 float:right;

}
.sidebar_box{
	width:243px;
	background:#fff url('/images/sidebar_bg.gif') no-repeat scroll left bottom;
	padding-bottom:6px;
	margin-top:2px;
}
.sidebar_title{
	background:#fff url('/images/sidebar_bg.gif') no-repeat scroll left top;
	padding:2px 0px 2px 10px;
}
.sidebar_bg{
 background-color:#f9f2d1;
  padding:1px 0.8em 1px 0.8em;
}

#sidebar_menu >div >ul{
     border-top:1px solid #f9f2d1;
    }
        
#sidebar_menu ul{
 width:100%;
 padding:0;    margin:0;
 list-style: none;
    }


#sidebar_menu li a {
 height: 24px;
  padding-left:21px;
  text-decoration:none;
 }

#sidebar_menu li a:link, #sidebar_menu li a:visited {
      color: #3a3a3a;
      display: block;
      background:#f9f2d1 url('/images/sidebar_menu_bg.gif') no-repeat scroll 8px 5px;
      border-bottom:1px solid  #f9f2d1;
        }

#sidebar_menu li a:hover, #sidebar_menu li #current, #sidebar_menu li a:active {
        color: #222;
        background:#fcce60 url('/images/sidebar_menu_bg0.gif') no-repeat scroll 8px 5px;
         border-bottom:1px solid  #f9f2d1;
 }

#sidebar_menu li a:hover, #sidebar_menu li .current, #sidebar_menu li a:active {
        color: #222;
        background:#fcce60 url('/images/sidebar_menu_bg0.gif') no-repeat scroll 8px 5px;
         border-bottom:1px solid  #f9f2d1;
 }
 
.sidebar_bg2{
 background-color:#d4dfe9;
 padding:1px 0.8em 1px 0.8em;
}

#sidebar_menu2{
     border-top:1px solid #d4dfe9;
    }
        
#sidebar_menu2 ul{
 width:100%;
 padding:0;    margin:0;
 list-style: none;
    }


#sidebar_menu2 li a {
 height: 24px;
  padding-left:21px;
  text-decoration:none;
 }

#sidebar_menu2 li a:link, #sidebar_menu2 li a:visited {
      color: #3a3a3a;
      display: block;
      background:#d4dfe9 url('/images/sidebar_menu_bg.gif') no-repeat scroll 8px 5px;
      border-bottom:1px solid  #d4dfe9;
        }

#sidebar_menu2 li a:hover, #sidebar_menu2 li #current, #sidebar_menu2 li a:active {
        color: #222;
        background:#b1c6d3 url('/images/sidebar_menu_bg1.gif') no-repeat scroll 8px 5px;
         border-bottom:1px solid  #d4dfe9;
 }


#subpage_content{
	float:right;
 width:600px;
}

#subpage_sidebar{
	width:200px;
 float:left;
  margin-left:2px;
}
.sidebar_img{
	margin:2px 0 2px 0;
	text-align:center;
}
.sidebar_contact{
	 width:200px;
	background:#fff url('/images/sidebar_contact_bg.gif') no-repeat scroll left bottom;
	padding-bottom:6px;

}
.sidebar_contact_title{
		background:#fff url('/images/sidebar_contact_bg.gif') no-repeat scroll left top;
	padding:2px 0px 2px 10px;
	color:#fff;
	  margin-top:2px;
}

.sidebar_galleries{
	 width:200px;
	background:#fff url('/images/sidebar_contact_bg2.gif') no-repeat scroll left bottom;
	padding-bottom:6px;

}
.sidebar_galleries_title{
		background:#fff url('/images/sidebar_contact_bg2.gif') no-repeat scroll left top;
	padding:2px 0px 2px 10px;
	color:#fff;
	margin-top:2px;
}


.sidebar_price{
	 width:200px;
	margin-top:0px;

}
.sidebar_price_title{
		background:#fff url('/images/sidebar_price.gif') no-repeat scroll left top;
	padding:6px 0px 5px 10px;

}
.sidebar_price_bg{
 background-color:#fff7e6;
 padding:1px 0.8em 1px 0.8em;
 margin-left:4px;
 	border-bottom:1px #fdc51a solid;
	border-left:1px #fdc51a solid;
	border-right:1px #fdc51a solid;

}
.td_title1{
	background:#fff url('/images/td_title_bg1.gif')  no-repeat scroll left top;
	 padding:3px 0 3px 1.2em;
	 font-weight:bold;
	 color:#4b6e80;
}
/*howworks 页面*/
.howworks_intro{
	background:#fff url('/images/howworks_bg.jpg')  no-repeat scroll right top;
 margin:2px 0 5px 0;
 padding:5px 100px 5px 20px;
}

/*order 页面*/
.orderpage_nav{
  margin-left:0.5em;
 font-weight:bold;
 font-size:15px;
 text-align:center;
 padding-top:3px;

}
.orderpage_nav span{
	padding-top:3px;
	
}
.orderpage_nav_now{
 background:#fff url('/images/tab_nav_o.gif') no-repeat scroll left top;
 width:94px;
 height:31px;
 float:left;
 color:#fff;
 margin-right:3px;
 padding-top:2px;
}
.orderpage_nav_other{
 background:#fff url('/images/tab_nav_g.gif') no-repeat scroll left top;
 width:94px;
 height:31px;
 float:left;
 color:#3a3a3a;
  margin-right:3px;

}

.orderpage{
	background:#fff url('/images/orderpage_bg.gif') no-repeat scroll left bottom;
	padding-bottom:6px;
	width:580px;
 margin-left:0.6em;  margin-top:-3px;

}
.orderpage_title{
		background:#fff url('/images/orderpage_bg.gif') no-repeat scroll left top;
		color:#fff;
		 padding:3px 0 3px 0.5em;
		
	}
	
.orderpage_bg{
	background-color:#fff;
	 border-left:1px #ffb709 solid;
	 border-right:1px #ffb709 solid;
	 padding:5px;
}
#order_em{
	font-size:12px;
	font-style:italic;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:8px;
	color:#555;
	background:#f9f2d1;
}
/*双态发光大按钮*/
#btn{
color: #000;
width:203px;
}
.btn_glow a {
margin:5px 0;display:block;text-align:center;padding:10px;
font-weight:bold;background:#fff url("/images/btn_addnews.gif") no-repeat;
font-size:16px;font-family: "Courier New", Courier, monospace;

}
.btn_glow a:link{
color:#fff;
text-decoration: none;
}
.btn_glow a:visited{
color:#fff;
text-decoration: none;
}
.btn_glow a:hover{
color: #fff;
background: #fff url("/images/images/btn_addnews2.gif") no-repeat;
text-decoration: none;
}
.btn_glow a:active{
color: #fff;
background: #fff url("/images/images/btn_addnews2.gif") no-repeat;
text-decoration: none;
}

/*faq 页面*/
.faq{
	margin:1px 0 1px 0;	
}
.faq  h3 {
	font-size:13px;
	   background: url('/images/title_icon.gif') no-repeat scroll 1px 6px;
	   margin-left:5px;
	   padding:0 0 0 1em;
	   border:0;
	   color:#3a3a3a!important; 
	     font-weight:normal;
}
.faq  p{
	background:#f5f5f5;
		font-size:12px;
		margin:1px 5px 0 5px;
}
 
.faq_title{
	background:#fff url('/images/faq_title_bg.gif')  no-repeat scroll left top;
	 padding:2px 0 2px 1.5em;
 font-size:12px;
 margin:3px;
  color: #666;
  font-weight:bold;

}
/*galleries*/
.galleries_table{
		text-align:center;
		 margin-bottom:0.5em;
		  margin-left:3px;	 
		  border:0;
}
.galleries_tr {
 background-color:#fff;
}

.galleries_tr img{
 border:0;
}
.galleries_tr td {
 border: 2px #efefef solid;
 padding:1em 0 1em 0;
 width:33%;
 event:expression(onmouseover = function(){this.style.backgroundColor='#f9f2d1'},
 onmouseout = function(){this.style.backgroundColor='#fff'});
 
}
.galleries_title{
		background-color:#f5f5f5;
		font-size:11px;
}
.galleries_title a{
 background-color:#ddd;
 font-family:Arial, Helvetica, sans-serif;
  background:url('/images/enlarge.gif') no-repeat scroll  left top ;
  padding-left:2em;


}
/*price*/
.price h2{
 background-color:#9daeb8;
}
.price_tr td{
 background-color:#d4dfe9;
}

.price_tr1 td{
 background-color:#f9f2d1;
  font-size:12px;
 }
.price_tr2 td{
 background-color:#f5f5f5;
 font-size:12px;
}

/*comments*/
.comment_contact{
	 width:585px;
	background: url('/images/comments_bg.gif') no-repeat scroll left bottom;
	padding-bottom:4px;
 margin:3px 0 3px 5px;
}
.comment_contact p{
	 background-color:#fff;
	 border-left:1px #eee solid;
	 border-right:1px #eee solid;;
	 font-size:12px;
}
.comment_title{
		background:url('/images/comments_bg.gif') no-repeat scroll left top;
	padding:2px 0px 2px 5px;
	  margin-top:2px;
	  border-bottom:1px #fff solid;
}
.comment_title span{
	 font-weight:bold;
	 color:#f77300;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 	background:url('/images/bubble.gif') no-repeat scroll 0 2px;
	 	padding-left:15px;
}
.comment_title h6{
	 font-size:10px;
	 display:inline;

	 	color:#213759;
}
.comment_date{
	float:right; margin:-2.3em 1em 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	 color:#666;
}
/*CSS viciao style pagination*/

DIV.viciao {
	MARGIN-TOP: 1em; MARGIN-BOTTOM:1em;
 margin-left:35%;
}
DIV.viciao A {
	BORDER-RIGHT:#f9f2d1 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f9f2d1 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f9f2d1  1px solid; COLOR: #000; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f9f2d1 1px solid; TEXT-DECORATION: none
}
DIV.viciao A:hover {
	BORDER-RIGHT: #ffb709 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ffb709 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ffb709 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ffb709 1px solid
}
DIV.viciao A:active {
	BORDER-RIGHT: red 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: red 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: red 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: red 1px solid
}
DIV.viciao SPAN.current {
	BORDER-RIGHT: #e89954 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e89954 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e89954 1px solid; COLOR: #000; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e89954 1px solid; BACKGROUND-COLOR: #ffca7d
}
DIV.viciao SPAN.disabled {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid
}

/*footer*/
#footer{
		 border-top:3px #f3d422 solid;
	 margin-top:3px;
	 background-color:#fff;
}
.footer_menu{
	background-color:#fffae2;
	text-align:center;
 color:#9daeb8;
 font-size:12PX;
 padding-left:5PX;
 padding-right:5PX;
}
.footer_menu a{
	color:#3a3a3a!important;
}
.footer_text{
	font-size:11px;
	padding-left:1.5em;
	margin-top:5px;
	color:#54534b;
	line-height:1.5em;
}
.footer_img{
	float:right;
	margin:2px 2em 0 0;
	border:0;
}