@charset "utf-8";

#wrapper {
	height: 100%;
	width: 100%;
}
#wrapper #container {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 980px;
	height: auto;
}
#wrapper #container #wheader #topmenu #mlogo {
	background-attachment: scroll;
	background-image: url(images/mainlogo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 72px;
	width: 272px;
	float: left;
}
#wrapper #container #wheader #topmenu {
	height: auto;
}
#wrapper #container #wheader #topmenu #mmenu {
	height: 80px;
	width: auto;
	float: right;
	margin-top: 40px;
	margin-right: 25px;
}

#wrapper #container #wheader #topmenu #mmenu ul {
	margin: 0px;
	padding: 0px;
	display: inline;
}
#wrapper #container #wheader #topmenu #mmenu li {
	list-style-type: none;
	float: left;
	height:80px;
	padding:0;
	margin:0;
	display: inline;
}
#wrapper #container #wheader #topmenu #mmenu li a{
	list-style-type: none;
	float: left;
	text-indent:-9999px;
	width: 180px;
	height: 70px;
	background: url(images/mainmenu.gif);
	background-repeat: no-repeat;
}

#wrapper #container #wheader #topmenu #mmenu .ourstory{
	margin-top:6px;
	height:65px;
	width:140px;
	background-position:3px -65px;
}
#wrapper #container #wheader #topmenu #mmenu a.ourstory:hover{
	margin-top:-5px;
	height:65px;
	width:140px;
	background-position:3px 10px;
}

#wrapper #container #wheader #topmenu #mmenu .services{
	margin-top:6px;
	height:65px;
	width:140px;
	background-position:-137px -65px;
}
#wrapper #container #wheader #topmenu #mmenu a.services:hover{
	margin-top:-5px;
	height:65px;
	width:140px;
	background-position:-137px 10px;
}
#wrapper #container #wheader #topmenu #mmenu .cstudies{
	margin-top:6px;
	height:65px;
	width:178px;
	background-position:-277px -65px;
}
#wrapper #container #wheader #topmenu #mmenu a.cstudies:hover{
	margin-top:-5px;
	height:65px;
	width:178px;
	background-position:-277px 10px;
}
#wrapper #container #wheader #topimage {
	position: relative;
	height: 415px;
}
#wrapper #container #wheader #topimageinside {
	position: relative;
	height: 300px;
}
#wrapper #container #wheader #topimage #tdos {
	height: 118px;
	width: 810px;
	margin-top: 50px;

}
#wrapper #container #wheader #topimageinside #tdos2 {
	background-attachment: scroll;
	background-image: url(images/bg_services.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 118px;
	width: 810px;
	position: absolute;
	top: 28px;

}
#wrapper #container #wheader #topimageinside #tdos3 {
	background-attachment: scroll;
	background-image: url(images/bg_ourstory.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 118px;
	width: 810px;
	position: absolute;
	top: 28px;

}
#wrapper #container #wheader #topimageinside #tdos4 {
	background-attachment: scroll;
	background-image: url(images/bg_casestudies.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 125px;
	width: 560px;
	margin-top: 15px;

}
#tdpro {
	background-attachment: scroll;
	background-image: url(images/bt_deeproject.png);
	background-repeat: no-repeat;
	height: 192px;
	width: 279px;

}
#tdmail {
	background-attachment: scroll;
	background-image: url(images/bt_deepmail.png);
	background-repeat: no-repeat;
	height: 192px;
	width: 279px;

}
.error
{
font-size:14px;
font-weight:bold;
color:white;
background-color:#e31836;
text-align:center;
padding:8px;
margin-top:30px;
width:263px;
}
.success
{
font-size:14px;
font-weight:bold;
color:#616161;
background-color:#a9f7ef;
text-align:center;
padding:8px;
margin-top:30px;
width:263px;
}


#tdgrnd {
	height: 212px;
	width: 212px;
	position: absolute;
	left: 638px;
	top: 200px;
	z-index: 400;

}
#tdgrnd2 {
	height: 212px;
	width: 212px;
	position: absolute;
	left: 638px;
	top: 100px;
	z-index: 400;
	
}
#wrapper #container #wcontent {
	margin-top:-40px;
	height: auto;
	z-index:999;
}
#wrapper #container #wcontent #wcleft {
	width: 690px;
	float: left;
}
#wrapper #container #wcontent #wcall {
	width: 100%;
}

#wrapper #container #wcontent #wcleft #wcltop #wclproject {
	background-attachment: scroll;
	background-image: url(images/bg_box1.gif);
	background-repeat: no-repeat;
	height: 136px;
	margin-bottom: 5px;
	padding: 15px;
}
#wrapper #container #wcontent #wcleft #wcltop #wclclient {
	background-attachment: scroll;
	background-image: url(images/bg_box1.gif);
	background-repeat: no-repeat;
	height: 136px;
	margin-bottom: 5px;
	padding: 15px;
}
#wrapper #container #wcontent #wcright {
	width: 245px;
	float: left;
	margin-left: 10px

}
#contactBox {
	border: solid 7px #dedede;
	width:100%;
	padding:10px;
	font-size:12px;
	font-weight:bold;
	background-color:#cfcfcf;
	background-image:url(images/bg_gradientcontact.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	margin-top: 5px;
}
#learnBox {
	border: solid 7px #dedede;
	width:100%;
	padding:10px;
	font-size:12px;
	font-weight:bold;
	background-color:#cfcfcf;
	background-image:url(images/bg_gradientcontact.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	margin-top: 5px;
}
#sharebox {

	width:150px;
	z-index:999;
	float:left;
	position:relative;
	left:230px;
	top:-80px;

}

#wrapper #container #wfooter #wfspacer {
	background-attachment: scroll;
	background-image: url(images/bg_dividerhor.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 30px;
}
#wrapper #container #wfooter #wftweet {
height:300px;
width:980px;
	background-image:url(images/bg_ngobrol.jpg);
	background-position:center bottom;
	background-repeat: no-repeat;
margin:0;
}
#wrapper #container #wfooter #wftweet #wftdips {
	width: 315px;
height:170px;
	float: left;
	padding: 5px;
	background-image:url(images/bgtweetdips.jpg);
	background-position:center top;
}
#wrapper #container #wfooter #wftweet #wfttop1 {
	width: 320px;
	float: left;
	padding: 5px;
}
#wrapper #container #wfooter #wftweet #wfttop2 {
	float: left;
	width: 640px;
	padding: 5px;
}
.twhour {
	color: #6296cf;
}
#wrapper #container #wfooter #botbox {
	background-attachment: scroll;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 202px;
	position: relative;
}
#wrapper #container #wfooter #botbox #bbfcopy {
	position: absolute;
	height: 77px;
	width: 262px;
	left: 14px;
	top: 10px;
	padding-right: 10px;
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 5px;
font-size:10px;
}
#wrapper #container #wfooter #botbox #bbfmenu {
	height: 20px;
	width: 576px;
	position: absolute;
	left: 400px;
	top: 18px;
}
#wrapper #container #wfooter #botbox #bbfmenu ul {
	margin: 0px;
	padding: 0px;
}
#wrapper #container #wfooter #botbox #bbfmenu li {
	list-style-type: none;
	font-size:10px;
}
#wrapper #container #wfooter #botbox #bbfmenu a:link, #wrapper #container #wfooter #botbox #bbfmenu a:visited {
	display: block;
	float: right;

	color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
border-left-color: #4c4a4a;
	padding-top: 3px;
	padding-right: 14px;
	padding-bottom: 3px;
	padding-left: 14px;
	text-align: center;
	text-decoration: none;
color: #151515;
	text-shadow: #7c7c7c 1px 1px;
}
#wrapper #container #wfooter #botbox #bbfmenu a:hover {

	color: #a9db33;
text-shadow: #000000 1px 1px;

}
#wrapper #container #wfooter #botbox #bbfmenu .first {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#wrapper #container #wfooter #botbox #bbfcopy .bbftext {
	
	color: #151515;
	text-shadow: #7c7c7c 1px 1px;
}
#wrapper #container #wfooter #botbox #bbfcopy .bbftext a:link, #wrapper #container #wfooter #botbox #bbfcopy .bbftext a:visited {
	font-weight: bold;
	color: #151515;
text-shadow: #7c7c7c 1px 1px;
	text-decoration: none;
}
#wrapper #container #wfooter #botbox #bbfcopy .bbftext a:hover {
	color: #a9db33;
text-shadow: #000000 1px 1px;
}
#wrapper #container #wcontent #wcleft .wcronline {
	background-image: url(images/services_21.jpg);
	height: 191px;
	width: 315px;
	float: left;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-attachment: scroll;
	background-repeat: no-repeat;
}
#tdrightheader
{
float:right;
width:350px;
padding:90px 20px 0 0;
}
.textfield
{
font-size: 11px;
margin: 0 0 10px 0;
border:solid 1px #999999;
padding:2px;
}
#subsidiary 
{
	font-size:10px;
	color: #151515;
	text-shadow: #7c7c7c 1px 1px;
}
#subsidiary a:link, #subsidiary a:visited
{
color: #151515;
	text-shadow: #7c7c7c 1px 1px;
border-bottom:dotted 1px black;
text-decoration:none;
}
#subsidiary a:hover
{
color: #a9db33;
text-shadow: #000000 1px 1px;
border-bottom:dotted 1px #a9db33;
}
.campaignitem
{
float:left;
margin-left:10px;
width:110px;
text-align:center;
padding:20px 3px;
height:55px;
border:solid 5px #CCCCCC;
font-size:19px;
font-family:"Times New Roman", Times, serif;
color:#878787;
background-color:#cfcfcf;
	background-image:url(images/bg_gradientcontact.jpg);
	background-position:20px -120px;
	background-repeat:repeat-x;
}


#wftweet{
font-family: Arial, serif;
  font-size: 11px;
  color: #6f891e;
}
.teamMember1
{
width:450px;
height:220px;
border:solid 3px #e7d9a0;
background: #f1e6ba;
float:left;
margin:0 10px 0 0;
padding:8px;
}
.teamMember2
{
width:290px;
height:80px;

float:left;
margin:0 3px 0 0;
padding:15px 12px;
}