/*
Theme Name:Quangtrung Server
Theme URL: http://www.quangtrungserver/
Description: Quangtrung Server
Version: 2.1
Author: Saad Rahman
Tags: Quangtrung Server
*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	text-align:left;
	color:#000;
	padding:0px;
	margin:0px;
	background:url(../images/bg.jpg) repeat-x #fff;
}
a {
	color:#94a004; 
	text-decoration:none;
	}
a:hover { 
	color:#000; 
	text-decoration: underline;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0px;
	line-height:normal;
	}
p {
	margin:0px;

	}		
form {
	margin:0px; 
	padding:0px;
	}	
img a {
	border:none;
}
ul, li { 
	list-style:none;
	padding:0px;
	margin:0px;
}

#page-wrapper {
	padding:0px;
	margin:0px auto;
	width:900px;
	}
/*Header Styles*/
#page-wrapper  #wrap-head {
	padding:20px 10px 0 10px;
	margin:0px;
	}
#page-wrapper  #wrap-head  #logo{
	padding:0px;
	margin:0px;
	width:402px;
	float:left;
	height:64px;
}
/*Navigatio*/	
#page-wrapper  #wrap-head #nav {
	margin:0px;
	padding:0px;
	float:right;
	width:auto;
	}
#page-wrapper  #wrap-head #nav  ul {
	margin:25px 0 0 0;
	padding:0px;
	list-style:none;
	}
#page-wrapper  #wrap-head #nav  ul li {
	float:left;
	width:auto;
	padding:0px;
	margin:0px;
	display:block;
}
#page-wrapper  #wrap-head #nav  ul li a {
	float:left;
	width:auto;
	display:block;
	padding:0px 13px;
	margin:0px;
	text-decoration: none;
	color:#ebebeb;
	font-size:14px;
}
#page-wrapper  #wrap-head #nav  ul li a:hover {
	text-decoration:none;
	color:#e1ed00;
	}
/*End*/

/* End top Header Styles*/

/* Home page content */	
#page-wrapper #banner {
	margin:0px auto;
	color:#fff;
	line-height:18px;
	width:888px;
	}
#wrap-banner #banner .innerpageheading {
	width:400px;
	height:33px;
	float:left;
	padding:15px 0px 0px 30px;
	font-family:"Arial MT";
	font-size:30px;
	color:#FFFFFF;
	}
#wrap-banner #banner .leftpanee {
	margin:0px auto;
	color:#fff;
	line-height:18px;
	width:228px;
	padding:0px;
	float:left;
	height:269px;
	background:url(../images/slideshownavibg.jpg) repeat-y;
	background-color:#000000;
	padding-top:8px;
	}

#wrap-banner #banner .slideshow{
	width:660px;
	padding:0px;
	height:276px;
	overflow:hidden;
	float:left;
	position:relative;
	background-color:#000000;
}
#wrap-banner #banner .slideshow h1{
	padding:15px 0 5px 0;
	margin:0;
	font-weight:normal;
	font-size:28px;
	
	}
#wrap-banner #banner .slideshow a.next {
	display:none;
	}
#wrap-banner #banner .slideshow .container {
	height:276px;
	overflow: hidden;
	width:7420px;
	float:left;
}	
	
#wrap-banner #banner .slideshow .slide-1{
	color:#fff;
	width:660px;
	float:left;
	height:276px;
	background:url(../images/webdesi.jpg) no-repeat;

}
.transparent{
	color:#fff;
	width:660px;
	float:left;
	height:76px;
	font-family:arial;
	font-size:12px;
	padding:7px 0px 0px 10px;
	margin-top:180px;
	background:url(../images/tranparent.png) repeat-x;
}
#wrap-banner #banner .slideshow .slide-1 img{
	float:right;
	padding:0px;
	margin:0;
}
#wrap-banner #banner .slideshow .slide-1 p{
	width:550px;
	margin:0px;
	padding:7px 10px 0 0;
	color:#fff;
	line-height:18px;
	float:left;
	}
#wrap-banner #banner .slideshow .slide-1 p img{
	float: left;
	text-align:center;
	padding:1px 0 0 0;
}	
#wrap-banner #banner .slideshow .slide-1 p.read{
	text-align:center;
	padding:10px 0 0 0;
}
#wrap-banner #banner .slideshow .slide-2{
	margin:0px auto;
	color:#fff;
	width:660px;
		height:276px;
	float:left;
	background:url(../images/seobanner.jpg) no-repeat;

}
#wrap-banner #banner .slideshow .slide-2 img{
	float:right;
	padding:0px;
	margin:0;
}
#wrap-banner #banner .slideshow .slide-2 p{
	width:550px;
	margin:0px;
	padding:7px 10px 0 0;
	color:#fff;
	line-height:18px;
	float:left;
	}
#wrap-banner #banner .slideshow .slide-2 p img{
	float: left;
	text-align:center;
	padding:1px 0 0 0;
}	
#wrap-banner #banner .slideshow .slide-2 p.read{
	text-align:center;
	padding:10px 0 0 0;
}
#wrap-banner #banner .slideshow .slide-3{
	margin:0px;
	color:#fff;
	width:660px;
	float:left;
			height:276px;
	background:url(../images/ecommerecebanner.jpg) no-repeat;
}
#wrap-banner #banner .slideshow .slide-3 img{
	float:right;
	padding:0px;
	margin:0;
}
#wrap-banner #banner .slideshow .slide-3 p{
	width:550px;
	margin:0px;
	padding:7px 10px 0 0;
	color:#fff;
	line-height:18px;
	float:left;
	}
#wrap-banner #banner .slideshow .slide-3 p img{
	float: left;
	text-align:center;
	padding:1px 0 0 0;
}	
#wrap-banner #banner .slideshow .slide-3 p.read{
	text-align:center;
	padding:10px 0 0 0;
}
#wrap-banner #banner .slideshow .slide-4{
	margin:0px auto;
	color:#fff;
	width:660px;
	float:left;
			height:276px;
	background:url(../images/progrbanner.jpg) no-repeat;
}
#wrap-banner #banner .slideshow .slide-4 img{
	float:right;
	padding:0px;
	margin:0;
}
#wrap-banner #banner .slideshow .slide-4 p{
	width:550px;
	margin:0px;
	padding:7px 10px 0 0;
	color:#fff;
	line-height:18px;
	float:left;
	}
#wrap-banner #banner .slideshow .slide-4 p img{
	float: left;
	text-align:center;
	padding:1px 0 0 0;
}	
#wrap-banner #banner .slideshow .slide-4 p.read{
	text-align:center;
	padding:10px 0 0 0;
}
#wrap-banner #banner .slideshow .slide-5{
	margin:0px auto;
	color:#fff;
			height:276px;
	width:660px;
	float:left;
		background:url(../images/flashbanner.jpg) no-repeat;
}
#wrap-banner #banner .slideshow .slide-5 img{
	float:right;
	padding:0px;
	margin:0;
}
#wrap-banner #banner .slideshow .slide-5 p{
	width:550px;
	margin:0px;
	padding:7px 10px 0 0;
	color:#fff;
	line-height:18px;
	float:left;
	}
#wrap-banner #banner .slideshow .slide-5 p img{
	float: left;
	text-align:center;
	padding:1px 0 0 0;
}	
#wrap-banner #banner .slideshow .slide-5 p.read{
	text-align:center;
	padding:10px 0 0 0;
}
#wrap-banner #banner .slideshow .slide-6{
	margin:0px auto;
			height:276px;
	color:#fff;
	width:660px;
	float:left;
	background:url(../images/analsye.jpg) no-repeat;
}
#wrap-banner #banner .slideshow .slide-6 img{
	float:right;
	padding:0px;
	margin:0;
}
#wrap-banner #banner .slideshow .slide-6 p{
	width:550px;
	margin:0px;
	padding:7px 10px 0 0;
	color:#fff;
	line-height:18px;
	float:left;
	}
#wrap-banner #banner .slideshow .slide-6 p img{
	float: left;
	text-align:center;
	padding:1px 0 0 0;
}	
#wrap-banner #banner .slideshow .slide-6 p.read{
	text-align:center;
	padding:10px 0 0 0;
}
#wrap-banner #banner .slideshow .slide-7{
	margin:0px auto;
	color:#fff;
			height:276px;
	width:660px;
	float:left;
}
#wrap-banner #banner .slideshow .slide-7 img{
	float:right;
	padding:0px;
	margin:0;
}
#wrap-banner #banner .slideshow .slide-7 p{
	width:550px;
	margin:0px;
	padding:7px 10px 0 0;
	color:#fff;
	line-height:18px;
	float:left;
	}
#wrap-banner #banner .slideshow .slide-7 p img{
	float: left;
	text-align:center;
	padding:1px 0 0 0;
}	
#wrap-banner #banner .slideshow .slide-7 p.read{
	text-align:center;
	padding:10px 0 0 0;
}




#wrap-banner #banner .slideshow .slide-8{
	margin:0px auto;
			height:276px;
	color:#fff;
	width:660px;
	float:left;
}
#wrap-banner #banner .slideshow .slide-8 img{
	float:right;
	padding:0px;
	margin:0;
}
#wrap-banner #banner .slideshow .slide-8 p{
	width:550px;
	margin:0px;
	padding:7px 10px 0 0;
	color:#fff;
	line-height:18px;
	float:left;
	}
#wrap-banner #banner .slideshow .slide-8 p img{
	float: left;
	text-align:center;
	padding:1px 0 0 0;
}	
#wrap-banner #banner .slideshow .slide-8 p.read{
	text-align:center;
	padding:10px 0 0 0;
}



#wrap-banner #banner .slideshow .slide-9{
	margin:0px auto;
			height:276px;
	color:#fff;
	width:660px;
	float:left;
	background:url(../images/softwarebanner.jpg) no-repeat;
}
#wrap-banner #banner .slideshow .slide-9 img{
	float:right;
	padding:0px;
	margin:0;
}
#wrap-banner #banner .slideshow .slide-9 p{
	width:550px;
	margin:0px;
	padding:7px 10px 0 0;
	color:#fff;
	line-height:18px;
	float:left;
	}
#wrap-banner #banner .slideshow .slide-9 p img{
	float: left;
	text-align:center;
	padding:1px 0 0 0;
}	
#wrap-banner #banner .slideshow .slide-9 p.read{
	text-align:center;
	padding:10px 0 0 0;
}



#wrap-banner #banner .slideshow .slide-10{
	margin:0px auto;
			height:276px;
	color:#fff;
	width:660px;
	float:left;
	background:url(../images/softwareshopbanner.jpg) no-repeat;
}
#wrap-banner #banner .slideshow .slide-10 img{
	float:right;
	padding:0px;
	margin:0;
}
#wrap-banner #banner .slideshow .slide-10 p{
	width:550px;
	margin:0px;
	padding:7px 10px 0 0;
	color:#fff;
	line-height:18px;
	float:left;
	}
#wrap-banner #banner .slideshow .slide-10 p img{
	float: left;
	text-align:center;
	padding:1px 0 0 0;
}	
#wrap-banner #banner .slideshow .slide-10 p.read{
	text-align:center;
	padding:10px 0 0 0;
}
/*End slider */

/* Slideshow Navigation
------------------------------ */

#wrap-banner #banner .leftpanee .slideshow-nav {
	height: 251px;
	float:left;
	width:210px;
	margin:0px;
}
#wrap-banner #banner .leftpanee .slideshow-nav ul {
	margin: 0px;
	list-style:none;
	padding:0px;
/*overflow: hidden;*/
}
#wrap-banner #banner .leftpanee .slideshow-nav ul li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: blocks;
}
#wrap-banner #banner .leftpanee .slideshow-nav ul li a {
	display: block;
	margin:0px;
	padding:0px;
	width:183px;
	text-indent:-99999px;
	height:26px;

}

/*#wrap-banner #banner .leftpanee .slideshow-nav li a span {
	position: absolute;
	top: 0; left: 0;
	width: 100%; 
	height: 100%;
}*/
#wrap-banner #banner .leftpanee .slideshow-nav ul li.tabActive a {
	 background-position: 0 -26px;
}
#wrap-banner #banner .leftpanee .slideshow-nav li.slide-1 a { width: 212px; height:26px;   background:url(../images/wd.png); }
#wrap-banner #banner .leftpanee .slideshow-nav li.slide-1 a:hover { background-position: 0 -26px;}

#wrap-banner #banner .leftpanee .slideshow-nav li.slide-2 a { width: 212px; height:26px;  background:url(../images/seo1.png);  }
#wrap-banner #banner .leftpanee .slideshow-nav li.slide-2 a:hover { background-position: 0 -26px;}

#wrap-banner #banner .leftpanee .slideshow-nav li.slide-3 a { width: 212px; height:26px;  background:url(../images/ecommerece1.png);  }
#wrap-banner #banner .leftpanee .slideshow-nav li.slide-3 a:hover { background-position: 0 -26px;}

#wrap-banner #banner .leftpanee .slideshow-nav li.slide-4 a { width: 212px; height:26px;  background:url(../images/progr1.png);  }
#wrap-banner #banner .leftpanee .slideshow-nav li.slide-4 a:hover { background-position: 0 -26px;}

#wrap-banner #banner .leftpanee .slideshow-nav li.slide-5 a { width: 212px; height:26px;  background:url(../images/flash1.png);  }
#wrap-banner #banner .leftpanee .slideshow-nav li.slide-5 a:hover { background-position: 0 -26px;}

#wrap-banner #banner .leftpanee .slideshow-nav li.slide-6 a { width: 212px; height:26px;  background:url(../images/analyse1.png);  }
#wrap-banner #banner .leftpanee .slideshow-nav li.slide-6 a:hover { background-position: 0 -26px;}

#wrap-banner #banner .leftpanee .slideshow-nav li.slide-7 a { width: 212px; height:26px;  background:url(../images/text1.png);  }
#wrap-banner #banner .leftpanee .slideshow-nav li.slide-7 a:hover { background-position: 0 -26px;}

#wrap-banner #banner .leftpanee .slideshow-nav li.slide-8 a { width: 212px; height:26px;  background:url(../images/umes.png);  }
#wrap-banner #banner .leftpanee .slideshow-nav li.slide-8 a:hover { background-position: 0 -26px;}

#wrap-banner #banner .leftpanee .slideshow-nav li.slide-9 a { width: 212px; height:26px;  background:url(../images/software1.png);  }
#wrap-banner #banner .leftpanee .slideshow-nav li.slide-9 a:hover { background-position: 0 -26px;}

#wrap-banner #banner .leftpanee .slideshow-nav li.slide-10 a { width: 212px; height:26px;  background:url(../images/shop1.png);  }
#wrap-banner #banner .leftpanee .slideshow-nav li.slide-10 a:hover { background-position: 0 -26px;}

#page-wrapper #banner #bannerTagline {
	background:url(../images/banner-icon.jpg) no-repeat left;
	width:480px;
	padding:18px 0 17px 170px;
	margin:0px;
	float:left;
	}
#page-wrapper #banner #bannerTagline h2 {
	padding:8px 0 0 0px;
	margin:0px;
	font-size:29px;
	font-weight: normal;
	color:#434700;
	line-height:33px;
	text-shadow: 1px 1px 1px #c1c944;
	}	
#page-wrapper #banner #bannerTagline h3  {	
	color:#fff;
	width:160px;
	float:left;
	background: url(../images/arrow-more.jpg) no-repeat right;
	padding:4px 8px 0 0;
	margin:0px;
	font-size:25px;
	}
#page-wrapper #banner #bannerTagline h3 a  {	
	color:#fff;
	text-decoration:underline;
	text-shadow: 1px 1px 1px #616701;
	}
#page-wrapper #banner #bannerTagline h3 a:hover  {	
	color:#fff;
	text-decoration: none;
	}
#page-wrapper #banner #servicetab {
	float:right;
	width:195px;
	padding:18px 0 0 0;
	margin:0px;
	}
#page-wrapper #banner #servicetab img {
	padding:3px 0px;
	margin:0px;
	}

#page-wrapper .innertitle {
	padding:15px 0;
	margin:0px;
	}
#page-wrapper .innertitle h1 {
	font-size:30px;
	line-height:normal;
	margin:0px;
	padding:10px 0 0 20px;
	font-weight:normal;
	color:#fff;
	}
/***** Content  style *****/	
#page-wrapper #wrap-content{
	margin:3px 0 0 0;
	padding:10px;
	height: auto;
	background:#e9eae2;
}
#page-wrapper #wrap-content #left-col{
	padding:7px;
	margin:0px 20px 0 0;
	float:left;
	width:589px;
	background:#fff;
}
#page-wrapper #wrap-content #left-col p{
	padding:8px 0px;
	margin:0px;
	}
#page-wrapper #wrap-content #left-col h2{
	padding:0px 0px 8px 0;
	margin:0px;
	font-size:24px;
	color:#94a004;
	}
#page-wrapper #wrap-content #left-col .box {
	float:left;
	width:184px;
	margin:5px;
	padding:0px;
	}
#page-wrapper #wrap-content #left-col .box img {
	padding:0 0 5px 0;
	}	
#page-wrapper #wrap-content #right-col {
	padding:0px;
	margin:0px;
	float: right;
	width:250px;
	}

#page-wrapper #wrap-content #right-col .partnerbox {
	margin:0 0px 10px 0px;
	padding:0px;
	width:250px;
	background:#abad97;
}	
#page-wrapper #wrap-content #right-col h2 {
	font-size:18px;
	color:#fff;
	font-weight: normal;
	padding:7px 0 0 10px;
	margin:0 0 5px 0;
	background:url(../images/rt-ttl.jpg);
	height:30px;
	}
#page-wrapper #wrap-content #right-col .partnerbox ul {
	width:auto;
	display:block;
	list-style:none;
	padding:0px 0 8px 10px;
	margin:0px;
	height:170px;
	overflow:auto;
	}
#page-wrapper #wrap-content #right-col .partnerbox ul li {
	width:190px;
	display:block;
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
	}
#page-wrapper #wrap-content #right-col .partnerbox ul li a {
	width:auto;
	display:block;
	list-style:none;
	margin:0px;
	padding:3px 0 3px 15px;
	float:left;
	background:url(../images/rt-arrow.jpg) no-repeat left center;
	color:#fff;
	text-decoration:none;
	}
#page-wrapper #wrap-content #right-col .partnerbox ul li a:hover{
	color:#000;
	text-decoration:none;
	}
/*****  Footer style *****/
#wrapperfooter {
	padding:0px;
	margin:0px;
	height: auto;
	background:url(../images/footer.jpg);
	height:120px;
	}
#wrapperfooter #footer{
 	margin:0px auto;
	width:880px;
	padding:30px 10px 0px 10px;
	color:#a8ada1;
	font-size:11px;
	}
	
#wrapperfooter #footer .pipemenu {
	margin:0px;
	padding:0px;
	width:130px;
	float: right;
	}	
#wrapperfooter #footer .pipemenu  ul{
	margin:7px 0 0 0;
	padding:0px;
	list-style:none;
	width:auto;
	display:block;
	float:left;
	width: auto;
	}
#wrapperfooter #footer .pipemenu  ul li{
	margin:0;
	display:block;
	padding:0px;
	float:left;
	width: auto;
}
#wrapperfooter #footer .pipemenu  ul li a{
	text-decoration:none;
	float:left;
	width: auto;
	padding:5px 12px ;
	color:#a8ada1;
	text-decoration:none;
	}		
#wrapperfooter #footer .pipemenu  ul li a:hover{
	text-decoration: none;
	color: #fff;
	}

#wrapperfooter #footer p{
	padding:10px 0 0 55px;
	margin:0px;
	font-size:11px;
	width:340px;
	float:left;
	background:url(../images/footer-logo.jpg) no-repeat top left;
	}

/*End Footer Class*/
.clearfix 
{
	clear: both;
	height:0px;
	line-height:0px;
}

.style1 {
	color: #FF0000;
	font-size: 14px;
}