@charset "utf-8";
body {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	line-height: 15px;
}
p {
	line-height: 20px;
	margin-top: 3px;
	margin-bottom: 7px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 5px;
	font-style: normal;
	margin-top: 5px;
}
.clear-both {
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	height: auto;
	width: auto;
}



#webrand {
	width: 972px;
	margin-right: auto;
	margin-left: auto;
}

#webrand #header {
	background-image: url(images/navigation_bg.png);
	height: 57px;
	background-repeat: no-repeat;
	background-position: center bottom;
	behavior: url(images/iepngfix.htc);	
}
#webrand #header ul {
	padding: 0px;
	float: right;
	margin-top: 25px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#webrand #header ul li {
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}
#webrand #header ul li a {
	font-family: tahoma, arial, sans-serif;
	font-size: 18px;
	color: #999;
	margin-right: 25px;
	margin-left: 25px;
	text-decoration: none;
}
#webrand #header ul li a:hover, a:active {
	color: #333;
}
#webrand #header .logo {
	margin-left: 20px;
	float: left;
}
#hero-home {
	margin-top: -9px;
	float: left;
	height: 371px;
	margin-bottom: 10px;
	behavior: url(images/iepngfix.htc);	
}

#nod {
	clear: both;
}
#webrand #footer {
	font-family: tahoma, arial, sans-serif;
	font-size: 10px;
	text-decoration: none;
	height: 34px;
	margin-top: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	margin-bottom: 10px;
	overflow: visible;
	clear: both;
}
#webrand #footer a {
	color: #F90;
	text-decoration: none;
}


#webrand #footer ul {
	list-style-type: none;
	padding: 0px;
	float: right;
	margin-top: 11px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#webrand #footer ul li {
	padding: 0px;
	list-style: none;
	display: inline;
	margin: 0px;
}
#webrand #footer ul li a {
	margin-right: 10px;
	margin-left: 10px;
}

#webrand #footer .floatleft {
	float: left;
	margin-top: 9px;
	margin-left: 10px;
}
#hero-about {
	margin-top: 10px;
	float: left;
	height: 352px;
	margin-bottom: 10px;
	behavior: url(images/iepngfix.htc);	
}
#webrand #nod-about {
	margin-top: 10px;
	clear: left;
	margin-bottom: 23px;
	visibility: visible;
}
#webrand #nod-about #top-nod {
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
	z-index: 10;
	height: 10px;
	width: 972px;
}
#webrand #nod-about #bottom-nod {
	z-index: 10;
	height: 13px;
	width: 972px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: absolute;
}
#webrand #nod-about #nod-about-main {
	background-image: url(images/table-bg-mid.gif);
	width: auto;
	padding: 50px;
	background-repeat: repeat-y;
}
#webrand #nod-about #nod-about-main #nod-about-plus {
	background-image: url(images/about-note.gif);
	height: 63px;
	width: 432px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 140px;
	background-repeat: no-repeat;
	margin-bottom: 30px;
	margin-top: 30px;
}


#webrand #nod-about #nod-about-main #nod-about-note1 {
	width: 48%;
	float: left;
	margin-right: 4%;
}

#webrand #nod-about #nod-about-main #nod-about-note2 {
	width: 48%;
	float: left;
}
#hero-services {
	margin-top: -14px;
	float: left;
	height: 376px;
	margin-bottom: 10px;
	behavior: url(images/iepngfix.htc);	
}
#webrand #nod-services {
	margin-top: 10px;
	clear: left;
	margin-bottom: 23px;
	visibility: visible;
}
#webrand #nod-services #top-nod {
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
	z-index: 10;
	height: 10px;
	width: 972px;
}
#webrand #nod-services #bottom-nod {
	z-index: 10;
	height: 13px;
	width: 972px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: absolute;
}
#webrand #nod-services #nod-services-main {
	background-image: url(images/table-bg-mid.gif);
	width: auto;
	padding: 50px;
	background-repeat: repeat-y;
}
#webrand #nod-services #nod-services-main #nod-services-web {
	float: left;
	width: 47%;
}


#webrand #nod-services #nod-services-main #nod-services-brand {
	margin-left: 50%;
	padding-left: 3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}
#hero-contact {
	margin-top: 10px;
	float: left;
	height: 404px;
	margin-bottom: 10px;
	position: absolute;
	z-index: 11;
	behavior: url(images/iepngfix.htc);	
}
#webrand #nod-contact {
	margin-top: 372px;
	clear: left;
	margin-bottom: 23px;
	visibility: visible;
}
#webrand #nod-contact #top-nod {
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
	z-index: 10;
	height: 10px;
	width: 972px;
}
#webrand #nod-contact #bottom-nod {
	z-index: 10;
	height: 13px;
	width: 972px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: absolute;
}
#webrand #nod-contact #nod-contact-main {
	background-image: url(images/table-bg-mid.gif);
	width: auto;
	padding: 50px;
	background-repeat: repeat-y;
}
#webrand #nod-contact #nod-contact-main #nod-contact-form {
	float: left;
	width: 70%;
}
#webrand #nod-contact #nod-contact-main #nod-contact-info {
	margin-left: 73%;
	padding: 0px;
}

#contactform {
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background:#ededed;
	padding:20px 0 0;
	font-size:14px;
}
#contactform div {
	clear:left;
	margin:0 20px;
}
#contactform fieldset legend em {
	position:absolute;
	left:-9999em;
}
#contactform .contact-info label,
#contactform label span,
#contactform input,
#contactform textarea,
#contactform select {
	display:block;
	float:left;
}
#contactform label span {
	width:80px;
	text-align:right;
	color:#333;
	padding:5px 0;
}
#contactform .contact-info input {
	width:170px;
	margin:0 10px 10px;
	padding:5px 0;
}
.mobile {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: normal;
	color: #CCC;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 20px;
}

#contactform input, #contactform textarea {
	font-size:14px;
}
#contactform .contact-subject {
	padding:0 0 20px;
}
#contactform .contact-subject select, #contactform .contact-content textarea {
	width:450px;
	margin:0 10px;
}
#contactform .contact-content textarea {
	margin-bottom:20px;
}
#contactform .contact-action {
	text-align:right;
}
#contactform .contact-action input {
	display:inline;
	float:none;
	margin:0 25px 20px 0;
}
.clearfix {
	clear:both;
	height:0;
	font-size:1px;
	line-height:1px;
	width:100%;
	overflow:hidden;
}
.inquirebttn {
	display:block;
	float:right;
	width:123px;
	height:44px;
	background:url(images/inquiry-button.gif) no-repeat;
	margin-top:10px;
}
.inquirebttn:hover, .inquirebttn:focus, #acloginpod .getpassbttn:focus {
	background-position:right top;
}
#hero-clients {
	margin-top: 10px;
	height: auto;
	margin-bottom: 10px;
}

/* logo matrix layout */
ul.client-logos {
	display:block;
	width:941px;
	height:340px;
	margin:0 auto;
	padding-left:2px;
}
ul.client-logos li {
	display:block;
	float:left;
	width: 19.999%;
	height:33.333%;
}
ul.client-logos li a {
	display:block;
	width:186px;
	height:112px;
	border-right:1px solid #ededed;
	border-bottom:1px solid #ededed;
	cursor:pointer;
}

ul.client-logos li a.cl16,
ul.client-logos li a.cl17,
ul.client-logos li a.cl18,
ul.client-logos li a.cl19,
ul.client-logos li a.cl20 {
	border-bottom:0;	
}
ul.client-logos li a.cl05,
ul.client-logos li a.cl10,
ul.client-logos li a.cl20,
ul.client-logos li a.cl15 {
	border-right:0;
}

ul.client-logos li a:hover, ul.client-logos li a:focus {
	text-decoration:none;
}
ul.client-logos li a span {
	display:block;
	position:absolute;
	left:-99999em;
	width:186px;
	background:#555;
	color:#fff;
	line-height:112px;
	text-align: center;
}
ul.client-logos li a:hover span, ul.client-logos li a:focus span {
	position:relative;
	left:0;
}

/* add in logo images */

/* START CLIENT 01 */
ul.client-logos li a.cl01 {
	/* IE 5+/Win only filter */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/logo-cotec.png');
}
ul.client-logos li a.cl01[class] {
	background:url(images/logo-cotec.png) no-repeat;
}
ul.client-logos li a.cl01 span {
	background:#C00;
}
/* END CLIENT 01 */

/* START CLIENT 02 */
ul.client-logos li a.cl02 {
	/* IE 5+/Win only filter */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/logo-cc14.png');
}
ul.client-logos li a.cl02[class] {
	background:url(images/logo-cc14.png) no-repeat;
}
ul.client-logos li a.cl02 span {
	background:#060;
}
/* END CLIENT 02 */

/* START CLIENT 03 */
ul.client-logos li a.cl03 {
	/* IE 5+/Win only filter */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/logo-metvuong.png');
}
ul.client-logos li a.cl03[class] {
	background:url(images/logo-metvuong.png) no-repeat;
}
ul.client-logos li a.cl03 span {
	background:#0086cb;
}
/* END CLIENT 03 */

/* START CLIENT 04 */
ul.client-logos li a.cl04 {
	/* IE 5+/Win only filter */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/logo-anpha.png');
}
ul.client-logos li a.cl04[class] {
	background:url(images/logo-anpha.png) no-repeat;
}
ul.client-logos li a.cl04 span {
	background:#039;
}
/* END CLIENT 04 */

/* START CLIENT 05 */
ul.client-logos li a.cl05 {
	/* IE 5+/Win only filter */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/logo-tnx.png');
}
ul.client-logos li a.cl05[class] {
	background:url(images/logo-tnx.png) no-repeat;
}
ul.client-logos li a.cl05 span {
	background:#009900;
}
/* END CLIENT 05 */

/* START CLIENT 06 */
ul.client-logos li a.cl06 {
	/* IE 5+/Win only filter */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/logo-onestop.png');
}
ul.client-logos li a.cl06[class] {
	background:url(images/logo-onestop.png) no-repeat;
}
ul.client-logos li a.cl06 span {
	background:#981b1e;
}
/* END CLIENT 06 */

/* START CLIENT 07 */
ul.client-logos li a.cl07 {
	/* IE 5+/Win only filter */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/logo-ap.png');
}
ul.client-logos li a.cl07[class] {
	background:url(images/logo-ap.png) no-repeat;
}
ul.client-logos li a.cl07 span {
	background:#a7a9ac;
}
/* END CLIENT 07 */

/* START CLIENT 08 */
ul.client-logos li a.cl08 {
	/* IE 5+/Win only filter */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/logo-vns.png');
}
ul.client-logos li a.cl08[class] {
	background:url(images/logo-vns.png) no-repeat;
}
ul.client-logos li a.cl08 span {
	background:#006699;
}
/* END CLIENT 08 */

/* START CLIENT 09 */
ul.client-logos li a.cl09 {
	/* IE 5+/Win only filter */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/logo-tlc.png');
}
ul.client-logos li a.cl09[class] {
	background:url(images/logo-tlc.png) no-repeat;
}
ul.client-logos li a.cl09 span {
	background:#960;
}
/* END CLIENT 09 */

/* START CLIENT 10 */
ul.client-logos li a.cl10 {
	/* IE 5+/Win only filter */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/logo-ngonhathuy.png');
}
ul.client-logos li a.cl10[class] {
	background:url(images/logo-ngonhathuy.png) no-repeat;
}
ul.client-logos li a.cl10 span {
	background:#990134;
}
/* END CLIENT 10 */

/* START CLIENT 11 */
ul.client-logos li a.cl11 {
	/* IE 5+/Win only filter */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/logo-dulux.png');
}
ul.client-logos li a.cl11[class] {
	background:url(images/logo-dulux.png) no-repeat;
}
ul.client-logos li a.cl11 span {
	background:#039;
}
/* END CLIENT 11 */

/* START CLIENT 12 */
ul.client-logos li a.cl12 {
	/* IE 5+/Win only filter */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/logo-overc.png');
}
ul.client-logos li a.cl12[class] {
	background:url(images/logo-overc.png) no-repeat;
}
ul.client-logos li a.cl12 span {
	background:#ff0000;
}
/* END CLIENT 12 */

/* START CLIENT 13 */
ul.client-logos li a.cl13 {
	/* IE 5+/Win only filter */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/logo-orangina.png');
}
ul.client-logos li a.cl13[class] {
	background:url(images/logo-orangina.png) no-repeat;
}
ul.client-logos li a.cl13 span {
	background:#f8c300;
}
/* END CLIENT 13 */

/* START CLIENT 14 */
ul.client-logos li a.cl14 {
	/* IE 5+/Win only filter */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/logo-teafres.png');
}
ul.client-logos li a.cl14[class] {
	background:url(images/logo-teafres.png) no-repeat;
}
ul.client-logos li a.cl14 span {
	background:#390;
}
/* END CLIENT 14 */

/* START CLIENT 15 */
ul.client-logos li a.cl15 {
	/* IE 5+/Win only filter */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/logo-newcc.png');
}
ul.client-logos li a.cl15[class] {
	background:url(images/logo-newcc.png) no-repeat;
}
ul.client-logos li a.cl15 span {
	background:#083368;
}
/* END CLIENT 15 */

/* START CLIENT 16 */
ul.client-logos li a.cl16 {
	/* IE 5+/Win only filter */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/logo-chilli.png');
}
ul.client-logos li a.cl16[class] {
	background:url(images/logo-chilli.png) no-repeat;
}
ul.client-logos li a.cl16 span {
	background:#900;
}
/* END CLIENT 16 */

/* START CLIENT 17 */
ul.client-logos li a.cl17 {
	/* IE 5+/Win only filter */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/logo-viettel.png');
}
ul.client-logos li a.cl17[class] {
	background:url(images/logo-viettel.png) no-repeat;
}
ul.client-logos li a.cl17 span {
	background:#399;
}
/* END CLIENT 17 */

/* START CLIENT 18 */
ul.client-logos li a.cl18 {
	/* IE 5+/Win only filter */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/logo-toam.png');
}
ul.client-logos li a.cl18[class] {
	background:url(images/logo-toam.png) no-repeat;
}
ul.client-logos li a.cl18 span {
	background:#060;
}
/* END CLIENT 18 */

/* START CLIENT 19 */
ul.client-logos li a.cl19 {
	/* IE 5+/Win only filter */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/logo-lephan.png');
}
ul.client-logos li a.cl19[class] {
	background:url(images/logo-lephan.png) no-repeat;
}
ul.client-logos li a.cl19 span {
	background:#0C6;
}
/* END CLIENT 19 */

/* START CLIENT 20 */
ul.client-logos li a.cl20 {
	/* IE 5+/Win only filter */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/logo-new.png');
}
ul.client-logos li a.cl20[class] {
	background:url(images/logo-new.png) no-repeat;
}
ul.client-logos li a.cl20 span {
	background:#666666;
}
/* END CLIENT 20 */

/* end client matrix  */
#webrand #nod-clients {
	margin-top: 10px;
	clear: left;
	margin-bottom: 23px;
	visibility: visible;
}
#webrand #nod-clients #top-nod {
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
	z-index: 10;
	height: 10px;
	width: 972px;
}
#webrand #nod-clients #bottom-nod {
	z-index: 10;
	height: 13px;
	width: 972px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: absolute;
}
#webrand #nod-clients #nod-clients-main {
	background-image: url(images/table-bg-mid.gif);
	width: auto;
	padding: 50px;
	background-repeat: repeat-y;
}
#copyright {
	font-size: 10px;
	width: 972px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	margin-bottom: 10px;
}
#copyright a {
	color: #F90;
	text-decoration: none;
}
#logo {
	top: 0;
	right: 0;
	position: absolute;
	behavior: url(images/iepngfix.htc);
}