@charset "utf-8";
/* CSS Document */
#mode01{
position:absolute;
left:44px;
top:42px;
width:203px;
height:57px;
background-image:url(images/logo.gif);
}
#mode01a{
	position:absolute;
	left:286px;
	top:49px;

}
#mode02{
position:absolute;
left:34px;
top:114px;
width:912px;
height:9px;
background-color:#d6dad9;
overflow:hidden;
}
#menu{
position:absolute;
left:34px;
top:123px;
width:225px;
height:239px;
}
#topmenu{
	position:absolute;
	left:663px;
	top:55px;
	width:273px;
	height:36px;
	word-spacing:4px;

}
.sel{
color:#b70e11;
padding-left:12px;
background: url("images/arrow04.gif") no-repeat 1px .2em;
}
#mode03{
position:absolute;
left:264px;
top:126px;
width:682px;
height:70px;
background-image:url(images/ban01.gif);
}
#mode04{
position:absolute;
left:264px;
top:196px;
width:682px;
height:168px;
}
#mode05{
position:absolute;
left:34px;
top:368px;
width:912px;
height:4px;
background-color:#d4d4d4;
overflow:hidden;
}
#mode06{
position:absolute;
left:288px;
top:382px;
width:650px;
height:24px;
}
h1{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#3d3d3d;
}
#mode07{
	position:absolute;
	left:277px;
	top:376px;
	width:232px;
	height:64px;
	background-image:url(images/tat.gif);
}
#mode08{
	position:absolute;
	left:526px;
	top:376px;
	width:227px;
	height:64px;
	background-image:url(images/price.gif);
}
#mode09{
	position:absolute;
	left:750px;
	top:389px;
	width:166px;
	height:38px;
	adding-top:153px;
	padding-left:14px;
}
.text01{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#be6126;
font-weight:bold;
text-decoration:underline;
line-height:19px;
}
.text01 a{
color:#be6126;
text-decoration:underline;
}
#mode10{
	position:absolute;
	left:537px;
	top:448px;
	width:216px;
	height:82px;
	background-image:url(images/price01.gif);
}
#mode11{
	position:absolute;
	left:537px;
	top:534px;
	width:230px;
	height:45px;
}
#statelisting{
	position:absolute;
	left:278px;
	top:1134px;
	width:412px;
	height:87px;
}
.text02{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#97b311;
font-weight:bold;
text-decoration:underline;
line-height:19px;
}
.text02 a{
color:#97b311;
text-decoration:underline;
}
#mode12{
	position:absolute;
	left:277px;
	top:448px;
	width:241px;
	height:148px;
}
.text03{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#545252;
font-weight:bold;
text-decoration:underline;
line-height:19px;
}
.text03 a{
color:#545252;
text-decoration:underline;
}
.text04{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#545252;
line-height:19px;
}
.text05{
font-family:Arial, Helvetica, sans-serif;
padding-left:19px;
font-weight:bold;
font-size:13px;
color:#000000;
line-height:19px;
background: url("images/arrow.gif") no-repeat 1px .2em;
}
.text05 a{
color:#000000;
text-decoration:underline;
}
.text06{
font-family:Arial, Helvetica, sans-serif;
padding-left:18px;
margin-left:20px;
font-weight:bold;
font-size:13px;
color:#000000;
line-height:19px;
background: url("images/arrow03.gif") no-repeat 1px .3em;
}
#mode13{
	position:absolute;
	left:525px;
	top:404px;
	width:0px;
	height:187px;
	background-color:#dbdcd6;
}
#mode14{
	position:absolute;
	left:275px;
	top:598px;
	width:674px;
	height:3px;
	background-color:#dbdcd6;
	overflow:hidden;
}
#mode15{
	position:absolute;
	left:261px;
	top:605px;
	width:691px;
	height:77px;
}
h2{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#6d972c;
line-height:18px;
/*padding-top:8px;*/
}
#mode17{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	position:absolute;
	left:274px;
	top:1227px;
	width:342px;
	height:102px;
	color:#5ea6a5;
	padding-top:03px;
	padding-left:05px;
	padding-bottom:05px;
	/*background: url("images/audio.gif") no-repeat 1px 1.5em;*/
text-indent:0.8px;
}

#audioimage{
	position:absolute;
	left:637px;
	top:1269px;
	width:55px;
	height:45px;
	background-image:url(images/audio.gif);
}
#downloadimage{
	position:absolute;
	left:620px;
	top:1363px;
	width:54px;
	height:67px;
}
#facebookapp{
	position:absolute;
	left:712px;
	top:1268px;
	width:243px;
	height:94px;
}
#mode17a{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
position:absolute;
left:34px;
top:1047px;
width:170px;
height:44px;
color:#5ea6a5;
padding-top:32px;
padding-left:63px;
background:url(images/audiorecordings.jpg);
text-decoration:underline;
}
#mode18{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	position:absolute;
	left:710px;
	top:1505px;
	width:140px;
	height:55px;
	color:#5ea6a5;
	padding-top:32px;
	padding-left:105px;
	text-decoration:underline;
	background: url("images/google.gif") no-repeat 1px 1.5em;
}
#mode18a{
	position:absolute;
	left:403px;
	top:12px;
	width:199px;
	height:103px;
}
#mode19{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
position:absolute;
left:446px;
top:834px;
width:188px;
height:55px;
text-decoration:underline;
color:#5ea6a5;
padding-top:32px;
padding-left:65px;
background: url("images/media.gif") no-repeat 1px 1.5em;
}
.link{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#5ea6a5;
text-decoration:underline;
}
.link a{
color:#5ea6a5;
text-decoration:underline;
}
#mode20{
position:absolute;
left:446px;
top:920px;
width:251px;
height:3px;
background-color:#dbdcd6;
overflow:hidden;
}
#mode21{
position:absolute;
left:278px;
top:660px;
width:415px;
height:103px;
}
#mode22{
	position:absolute;
	left:711px;
	top:678px;
	width:211px;
	height:346px;
	border:1px #e0e0e0 solid;
	background: url("images/query.gif") no-repeat 10px 1.2em;
	padding-top:65px;
	padding-left:28px;
	line-height:22px;
}
.form{
border-top:#999 1px solid;
border-bottom:#999 1px solid;
border-right:#999 1px solid;
border-left:#bd1314 5px solid;
font-size:12px;
}
.formtext{
margin-top:6px;
border:#999 1px solid;
font-size:12px;
}
.desc{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#545252;
}
#mode23{
	position:absolute;
	left:34px;
	top:1687px;
	width:912px;
	height:102px;
	border:1px solid #dedede;
}
#marquee{
	position:absolute;
	left:34px;
	top:1580px;
	width:912px;
	height:105px;
	border:1px solid #dedede;
}
#mode24{
	position:absolute;
	left:34px;
	top:386px;
	width:225px;
	height:660px;
	background-color:#eee;
}
#mode25{
	position:absolute;
	left:34px;
	top:1050px;
	width:225px;
	height:491px;
	background-color:#eee;
}
.lihead{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#6d972c;
padding-left:20px;
padding-top:15px;
}
#mode24 li{
list-style:none;
}
#mode24 li a{
font-family:Arial, Helvetica, sans-serif;
background: url("images/arrow02.gif") no-repeat 1px .3em;
font-size:12px;
font-weight:bold;
color:#3d3d3d;
list-style:none;
line-height:25px;
text-decoration:none;
margin-left:-10px;
padding-left:12px;
}
#mode25 li{
list-style:none;
}
#mode25 li a{
font-family:Arial, Helvetica, sans-serif;
background: url("images/arrow02.gif") no-repeat 1px .3em;
font-size:12px;
font-weight:bold;
color:#3d3d3d;
list-style:none;
line-height:25px;
text-decoration:none;
margin-left:-10px;
padding-left:12px;
}
#mode26{
	position:absolute;
	left:34px;
	top:1791px;
	width:913px;
	height:99px;
	background-color:#dbdbdb;
}
#mode27{
position:absolute;
left:36px;
top:1280px;
width:913px;
height:25px;
}
#mode28{
	position:absolute;
	text-align:right;
	padding-top:10px;
	left:110px;
	top:-20px;
	width:798px;
	height:64px;
}
.bottemlink{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-stretch:expanded;
font-weight:bold;
word-spacing:6px;
}
.bottemlink a{
text-decoration:underline;
color:#333333;
}
.bottem{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
}
#leftbottom{	
	position:absolute;
	left:39px;
	top:1807px;
	width:200px;
	height:55px;
}
#leftbottom1{
	position:absolute;
	left:39px;
	top:1799px;
	width:250px;
	height:55px;
}
.bottem01{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:23px;
}
.bottemhead{
font-weight:bold;
}
.topmenu{
font-family:Arial, Helvetica, sans-serif;
color:#3d3d3d;
font-size:12px;
}
.topmenu a{
text-decoration:none;
color:#3d3d3d;
}

.topmenu a:hover{
color:#bd1314;
text-decoration:underline;
}
#modex01{
	position:absolute;
	left:290px;
	top:671px;
	width:152px;
	height:21px;
}
#modex02{
	position:absolute;
	left:499px;
	top:672px;
	width:152px;
	height:21px;
}
#modex03{
	position:absolute;
	left:290px;
	top:920px;
	width:182px;
	height:21px;
}
#modex04{
	position:absolute;
	left:499px;
	top:920px;
	width:152px;
	height:21px;
}
#pic01{
	position:absolute;
	left:275px;
	top:714px;
	width:199px;
	height:81px;
	background-image:url(images/video-transcription.gif);
}
#pic02{
	position:absolute;
	left:485px;
	top:714px;
	width:199px;
	height:81px;
	background-image:url(images/audio-transcription.gif);
}
#pic03{
	position:absolute;
	left:272px;
	top:957px;
	width:199px;
	height:81px;
	background-image:url(images/interview-transcription.gif);
}
#pic04{
	position:absolute;
	left:486px;
	top:957px;
	width:199px;
	height:81px;
	background-image:url(images/legal-transcription.gif);
}
#modex05{
	position:absolute;
	left:275px;
	top:806px;
	width:206px;
	height:93px;
}
#modex06{
	position:absolute;
	left:486px;
	top:807px;
	width:216px;
	height:92px;
}
#modex07{
	position:absolute;
	left:280px;
	top:1043px;
	width:202px;
	height:89px;
}
#modex08{
	position:absolute;
	left:490px;
	top:1045px;
	width:202px;
	height:89px;
}
#midline1{
	position:absolute;
	left:276px;
	top:914px;
	width:426px;
	height:1px;
	border-top:1px dotted #000;
}
#midline2{
	position:absolute;
	left:272px;
	top:1210px;
	width:426px;
	height:1px;
	border-top:1px dotted #000;
}
#midline3{
	position:absolute;
	left:269px;
	top:1343px;
	width:426px;
	height:1px;
	border-top:1px dotted #000;
}
#downloadicon{
	position:absolute;
	left:606px;
	top:1435px;
	width:93px;
	height:37px;

}
#casestudy{
	position:absolute;
	left:276px;
	top:1353px;
	width:324px;
	height:221px;
}


h2 a{
color:#6d972c;
text-decoration:none;
}
/* Following are the Pop up Menu styles */

body1{
background:#fff none repeat scroll 0%;
line-height:1;
font-size: 12px;
font-family:arial,sans-serif;
margin:0pt;
height:100%;
}
table1 {
border-collapse:separate;
border-spacing:0pt;
}
caption, th, td {
font-weight:normal;
text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
a{
cursor: pointer;
text-decoration:none;
}
br.both{
clear:both;
}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:450px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
#button{
	position:absolute;
	left:35px;
	top:360px;
	width:224px;
	height:24px;
	font-size:14px;
}

/*Pop up menu styles ended */
#softwares{
	position:absolute;
	left:711px;
	top:1091px;
	width:234px;
	height:171px;
	word-spacing:4px;
	border:1px #e0e0e0 solid;
	padding-top:2px;
	padding-left:5px;
	}
#main{
	position:relative;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	height:1500px;
	
}
.animatedtabs{
overflow: hidden;
width: 100%;
font-size: 14px; /*font of menu text*/
}


.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url("images/tab-blue-left.gif") no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url("images/tab-blue-right.gif") no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

#animatedtabs{
	position:absolute;
	left:595px;
	top:85px;
	width:351px;
	height:31px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	word-spacing:4px;
	color:#3d3d3d;
}
.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 13px Arial;
color: white;
background:  url(images/backgroundimage.gif) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #666;
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-family: Arial;
border-bottom: 1px solid #dadada;
font-size: 75%;
}

.arrowlistmenu ul li a:visited{
color: #666;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: white;
	background-color: #C00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}
#ArrowBulletList{
	position:absolute;
	left:33px;
	top:382px;
	width:225px;
	height:245px;
	background-color: #eee;
}
#ArrowBulletList1{
	position:absolute;
	left:34px;
	top:631px;
	width:225px;
	height:340px;
	background-color: #eee;
}
#ArrowBulletList2{
	position:absolute;
	left:34px;
	top:975px;
	width:225px;
	height:567px;
	background-color: #eee;
}
.text01b{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#be6126;
font-weight:bold;
text-decoration:none;
line-height:19px;
}

#colormenu {
     margin:5px;
     padding:5px;
}

#colormenu a{
     display: inline-block;
     font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
     font-size:12px;
     text-decoration:none;
     margin-right:7px;
     color:#000;
	 font-weight:bold;
     text-shadow:#FFF 1px 1px 1px;
     padding-top:0px;
     padding-left:4px;
     padding-right:1px;
}

#colormenu .red a:hover{
     background-color: #fee1e1;
     border-bottom-color: #C00;
     color: #C00;
	 border-bottom: 2px solid;
     -webkit-border-top-left-radius: 9px;
     -webkit-border-top-right-radius: 9px;
     -moz-border-radius-topleft: 9px;
     -moz-border-radius-topright: 9px;
}
#chat{
	position:absolute;
	left:556px;
	top:45px;
	height:47px;
	width:169px;
}
	
	
#midline4{
	position:absolute;
	left:271px;
	top:1545px;
	width:426px;
	height:1px;
	border-top:1px dotted #000;
}
#rightmenu3{
	position:absolute;
	left:70px;
	top:1541px;
	width: 562px;
	
	
}