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


@import url("reset.css");
@import url("fonts.css");
@import url("base.css");

@import url(../css-1);
@font-face {
  font-family: 'UbuntuCondensed-Regular';
  src: url('UbuntuCondensed-Regular.eot') format('embedded-opentype'),  url('UbuntuCondensed-Regular.woff') format('woff'), url('UbuntuCondensed-Regular.ttf')  format('truetype'), url('UbuntuCondensed-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.clear {
	clear:both;
	height:0px;
	margin:0px;
	padding:0px;
}
.bold {
	font-weight:bold;
}

a{ text-decoration:none; color:#e61020;}
ul{ list-style:none;}
li{ list-style:none;}



body{ background:#ebebeb; }

.pagewrap{ width:938px; margin:0px auto; background:#FFFFFF; border: 1px solid #bfbfbf; border-top:none; border-bottom:none; padding:18px 22px 0px 22px;}
#header{ border: 15px solid #8a2b42; margin: 2px;
    padding: 5px;
    border-radius: 12px;}
.logo{ float:left;}
.headerright{ float:right;}
#navigation{ padding-left:20px; height:39px; background:#8a2b42;  margin-bottom:5px;}
ul.navi{ font-family: 'UbuntuCondensed-Regular'; font-size:17px; font-weight:normal; color:#282827;}
ul.navi li{ float:left; margin-right:4px; line-height:35px;}
ul.navi li a{ display:block; height:39px; color:#fff;  padding: 0px 12px;}
ul.navi li:hover, ul.navi li.selected{ color:#5d5c5c;  background:#FFF; text-decoration:none; }
ul.navi li:hover a, ul.navi li.selected a{color:#5d5c5c; text-decoration:none;}

ul.innernavi{}
ul.navi li:hover ul.innernavi li:hover a{ background:none;}
ul.innernavi li{  float:none; margin:0px 0px; background:#ebecec; font-size:13px; padding:3px 3px 3px 0px; text-align:left; border-bottom:1px dashed #000; color:#000; line-height:normal !important;}
ul.innernavi li:hover{ background:#ebecec!important;}
ul.innernavi li a{ color:#000 !important; height:auto; background:none;}
ul.navi li:hover ul.innernavi li a{ background:none;}
ul.innernavi li.last{ border-bottom:none; padding-bottom:0px;}

.flashbanner{}
.divider{ border-bottom:1px solid #6d6d6d; margin: 20px 0px 10px 0px;}
.homeleft{ width:545px; float:left; margin-right:20px;}
.homeright{ width:370px; float:left;}
h1{ font-size:28px !important; font-family: 'UbuntuCondensed-Regular'!important; font-weight:normal !important; color:#8a2b42  !important; margin-bottom:15px !important;}
p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#414141; line-height:20px; margin-bottom:18px;}
.homerighttttl{ font-family: 'UbuntuCondensed-Regular'; font-size:22px; color:#323232; margin-bottom:11px;  width:244px; margin-left:11px;}
#footer{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#8a8a8a; font-weight:normal; line-height:25px; padding-bottom:25px;}
.footerleft{ float:left;}
.footerright{ float:right; text-align:right;}
.footerright a{ color:#8a8a8a;}
.footerright a:hover,a.selected{ color:#c20000; }
.innerleft{ width:670px; float:left; padding-right:11px;}
.innerright{ width:255px; float:left;}
.innerbanner{}
ul.arrow{ margin:0px; padding:0px;}
ul.arrow li{ padding:5px 0px 5px 25px; background:url(../images/img_arrow.jpg) no-repeat 10px 12px; font-size:12px; color:#414141;  line-height:20px;}
h2{ font-family: 'UbuntuCondensed-Regular'; font-size:18px; color:#a72b42; font-weight:normal; margin-bottom:10px;}
.rightnavibox{border: 1px solid #bfbfbf; width:244px; margin-left:11px; margin-bottom:20px;}
.rightnavittl{ height:45px; background:#e2e2e2; font-family: 'UbuntuCondensed-Regular'; font-size:22px; color:#8a2b42 ; line-height:45px; padding-left:11px;}

ul.rightnavi{ font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#8a2b42 ;}
ul.rightnavi li{  border-bottom: solid 1px #dbdbdb; display:inline-block; width:244px;}
ul.rightnavi li a{  color:#8a2b42 ; padding:0px 0px 0px 25px; background:url(../images/arrow_rightnavi.jpg) no-repeat 10px 6px; display:block; font-size:12px; line-height:18px; }
ul.rightnavi li:hover a{ color:#FFFFFF; cursor:pointer; background:url(../images/arrow_rightnavi_hover.png) no-repeat 10px 6px; padding:0px 0px 0px 25px; margin-left:20px; text-decoration:none;}
ul.rightnavi li:hover .navitop{ background:url(../images/img_rightnavihover_top.png) no-repeat; width:255px; height:8px; margin-left:-10px;}
ul.rightnavi li:hover .navimid{ background:url(../images/img_rightnavihover_mid.png) no-repeat center; width:255px; margin-left:-10px;}
ul.rightnavi li:hover .naviabsmid{ background:url(../images/img_rightnavihover_abdmid.png) repeat-y right; margin-left:-10px;}
ul.rightnavi li:hover .navibtm{ background:url(../images/img_rightnavihover_btm.png) no-repeat; width:255px; height:8px; margin-left:-10px;}

ul.rightnavi li.selected a{ color:#FFFFFF; cursor:pointer; background:url(../images/arrow_rightnavi_hover.png) no-repeat 10px 6px; padding:0px 0px 0px 25px; margin-left:20px; font-weight:bold;}
ul.rightnavi li.selected .navitop{ background:url(../images/img_rightnavihover_top.png) no-repeat; width:255px; height:8px; margin-left:-10px;}
ul.rightnavi li.selected .navimid{ background:url(../images/img_rightnavihover_mid.png) no-repeat center; width:255px; margin-left:-10px;}
ul.rightnavi li.selected .naviabsmid{ background:url(../images/img_rightnavihover_abdmid.png) repeat-y right; margin-left:-10px;}
ul.rightnavi li.selected .navibtm{ background:url(../images/img_rightnavihover_btm.png) no-repeat; width:255px; height:8px; margin-left:-10px;}

ul.rightnavi li .navitop{ width:255px; height:8px;}
ul.rightnavi li .navimid{ width:255px;}
ul.rightnavi li .naviabsmid{ }
ul.rightnavi li .navibtm{ height:8px;}
.clientslider{ border:1px solid #c9c9c9; border-left:none; border-right:none; padding:8px 0px; /padding-bottom:0px;}


/*	Home Flash	*/
#featured{ 
	position:relative; 
	height:360px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:683px; 
	list-style:none; 
	padding:0; margin:0; 
	width:259px; 
}



#featured ul.ui-tabs-nav { background: url(../images/sidenavi_bg_1.jpg) no-repeat 13px top; list-style-type: none; width:270px; right: 1px; top:0; padding:0px 0px 0px 0px; margin:0px 8px 0px -13px;}
#featured ul.ui-tabs-nav li { display: block; z-index: 8888; position: relative; zoom: 1;font-family: 'UbuntuCondensed-Regular'; font-size:18px; color:#8a2b42 ; }
#featured ul.ui-tabs-nav li:hover a{}
#featured ul.ui-tabs-nav li a {z-index: 1000; vertical-align: middle; zoom: 1; text-decoration:none; color:#8a2b42 ; display:block;  padding:0px 0px 0px 30px;  height:60px; }


#featured li.ui-tabs-selected{ 
	background:url('../images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	color:#FFF; 
}

#featured ul.ui-tabs-nav li.ui-tabs-selected{
background:url(../images/sidenavi_bg_hover.png) no-repeat left top;
}
#featured ul.ui-tabs-nav a:hover{
background:url(../images/sidenavi_bg_hover.png) no-repeat left top;	
	}
#featured ul.ui-tabs-nav li:hover a{ color:#FFF;}	
	


#featured .ui-tabs-panel{ 
	width:683px; height:360px; 
	background:#999; position:relative;
}

#featured .ui-tabs-panel img{ 
}

#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('../images/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

/*	Tabnavi Dropdown  */

#nav {
		margin:0; 
		padding:0; 
		list-style:none;
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float:left; 
			display:block; 
			
			position:relative;
			z-index:9999; 
		}
		
		/* this is the parent menu */
		#nav li a {
			display:block; 
			
		
		}

		#nav li a:hover {
		}
	
		/* you can make a different style for default selected value */
		#nav a.selected {
			color:#f00;
		}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0px 0px 0px -1px; 
			padding:0; 
			list-style:none;
			background:#8a2b42 ;
		}
		
		#nav ul li {
			width:200px; 
			float:left; 
			border-top:1px solid #fff;
			padding:5px 10px 5px 10px;
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			line-height:20px; 
			color:#FFF;
			font-size:15px;
		}
		
		#nav ul a:hover {
			text-decoration:underline;	
		}
		#nav ul a.selected {
			text-decoration:underline;	
			color:#FFF;
		}


		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}


/*	client Slider	*/
.scroller{ width:580px; border:1px solid #CCC;  overflow:hidden;}

ul.slider11{ width:610px; float:left; padding:0px !important;}
ul.slider11 li{ width:15%; margin:0px !important; padding:0px 0px !important; text-align:center;}
ul.slider12{ width:261px; float:left; padding:0px !important;}
ul.slider12 li{ width:33%; margin:0px !important; padding:0px 0px !important; text-align:center;}
.bx-wrapper{ float:left; width:580px;}


/*	Edited by Mayur  */

.divider1{ border-left:1px dotted #999;}
.leftpadd{ padding:0px 0px 0px 20px;}
h3{ color:#8a2b42  ; border-left:6px solid #8a2b42 ; font-family: 'UbuntuCondensed-Regular'!important; font-size:18px; margin:0px 0px 10px 0px !important; padding:0px 0px 0px 8px !important; font-weight:normal !important;}
h2{ margin:0px 0px 15px 0px !important;}
input[type="text"]{ background:#fafafa; border:1px solid #e2e2e2; height:21px; line-height:21px; padding:0px 2px;}
input[type="password"]{ background:#fafafa; border:1px solid #e2e2e2; height:21px; line-height:21px;  padding:0px 2px;}
textarea{ background:#fafafa; border:1px solid #e2e2e2; height:100px; line-height:21px;  padding:0px 2px;}
select{background:#fafafa; border:1px solid #e2e2e2;}
select.form_text{background:#fafafa; border:1px solid #e2e2e2; width:160px;}
select.contactinput{ width:160px;}

a{ color:#4f6d85;}
a:hover{ text-decoration:underline;}
.regtab{}
.regtab td{ padding:3px 0px; color:#717172; vertical-align:top;}
.regtab td input[type="text"]{ color:#717172;  background:#fafafa; border:1px solid #e2e2e2; height:21px; line-height:21px; padding:0px 2px; width:200px;}
.regtab td input[type="password"]{ color:#717172;  background:#fafafa; border:1px solid #e2e2e2; height:21px; line-height:21px;  padding:0px 2px; width:200px;}
.regtab td textarea{ color:#717172;  background:#fafafa; border:1px solid #e2e2e2; height:100px; line-height:21px;  padding:0px 2px;  width:200px;}
.regtab td select{ color:#717172; background:#fafafa; border:1px solid #e2e2e2; width:210px;}
.regtab td select.form_text{ color:#717172; background:#fafafa; border:1px solid #e2e2e2; width:210px;}
.regtab td select.contactinput{ color:#717172;  width:210px;}
.clrred{ color:#ff1e00;}
.heading{ color:#414141; font-weight:bold;}
.imgpart{ border:1px solid #999; margin:0px 0px 15px 15px;}
.clrblue{ color:#8a2b42 ;}
.clientel{}
.clientel td{ padding:10px 0px;}

.img1{ width:220px; height:182px; border:2px solid #CCC; margin:8px 0px 0px 0px;}

.dtable{}
.dtable tbody td{padding:5px 10px; border-bottom:1px solid #d2d2d2; color:#696767;}
.dtable1 td{padding:5px 10px; color:#8a2b42 ; font-size:16px;}

.dtable thead td{ background:#d2d2d2; color:#333333;  padding:12px 10px;  font-weight:bold; border-bottom:1px solid #d2d2d2;}
.tableheader{ background:#d2d2d2; color:#333333;  padding:8px 10px; /padding-bottom:0px; /padding-top:0px;  font-weight:bold; border-bottom:1px solid #d2d2d2; }
.teaser{ border:1px solid #CCC !important;}
.ajax__tab_panel{color:#717172 !important; vertical-align:top;}
.ajax__tab_panel td{ padding:5px;}
.ajax__tab_panel td table td{ padding:0px;}
.ajax__tab_panel td table td label{ padding:0px 0px 0px 10px;}


/*	Comment box	*/
.commentbox{ font-family:Arial, Helvetica, sans-serif; background:#ebebeb; padding:0px 10px 10px 10px; margin:0px 0px 10px 0px;}
.namettl{ border-bottom:1px solid #FFF; line-height:30px; font-size:14px; color:#646464;}
.commenttext{ color:#232222; font-size:12px; padding-top:10px; line-height:18px;}
.clrblue{ color:#24536c;}


/*	Job Tab	*/
.jobtab{}
.jobtab td{ padding:5px 0px; vertical-align:top;}
.jobtab td:first-child{ font-weight:bold; width:110px; color:#24536c;}

/*	Right navi	*/


/* #faded {position:relative; left:0px; width:100%; height:360px;}
#faded .imgs {width:100%;  height:304px; position:absolute; left:0px; top:0px; z-index:99; overflow:hidden;}
#faded .next {display:block; width:34px; height:34px; text-indent:-5000px; background:url(../images/slider-next.png) 0 0 no-repeat; position:absolute; right:8px; bottom:8px; z-index:100;}
#faded .prev {display:block; width:34px; height:34px; text-indent:-5000px; background:url(../images/slider-prev.png) 0 0 no-repeat; position:absolute; right:46px; bottom:8px; z-index:100;}
#faded .next:hover {background:url(../images/slider-next-hover.png) 0 0 no-repeat;}
#faded .prev:hover {background:url(../images/slider-prev-hover.png) 0 0 no-repeat;} */

ul.pagination {position: absolute;
	position: absolute;
    top: 0px;
    z-index: 999;
    left: 681px;
    margin: 0px;
    padding: 1px 0px;
    background: url(../images/sidenavi_bg_1.jpg) no-repeat;
    width: 270px;
}
ul.pagination li {list-style:none; margin:0px 0px 0px -13px; padding:0px!important;}
.lineback{ background:url(../images/black_line.jpg) repeat-x left top; height:2px;}
ul.pagination .item-1 {padding:0 0 0px 0;}
ul.pagination .item-2 {padding:0 0 0px 0;}
ul.pagination .item-3 {padding:0 0 0px 0;}
ul.pagination .item-4 {padding:0 0 0px 0;}
ul.pagination li.item-1 a, ul.pagination li.item-2 a, ul.pagination li.item-3 a, ul.pagination li.item-4 a , ul.pagination li.item-5 a  , ul.pagination li.item-6 a {display:block; width:258px; height:60px; padding:0px 0px 0px 30px!important; text-decoration:none; color:#8a2b42 ;  font-family: 'UbuntuCondensed-Regular'; font-size:18px;}
ul.pagination li.item-1 a img, ul.pagination li.item-2 a img, ul.pagination li.item-3 a img, ul.pagination li.item-4 a img{float:left; margin-top:4px;}
ul.pagination li.item-1 a span, ul.pagination li.item-2 a span, ul.pagination li.item-3 a span, ul.pagination li.item-4 a span{display:inline-block; margin-left:10px; margin-top:10px;}
ul.pagination li:hover {zoom: 1; background:url(../images/sidenavi_bg_hover.png) no-repeat left top; color:#FFFFFF;}
ul.pagination li.current{zoom: 1;background:url(../images/sidenavi_bg_hover.png) no-repeat left top;  }
ul.pagination li:hover a{color:#ffffff;}
ul.pagination li.current a{color:#ffffff;}
.boxgary{background:#f6f5f5; border:#f0f0f0 solid 1px; padding:10px; margin-bottom:8px;}
.imgleft{float:left; width:auto; margin:0px 20px 0px 0px; text-align:center; color:#8a2b42 ; font-size:16px;}
.imgright{float:right; width:auto; margin:0px 0px 0px 20px; text-align:center; color:#8a2b42 ; font-size:16px;}

.bggrary{ background:#f7f7f7; padding:10px; border:#f0f0f0 solid 1px; line-height:18px;}
.ajax__tab_xp .ajax__tab_tab{ background:url(../images/tab_bg.png) repeat-x left top!important;}
.ajax__tab_outer{ background:url(../images/tab_right.gif) no-repeat right top!important;}
.ajax__tab_xp .ajax__tab_inner{ background:url(../images/tab_left.gif) no-repeat left top!important;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_tab{ background:url(../images/tab_active.png) repeat-x left top!important;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_inner{ background:url(../images/active_left.png) no-repeat left top!important;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_outer{ background:url(../images/active_right.png) no-repeat right top!important;}
/*.ajax__tab_xp .ajax__tab_body{ border-color:#026890!important;}*/
h4{ font-size:14px; color:#8a2b42 ; margin:0px 0px 5px 0px;}
.bggrary h4{ margin:0px 0px 8px 0px;}
.projectpage .bggrary li .bold{ color:#666666; }
.projectpage .bggrary{ margin-bottom:15px; margin-top:15px;}

.highslide-container{ z-index:999999!important;}
.highslide-body{ height:auto!important;}

