@charset "utf-8";

/* CSS Document */

body{

	/*background-image:url(../images/main-bg.jpg);

	background-repeat:repeat;*/

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#444444;

	margin: 0px;

}

h1{

	font-size:18px;

	font-weight:bold;

	color:#e67817;

	padding: 0 0 5px 0;

	border-bottom: solid 1px #e67817;

}

h2{

	font-size:14px;

	font-weight:bold;

	color:#0066c0;

	padding: 15px 0 0 0;

	height:40px;

	margin: 0 0 0 0;

}

h3{

	font-size:14px;

	font-style:italic;

	color:#444444;

	padding: 5px 0 0 0;

}

h4{

	color:#0066c0;

	font-weight:bold;

	padding: 0 0 0 0;

	margin: 0 0 0 0;

	font-size:13px;

}

/******************** HOLDER ******************************/

#site-border-top{

	float:left;

	width:100%;

	background-image:url(../images/site-border-top.png);

	background-position:center;

	background-repeat:no-repeat;

	height:37px;

	padding: 0 0 0 0;

	margin: 0;

}

#site-border-bottom{

	float:left;

	width:100%;

	background-image:url(../images/site-border-bottom.png);

	background-position:center;

	background-repeat:no-repeat;

	height:36px;

	padding: 0;

	margin: 0;

}

#site-border-bottom #copyright-area{

	width:960px;

	height:20px;

	margin: auto;

}

#site-border-bottom #copyright-area #copyright{

	color:#a3a2a2;

	padding:0 0 0 9px;

	float: left;

	width:600px;

	height:20px;

}

#site-border-bottom #copyright-area #w3c-compliant{

	color:#a3a2a2;

	padding:0 0 0 0;

	float: left;

	width:340px;

	text-align:right;

	height:20px;

}

#site-border{

	float:left;

	width:100%;

	background-image:url(../images/site-border.png);

	background-position:center;

	background-repeat:repeat-y;

	padding: 0;

	margin: 0;

}

#site-border #siteHolder{

	width:960px;

	height:100%;

	margin: auto;

}

/******************** HEADER *****************************/

#site-border #siteHolder #header{

	float:left;

	width:960px;

}

#site-border #siteHolder #header #header-left{

	width:16px;

	height:134px;

	background-image:url(../images/header-left.png);

	float:left;

	background-repeat:no-repeat;

}

#site-border #siteHolder #header #header-main{

	width:922px;

	float:left;

	background-image:url(../images/header-main.png);

	background-repeat:repeat-x;

}

#site-border #siteHolder #header #header-main #logo{

	background-image:url(../images/qsoftvietnam.png);

	background-repeat:no-repeat;

	float:left;

	width:106px;

	height:134px;

}

#site-border #siteHolder #header #header-main #header-top{

	float:left;

	height:77px;

	width:816px;

}

#site-border #siteHolder #header #header-main #header-top #logo-name{

	background-image:url(../images/logo-name.png);

	background-repeat:no-repeat;

	float:left;

	width:480px;

	height:77px;

}

#site-border #siteHolder #header #header-main #noeltree{
	/*background-image:url(../images/noel.png);
	background-repeat:no-repeat;
	width:134px;
	height:77px;
	/*margin: 0px 0px 0px -460px;*/
	/*left:expression(document.body.clientWidth > 1024? "630px":"530px");
	left: 630px;
	top:41px;
	position:absolute;*/
}


#site-border #siteHolder #header #header-main #header-top #tag{

	background-image:url(../images/tag.png);

	background-repeat:no-repeat;

	float:left;

	width:336px;

	height:77px;

}



/******************** TABS *****************************/

#site-border #siteHolder #header #header-main #tabs {

	padding: 0;

	float:left;

    width:816px;

    line-height:normal;

	height:57px;

	background-image:url(../images/menu-bg.png);

	background-repeat:repeat-x;

}

#site-border #siteHolder #header #header-main #tabs ul {

	margin:0;

	padding:0 0 0 0;

	margin:2px 0 0 8px;

	list-style:none;

}

#site-border #siteHolder #header #header-main #tabs li {

	font-family:Geneva, Arial, Helvetica, sans-serif;

    display:inline;

    margin:0 0px 0 0px;

    padding:0;

	font-size:14px;

	font-weight:bold;

}

#site-border #siteHolder #header #header-main #tabs a {

    float:left;

    background:url(../images/menu-left.jpg) no-repeat left top;

    margin:0;

    padding:0 1px 0 4px;

    text-decoration:none;

	height:40px;

}

#site-border #siteHolder #header #header-main #tabs a span {

    float:left;

    /*For FF.*/

	display:block;

	/*For IE6 */

	display:inline-block;

    background:url(../images/menu-right.jpg) no-repeat right top;

    padding:10px 10px 0 5px;

    color:#FFF;

	height:30px;

	cursor:pointer;

}

#site-border #siteHolder #header #header-main #tabs .selected {

    float:left;

    background:url(../images/menu-left.jpg) no-repeat left top;

    margin:0;

    padding:0 1px 0 4px;

    text-decoration:none;

	height:40px;

	background-position:0% -40px;

}

#site-border #siteHolder #header #header-main #tabs .selected span {

    float:left;

    display:block;

    background:url(../images/menu-right.jpg) no-repeat right top;

    padding:10px 10px 0 5px;

    color:#FFF;

	height:30px;

	cursor:pointer;

	background-position:100% -40px;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#site-border #siteHolder #header #header-main #tabs a span {float:none;}

/* End IE5-Mac hack */

#site-border #siteHolder #header #header-main #tabs a:hover span {

      color:#FFF;

}

#site-border #siteHolder #header #header-main #tabs a:hover {

      background-position:0% -40px;

}

#site-border #siteHolder #header #header-main #tabs a:hover span {

      background-position:100% -40px;

}

#site-border #siteHolder #header #header-right{

	width:22px;

	height:135px;

	float:left;

	background-image:url(../images/header-right.png);

	background-repeat:no-repeat;

}

#site-border #siteHolder #body-container{

	float:left;

	width:960px;

}

#site-border #siteHolder #body-container #body-content{

	width:927px;

	margin:auto;

}

#site-border #siteHolder #body-container #body-content .contact-button{

	width:927px;

	float:left;

	margin: 20px 0 20px 0;

}

#site-border #siteHolder #body-container #body-content .contact-button a{

	float:right;

	display:block;

	width:277px;

	height:100px;

	background-image:url(../images/contact-btn.png);

	background-repeat:no-repeat;

}

#site-border #siteHolder #body-container #body-content .contact-button a:hover{

	background-position: 100% -111px;

}

#site-border #siteHolder #body-container #body-content .wide-spacer{

	width:920px;

	float:left;

	height:16px;

	margin: 10px 0 10px 0;

	padding:0;

}

#site-border #siteHolder #body-container #body-content .portfolio{

	width:309px;

	float:left;

	height:160px;

	margin: 10px 0 10px 0;

	padding:0;

}

#site-border #siteHolder #body-container #body-content .portfolio .portfolio-image{

	width:236px;

	height:143px;

	margin:auto;

	padding:0;

}

#site-border #siteHolder #body-container #body-content .portfolio .portfolio-image a{

	width:236px;

	height:143px;

	margin:0;

	padding:0;

	border-top: solid 5px #FFFFFF;

	display:block;

}

#site-border #siteHolder #body-container #body-content .portfolio .portfolio-image a:hover{

	border-top: solid 5px #E67817;

	display:block;

}

#site-border #siteHolder #body-container #body-content .portfolio .portfolio-desc{

	color:#0066c0;

	font-weight:bold;

	float:left;

	font-size:12px;

	padding: 0 0 0 36px;

	display:block;

	clear:right;

}



#site-border #siteHolder #body-container #body-content .alerting{

	background-color:#FFFFCC;

	border: solid 1px #CC9900;

	font-weight:bold;

	padding:5px;

	margin: 0 0 20px 0;

}

#site-border #siteHolder #body-container #body-content .breadscrumb{

	color:#666666;

}

#site-border #siteHolder #body-container #body-content .breadscrumb a {

	color:#666666;

	text-decoration:none;

}

#site-border #siteHolder #body-container #body-content .breadscrumb a:hover {

	color:#666666;

	text-decoration:underline;

}

#site-border #siteHolder #body-container #body-content .box{

	float:left;

	width:637px;

	margin: 32px 0 0 0;

}

#site-border #siteHolder #body-container #body-content .box a{

	color:#0066c0;

	text-decoration:none;

}

#site-border #siteHolder #body-container #body-content .box a:hover{

	color:#E67817;

	text-decoration:none;

}

#site-border #siteHolder #body-container #body-content .box .box-top{

	background-image:url(../images/box-top.jpg);

	width:637px;

	height:8px;

	float:left;

}

#site-border #siteHolder #body-container #body-content .box .box-body{

	background-image:url(../images/box-body.jpg);

	width:637px;

	float:left;

}

#site-border #siteHolder #body-container #body-content .box .box-body .wrapper{

	margin: 10px 12px 10px 12px;

}

#site-border #siteHolder #body-container #body-content .box .box-body .wrapper .box-content{

	float:left;

	width:613px;

	margin: 8px 0 0 0;

}

#site-border #siteHolder #body-container #body-content .box .box-body .wrapper .box-content form{

	display:inline;

}

#site-border #siteHolder #body-container #body-content .box .box-body .wrapper .box-content form .caption{

	float:left;

	width:150px;

	padding: 5px 0 0 0;

	margin: 0;

}

#site-border #siteHolder #body-container #body-content .box .box-body .wrapper .box-content form .control{

	float:left;

	width:463px;

	padding: 5px 0 0 0;

	margin: 0;

}

#site-border #siteHolder #body-container #body-content .box .box-body .wrapper .box-content form .button{

	width:227px;

	height:66px;

	margin: 30px 0 0 -10px;

	background-image:url(../images/send.png);

	float:left;

	cursor:pointer;

}

#site-border #siteHolder #body-container #body-content .box .box-body .wrapper .box-content form .button:hover{

	background-position: 100% -69px;

}

#site-border #siteHolder #body-container #body-content .box .box-body .wrapper .sitemap-content{

	float:left;

	width:613px;

	margin: 8px 0 0 0;

}

#site-border #siteHolder #body-container #body-content .box .box-body .wrapper .sitemap-content ul li{

	padding: 10px 0 0 0;

	font-weight:bold;

}

#site-border #siteHolder #body-container #body-content .box .box-body .wrapper .sitemap-content ul li p{

	font-weight:normal;

}

#site-border #siteHolder #body-container #body-content .box .box-body .wrapper .box-content ul{

	float:left;

	width:590px;

	margin: 0 0 10px 10px;

	padding:0;

}

#site-border #siteHolder #body-container #body-content .box .box-body .wrapper .box-content ul li{

	list-style-position:outside;

	margin-left:20px;

}

#site-border #siteHolder #body-container #body-content .box .box-body .wrapper .box-sub-header1{

	background-image:url(../images/bullet1.jpg);

	background-repeat:no-repeat;

	padding: 0 0 10px 50px;

	height:39px;

	float:left;

	width:560px;

}

#site-border #siteHolder #body-container #body-content .box .box-body .wrapper .box-sub-header2{

	background-image:url(../images/bullet2.jpg);

	background-repeat:no-repeat;

	padding: 0 0 10px 50px;

	height:39px;

	float:left;

	width:560px;

	vertical-align:middle;

}

#site-border #siteHolder #body-container #body-content .box .box-body .wrapper .box-sub-header3{

	background-image:url(../images/bullet3.jpg);

	background-repeat:no-repeat;

	padding: 0 0 10px 50px;

	height:39px;

	float:left;

	width:560px;

	vertical-align:middle;

}

#site-border #siteHolder #body-container #body-content .box .box-body .wrapper .box-sub-header4{

	background-image:url(../images/bullet4.png);

	background-repeat:no-repeat;

	padding: 0 0 10px 50px;

	height:39px;

	float:left;

	width:560px;

	vertical-align:middle;

}

#site-border #siteHolder #body-container #body-content .box .box-body .wrapper .box-image{

	width:150px;

	height:150px;

	float:left;

}

#site-border #siteHolder #body-container #body-content .box .box-body .wrapper .box-image-content{

	width:460px;

	float:left;

	padding: 0 0 10px 0;

}

#site-border #siteHolder #body-container #body-content .box .box-body .wrapper .spacer{

	height:25px;

	float:left;

	width:600px;

}

#site-border #siteHolder #body-container #body-content .box .box-body .wrapper .learn-more{

	width:610px;

	float:left;

}

#site-border #siteHolder #body-container #body-content .box .box-body .wrapper .learn-more a{

	color:#0066c0;

	float:right;

	text-decoration:none;

	font-weight:bold;

	text-align:right;

	display:block;

	width:82px;

	padding: 0 20px 0 0;

	background:url(../images/btn-more.jpg) no-repeat right top;

}

#site-border #siteHolder #body-container #body-content .box .box-body .wrapper .learn-more a:hover{

	background-position:100% -18px;

	color:#E67817;

}

#site-border #siteHolder #body-container #body-content .box .box-bottom{

	background-image:url(../images/box-bottom.jpg);

	width:637px;

	height:7px;

	float:left;

	margin: 0 0 20px 0;

}

#site-border #siteHolder #body-container #body-content .sideBar{

	width:280px;

	float:left;

	padding: 0 0 20px 10px;

}

#site-border #siteHolder #body-container #body-content .sideBar .sideBarHeading{

	width:277px;

	float:left;

	padding: 0 0 30px 0;

}

#site-border #siteHolder #body-container #body-content .sideBar .sideBarHeading a{

	float:right;

	display:block;

	width:277px;

	height:100px;

	background-image:url(../images/contact-btn.png);

	background-repeat:no-repeat;

}

#site-border #siteHolder #body-container #body-content .sideBar .sideBarHeading a:hover{

	background-position: 100% -111px;

}

#site-border #siteHolder #body-container #body-content .sideBar .portfolio-title{

	width:255px;

	float:left;

	padding: 0 0 2px 24px;

}

#site-border #siteHolder #body-container #body-content .sideBar .portfolio-image{

	width:255px;

	float:left;

	padding: 0 0 10px 24px;

}

#site-border #siteHolder #body-container #body-content .sideBar .portfolio-image a{

	border-top: solid 5px #ffffff;

	color:#FF0000;

	height:140px;

	width:236px;

	display:block;

}

#site-border #siteHolder #body-container #body-content .sideBar .portfolio-image a:hover{

	border-top: solid 5px #E67817;

	height:140px;

	width:236px;

	display:block;

}

#site-border #siteHolder #body-container #body-content .sideBar .portfolio-link-left{

	width:11px;

	height:27px;

	float:left;

	background-image:url(../images/portfolio-link-left.jpg);

	background-repeat:no-repeat;

	margin: 0 0 0 6px;

}

#site-border #siteHolder #body-container #body-content .sideBar .portfolio-link-body{

	width:242px;

	height:27px;

	float:left;

	background-image:url(../images/portfolio-link-body.jpg);

	background-repeat:repeat-x;

	padding: 0;

	text-align:right;

}

#site-border #siteHolder #body-container #body-content .sideBar .portfolio-link-right{

	width:12px;

	height:27px;

	float:left;

	background-image:url(../images/portfolio-link-right.jpg);

	background-repeat:no-repeat;

}

#site-border #siteHolder #body-container #body-content .banner{

	width:931px;

	float:left;

}

#site-border #siteHolder #body-container #body-content .banner .banner-title{

	background-image:url(../images/banner-title.jpg);

	background-repeat:no-repeat;

	float:left;

	height:47px;

	color:#0066c0;

	font-size:18px;

	font-weight:bold;

	padding: 10px 0 0 36px;

}

#site-border #siteHolder #body-container #body-content .banner .banner-top{

	background-image:url(../images/banner-top.jpg);

	background-repeat:no-repeat;

	width:931px;

	height:7px;

	float:left;

}

#site-border #siteHolder #body-container #body-content .banner .ad-holder{

	width:911px;

	height:313px;

	background-image:url(../images/banner-bg.jpg);

	background-repeat:repeat-x;

	float:left;

	padding: 0 10px 0 10px;

}

#site-border #siteHolder #body-container #body-content .banner .ad-holder .ad{

	width:184px;

	float:left;

	text-align:center;

}

#site-border #siteHolder #body-container #body-content .banner .ad-holder .ad p

{

	padding:0 0 0 10px;

	text-align:left;

}

#site-border #siteHolder #body-container #body-content .banner .ad-holder .ad a{

	color:#0066c0;

	text-decoration:none;

	font-weight:bold;

	text-align:right;

	display:block;

	width:164px;

	padding: 0 20px 0 0;

	background:url(../images/btn-more.jpg) no-repeat right top;

}

#site-border #siteHolder #body-container #body-content .banner .ad-holder .ad a:hover{

	background-position:100% -18px;

	color:#E67817;

}

#site-border #siteHolder #body-container #body-content .banner .ad-holder .ad .ad-title{

	font-size:13px;

	font-weight:bold;

}

#site-border #siteHolder #body-container #body-content .banner .ad-holder .sign{

	width:44px;

	float:left;

}

#site-border #siteHolder #footer{

	width:960px;

	height:87px;

}

#site-border #siteHolder #footer #footer-left{

	background-image:url(../images/footer-left.png);

	background-repeat:no-repeat;

	height:87px;

	width:3px;

	float:left;

}

#site-border #siteHolder #footer #footer-bg{

	background-image:url(../images/footer-bg.png);

	background-repeat:repeat-x;

	height:87px;

	width:953px;

	float:left;

}

#site-border #siteHolder #footer #footer-bg #footer-menu{

	padding: 10px 0 0 5px;

	float:left;

	width:948px;

}

#site-border #siteHolder #footer #footer-bg #footer-menu a{

	color:#5c5c5c;

	text-decoration:none;

}

#site-border #siteHolder #footer #footer-bg #footer-menu a:hover{

	color:#5c5c5c;

	text-decoration:underline;

}

#site-border #siteHolder #footer #footer-right{

	background-image:url(../images/footer-right.png);

	background-repeat:no-repeat;

	height:87px;

	width:4px;

	float:left;

}