/* CSS Default */
body{ padding:0px; margin:0px; background: url(../images/line-body.gif) left top repeat-x; height:100%;}
a{font:11px Tahoma; color:#f53705; text-decoration:none; cursor:pointer; border:none;}
a:hover{ text-decoration:none;}
*:focus{outline:none;}
img{ font-size:0px; border:none;}
input{ font-family:Verdana; font-size:11px; padding:2px 3px 1px;}
h1,h2,h3,h4,h5,h6{ font-family:Verdana; font-size:100%; margin:0px; padding:0px;}
.w_input{ width:300px;}

/* CSS Common */
.clear{ clear:both; font-size:0px; line-height:0; padding:0px; margin:0px;}


.wrapper{ width:970px; height:575px; overflow:auto; margin:0 auto; font:12px Tahoma; color:#1e2628; background:url(../images/bg-warpper.jpg) left top no-repeat; position:relative;}
.ln_end{ float:left; width:100%; height:35px; background:url(../images/line-ls_link.gif) left center repeat-x; line-height:0px; font-size:0px; margin:0px; padding:0px;}

/*Paging*/
/* Page Numbers */
.pages {  font: 11px/1.4 Tahoma; padding: 1em; margin: 1em 0; clear: left; text-align:center; }

.pages a, .pages span { color:#1e2628;  padding: 0.2em 0.5em; margin-right: 0.1em; border: 1px solid #fff; background: #fff;}

.pages span.current { border: 1px solid #CE0400; font-weight: bold; background: #CE0400; color: #fff;}

.pages a { border: 1px solid #999; text-decoration: none;}

.pages a:hover {  border-color: #CE0400;}

.pages a.nextprev {font-weight: bold;}

.pages span.nextprev {color: #666;}

.pages span.nextprev {border: 1px solid #ddd; color: #999;}

.pages .nextprev-next { float: right;}
		
/*Contact Form*/
#contact-area{ width:435px; margin:0px; padding:0px;}

#contact-area input{ padding:2px 5px; width: 250px; font:11px Tahoma; margin: 0px 0px 10px 0px; border: 1px solid #ccc;}
#contact-area input.w_input, #contact-area textarea{ width:300px;  padding:2px 5px; font:11px Tahoma; margin: 0px 0px 10px 0px; border: 1px solid #ccc;}
#contact-area input.input_capcha{width:120px; margin-top:3px;}
#contact-area input.file_input{width:242px; }
#contact-area .img_capcha img{width:124px; height:25px; float:left; margin-right:5px;}
#contact-area textarea {height: 90px;}
#contact-area .bor_img{width:100px; height:100px; border:1px solid #ccc; float:left; margin-bottom:10px;}
#contact-area .size_img{float:left; margin-left:10px; font-style:italic; margin-top:40px;}
#contact-area input.submit-button {font:bold 12px Tahoma; color:#fff; width:100px; cursor:pointer; background-color:#f53705; border:none;}
#contact-area input.submit-file{font:12px Tahoma; color:#676565; width:50px;cursor:pointer; background-color:#ebebeb; border:none;}

label {font:12px Tahoma; float: left; text-align:left; margin-right: 15px; width: 150px; padding-top: 5px; }
label.w_label{float: left; text-align:left; margin-right: 15px; width:100px; padding-top: 5px;}

/*Css logo*/									
.logo{width:137px; height:102px; position:absolute; left:0px; top:289px; z-index:10;}
.logo img{width:137px; height:95px;}

.web_design{width:196px; height:68px; position:absolute; left:380px; top:240px;}
.seo{width:81px; height:68px; position:absolute; left:581px; top:253px;}
.software{width:148px; height:68px; position:absolute; left:662px; top:238px;}
.network{width:148px; height:68px; position:absolute; left:817px; top:263px;}

h1.ico_web{width:200px; height:25px; position:absolute; left:370px; top:75px; background:url(../images/thiet-ke-website-ico.gif) left top no-repeat; text-indent:-999999px; }
h1.ico_seo{width:73px; height:25px; position:absolute; left:370px; top:75px; background:url(../images/seo.gif) left top no-repeat; text-indent:-999999px; }
h1.ico_phantichseo{width:250px; height:25px; position:absolute; left:370px; top:75px; background:url(../images/phan-tich-seo.gif) left top no-repeat; text-indent:-999999px; }

h1.ico_soft{width:150px; height:25px; position:absolute; left:370px; top:75px;background:url(../images/software.gif) left top no-repeat; text-indent:-999999px; }
h1.ico_net{width:140px; height:25px; position:absolute; left:370px; top:75px; background:url(../images/network.gif) left top no-repeat; text-indent:-999999px;}
.ico_part{width:117px; height:25px; position:absolute; left:370px; top:75px; }
.ico_news{width:116px; height:25px; position:absolute; left:370px; top:75px; }
.ico_employ{width:197px; height:25px; position:absolute; left:370px; top:75px; }
.ico_cust{width:197px; height:25px; position:absolute; left:370px; top:75px; }
.ico_answer{width:127px; height:25px; position:absolute; left:370px; top:75px; }
.ico_layout{width:189px; height:25px; position:absolute; left:370px; top:75px; }
.ico_link{width:189px; height:25px; position:absolute; left:370px; top:75px; }



/*Css Close*/
.btn_close{width:63px; height:17px; background:url(../images/btn-close.gif) left center no-repeat; position:absolute; right:8px; top:80px; text-align:center; padding-top:3px;}
.btn_close a{ font:12px Tahoma; color:#484848;}
.btn_close a:hover{text-decoration:none; color:#fff;}
/*Css Content*/
.content{width:598px; height:360px; background:url(../images/bg-content.gif) left top no-repeat; float:right; margin-top:100px; padding:10px 0px 0px 10px}
h2.banner-web{width:588px; height:148px; text-indent:-999999px; background:url(../images/seo-banner.jpg) left top no-repeat;}
h2.banner-web-design{width:588px; height:148px; text-indent:-999999px; background:url(../images/thiet-ke-website-banner.jpg) left top no-repeat;}
h2.banner-web-net{width:588px; height:148px; text-indent:-999999px; background:url(../images/thi-cong-he-thong-mang-banner.jpg) left top no-repeat;}
h2.banner-web-soft{width:588px; height:148px; text-indent:-999999px; background:url(../images/gia-cong-phan-mem-banner.jpg) left top no-repeat;}
h2.banner-phan-tich-seo{width:588px; height:148px; text-indent:-999999px; background:url(../images/phan-tich-seo.jpg) left top no-repeat;}

/*Css footer*/	
.footer{width:324px; height:132px;  position:absolute; left:7px; top:300px; font:11px Tahoma; color:#010101; text-align:right; z-index:1;}	
.footer *{padding:0px; margin:0px;}
.footer p{padding:2px 0px; margin:0px; }
.footer span{color:#6b6a6a;}
.footer a{font:11px Tahoma; color:#fa6b02; text-decoration:none;}
.footer a:hover{text-decoration:underline;}	

/* ================ DOCK 1 ================ */
#dock { position: absolute; top: 40px;   z-index:1000; text-align:center; left:0px; z-index:3;}
.dock-container { position: relative; top: 0px; height: 50px; padding-left: 20px;}
a.dock-item { display: block;  position: absolute; right:0px; bottom: 0; text-align: center; text-decoration: none; color:#fa6b02; font-weight:bold; text-decoration:none; }
.dock-item span { display: none; padding-left:0px; text-align:left;  width:150px; }
.dock-item img { border: 0; margin: 5px 0px 0px; width:85%; }

 .link_part{padding:0px;}
	 .link_part a{font:bold 12px Tahoma; color:#ce0400; text-decoration:none;}
	 .link_part a:hover{text-decoration:underline;}
	 .ls_part{margin:0px; padding: 0px;}
	 .ls_part .show_part img{width:87px; height:87px; float:left; margin-right:10px; border:1px solid #cecece; padding:2px;}
	

	.ls_cust ul{margin:0px; padding: 0px; list-style-type:none;}
	  .ls_cust ul li{width:117px; height:117px; float:left; margin:0 10px 10px 10px; display:inline; text-align:center;}
	  .ls_cust ul li .link_cust a{font:bold 12px Tahoma; color:#ce0400; text-decoration:none;}
	  .ls_cust ul li .link_cust a:hover{text-decoration:underline;}
	 .ls_cust ul li .show_cust img{width:87px; height:57px; border:1px solid #cecece; padding:2px;}
	 
.zitatbox {
	margin-left:20px;
	padding:5px 0;
	width:505px;
	border-top:1px solid #EEEEFF; 
	border: dashed #0387B0;
}

.zitatbox img {
border:2px solid #FFFFFF;
float:left;
margin-right:23px;
}

.subtitle {
	border:medium none;
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
	line-height:1.5em;
	margin-left:20px;
	padding:0;
}

.topcustomer {
	color:#333333;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:80%;
	font-weight:normal;
	margin-left:20px;
}

blockquote {
	color:#333333;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:1.5em;
	padding-left:54px;
}