body { margin:0; background:url(../images/top-bg.jpg) repeat-x top; }
* { margin:0;}

#mainsite {
	width:950px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0;
	margin-bottom: 0;}
	
	/*-------------------- hadder ------------------------*/
	
#hadder{ width:950px; height:64px; margin:0; padding-top:38px; float:left;}
#logo{ position:absolute; display:block; overflow:hidden; width:324px; height:32px; float:left; margin:0; }
#logo span { position:absolute; width:100%; height:100%; background:url(../images/logo-07.jpg) no-repeat 0 0; cursor:pointer;}
#logo a { text-decoration:none;}
#hadder-right-part{width:180px; height:50px; float:right; margin:0;}
#top-link-icon{ width:120px; height:auto; float:right; margin:0;}
#top-link-icon-home{ width:11px; height:auto; float:left; margin:0;}
#top-link-icon-about{ width:30px; height:auto; float:right; margin:0;}
#top-link-icon-mail{ width:30px; height:auto; float:right; margin:0;}
#top-link-icon-sitemap{ width:30px; height:auto; float:right; margin:0;}
#top-contact{ height:20px; width:180px; float:right; margin:0;}
#gray-dig-text{ height:5px; width:70px; float:right; margin:0;  font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#373737; font-weight:bold; text-decoration: none; padding-top:18px;}
#green-contact-text{ height:28px; width:110px; float:right; margin:0; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#90bd29; font-weight:bold; text-decoration: none; padding-top:18px;}

	/*-------------------- hadder End ------------------------*/

#mid-box{ height:auto; width:950px; margin:0; float:left; padding:25px 0 16px 0;}

#left-box{ height:auto; width:228px; margin:0; float:left; padding-right:10px;}
#green-main-box{ height:234px; width:228px; margin:0; float:left; padding-bottom:25px;}
#green-hadder{ height:27px; width:228px; margin:0; float:left; background:url(../images/green-hadder.jpg) no-repeat; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; font-weight:bold; text-decoration: none; padding-top:8px;}
#green-part1{ height:56px; width:153px; margin:0; float:left; background:url(../images/green-visitor-management.jpg) no-repeat;  padding:10px 0 0 75px;}
.green-part1-text{ font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; font-weight:bold; text-decoration: none;}
.green-part1-text:hover{ font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#004b90; font-weight:bold; text-decoration: none;}

#green-part2{ height:56px; width:153px; margin:0; float:left; background:url(../images/green-access-control.jpg) no-repeat; padding:10px 0 0 75px;}

#green-part3{ height:56px; width:153px; margin:0; float:left; background:url(../images/green-time-attendance.jpg) no-repeat;  padding:10px 0 0 75px;}
#black-main-link{ height:80px; width:228px; margin:0; float:left; padding:0;}
.green-arrow{ height:40px; width:30px; margin:0; float:left; background:url(../images/green-arrow.gif) no-repeat;}
.black-left-link-box{ height:40px; width:198px; margin:0; float:left;}
.black-left-link{font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#2b2b2b; font-weight:bold; text-decoration: none; line-height:12px;}
.black-left-link:hover{font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#0057b0; font-weight:bold; text-decoration: none; line-height:12px;}
#quote-box{ height:71px; width:228px; float:left; margin:0; background:url(../images/green-design.jpg) repeat-x top; padding-bottom:12px;}
#quote-icon{ height:71px; width:60px; float:left; margin:0; background:url(../images/quote-icon.jpg) no-repeat center;}
#quote-text-box{ height:48px; width:168px; float:left; margin:0; padding-top:23px;}
.quote-link{font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#ffffff; font-weight:bold; text-decoration: none;}
.quote-link:hover{ font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#003f81; font-weight:bold; text-decoration: none;}

#Consultation-box{ height:71px; width:228px; float:left; margin:0; background:url(../images/blue-design.jpg) repeat-x top;}
#Consultation-icon{ height:71px; width:60px; float:left; margin:0; background:url(../images/consultation-icon.jpg) no-repeat center;}
#Consultation-text-box{ height:48px; width:153px; float:left; margin:0; padding:23px 0 0 15px;}
.Consultation-link{font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:19px; color:#ffffff; font-weight:bold; text-decoration: none;}
.Consultation-link:hover{ font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:19px; color:#9cc936; font-weight:bold; text-decoration: none;}

#animation{ height:236px; width:712px; margin:0; float:left; padding-bottom:25px;}


/*-------------------- right part ------------------------*/


#right-box{ height:auto; width:712px; margin:0; float:left;}
#text-area{ height:auto; width:712px; margin:0; float:left;}
#welcometext-box{ height:33px; width:712px; margin:0; float:left;}
h1 {font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#004891; font-weight:bold; text-decoration: none; line-height:12px;}
h1 span {font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#90bd29; font-weight:bold; text-decoration: none; line-height:12px;}
h2 {font-family:Verdana, Arial; font-size:11px; font-weight:bold; color:#595959;}
.normal-text-part{ height:auto; width:712px; margin:0; float:left;}
.normal-text {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;color: #595959; text-decoration: none; text-align:justify; line-height:18px;}
#pro-box{ height:auto; width:712px; margin:0; float:left;}
.pro-main-box{ height:250px; width:230px; margin:0; float:left;  padding-right:10px;}
.pro-main-box2{ height:250px; width:230px; margin:0; float:left;}
.pro-hadder-part{ height:30px; width:230px; float:left; margin:0; background-color:#4b85c0; border-bottom:1px solid #7eb2e8; padding-top:10px;}
.pro-text-part{ height:auto; width:184px; float:left; margin:0; background-color:#6ba0d6;  padding:10px 23px 10px 23px;}
.white-text{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;color: #ffffff; text-decoration: none; text-align:justify; line-height:18px;}
.more-box{ height:6px; width:40px; margin:0; float:right;}
.more-icon{ height:9px; width:11px; margin:0; float:right; padding-top:3px;}
.white-more-link{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;color: #ffffff; text-decoration: none;}
.white-more-link:hover{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;color: #ffffff; text-decoration:underline;}

.pro-red-link{ height:auto; width:600px; margin:0; float:left;}
.pro-red-link ul{ height:auto; width:600px; margin:0; float:right; padding:0; list-style-type:none;}
.pro-red-link li{height:auto; width:585px;  margin-bottom:0; float:right; padding:5px 0 5px 15px;font-family:Verdana, Arial; font-size:11px; font-weight:bold; color:#003f81; text-decoration:none; background-image: url(../images/blue-bullate.gif); background-repeat: no-repeat;
background-position: left center;}

.pro-red-sublink{ height:auto; width:585px; margin-left:25px; float:left;}
.pro-red-sublink ul{ height:auto; width:570px; margin:0; float:right; padding-left:30px;}
.pro-red-sublink li{height:auto; width:585px; margin:0; float:right; padding:5px 0 5px 10px;font-family:Tahoma, Arial; font-size:11px; font-weight:bold; color:#003f81; text-decoration:none; list-style-type:none; background-image:url(../images/green-arrow2.gif); background-repeat: no-repeat;
background-position:left center;}

.pro-redlink{font-family:Verdana, Arial; font-size:11px; font-weight:bold; color:#003f81; text-decoration:none;}
.pro-redlink:hover{font-family:Verdana, Arial; font-size:11px; font-weight:bold; color:#81b900; text-decoration: none;}

/*-------------------- right part End ------------------------*/
/*-------------------- footer ------------------------*/

#footer{ height:85px; width:100%; margin:0; float:left; padding:0; background:url(../images/bottom-bg.jpg) repeat-x bottom;}
#link-part{ height:31px; width:950px; margin-left:auto; margin-right:auto; padding-top:12px;} 
.footer-link{font-family: Verdana, Arial; font-size:11px; font-weight:normal; color:#000000; text-decoration:none;}
.footer-link:hover{ color: #00478e;}
#copyright-part{ height:30px; width:950px; margin-left:auto; margin-right:auto; padding-top:12px; font-family:Verdana, Arial; font-size:11px; font-weight:normal;color:#c1c1c1; text-decoration:none;} 
#last-part{width:385px; height:auto; float:right; }
#last-left{width:385px; height:auto; float:left; }
.last-link{font-family:Verdana, Arial; font-size:11px; font-weight:normal;color:#0054a6; text-decoration:none; font-weight:bold;} 
.last-link:hover{color:#567c00;} 
/*-------------------------- footer end ------------------------*/

.time-new {font-family:"Trebuchet MS", Verdana, Arial; font-size:16px; color:#ffffff; font-weight:bold; text-decoration: none;}
.time-new:hover {color:#97c5f4;}

/*-------------------------- Navigation2 End ------------------------*/


#navtop {
      float:left;
	  height:36px;
      width:950px;
      font-size:13px;
      line-height:normal;
	  margin:0;
}
#sddm
{
	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 13px Trebuchet MS, Arial;}

#sddm li a
{	display: block;
	margin:0;
	padding: 9px 0;
	width: 135px;
	color: #043b72;
	text-align: center;
	text-decoration: none;}

#sddm li a:hover
{	background: #90bd29; color:#FFFFFF;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #c4e677;
	color: #ffffff;
	border-right:1px solid #ffffff;
	border-left:1px solid #ffffff;
	}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #c4e677;
		color: #ffffff;
		font: 13px Trebuchet MS, Arial;
		border-bottom:1px solid white;
		}

	#sddm div a:hover
	{	background: #c4e677;
		color: #ffffff}
		
	.sub-link {
	font-family:"Trebuchet MS", Arial;
	font-size:11px;
    color:#567c00;
	font-weight:bold;
	text-decoration:none;}
	
	.sub-link:hover {
	font-family:"Trebuchet MS", Arial;
	font-size:11px;
    color:#0054a6;
	font-weight:bold;
	text-decoration:none;}
		
		
/*-------------------------- Navigation2 End ------------------------*/