body {margin:0; padding:0; font-family:Tahoma; font-size:12px; background:url(../images/body.jpg) repeat-x #FFF;}
a {text-decoration:none;}
p {margin:0px;}
ul { direction:rtl; margin:0; padding:0;}
.cls {clear:both;}
#warp {width:897px; margin:0px auto;}
img {
	border:0px;
}
#warp #nav .right ul li{ list-style:none;}
/*---- Header ----*/
#header {height:169px;}
#header .right {background:url(../images/header-right.jpg) no-repeat; float:right; width:286px; height:169px;}
#header .left {background:url(../images/header-left.jpg) no-repeat; float:left; width:541px; height:169px;}
/*---- /Header ----*/

/*---- Nav ----*/
#nav {height:33px;}
#nav .right {width:595px; height:33px; float:right;}
#nav .right ul {float:right; margin:4px 0 0;}
#nav .right ul li {float:right; width:95px; text-align:center; line-height:30px;}
#nav .right ul li a.clints:hover {background:url(../images/nav-li-hover2.jpg) no-repeat center center; height:29px; width:99px;}
#nav .right ul li:hover {background:url(../images/nav-li-hover.jpg) no-repeat center center; width:95px; height:29px;}
#nav .right ul li a {color:#FFF; display:block;}
#nav .right ul li a:hover {color:#000;}
#nav .left {height:33px; float:left; margin-bottom:-9px; margin-top:9px; text-align:left; color:#FFF; font-size:15px; font-weight:bold;}
/*---- Nav ----*/

/*---- Jq ----*/
#Jq {
	height:266px;
	overflow:hidden;
	width:949px;
}
#Jq .right {background:url(../images/jqary-right.jpg) no-repeat; float:right; width:19px; height:266px;}
#Jq .left {background:url(../images/jqary-left.jpg) no-repeat; float:left; width:19px; height:266px;}
#Jq .center {background:url(../images/jqary-center.jpg) no-repeat center center; width:823px; height:266px; margin:0 auto;}
/*---- /Jq ----*/

/*---- Content ----*/
#content {margin:10px 0 0;}
#content .right {float:right;padding:10px;text-align:right;width:380px;}
#content .right .news {background:url(../images/news-top.jpg) no-repeat; float:right; width:181px; height:46px;}
#content .right .news-1 {background:url(../images/host.jpg) no-repeat; float:right; width:181px; height:46px;}
#content .right .news-2 {background:url(../images/services.jpg) no-repeat; float:right; width:181px; height:46px;}
#content .right .news-3 {background:url(../images/Design.jpg) no-repeat; float:right; width:181px; height:46px;}
#content .right .news-4 {background:url(../images/host-1.jpg) no-repeat; float:right; width:181px; height:46px;}
#content .right .news-5 {background:url(../images/cms.jpg) no-repeat; float:right; width:181px; height:46px;}
#content .right .news-6 {background:url(../images/adv.jpg) no-repeat; float:right; width:181px; height:46px;}
#content .right .news-7 {background:url(../images/work-top.jpg) no-repeat; float:right; width:181px; height:46px;}
#content .right .news-ds {background:url(../images/ds.jpg) no-repeat; float:right; width:181px; height:46px;}
#content .right .news-ht {background:url(../images/ht.jpg) no-repeat; float:right; width:181px; height:46px;}
#content .right .in {text-align:right;}
#content .left {width:445px; float:left;}
#content .left .work {background:url(../images/work-top.jpg) no-repeat; float:right; width:184px; height:46px;}
#content .left .in {text-align:center;}
#content .left .in .right {background:url(../images/work-jqary-right.jpg) no-repeat center center; float:right; width:20px; height:182px;}
#content .left .in .left {background:url(../images/work-jqary-left.jpg) no-repeat center center; float:right; width:20px; height:182px;}
#content .left .in .center {
	float:right;
	margin:0 auto;
	width:384px;
}
#content .left .in .center .img {background:url(../images/work-jqary-sample.jpg) no-repeat; float:right; width:113px; height:85px; margin:10px 6px;}
#content .left .in .center .more {text-align:left;}
#content .left .in .center .more a {color:#000; line-height:30px;}
/*---- /Content ----*/

/*---- Footer ----*/
#footer {background:#000; color:#FFF; height:60px; margin:35px 0 0;}
#footer a {color:#FFF;}
#footer .in {width:897px; margin:0px auto; height:60px;}
#footer .in .right {width:200px; float:right; height:15px; padding:27px 0 0;}
#footer .in .left {width:600px; float:left; height:60px;}
#footer .in .left ul {
	direction:rtl;
	float:left;
	margin:27px 0 0;
	text-align:right;
	
}
#footer .in .left ul li {float:right; text-align:center; width:70px;}
#footer .in .left ul li span { color:#FFF; margin:0 5px;}
/*---- Footer ----*/
table {
	float:right;
}
.pagebar {
background:none repeat scroll 0 0 #DC3F2C;
border:1px solid #DC3F2C;
direction:ltr;
font-size:12px;
line-height:27px;
margin-left:0;
margin-right:0;
padding-bottom:1px;
padding-top:1px;
text-align:center;
text-decoration:none;
}
.pagebar a, .pageList .this-page {
border:1px solid #fff;
padding:0.2em 0.5em;
text-decoration:none;
}
.pagebar a:visited {
border:1px solid #fff;
padding:0.2em 0.5em;
text-decoration:none;
}
.pagebar .break {
background:none repeat scroll 0 0 #ffffff;
border:1px solid #FFFFFF;
color:#FFFFFF;
margin:0 5px;
padding:0.2em 0.5em;
text-decoration:none;
}
.pagebar .this-page {
background:none repeat scroll 0 0 #DC3F2C;

color:#00418F;
font-weight:bold;
padding:0.2em 0.5em;
}
.pagebar a:hover {
background:none repeat scroll 0 0 #000;
border-color:#000;
color:#1B82C7;
}
.client{
float:right; padding-right:27px; padding-top:10px;
}
#footer .in .left ul li{ list-style:none;}