@charset "utf-8";
/* CSS Document */


body{background:#FDFDFD; color: #000000; font-family: Calibri; font-size: 15px;  line-height: 18px; margin:0px; padding:0px;}

#topbar{width:100%;  float:left; margin:0px; padding:0px; background:url(../images/topBg.jpg) repeat-x;}

.clear{ clear:both;}

#main_container{width:1000px; margin:auto;}

#top-header{width:1000PX; margin:0px; padding:0px; float:left;}



#top_navigation{width:350px; height:50px; margin:0px; padding:0px; float:right;}

.left_warper{width:180px; margin:0px; padding:0px; float:left; margin-left:220px;}

.callus1{width:150px; height:40px; margin-top:0px; padding-left:55px; padding-top:10px; float:left; background:url(../images/gt.png) no-repeat 5px 0; font-size:12px; color:#000000;}
.callus222{width:100px; height:40px; margin-top:0px; padding-left:55px; float:left; background:url(../images/icon2.png) no-repeat 5px 0; font-size:12px; color:#000000;}

.rignt_warp{width:285px; margin-top:0px; padding:0px; float:right;}

.rignt_warp ul{margin:0px; padding:0px;}

.rignt_warp ul li{margin:0px; padding:0px; text-decoration:none; float:left; list-style:none; display:block; height:35px; background:#000000;}

.rignt_warp a{margin:10px 20px; padding:0px; text-decoration:none; float:left; list-style:none; display:block; color:#FFFFFF; font-size:12px;}


.rignt_warp1{width:215px; margin-top:0px; padding:0px; float:right;}

.rignt_warp1 ul{margin:0px; padding:0px;}

.rignt_warp1 ul li{margin:0px; padding:0px; text-decoration:none; float:left; list-style:none; display:block;}

.rignt_warp1 a{margin:10px 5px; padding:0px; text-decoration:none; float:left; list-style:none; display:block; color:#FFFFFF; font-size:12px;}




.logo{width:135px; height:94px; margin:0px; padding:0px; float:left}

#navigation{width:1200px;; margin-top:35px; padding:0px; float:left; z-index: 1000; margin-left:-100px;}


#navigation ul{margin:0px; padding:0px;}

#navigation ul li{margin:0px; padding:0px; text-decoration:none; float:left; list-style:none;}

#navigation a{margin:10px 48px; padding:0px; text-decoration:none; float:left; list-style:none; color:#FFFFFF; font-size:20px; font-family:"Times New Roman";}

#navigation a:hover{text-decoration:underline;}

#navigation ul li ul{ display:none;}
#navigation ul :hover ul{ display:block; width:200px; height:auto; margin:34px 0px 0px 0px; position:absolute; z-index:1000;}

#navigation ul ul li{text-decoration:none; width:100%; list-style:none; display:block;  border-top:#fff 1px solid; z-index: 1000;}
#navigation ul ul li:hover{text-decoration:none; width:100%; list-style:none; display:block;  background:#fe0000; z-index: 1000;}


#navigation ul ul li a{text-decoration:none; list-style:none; display:block; color:#FFFFFF; font-size:14px; font-family:"Times New Roman"; z-index: 1000; }

#navigation ul ul li a:hover{text-decoration:none; z-index: 1000;}
.ulbg{background:#000; z-index: 1000;}







#banner{width:1000px; height:400px; margin:0px; padding:0px; float:left; margin-top:-2px; }

#middle_container{width:1000px; margin:0px; padding:0px; float:left; background:#fff; margin-top: 20px;}

#seo{width:330px; height:85px; margin:40px 1px 0; padding:0px; float:left;}

#website{width:330px; height:85px; margin:40px 1px 0; padding:0px; float:left;}

#software{width:330px; height:85px; margin:40px 1px 0; padding:0px; float:left;}


#textContiner{width:645px; margin-top:20px; margin-left:10px; padding:20px; float:left; border:1px solid #afafaf; border-radius:5px; background:#f7f7f9;}

#textContiner2{width:645px; margin-top:20px; margin-left:10px; padding:20px; float:left;}

.textBox{width:645px; color: #000000; font-family: Calibri; font-size: 15px;  line-height: 18px;  text-align: justify; float:left;}

.title2{ width:600px; color: ##505050; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 20px; float:left; }

.title3{color: #505050; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; font-weight:bold; float:left; }

.title4{color: #505050; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight:bold; }

.titleIcon{ margin:0px; padding:10px 10px 0 0; float:left; }

.titleName{margin:0px; padding:20px 0; float:left; font-family:Arial; font-size:25px; font-weight:normal; color:#000000; }

.textContinerLeft{width:325px; margin:0px;; padding:0px; float:left;}

.textContinerRight{width:300px; margin-left:20px;; padding:0px; float:left;}

.welcome{width:285px; height:auto; margin:0px; float:left;}


.imgbox{width:65px; height:60px; margin:0 10px; float:left;}

.title { color: #000; font-family: Calibri; font-size: 25px; font-weight:bold;}

.containtBox { width:100%; color: #000000; font-family: Calibri; font-size: 15px;  line-height: 18px; margin:0px;  text-align: justify;}

.more a{color: #008bec; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; margin:0px; float:right; text-decoration:none;}

.more a:hover{ text-decoration:underline;}

#right_continer{width:280px; margin-top:15px; margin-left:15px;  padding:0px; float:left;}

#letus{width:280px; margin:0px; padding:0px; float:left;}

.letusTitle{color: #000000; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 100%; font-weight:bold;}

.letusForm{width:255px; margin-top:5px; padding:10px; float:left; border:1px solid #afafaf; border-radius:5px;  background:#f7f7f9;}

.txt1{ width:140px; color:#000; line-height:18px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:justify;  float:left; margin:0px; padding:0px;}

 .inputxt {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    display: block;
    height: 20px;
    line-height: 28px;
    padding: 0 0 0 5px;
    width: 245px;
}

.txtarea {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border: 1px solid #CCCCCC;
    display: block;
    height: 25px;
    line-height: 15px;
    overflow: auto;
    padding: 5px;
    width: 240px;
}

.sub {
	width:134px;
	height:34px;
    background:url(../images/submit.png) no-repeat;
    border:none;
    padding:0px;
}


#footer{width:100%; height:327px; margin-top:20px; padding:0px; float:left; background:#000000 ;}

.footerBg{width:1000px;  margin:0px; padding:0px; float:left; background:url(../images/footer_glow.png) no-repeat; border-bottom:1px solid #3F3F3F;}


#footer_navibox{width:180px; margin:10px 10px; padding:0px; float:left; /* background:url(../images/footer_divider.png) repeat-y right; */}

#footer_navibox ul{ margin:0px; padding:0px;}

#footer_navibox ul li{  margin:0px; float:left; padding:0px; display:block; list-style:none; list-style:none; text-decoration:none;}

#footer_navibox a{width:160px; margin:5px 10px; padding:0px; display:block; font-size:13px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#fff; line-height:13px;}

/*#footer_navibox a:hover{ text-decoration:underline;} */

.footer_line{width:1000px; margin-top:10px;  padding:0px; float:left; }

.footer_text{ width:auto; margin:0 auto; padding:5px; font-size:11px; color:#48688c; text-align:left;}


.footer_line{width:1000px; margin-top:10px;  padding:0px; float:left; }

.footer_text{ width:auto; margin:0 auto; padding:5px; font-size:11px; color:#fff; text-align:left;}


#payment{width:300px; margin:5px 0 0 10px; padding:0px; float:left;}

#payment_text{ width:260px; margin:10px 5px; padding:0px; float:left;font-size:16px; color:#fff; font-weight:bold;}

#payment_img{width:280px; margin:0px; padding:5px; float:left; }

#payment_img1{width:78px; height:61; margin:5px; padding:0px; float:left; }

#payment_img2{width:160px; height:61; margin:5px; padding:0px; float:left; }


.text_container{ width:650px;color:#000000; line-height:18px; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:justify;  float:left; margin:0px; padding:10px 20px 20px;}

.newbox{width:270px; margin:0px; margin-bottom:5px; padding:0px; float:left;}

#leftContainer{width:690px; height:auto; margin:0px; padding:0px; float:left;}

#rightContainer{width:290px; height:auto; margin:20px 5px; padding:0px; float:left;}



.about_right-sepbg {
    background:url(../images/abouticon2.png) no-repeat scroll 0 8px transparent;
    float: left;
    height: 300px;
    width: 30px;
}



.about_right-sepbg {
    background:url(../images/about_rightsep-bg.png) no-repeat scroll 0 8px transparent;
    float: left;
    height: 300px;
    width: 30px;
	margin-top:30px;
}

.about_right {
    float: left;
    padding-left: 15px;
    padding-top: 10px;
    width: 200px;
	margin-top:30px;
}


.about-list {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}



.about-list li {
    border-bottom: 1px solid #EEEEEE;
    color: #666666;
    font-size: 14px;
    height: 36px;
    padding-top: 10px;
    width: 200px;
}

.about-list .about {
    border-bottom: 1px solid #EEEEEE;
    color: #666666;
    font-size: 14px;
    height: 36px;
    padding-top: 10px;
    width: 200px;
	background:url(../images/abouticon2.png) no
}

.about-list a {
    color: #505050;
    font-weight: bold;
    line-height: 20px;
    text-decoration: none;
}

.about-list a:hover {
    color: #0190EC;
    font-weight: bold;
    line-height: 20px;
    text-decoration: none;
}


.active{
    color: #0190EC !important;
    text-decoration: none !important;
	  font-weight: bold;
}


#portfolio_data {
    float: left;
    margin: 25px 10px 25px 10px;
	padding:0px;
    width: 210px;
}

.portfolio_thumbnail{width:640px; margin:0px; padding:0px; float:left;}

.portfolio_img {
    background: no-repeat scroll center center #2C2C2C;
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    border-top: 1px solid #EEEEEE;
    box-shadow: 0 0 5px 0 #CCCCCC;
    display:block;
    height: 250px;
    margin: 5px;
    text-align: center;
    vertical-align: middle;
    width: 200px;
	float:left;
	padding-top:10px;
	}
	
.view{width:500px; height:46px; margin:0px; padding:0px; float:left;}

.jjp{ width:100%; height:auto; margin:0px; padding:0px;}
.jjp li{ list-style:none; text-decoration:none; float:left; border:3px #333333 solid; border-radius:5px; height:84px; }