body{
margin:0 0;
background-image:url(../images/stripe.png);
background-repeat:repeat;
background-attachment : fixed
}
.site{
	font-family:CordiaUPC, "Cordia New", "Cordia News";
	font-size:23px;
	color:#000000;
}
#mean {
	width: 1024px;
	margin:0 auto;
}
#header{
	float:left;
	width:1024.5px;
	height:31px;
	background:url(../images/bg_header8.jpg);
}

#logo{
	float:left;
	width:515px;
	height:145px;
	margin-left:15px;
	background:url(../images/logo.gif);
}
#topflash{
	float:left;
	height:145px;
	width:462px;
	margin-right:15px;
}
#navigator{
	margin-top:-3px;
	float:center;
	width:990px;
	height:52px;
	margin-left:-1.5px;
}
#coverlink{
	float:left;
	width:990px;
	height:52px;
	margin-left:17px;
}
.naviboderR{
	float:left;
	width:19px;
	height:50px;
	background:url(../images/navi_boderR.gif);
}
.navihome{
	float:left;
	width:66px;
	height:44px;
}
.navihome a{
	float:left;
	width:66px;
	height:44px;
	background:url(../images/navi_home.gif);
	font-family:CordiaUPC, "Cordia New", "Cordia News";
	font-size:23px;
	text-align:center;
	color:#FFFFFF;
	text-decoration: none;
	padding-top:6px;
}
.navihome a:hover{
	float:left;
	width:66px;
	height:44px;
	background:url(../images/navi_home-hove.gif);
}
.naviemarket{
	float:left;
	width:114px;
	height:44px;
}
.naviemarket a{
	float:left;
	width:114px;
	height:44px;
	background:url(../images/navi_e-maket.gif);
	font-family:CordiaUPC, "Cordia New", "Cordia News";
	font-size:23px;
	text-align:center;
	color:#FFFFFF;
	text-decoration: none;
	padding-top:6px;
}
.naviemarket a:hover{
	float:left;
	width:114px;
	height:44px;
	background:url(../images/navi_e-maket-hover.gif);
}
.naviwebdesign{
	float:left;
	width:107px;
	height:44px;
}
.naviwebdesign a{
	float:left;
	width:107px;
	height:44px;
	background:url(../images/navi_webdesign.gif);
	font-family:CordiaUPC, "Cordia New", "Cordia News";
	font-size:23px;
	text-align:center;
	color:#FFFFFF;
	text-decoration: none;
	padding-top:6px;
}
.naviwebdesign a:hover{
	float:left;
	width:107px;
	height:44px;
	background:url(../images/navi_webdesign-hover.gif);
}
.naviprogramming{
	float:left;
	width:150px;
	height:44px;
}
.naviprogramming a{
	float:left;
	width:150px;
	height:44px;
	background:url(../images/navi_webprogramming.gif);
	font-family:CordiaUPC, "Cordia New", "Cordia News";
	font-size:23px;
	text-align:center;
	color:#FFFFFF;
	text-decoration: none;
	padding-top:6px;
}
.naviprogramming a:hover{
	float:left;
	width:150px;
	height:44px;
	background:url(../images/navi_webprogramming-hover.gif);
}
.navitraining{
	float:left;
	width:79px;
	height:44px;
}
.navitraining a{
	float:left;
	width:79px;
	height:44px;
	background:url(../images/navi_training.gif);
	font-family:CordiaUPC, "Cordia New", "Cordia News";
	font-size:23px;
	text-align:center;
	color:#FFFFFF;
	text-decoration: none;
	padding-top:6px;
}
.navitraining a:hover{
	float:left;
	width:79px;
	height:44px;
	background:url(../images/navi_training-hover.gif);
}
.navicompany{
	float:left;
	width:91px;
	height:44px;
}
.navicompany a{
	float:left;
	width:91px;
	height:44px;
	background:url(../images/navi_company.gif);
	font-family:CordiaUPC, "Cordia New", "Cordia News";
	font-size:23px;
	text-align:center;
	color:#FFFFFF;
	text-decoration: none;
	padding-top:6px;
}
.navicompany a:hover{
	float:left;
	width:91px;
	height:44px;
	background:url(../images/navi_company-hover.gif);
}
.navicontact{
	float:left;
	width:98px;
	height:44px;
}
.navicontact a{
	float:left;
	width:98px;
	height:44px;
	background:url(../images/navi_contact.gif);
	font-family:CordiaUPC, "Cordia New", "Cordia News";
	font-size:23px;
	text-align:center;
	color:#FFFFFF;
	text-decoration: none;
	padding-top:6px;
}
.navicontact a:hover{
	float:left;
	width:98px;
	height:44px;
	background:url(../images/navi_contact-hover.gif);
}
.naviwebbroad{
	float:left;
	width:104px;
	height:44px;
}
.naviwebbroad a{
	float:left;
	width:104px;
	height:44px;
	background:url(../images/navi_webboard.gif);
	font-family:CordiaUPC, "Cordia New", "Cordia News";
	font-size:23px;
	text-align:center;
	color:#FFFFFF;
	text-decoration: none;
	padding-top:6px;
}
.naviwebbroad a:hover{
	float:left;
	width:105px;
	height:44px;
	background:url(../images/navi_webboard-hover.gif);
}
.tap{
	float:left;
	width:5px;
	height:44px;
	font-size:23px;
	font-family:CordiaUPC, "Cordia New", "Cordia News";
	color:#FFFFFF;
	background:url(../images/tap.gif);
	padding-top:6px;
	
}
.naviboderL{
	float:left;
	width:17px;
	height:50px;
	background:url(../images/navi_boderL.gif);
}
#headerflash{
	float:left;
	width:999px;
	height:60px;
	margin-left:14px;
	margin-top:4px;
}
#center{
	float:left;
	width:1024px;
	height:auto;
	background:url(../images/bg_center.jpg);
}
#content{
	float:left;
	width:990px;
	height:auto;
	margin-left:18px;
	margin-top:0px;
}
#content2{
	float:left;
	width:990px;
	height:auto;
	margin-left:18px;
	margin-top:14px;
	font:Tahoma;
	font-size:14px;
}
.content1{
	float:left;
	width:990px;
	height:auto;
}
#seo{
	float:left;
	width:242px;
	height:165px;
	background:url(../images/seo_bg2.jpg) repeat-y top;
}
#training{
	float:left;
	width:242px;
	height:165px;
	margin-left:7px;
	background:url(../images/train_bg2.jpg) repeat-y top;
}
#webdesign{
	float:left;
	width:242px;
	height:165px;
	margin-left:7px;
	background:url(../images/webt_bg2.jpg) repeat-y top;
}
#hostimg{
	float:left;
	width:242px;
	height:165px;
	margin-left:7px;
	background:url(../images/host_bg2.jpg) repeat-y top;
}
.tilte{
	float:left;
	width:228px;
	margin-left:7px;
	margin-right:7px;
	font-family:CordiaUPC, "Cordia New", "Cordia News";
	font-size: 24pt;
	font-weight: bolder;
	color: #FFFFFF;
}
.tilte1{
	float:left;
	width:228px;
	margin-left:7px;
	margin-right:7px;
	margin-bottom:7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
}
.more1{
	float:left;
	width:131px;
	height:30px;
	margin-left:40px;
}
.more1 a{
	float:left;
	width:131px;
	height:30px;
	background:url(../images/more_seo.gif);
	font-family:CordiaUPC, "Cordia New", "Cordia News";
	font-size:18px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
}
.more1 a:hover{
	float:left;
	width:131px;
	height:30px;
	background:url(../images/more_seo-hover.gif);
}
.more2{
	float:left;
	width:131px;
	height:30px;
	margin-left:40px;
}
.more2 a{
	float:left;
	width:130px;
	height:30px;
	background:url(../images/more_training.gif);
	font-family:CordiaUPC, "Cordia New", "Cordia News";
	font-size:18px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
}
.more2 a:hover{
	float:left;
	width:130px;
	height:30px;
	background:url(../images/more_training-hover.gif);
}
.more3{
	float:left;
	width:130px;
	height:30px;
	margin-left:40px;
}
.more3 a{
	float:left;
	width:130px;
	height:30px;
	background:url(../images/more_webdesign.gif);
	font-family:CordiaUPC, "Cordia New", "Cordia News";
	font-size:18px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
}
.more3 a:hover{
	float:left;
	width:130px;
	height:30px;
	background:url(../images/more_webdesign-hover.gif);
}
.more4{
	float:left;
	width:130px;
	height:30px;
	margin-left:40px;
}
.more4 a{
	float:left;
	width:130px;
	height:30px;
	background:url(../images/more_hosting.gif);
	font-family:CordiaUPC, "Cordia New", "Cordia News";
	font-size:18px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
}
.more4 a:hover{
	float:left;
	width:130px;
	height:30px;
	background:url(../images/more_hosting-hover.gif);
}
.cont1{
	float:left;
	width:242px;
	height:auto;
}
.cont2{
	float:left;
	width:242px;
	height:auto;
	margin-left:7px;
}
.title2{
	float:left;
	width:237x;
	font-family: Tahoma;
	font-size: 14px;
	color:#ffffff;
	padding-right:5px;
}
.title3{
	float:left;
	width:600px;
	font-family: Tahoma;
	font-size: 13px;
	color: #333333;
	margin-left:5px;
	margin-right:5px;
}
.title3-0{
	font-family: "Cordia New";
	font-size: 24px;
	color: #ffffff;
	font-weight: bolder;
}
.title3-1{
	font-family: Tahoma;
	font-size: 14px;
	color: #000000;
	margin-right:5px;
}
.title4{
	color: #ffffff;
}
#client{
	float:left;
	width:362px;
	height:auto;
	margin-top:23px;
}
.titleclient{
	float:left;
	width:132px;
	height:36px;
}
.ourclient{
	float:left;
	width:362px;
	height:213px;
	font:Tahoma;
	font-size:12px;
}
.ourclient1{
	float:left;
	width:300px;
	height:590px;
	font:Tahoma;
	font-size:16px;
	margin-left:30px;
	border: 2px solid #CCCCCC;
}
#about{
	float:left;
	width:323px;
	height:auto;
	margin-top:26px;
	margin-left:16px;
}
#titleabout{
	float:left;
	width:323px;
	height:33px;
	background:url(../images/titleabout.gif);
}
#aboutus{
	float:left;
	width:323px;
	height:auto;
	background:url(../images/bg_about.gif) repeat-y top;
}
#titlenewsandevent{
	float:left;
	width:323px;
	height:33px;
	background:url(../images/titlenewsandevent.gif);
}
#newsandevent{
	float:left;
	width:323px;
	height:auto;
	background:url(../images/bg_about.gif) repeat-y top;
}
.textabout{
	float:left;
	width:310px;
	height:auto;
	margin-top:3px;
	margin-left:7px;
	margin-right:6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#footerabout{
	float:left;
	width:323px;
	height:19px;
	background:url(../images/footer_about.gif);
}
#ifacebook{
	float:left;
	width:auto;
	height:24;
	margin-top:37px;
	margin-left:16px;
}
#course{
	float:left;
	width:23px;
	height:auto;
	margin-top:25px;
	margin-left:35px;
}
#course01{
	float:left;
	width:600px;
	height:55px;
}
#course1{
	float:left;
	width:442px;
	height:54px;
	background:url(../images/course.jpg);
}
#titlecourse{
	float:left;
	width:147px;
	height:33px;
}
.textcourse{
	float:left;
	margin-left:10px;
	font-family: Tahoma;
	font-size: 11pt;
	color: #333333;
}
#footer{
	float:left;
	width:1024px;
	height:68px;
	background:url(../images/footer2.jpg);
}
#titlefootergroup{
	float:left;
	width:724px;
	font-family: Tahoma;
	margin-top:60px;
	margin-left: 255px;
	font-size:9pt;
	height:auto;
}
.titlefooter{
	float:left;
	font-family: Tahoma;
	margin-top:20px;
	font-size:9pt;
	height:auto;
	color: #999999;
}
.titlefooter a{
	float:left;
	font-family: Tahoma;
	font-size:9pt;
	text-align:center;
	text-decoration: none;
	color: #999999;
	height:auto;
}
.titlefooter a:hover{
	float:left;
	font-family: Tahoma;
	font-size:9pt;
	text-align:center;
	text-decoration: none;
	color: #0000FF;
	height:auto;
}
#menutitle{
	float:left;
	width:190px;
	height:23px;
	padding-left:10px;
	padding-top:10px;
	background-color:#150517;
	text-decoration:none;
	color:#ffffff;
}
#naviliftgrup{
	float:left;
	width:200px;
	margin-left:20px;
}
#naviliftgrup1{
	float:left;
	width:300px;
	height:417px;
	margin-left:20px;
	background:url(../images/IMG_17818.jpg);
}
.navilift{
	float:left;
	width:200px;
	height:30px;   
	margin-bottom:0px;
}
.navilift a{
	float:left;
	width:200px;
	height:30px;
	margin-bottom:1px;
	background-color:#868686;
	text-decoration:none;
	color: #FFFFFF;
}
.navilift a:hover{
	float:left;
	width:200px;
	height:30px;
	margin-bottom:3px;
	background-color:#e3e6e8;
	text-decoration:none;
	color:#000000;
}
.fontnavi{
	float:left;
	font:Tahoma;
	font-size:13px;
	margin-top:2px;
	margin-left:15px;
	padding-left:20px;
	padding-top:10px;
}

.fontnavi2{
	float:left;
	font:Tahoma;
	font-size:12px;
	margin-top:2px;
	margin-left:1px;
	padding-left:20px;
	padding-top:10px;
}
#naviright{
	float:left;
	width:140px;
}
#conright{
	float:left;
	width:600px;
	margin-left:10px;
	margin-right:10px;
}
#conright2{
	float:left;
	width:600px;
	margin-left:60px;
	margin-right:10px;
}
/*--------------------contact us---------------*/

#contact{
	margin:29px 0 26px 0; width:352px; float:left; font-size:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#FAF8F2; color:#313131;
	margin-left:100px;
	}
#contact p{
	background:url(../images/contact-top.gif) no-repeat 0 0; width:352px; height:14px;
	}
#contact p.bu{
	background:url(../images/contact-button.gif) no-repeat 0 0; width:352px; height:14px;
	}
#contact form {
	margin:0 0 0 0; height:315px; width:318px; border-left:#CBBD9A 1px solid; border-right:#CBBD9A 1px solid; 
	padding:11px 0 0 32px; font-size:0;
		}
#contact form h2{
	background:url(../images/contact_icon.gif) no-repeat 0 6px #FAF8F2; font:normal 24px/29px Arial, Helvetica, sans-serif; 
	padding:0 0 0 24px;	margin:0 0 11px 0; height:29px; width:191px; display:block; text-indent:0px; color:#765914;
	} 
#contact form label{
	font-size:11px; text-transform:uppercase; line-height:14px; font-weight:bold; float:left; margin:5px 15px 0 0; padding:0 0 0 0;
	display:block; width:73px;
	}
#contact form input{
	background:url(../images/contact_input.gif) no-repeat 0 0 #E9DFC6 ; padding:1px; display:block; width:189px; height:22px;
	border:none; float:left; margin:0 0 12px 0; color:#000000;
	}
#contact form label.comment{
	background:url(../images/comm.gif) no-repeat 2px 3px; margin:0; padding:0 0 0 17px; font-size:11px; 
	text-transform:uppercase; line-height:14px; font-weight:bold; float:left; width:61px;
	}
#contact form textarea{
	background:url(../images/text_area.gif) no-repeat 0 0 #E9DFC6; width:191px; height:83px; border:none; color:#000000;
	margin:0 0 0 10px; float:left;
	}
#contact form input.submit{
	background:url(../images/submit.gif) no-repeat 0 0; width:90px; height:10px; border:none; cursor:pointer; 
	 margin:13px 0 0 0; font-size:0; padding:0 0px 0 0; float:right;
	}
#address{
	float:left;
	width:352px;
	font:Tahoma;
	font-size:14px;
	margin-left:100px;
}
/*----------------archives-------------*/

.navi1{
float:left;
}
.navi2{
float:left;
}
.navi3{
float:left;
}
.navi4{
float:left;
}
.navi5{
float:left;
}
.navi6{
float:left;
}
.navi7{
float:left;
}
a{
	text-decoration:none;
	color: #0033FF;
}
a:hover{
	text-decoration:none;
	color:#FFFFFF;
}
.tb{
	float:left;
	width:300px;
	margin-left:30px;
}
.tb1{
	float:left;
	width:200px;
	margin-left:100px;
}
.tap1{
	float:left;
	width:5px;
	background:url(images/tap.gif);
	margin-left:3px;
	margin-right:3px;
}
/*----------------training--------------*/

.titletr{
	float:left;
	width:427px;
	height:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left:15px;
	padding-top:3px;
	background:url(../images/title.jpg);
}
.tab{
margin-left:-1002px;
margin-top:0px;	

	
}
.tab1{
	margin-top:-40px;	
margin-left:-8px;

}
.tab2{
	margin-top:-75px;	
	margin-left:1002px;	
	
}
.font1{
	margin-top:15px;	

	
}

.mail {
	margin-left:100px;
margin-right:200px;
}
.right {
	margin-left:120px;
margin-right:200px;
}