body{margin:0; padding:0; font-family:Verdana; font-size:12px; color:#333333;} /* font-family:arial; */
.clrs{clear:both; height:0px; font-size:0;}
input{margin:0; padding:0;}
form{margin:0; padding:0;}
h1, h2, h3{margin:0; padding:0; font-size:12px; color:#004080; text-decoration:underline;}
img{border:0;}
.margin{padding-top:3px;}
#main{background:#ffffff url(images/bg.gif) repeat-x top;
 width:auto;}
#container{width:992px; margin:0 auto; }
#header{width:992px; float:right;}
.logo{float:left; width:168px;  margin-top:10px;}
.portfolio{width:195px; float:left; padding:7px 44px 0 157px;}
.new{width:805px; margin-top:14px; padding:0px; float:right; }
.contact{float:right; background:url(images/contact.gif) no-repeat; width:220px; height:34px; font-size:14px; font-weight:bold; color:#0a3b79; line-height:34px; margin:34px 0 0 0; text-align:center;}
.contact span{font-size:12px; color:#706d6d;}
.chat{float:left; width:63px; margin-top:16px; margin-left:10px;}
.nav{width:983px; float:left;}
.tab-bg{background:url(images/nav-bg.gif) repeat-x; border-right:1px solid #9cd6ff; border-left:1px solid #9cd6ff; float:left; width:990px;}
.tabs{margin:0 0 0 12px; padding:0px 0 0 5px;}
.tabs a{font-size:12px; text-decoration:none; font-weight:bold; color:#333333;}
.content{ margin:0 auto 20px 0; padding:11px 0 0 0;}
.content-inn{width:990px; margin:0 auto 25px auto; padding:11px 0 0 0;}
.welcome{width:702px; float:left;}
.welcome h1{margin:0; padding:0; font-size:20px;}
.welcome p{margin:4px 0 15px 0;}
.quote{width:197px; height:216px; min-height:216px !important;  float:right; background:url(images/quote.gif) top no-repeat; color:#333333; text-align:center; padding:0 16px 3px 7px;}
.quote span{ font-size:17px; float:left; font-weight:bold; margin:4px 0 11px 0px; color:#333333; text-align:left;}
.quote td{font-size:12px;}
.quote .span{float:left; width:65px; text-align:right; font-size:12px;}
.quote .input{width:123px; border:1px solid #333333; height:16px; margin:2px 0 1px 6px;}
.quote .textarea{width:123px;  margin:0 0 5px 6px; overflow:hidden; height:38px; border:1px solid #333333;}
.div{width:12px; float:left;}
.blocks{width:992px; margin:0 auto; float:left; padding:1px 0 24px 0;}
.project{width:325px;  float:left; height:303px; min-height:303px !important; border:1px solid #000; text-align:center;}
.heading{color:#ffffff; text-align:left; background:url(images/project.gif) no-repeat top; float:left; width:315px; line-height:34px; font-size:18px; font-weight:bold; padding-left:10px;}
.project-img{width:265px; display:block; position:relative; height:196px; float:left; overflow:hidden; margin-left:30px; margin-top:30px;}
.project-img img{width:265px; height:196px;}
.latestLoading{position:absolute; width:325px; height:269px; vertical-align:middle; text-align:center;}
.pre{width:25px; float:left; padding:73px 0 0 5px;}
.next{width:25px; float:left; padding:73px 0 0 0;}
.blog{width:325px; background: url(images/blog-bg.gif) bottom repeat-x #fdfeff; margin:0 5px; height:303px; min-height:303px !important; float:left;  border:1px solid #000; text-align:left;}
.heading1{color:#ffffff; text-align:left; background:url(images/blog.gif) no-repeat top; float:left; width:315px; line-height:34px; font-size:18px; font-weight:bold; padding-left:10px; margin-bottom:11px;}
.blog .text{width:284px; padding-left:5px; float:left;}
.blog .image{width:78px; height:65px; border:1px solid #000; background-color:#fbfbfb; text-align:center; padding-top:6px;}
.forum{width:325px;  float:left; height:303px; min-height:303px !important; border:1px solid #000; text-align:left;}
.heading2{color:#ffffff; text-align:left; background:url(images/forum.gif) no-repeat top; float:left; width:315px; line-height:34px; font-size:18px; font-weight:bold; padding-left:10px; margin-bottom:11px;}
.services{background:url(images/services.gif) right bottom no-repeat; height:178px; min-height:178px !important;  width:284px; float:left; margin:0 0 0 28px;}
.services ul{margin:0 0 0 4px; padding:0;}
.services li{margin:0; padding:0 0 5px 22px; list-style:none; background:url(images/arrow.gif) no-repeat 0 3px;}
.services span{margin:0 0 18px 0; padding:0; font-size:17px; color:#0a3b79; font-weight:bold;}
.services h6 span{color:#7d7e80;}
.product{width:339px; float:left; margin:0 0 0 67px;}
.product ul{margin:0 0 0 4px; padding:0;}
.product li{margin:0; padding:0 0 5px 22px; list-style:none; background:url(images/arrow.gif) no-repeat 0 3px;}
.product span{margin:0 0 18px 0; padding:0; font-size:17px; color:#0a3b79; font-weight:bold;}
.product h6 span{color:#7d7e80;}
#footer a{font-family:arial; font-size:12px; color:#333333; text-decoration:none;}
#footer{background:url(images/gray.gif) repeat-x; width:100%; line-height:44px; margin:0 auto; text-align:center;}
a{font-family:arial; font-size:12px; color:#333333; text-decoration:none;}
.home{width:57px; float:left; text-align:center; margin-right:54px;}
.webs{width:104px; float:left; text-align:center; margin-right:35px;}
.web{width:104px; float:left; text-align:center; margin-right:37px;}
.promo{width:104px; float:left; text-align:center; margin-right:55px;}
.ready{width:98px; float:left; text-align:center; margin-right:57px;}
.power{width:82px; float:left; text-align:center; margin-right:61px;}
.contact1{width:82px; float:left; text-align:center;}

.contact-mid{ width:746px; float:left;}
.contact-mid .h1{font-size:14px; height:31px; background:url(images/contact-bg.gif) repeat-x; color:#333333; font-weight:bold; border:1px solid #5e5e5e;}
.contact-mid h1{ padding:8px 0 0 4px; float:left;}
.produts-in{width:664px; padding:0px 0 0 3px; margin-top:15px;}
.produts-in h2{font-size:16px; font-family:arial; margin:0; padding:0; color:#045493;}
.produts-in span{line-height:20px; width:516px; float:left;}
.font{color:#023761; font-size:14px; font-weight:bold; margin-top:10px; width:400px;}
.produts-in ul{margin:0;  padding:0; color:#023761; font-size:14px; font-weight:bold;}
.produts-in li{margin:13px 0 0 25px; padding:0 0 0 15px; background:url(images/red-dot.gif) no-repeat 0 5px; list-style:none; color:#333333; font-size:12px;}
.produts-in li a{font-size:12px; font-weight:bold; text-decoration:none; color:#333333;}
.box{ width:738px;}
.box .shape{width:227px; height:135px; margin:15px 0 0 0; float:left;}
.box .view{text-align:right;}
.box .design{background:url(images/design-box.gif) no-repeat; height:105px; padding:5px;}
.box .space{ padding-right:28px;}
#div1{background:url(images/portfolio.gif) no-repeat; width:195px; float:left; height:28px; margin-top:1px;}
.list{width:650px;}
.list h1{color:#0765BC; font-size:12px; font-weight:bold; margin:0; background:none; border:none; padding:0 10px; height:14px;}
.list h2{color:#000; font-size:12px; font-weight:bold; margin:0 0 5px 0; background:none; border:none; padding:0 10px;}
.list ul{margin:0 0 0 10px; padding:0;}
.list li{margin:0; padding:0 0 10px 24px; list-style:none; background:url(images/arrow-blue.gif) no-repeat 0 2px;}
.list span{ color:#0765bc; margin:10px 0; font-weight:bold;}
.line{border-bottom:1px solid #0664bb; margin:5px 0 10px 0;}
.line-career{border-bottom:1px solid #0664bb; margin:5px 0 0px 0;}
.height{height:5px;}
.div-space{padding-left:10px; }
.div-space1{padding:20px 0 0 10px; font-weight:bold; }
.div-space1 .span{color:#0765bc; margin:0; padding:0; width:auto; float:none;}
.t{background:url(img/dot.gif) 0  0 repeat-x; width:220px;}
.b {background: url(img/dot.gif) 0 100% repeat-x}
.l{background:url(img/dot.gif) 0  0  repeat-y;}
.r{background:url(img/dot.gif) 100%  0  repeat-y;}
.bl{background:url(img/buttom-left.gif) 0 100% no-repeat;}
.br{background:url(img/buttom-right.gif) 100% 100% no-repeat;}
.tl{background:url(img/left-top.gif) 0 0 no-repeat;}
.tr{background:url(img/right-top.gif) 100% 0 no-repeat; padding:10px;}
.content2{padding:0px;}
.content2 ul{margin:0px;
padding:0px;}
.content2 li{ list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px;}

.mainbox{width:746px;
margin:0 auto;
padding:0px;}	
.main-left{margin:0px;
padding:0px;
float:left;}
.main-middle{background-image:url(img/bg-center.gif); background-repeat:repeat-x;
height:40px;
float:left;
width:734px;}
.main-right{margin:0px;
padding:0px;
float:right;}
.icon-top{background-image:url(img/one.gif); background-repeat:no-repeat;
height:34px;
margin-top:2px;
padding-left:40px; padding-top:5px;
font-size:19px;
font-style:normal;
font-weight:bold;}
.mainbottom{margin:0px;
padding:0px;}

.middle-box{width:744px;
margin:0px;
padding:10px 0 0 0;
border:solid 1px #020202;
border-bottom:none;
border-top:none;
}

.static-web{ background-color:#fafaf9;
width:236px;
margin:0px;
padding:0px;
float:left;
}
.static-left{margin:0px;
padding:0px; float:left;}
.static-middle{ background-image:url(img/middle.gif); background-repeat:repeat-x;
height:38px;
width:224px;
margin:0px;
padding:0px;
float:left;}
.static-right{margin:0px;
padding:0px;
float:right;}

.staic-img{background-image:url(img/two.gif); background-repeat:no-repeat;
height:32px;
margin-top:2px;
padding:0px;}

.static-boxmain{ width:214px;
margin:0px;
padding:0px 10px;
border:solid 1px #000000;

border-bottom:none;
border-top:none;}

.static-bottom{background-image:url(img/buttom.gif); background-repeat:no-repeat;
width:236px;
height:6px;
margin:0px;
padding:0px;}
.content-new{margin:0px;
padding:10px 0 0 0;}
.content-new ul{margin:0px;
padding:0px;}

.content-new li{ background-image:url(img/arrow.gif); background-repeat:no-repeat;
font-size:12px; margin:0;
padding:0 0 0 20px;
margin-left:0; margin-bottom:10px;
list-style-type:none; float:left; width:189px;
}
.view-btn{ margin-left:30px;
padding-top:20px;
padding:0px;}

.span{margin:0px;
padding:0px;
float:right; margin-right:4px;
}
.staic-img h1, .CMS-img h1, .e-commerce-img h1{ margin:0px;
padding-left:40px;
padding-top:8px;
font-size:14px;
font-style:normal;
font-weight:bold;
color:#ffffff;}

.redesign-img h2, .seo-img h2, .ppc-img h2{ margin:0px;
padding-left:30px;
padding-top:5px;
font-size:14px;
font-style:normal;
font-weight:bold;
color:#ffffff;}
.span1{margin:0px;
padding:0px;
float:right; margin-right:4px;
margin-top:112px; }

.main-designbox{width:729px;
margin:0 auto;
padding:0px;}

.main-designbox1{width:729px;
margin:0 auto;
margin-top:10px;
padding:0px;
}

.CMS{ background-color:#fafaf9;
width:236px;
margin-left:10px;
padding:0px;
float:left;
}
.CMS-left{margin:0px;
padding:0px; float:left;}
.CMS-middle{ background-image:url(img/middle.gif); background-repeat:repeat-x;
height:38px;
width:224px;
margin:0px;
padding:0px;
float:left;}

.CMS-right{margin:0px;
padding:0px;
float:right;}

.CMS-img{ background-image:url(img/cms.gif); background-repeat:no-repeat;
height:32px;
margin-top:2px;
padding:0px;}

.CMS-boxmain{ width:214px;
margin:0px;
padding:0px 10px;
border:solid 1px #000000;

border-bottom:none;
border-top:none;}

.CMS-bottom{background-image:url(img/buttom.gif); background-repeat:no-repeat;
width:236px;
height:6px;
margin:0px;
padding:0px;}

.content1{margin:0px;
padding:10px 0 0 0;}
.content1 ul{margin:0px;
padding:0px;}

.content1 li{ background-image:url(img/arrow.gif); background-repeat:no-repeat;
font-size:12px; margin:0;
padding:0 0 0 20px;
margin-left:0; margin-bottom:13px;
list-style-type:none; float:left; width:189px;
}

.e-commerce{ background-color:#fafaf9;
width:236px;
margin-left:10px;
padding:0px;
float:left;
}
.e-commerce-left{margin:0px;
padding:0px; float:left;}
.e-commerce-middle{ background-image:url(img/middle.gif); background-repeat:repeat-x;
height:38px;
width:224px;
margin:0px;
padding:0px;
float:left;}

.e-commerce-right{margin:0px;
padding:0px;
float:right;}

.e-commerce-img{background-image:url(img/e-commerce.gif); background-repeat:no-repeat;
height:32px;
margin-top:2px;
padding:0px;}

.e-commerce-boxmain{ width:214px;
margin:0px;
padding:0px 10px;
border:solid 1px #000000;

border-bottom:none;
border-top:none;}

.e-commerce-bottom{background-image:url(img/buttom.gif); background-repeat:no-repeat;
width:236px;
height:6px;
margin:0px;
padding:0px;}

.content-2{margin:0px;
padding:10px 0 0 0;}
.content2 ul{margin:0px;
padding:0px;}

.content-2 li{ background-image:url(img/arrow.gif); background-repeat:no-repeat;
font-size:12px; margin:0;
padding:0 0 0 20px;
margin-left:0; margin-bottom:20px;
list-style-type:none; float:left; width:189px;
}

.seo{ background-color:#fafaf9;
width:236px;
margin-left:10px;
padding:0px;
float:left;
}
.seo-left{margin:0px;
padding:0px; float:left;}

.seo-middle{ background-image:url(img/middle.gif); background-repeat:repeat-x;
height:38px;
width:224px;
margin:0px;
padding:0px;
float:left;}

.seo-right{margin:0px;
padding:0px;
float:right;}

.seo-img{ background-image:url(img/seo.gif); background-repeat:no-repeat;
height:32px;
margin-top:6px;
padding:0px;}

.seo-boxmain{ width:214px;
margin:0px;
padding:0px 10px;
border:solid 1px #000000;

border-bottom:none;
border-top:none;}

.seo-bottom{background-image:url(img/buttom.gif); background-repeat:no-repeat;
width:236px;
height:6px;
margin:0px;
padding:0px;
margin-bottom:30px;}

.content1{margin:0px;
padding:10px 0 0 0;}
.content1 ul{margin:0px;
padding:0px;}

.content1 li{ background-image:url(img/arrow.gif); background-repeat:no-repeat;
font-size:12px; margin:0;
padding:0 0 0 20px;
margin-left:0; margin-bottom:13px;
list-style-type:none; float:left; width:189px;
}

.keyword{margin:0px;
padding-left:25px;
font-weight:bold;
font-style:normal;
padding-bottom:5px;}

.ppc{ background-color:#fafaf9;
width:236px;
margin-left:10px;
padding:0px;
float:left;
}
.ppc-left{margin:0px;
padding:0px; float:left;}
.ppc-middle{ background-image:url(img/middle.gif); background-repeat:repeat-x;
height:38px;
width:224px;
margin:0px;
padding:0px;
float:left;}

.ppc-right{margin:0px;
padding:0px;
float:right;}

.ppc-img{background-image:url(img/ppc.gif); background-repeat:no-repeat;
height:32px;
margin-top:4px;
padding:0px;}

.ppc-boxmain{ width:214px;
margin:0px;
padding:0px 10px;
border:solid 1px #000000;
border-bottom:none;
border-top:none;
}

.ppc-bottom{background-image:url(img/buttom.gif); background-repeat:no-repeat;
width:236px;
height:6px;
margin:0px;
padding:0px;
margin-bottom:30px;}

.content3{margin:0px;
padding:10px 0 0 0;}
.content3 ul{margin:0px;
padding:0px;}

.content3 li{ background-image:url(img/arrow.gif); background-repeat:no-repeat;
font-size:12px; margin:0;
padding:0 0 0 20px;
margin-left:0; margin-bottom:20px;
list-style-type:none; float:left; width:189px;
}
.redesign{ background-color:#fafaf9;
width:236px;
padding:0px;
float:left;
}
.redesign-left{margin:0px;
padding:0px; float:left;}
.redesign-middle{ background-image:url(img/middle.gif); background-repeat:repeat-x;
height:38px;
width:224px;
margin:0px;
padding:0px;
float:left;}

.redesign-right{margin:0px;
padding:0px;
float:right;}

.redesign-img{background-image:url(img/redesign.gif); background-repeat:no-repeat;
height:32px;
margin-top:4px;
padding:0px;}

.redesign-boxmain{ width:214px;
margin:0px;
padding:0px 10px;
border:solid 1px #000000;
border-bottom:none;
border-top:none;
}

.redesign-bottom{background-image:url(img/buttom.gif); background-repeat:no-repeat;
width:236px;
height:6px;
margin:0px;
padding:0px;
}

.content3{margin:0px;
padding:10px 0 0 0;}
.content3 ul{margin:0px;
padding:0px;}

.content3 li{ background-image:url(img/arrow.gif); background-repeat:no-repeat;
font-size:12px; margin:0;
padding:0 0 0 20px;
margin-left:0; margin-bottom:20px;
list-style-type:none; float:left; width:189px;
}

#SliderContainer{
	padding-left:235px;
/*	background-color:bg.gif;*/
	padding-top:5px;
	padding-bottom:5px;
}