body { margin:0; padding:0; background:#161616; color:#8F8F8F; }

body, td { font-family:"Trebuchet MS", Arial, Tahoma; font-size:11px; line-height:14px; }

a { color:#B8B8B8; }
a:hover { text-decoration:none; }
a:focus {outline: none;}
a.au { color:#ff0066; font-size:18px; font-weight:normal; }
a.au:hover { text-decoration:none; }


img { border:none; border-width:0; }

h1, h2, h3, h4, h5 { padding:0; margin:0 0 15px 0; }
h1, h2, h3 { font-weight:normal; color:#BABABA; }
h1 { font-size:24px; }
h2 { font-size:18px; padding-top:23px; margin-bottom:33px; }
h3 { font-size:18px; }
h4 { font-size:15px; }
h5 { font-size:12px; }

p { padding:0; margin:0 0 15px 0; }

.table-body {height:100%;}

/* header */
.header-box { vertical-align:top; color:#8B8A8A; }
.header { position:relative; height:147px; background:#0B0B0B url("../images/header_bg.gif") repeat-x bottom left; }
.header .addtofav { position:absolute; top:0; left:155px; padding:25px 0 30px 15px; }
.header .addtofav a { color:#4D4D4D; }
.header .topnav { position:absolute; top:24px; right:20px; }
.header .topnav a { color:#8B8A8A;  }
.header .topnav span { background:url("../images/sep1.gif") no-repeat 50% 5px; padding:0 12px; }
.header .topban { position:absolute; top:10px; right:231px; font-family:Trebuchet MS; }
.header .topban1 { position:absolute; top:15px; right:431px; font-family:Trebuchet MS; }
.header .topban2 { position:absolute; top:55px; right:231px; }
.topban3 { position:absolute; top:155px; right:231px; }
.header .logo { position:absolute; top:68px; left:0; }
.header .addwork { position:absolute; top:68px; right:0; }
.header .slogan { position:absolute; top:88px; left:167px; padding-left:2px; color:#737373; }
.header .slogan h3 { margin:0 0 4px -1px; padding:0; color:#BABABA; }
/* end header */



.ads {position:relative; padding-left:35px;}
.ads .topban3 { position:absolute; top:0px; left:0px; }




.middle-box {vertical-align:top; border-left:10px solid #1A1A1A; }


.left-box { padding:0; }
.left-box .wrapper { width:160px; }

.leftnav { padding:23px 35px 0 15px; margin:0 0 55px 0; list-style:none; }
.leftnav li { background:url("../images/dots4_h.gif") repeat-x bottom left; padding:9px 0 7px 0; }
.leftnav li.last { background:none; }
.leftnav li b { color:#606060; display:block; background:url("../images/ar4.gif") no-repeat 98% 5px; padding-right:17px; }

.left-box .txt-box { padding:0 35px 0 15px; margin-bottom:20px; }


.ind-cnt { padding:10px 35px 10px 0; }

/* top work */

.top-work-item { background:url("../images/dots1_h.gif") repeat-x; color:#616161; }
.top-work-item .w-a1 { background:url("../images/dots1_h.gif") repeat-x bottom left; }
.top-work-item .w-a2 { background:url("../images/dots1_v.gif") repeat-y; }
.top-work-item .w-a3 { background:url("../images/dots1_v.gif") repeat-y top right; }
.top-work-item .w-pic { background:url("../images/dots1_h.gif") repeat-x bottom left; padding:10px; text-align:center; }
.top-work-item .w-inf { border:1px solid #161616; background:#181818; margin:1px; height:55px; }
.top-work-item .name { float:left; margin:16px 0 0 60px; font-size:18px; color:#BABABA; padding-bottom:10px; }
.top-work-item .rating { float:right; padding:16px 13px 0 0; }
.top-work-item .rating span { float:left; }
.top-work-item .rating .t1, .top-work-item .rating .t2 { margin-right:5px; }
.top-work-item .rating .t2 { margin-left:20px; }
.top-work-item .rating .ratenum { color:#494949; background:url("../images/icon_rate.gif") no-repeat 0 3px; padding-left:15px; }
.top-work-item .rating .rateim { position:relative; }
.top-work-item .rating .rateim img { float:left; margin:1px 0 0 2px; }
.top-work-item .w-inf2 { height:47px; position:relative; }
.top-work-item .author { float:left; padding:13px 0 0 62px; }
.top-work-item .author a { color:#FF0068; }
.top-work-item .tags { float:right; padding:13px 16px 0 20px; }
.author a { color:#FF0068; }

.top-work-item .dsgn-w { width:94px; height:94px; position:absolute; top:-82px; left:-45px; background:url("../images/mark_w.png") no-repeat; }
.top-work-item .dsgn-m { width:94px; height:94px; position:absolute; top:-82px; left:-45px; background:url("../images/mark_m.png") no-repeat; }
* html .top-work-item .dsgn-w { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/mark_w.png", sizingMethod='crop'); }
* html .top-work-item .dsgn-m { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/mark_m.png", sizingMethod='crop'); }

/*.work-item .zoom { width:14px; height:14px; position:absolute; top:0px; right:0px; background:url("../images/zoom.png") no-repeat; }*/
.work-item .zoom {height:23px;width:25px;position:absolute;top:10px;right:10px;background:url("../images/zoom.png") no-repeat; }
* html .work-item .zoom{ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/zoom.png", sizingMethod='crop'); }

.work-item1 .zoom {height:23px;width:25px;position:absolute;top:10px;right:10px;background:url("../images/zoom.png") no-repeat; }
* html .work-item1 .zoom{ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/zoom.png", sizingMethod='crop'); }

/* end top work */
/*.work-item1 .dsgn-w { width:94px; height:94px; position:absolute; top:-82px; left:-45px; background:url("../images/mark_w.png") no-repeat; }*/

.new-works { background:#0F0F0F; padding:33px 0 55px 160px; }
.new-works table { width:100%; }
.new-works td { width:33%; padding-right:35px; }
.new-works h3 { margin-bottom:32px; }

.work-list { margin-bottom:10px; }
.work-list .work-item { margin:0 18px 40px 0; }

.work-item { float:left; width:232px; background:url("../images/dots2_h.gif") repeat-x; color:#616161; }
.work-item1 { width:232px; background:url("../images/dots2_h.gif") repeat-x; color:#616161; }
.work-item2 { float:right; width:232px; background:url("../images/dots2_h.gif") repeat-x; color:#616161; }
.work-item .w-a1 { background:url("../images/dots2_h.gif") repeat-x bottom left; }
.work-item .w-a2 { background:url("../images/dots2_v.gif") repeat-y; }
.work-item .w-a3 { background:url("../images/dots2_v.gif") repeat-y top right; padding:1px; }
.work-item .w-pic { background:url("../images/dots2_h.gif") repeat-x bottom left; padding:10px; position:relative;}
.work-item .w-inf { border:1px solid #161616; background:#181818; margin:1px; height:33px; }
.work-item .name { float:left; margin:7px 0 0 8px; color:#BABABA; }
.work-item .ratenum { margin:7px 8px 0 10px; float:right; color:#494949; background:url("../images/icon_rate.gif") no-repeat 0 3px; padding-left:15px; }
.work-item1 .w-a1 { background:url("../images/dots2_h.gif") repeat-x bottom left; }
.work-item1 .w-a2 { background:url("../images/dots2_v.gif") repeat-y; }
.work-item1 .w-a3 { background:url("../images/dots2_v.gif") repeat-y top right; padding:1px; }
.work-item1 .w-pic { background:url("../images/dots2_h.gif") repeat-x bottom left; padding:10px; position:relative;}
.work-item1 .w-inf { border:1px solid #161616; background:#181818; margin:1px; height:33px; }
.work-item1 .name { float:left; margin:7px 0 0 8px; color:#BABABA; }
.work-item1 .ratenum { margin:7px 8px 0 10px; float:right; color:#494949; background:url("../images/icon_rate.gif") no-repeat 0 3px; padding-left:15px; }

/* pages */

.pages { height:40px; margin-bottom:50px; }

.page-item { float:left; height:37px; min-width:40px; margin-right:8px; background:url("../images/dots2_h.gif") repeat-x; color:#616161; }
* html .page-item { width:40px; }
.page-item .p-a1 { background:url("../images/dots2_h.gif") repeat-x bottom left; }
.page-item .p-a2 { background:url("../images/dots2_v.gif") repeat-y; }
.page-item .p-a3 { white-space:nowrap; background:url("../images/dots2_v.gif") repeat-y top right; padding:1px; }
.page-item .p-b { height:36px; border:1px solid #161616; background:#181818; }
.page-item .p-b span { display:block; padding:9px 10px 0 10px; }
.page-item .p-b a { display:block; height:36px; text-align:center; font-weight:bold; }
.page-item .p-b a:hover { font-size:13px; background:#FF0068; }
.page-item .p-b a:hover span { padding-top:10px; }

/* end pages */


.right-box { padding:32px 0 0 0; background:#1A1A1A; }
.right-box .wrapper { width:196px; }

.right-box h3 { color:#959494; padding:14px 0 14px 30px; margin:0 0 14px 0; border-left:5px solid #606060; }

.rightnav { padding:0 20px; margin:0 0 25px 0; list-style:none; }
.rightnav li { padding:0; margin:0 0 15px 0; }
.rightnav li a { padding:0 0 0 17px; background:url("../images/ar1.gif") no-repeat 0 4px; }
.rightnav li span { padding:0 0 0 17px; background:url("../images/ar2.gif") no-repeat 0 4px; color:#FF0068; }

.right-box .txt-box { padding:0 35px; margin-bottom:20px; }

.news-box { padding:0 20px; margin-bottom:25px; }
.news-box p { padding:0 0 0 17px; margin:0 0 10px 0; background:url("../images/ar3.gif") no-repeat 0 6px; }
.news-box p span { display:block; background:url("../images/dots3_h.gif") repeat-x bottom left; padding-bottom:10px;  }
.news-box p span.last { background:none; }


/* footer */

.footer-box { vertical-align:top; border-left:10px solid #1A1A1A; height:100%;}
.footer {height:100%}
.footer TD { line-height:16px; color:#494949; }
.footer TD b, .footer TD a { color:#696969; }

.footer h3 { background:#0F0F0F; margin:0; padding:17px 10px 18px 160px; color:#383838; } 
.footer .std-box { background:#0A0A0A; padding:19px 30px 19px 160px; }
.footer .std-box table { width:100%; }
.footer .std-box td { width:20%; }
.footer .bstd2 { background:#1A1A1A; }
.footer .bstd2 .wrapper { width:196px; }

.footer .ftr1 { background:#000; padding:25px 35px 60px 96px; }
.footer .ftr2 { background:#000; padding:24px 35px 30px 0; width:100%;height:100%;}
.footer .ftr2 .m1 { padding-top:18px; color:#333333;}
.footer .ftr2 .m1 a { color:#333333;}
.footer .ftr3 { background:#000000; padding:26px 18px 20px 38px; white-space:nowrap; }
.footer .ftr3 .counter { margin-bottom:18px; }

/* END footer */


/* forms */
form { padding:0; margin:0; }
input, select, textarea { font-family:"Trebuchet MS", Arial, Tahoma; font-size:12px; color:#555; }


* html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

.clear { clear:both; height:1px; overflow:hidden; line-height:1%; font-size:0px; padding:0; margin:0; }
* html .clear { height:auto; margin-bottom:0; }

 .tags_link  {color:white;line-height:20px;}
 .tags_link:hover { text-decoration:none; background-color:#FF0068;}


.mainpic {
	background: url(../images/pic1.jpg) no-repeat center  top;
	height: 300px;
	cursor: pointer;
}
.pgit {
	float: left;
	border: 1px dotted #2d2d2d;
	display: block;
	padding: 1px;
	margin: 0 8px 0 0;
	color: #606060;
	font-size: 1.1em;}
.mark{color: #ff0066}