@charset "utf-8";
/* CSS Document */
body{background:url(../img/bg.gif) repeat-x #000d47; font-family:Arial, Helvetica, sans-serif; font-size:9pt; padding:0; border:0; margin:0; color:#002665;}
img{border:0; display:block;}
.clear{clear:both;}
a.more:link{color:#F00; text-decoration:none;}
a.more:visited{color:#F00; text-decoration:none;}
a.more:hover{color:#F00; text-decoration:underline;}
#container{width:987px; margin:0 auto; position:relative;}
#header{background:url(../img/header-bg.gif) no-repeat; width:987px; height:61px; margin:0 auto; position:relative;}
#logo{margin:0 0 0 32px; width:238px;}
#top-menu{position:absolute; top:0;	right:15px; width:316px; height:26px; background:url(../img/top-menu.gif) no-repeat;}
#top-menu ul{z-index:100; margin: 0; padding: 0; list-style-type: none;}
#top-menu ul li{position: relative; display: inline; float: left; text-align:right; padding:4px 22px 0;}
#top-menu ul li img{ float:left; margin:2px 0 0 0;}
#top-menu ul li a:link{text-decoration:none; color:#FFF; text-transform:uppercase; font-weight:bold;}
#top-menu ul li a:visited{text-decoration:none; color:#FFF; text-transform:uppercase; font-weight:bold;}
#top-menu ul li a:hover{text-decoration:none; color:#CCC; text-transform:uppercase; font-weight:bold;}
.slideshow{width:987px; margin:0 auto; position:relative;}
#body3{background:url(../img/testimonial-bg.gif) no-repeat; width:987px; height:273px; margin:0 auto; position:relative; border:0;}
#webappdev{position:absolute; top:4px; left:37px; width:605px; text-align:justify; line-height:20px;}
#clients-icon{position:absolute; top:154px; left:37px; width:127px;}
#clients{position:absolute; top:164px; left:196px; width:448px; height:76px; background:url(../img/clients-bg.gif) no-repeat; padding:20px 0 0 1px;}
#testimonial{position:absolute; top:6px; right:20px;}
#body4{position:relative; width:987px; height:235px; margin:0 auto; background-color:#FFF;}
#body4a{position:absolute; top:0; left:18px; line-height:20px;}
#body4a ul{z-index:100; margin: 0; padding: 0; list-style-type: none;}
#body4a ul li{position: relative; display: inline; float: left; text-align:justify; padding:0 13px;}
#body4a ul li h1{width:272px; font-size:9pt; font-weight:normal;}
#bodybottom{position:relative; width:987px; height:66px; margin:0 auto; background-color:#FFF;}
#footer{position:absolute; top:0px; left:18px; background:url(../img/footer-bg.gif) repeat-x; width:949px; height:58px; border:solid #cccccc 1px;}
#footer1{position:absolute; top:0;	left:21px; width:416px; font-size:8pt; color:#808080; line-height:20px;}
#footer1 ul{z-index:100; margin: 0; padding: 0; list-style-type: none;}
#footer1 ul li{position: relative; display: inline; float: left; text-align:left; padding:0 2px;}
#footer1 ul li a:link{text-decoration:none; color:#808080;}
#footer1 ul li a:visited{text-decoration:none; color:#808080;}
#footer1 ul li a:hover{text-decoration:underline; color:#808080;}
#footer2{position:absolute; top:0;	right:21px; width:150px; font-size:8pt; color:#808080; line-height:20px;}
#footer2 ul{z-index:100; margin: 0; padding: 0; list-style-type: none;}
#footer2 ul li{position: relative; display: inline; float: left; text-align:left; padding:0 2px;}
#footer2 ul li a:link{text-decoration:none; color:#808080;}
#footer2 ul li a:visited{text-decoration:none; color:#808080;}
#footer2 ul li a:hover{text-decoration:underline; color:#808080;}
.bodyinner{position:relative; width:987px; margin:0 auto; background:url(../img/inner-page.gif) repeat-y;}
.bodyinner h1{background: #fff; border-top: 1px solid #CFD0D0; padding: 3px 4px 4px 10px; margin: 32px 0 0 0; font-size:10pt;  text-align:justify; width:753px; float:right;}
.bodyinner p{font-size:10pt; text-align:justify; width:738px; padding:0 15px 0 0; line-height:20px; float:right;}
.bodyinner p img{ white-space:nowrap;}
.bodyinner1{font-size:10pt; text-align:justify; width:738px; padding:0 15px 0 0; line-height:20px; float:right;}
.bodyinner1 ul{z-index:100; margin: 0; padding: 0; list-style-type: none;}
.bodyinner1 ul li{display: inline; float: left; text-align:left; padding:0 2px; font-size:9pt; font-weight:normal; width:250px; line-height:25px; margin:0 0 10px 0;}
.bodyinner1 ul li h2{display: inline; float: left; text-align:right; padding:0 2px; font-size:9pt; font-weight:normal; width:250px; margin:0; padding:0; border:0; line-height:25px;}
.product{position:relative; float:right; width:767px; }
.kiosk{background:url(../img/product-kiosk.gif) no-repeat; width:242px; height:487px; float:left; margin:0 15px 0 0;}
.picket{background:url(../img/product-picket.gif) no-repeat; width:242px; height:487px; float:left; margin:0 15px 0 0;}
.nurz{background:url(../img/product-nurz.gif) no-repeat; width:242px; height:487px; float:left;}
.product_title{ text-align:center; font-size:11pt; font-weight:bold; color:#555; padding:5px 0 0 0;}
.product_info{position:absolute; top:50px; width:222px; top:200px; left:10px; text-align:justify; line-height:20px; color:#444;}
.product_info1{position:absolute; top:50px; width:222px; top:200px; left:267px; text-align:justify; line-height:20px; color:#444;}
.product_info2{position:absolute; top:50px; width:222px; top:200px; left:524px; text-align:justify; line-height:20px; color:#444;}
a.toplink:link{font-weight:bold; text-decoration:none; color:#002665;}
a.toplink:visited{font-weight:bold; text-decoration:none; color:#002665;}
a.toplink:hover{font-weight:bold; text-decoration:underline; color:#002665;}
a.sublink:link{font-weight:normal; text-decoration:none; color:#002665;}
a.sublink:visited{font-weight:normal; text-decoration:none; color:#002665;}
a.sublink:hover{font-weight:normal; text-decoration:underline; color:#002665;}
.kiosk1{width:767px; float:right; vertical-align:top; }




/**********CSS for ajak ticker**********/
#ajaxticker1{width: 271px; height: 192px; padding: 5px; text-align:justify; color:#002665; line-height:20px;}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/}

#ajaxticker1 p{float:right; text-decoration:underline;}
/**********CSS for ajak ticker**********/





/**********CSS for navigation menu**********/
.arrowsidemenu{
	width: 220px; /*width of menu*/
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-width: 1px 0;
	float:left;
}
	
.arrowsidemenu div a{ /*header bar links*/
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(../img/arrowgreen.gif) 100% 0;
  	height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}
	
.arrowsidemenu div a:link, .arrowsidemenu div a:visited{
	color: #fff;
}

.arrowsidemenu div a:hover{
	background-position: 100% -32px;
}

.arrowsidemenu div.unselected a{ /*header that's currently not selected*/
	color: #fff;
}

	
.arrowsidemenu div.selected a{ /*header that's currently selected*/
	color: #fff;
	background: transparent url(../img/arrowgreen.gif) 100% 0;
	background-position: 100% -32px;
}

.arrowsidemenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.arrowsidemenu ul li{
	border-bottom: 1px solid #2960c9;
}


.arrowsidemenu ul li a{ /*sub menu links*/
	display: block;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border-bottom:#FFF 1px solid;
	color: #fff;
	padding: 5px 0;
	padding-left: 20px;
	background-color:#123a85;
}

.arrowsidemenu ul li a:hover{
	background: #1c56c3;
}
/**********CSS for navigation menu**********/