@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px; font-family:tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; outline:none}
body{ background:url(../images/bg_rep.jpg) repeat-x top center #FFFFFF;}
#up_part{ width:870px; margin:0 auto;}
#head{ height:275px; text-align:center}
#navi{height:38px; background:url(../images/navi.jpg) top no-repeat;}
#navi ul{ list-style:none;}
#navi ul li{ float:left; display:inline}
#navi a{ width:217px; height:30px; display:block; text-align:center; padding-top:8px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#ACACAC; font-weight:bold; text-decoration:none;}
#navi a:hover{ color:#FFFFFF}
#navi a.active{color:#ffffff;}
#body{ background:url(../images/2nd_ban.jpg) top no-repeat; padding:139px 0 0 0;}
#left{ width:550px; padding:15px; float:left; background:url(../images/left_rep_y.gif) repeat-y left top #FFFFFF}
#rite{ width:260px; padding:15px; float:right; background:url(../images/rite_bot.jpg) bottom no-repeat #396ea4;}
#footer{ background:url(../images/footer.jpg); text-align:center; color:#b2b2b2; padding-top:10px; line-height:20px;}
#footer a{ color:#b2b2b2; text-decoration:none; }
#footer a:hover{ color:#DDDDDD; text-decoration:underline; }
#footer a.foot_active{ color:#DDDDDD; text-decoration:underline}
#listing{ margin:0 0 0 195px;}
#listing li{ font-weight:bold; color:#004790; font-size:12px; line-height:20px; border-bottom:1px dashed #CCCCCC;}
#para{ margin:15px 0 0 0; text-align:justify; line-height:18px;}
.ylw_but{ width:70px; height:20px; display:block; padding-top:6px; background:url(../images/ylo_but.jpg); text-decoration:none; font-weight:bold; text-align:center}
.ylw_but:hover{ background:url(../images/grn_but.jpg);}
.grn_but{ width:70px; height:20px; display:block; padding-top:6px; background:url(../images/grn_but.jpg); text-decoration:none; font-weight:bold; text-align:center;}
#dotted_bord{ height:20px; border-bottom:1px dashed #999999;}
#clients{ padding-top:15px;}
#clients1{ width:153px; height:132px; background:url(../images/client_back.jpg); padding:10px; float:left; text-align:center; margin-right:16px}
#clients2{ width:153px; height:132px; background:url(../images/client_back.jpg); padding:10px; float:left; text-align:center; margin-right:15px}
#clients3{ width:153px; height:132px; background:url(../images/client_back.jpg); padding:10px; float:left; text-align:center;}
#clients p{ text-align:justify; margin-top:15px; line-height:14px;}
#news p{ height:88px; background:url(../images/news_bg.gif) repeat-x; margin:10px 0; padding:8px; color:#badcff;}
#news a{ color:#ffe393; font-weight:bold;}
#vacancy{ margin-top:20px;}

#aboutus p{ text-align:justify; line-height:18px;}
#aboutus ul{ list-style:inside; padding-left:20px; float:left}
#aboutus li{ line-height:20px;}

#mantras li{ list-style:none; padding:10px 0;}
#mantras ul li ul{ margin:0 0 0 20px;}
#mantras ul li ul li{ padding:0; list-style:disc; font-weight:bold; color:#666666; font-size:12px; line-height:20px; border-bottom:1px dashed #CCCCCC;}

#privacy p{ text-align:justify; line-height:18px; padding:10px 0;}

#contact{ padding:10px; height:200px;}
#contact p{ padding-left:20px; line-height:20px; float:left}



/*----------------- Sliding menu effect  --------------------*/

#miniflex {
	width: 100%;
	float: left;
	/*font-size: 20px;  could be specified at a higher level */
	margin: 0;
	/*padding: 0 10px 0 10px;*/
	position:relative;
	z-index:2;
}


#miniflex li {
	float: left;
	margin: 0;
	padding-right: 0px;
	list-style: none;
	position:relative;
}

#miniflex a:link, #miniflex a:visited {
	line-height:20px;
	text-decoration:none;
	font-family:verdana, Arial, Helvetica, sans-serif;
	/*border:#999999 solid 1px;*/
	float:left;
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#ACACAC;
	margin:0;
	height:25px;
}


#miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
	color:#FFFFFF;
}
  
#animated-tab {
	position: absolute;
	z-index: 1;
	display:block;
	height:30px;
	border-bottom:2px solid #444444;
}

/*----------------- Sliding effect ends  --------------------*


/*--------------- high slide ------------------*/

.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 400px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
text-align:justify;
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/* -----------high slide ends here -----------*/



/* Contact Us page */
#contact_page p{ line-height:20px; padding:10px 0;}
#map{ width:390px; float:right; padding-right:10px; text-align:center}
.sub_heading{ font-size:16px; font-weight:bold; color:#EF0125;}
#contactpg{
	padding:10px;
	top:10px;
	color:#CBEDFE;
	font-size:12px;
	width:450px;
}

cont_form{
	width:540px;
	margin:0 auto;
	}

.border{
	font: 12px Arial, Helvetica, sans-serif;
	color:#000;
	border:1px solid #C4C4C4;
	background:#F1EFEF;
	width:200px;
	height:18px;
	padding:2px;
}

.border1{
	font: 12px Arial, Helvetica, sans-serif;
	color:#000;
	border:1px solid #999999;
	background:#E8F9FF;
	width:200px;
	height:18px;
	padding:2px;
}
	
.bordera{
	font: 12px Arial, Helvetica, sans-serif;
	color:#000;
	border:1px solid #C4C4C4;
	background:#919D9D;
	width:200px;
	height:18px;
	padding:2px;
	}

.bordera1{
	font: 12px Arial, Helvetica, sans-serif;
	color:#000;
	border:1px solid #C4C4C4;
	background:#fff;
	width:200px;
	height:18px;
	padding:2px;
	}

/* Text Box End */

/* Buttons End */

.btn{
	background: #2A5099;
	border:2px solid #2564B1;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	padding:3px;
	cursor:pointer;
	color:#fff;
	}

.btn:hover{
	background: #5894DC;
	}
#c1{
	margin:0 auto;
	padding:0 0 0 20px;
	width:200px;
	float:left;
	line-height:25px;
	text-align:left;
	}	

#c2{
	margin:0;
	padding:0 0 0 20px;
	width:200px;
	line-height:25px;
	float:left;
	text-align:left;
}
.error{
	background: #EE1300;
	border-top:1px solid #DEFF00;
	border-bottom:1px solid #DEFF00;
	font-size:14px;
	padding:20px;	
	text-align:center;
	color:#fff;
	}

.ok{
	background: #336699;
	border-top:1px solid #FF7D7D;
	border-bottom:1px solid #FF7D7D;
	font-size:14px;
	padding:20px;	
	text-align:center;
	color:#fff;
	}
	


/* Clear Fix */
.clear{
	clear:both;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}