@charset "utf-8";
/* CSS Document */
/*header css*/
div.yoo-carousel {
	overflow: hidden;
}

div.yoo-carousel div.frame {
	position: relative;
	overflow: hidden; height:250px;
}

div.yoo-carousel div.panel {
	overflow: hidden;
}

div.yoo-carousel div.panel div.slide {
	float: left;
 
}

div.yoo-carousel ul.tabs {
	padding: 0px; width:105px;
	margin: auto;
	list-style: none;
	position:absolute;
	left:850px;
	top:0px; z-index:999;
}

div.yoo-carousel ul.tabs li {
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
	overflow: hidden;
}

div.yoo-carousel ul.tabs li a {
	float: left;
	display: block;
 
}


div.default div.yoo-carousel {
	background:url(../images/header_bg1.gif) no-repeat top left; height:250px;}

/* tabs */

div.default div.yoo-carousel div.top ul.tabs {
	margin: 0px;
	padding:0px;
}

div.default div.yoo-carousel div.top ul.tabs li {
	margin: 0px;
	padding:0px;
}


div.default div.yoo-carousel div.top ul.tabs li a {
	background:url(../images/header_tabs.gif) no-repeat top left;
	width:28px;
	height:250px;
	text-align:center;
	padding-top:50px; margin:0;
 
}

div.default div.yoo-carousel div.top ul.tabs li.selected a {
	cursor: pointer; width:28px;
	background:url(../images/header_tabs_a.gif) no-repeat top left;
}

div.default div.yoo-carousel li a:link, div.default div.yoo-carousel li a:visited {
	color: #969696; 
	text-decoration: none;
}

div.default div.yoo-carousel li a:hover, div.default div.yoo-carousel li.selected a:link, div.default div.yoo-carousel li.selected a:visited {
	color: #646464; 
	text-decoration: none;
	background-color:#597A9D;
}


/* article */
div.default div.yoo-carousel .article {
	font-size: 11px;
	color:#FFFFFF 
}

.article .slider-img0 {width:580px; float:left; background:url(../images/welcome.jpg) bottom left no-repeat; height:250px;  padding-left:300px;}
.slider-img0 .txt-cont {width:auto; margin-top:47px; padding-left:22px; width:571px; color:#FFFFFF}


.article .slider-img1 {width:884px; float:left; background:url(../images/our_portfolio_bg.jpg) bottom left no-repeat; height:250px;}
.slider-img1 .txt-cont{width:auto; margin-top:19px; padding-left:65px; width:571px; color:#FFFFFF}
.slider-img1 .txt-cont span{color:#70d3f7; font: 15px "Tahoma"; font-weight:bold; text-transform:uppercase; padding:0 10px 0 0;}
.slider-img1 .middle_cont{padding-left:55px; float:left; text-align:center;}
.slider-img1 .view {float:left; width:508px; text-align:right; margin-top:-16px;}
.slider-img1 .view a{background:url(../images/view_port.png) left top no-repeat; font: 11px "Tahoma"; color:#95d9fe; text-decoration:none; padding:2px 10px 5px 18px; display:inline-block;}

.article .slider-img2 {width:854px; float:left; background:url(../images/our_services_bg.jpg) bottom left no-repeat; height:250px;}
.slider-img2 .txt-cont{width:auto; margin-top:50px; padding-left:22px; width:571px; color:#FFFFFF; font-size:13px;}
.slider-img2 .txt-cont span{color:#70d3f7; font: 15px "Tahoma"; font-weight:bold; text-transform:uppercase; padding:0 10px 0 0; display:block;}
.slider-img2 .txt-cont .middle_cont{ text-align:left; line-height:18px; padding:0 0 10px 0;}
.slider-img2 .txt-cont .view{ float:left;}
.slider-img2 .txt-cont .view a{background:url(../images/read_more.png) left top no-repeat; font: 11px "Tahoma"; color:#95d9fe; width:80px; text-decoration:none; padding:2px 10px 5px 18px; margin-right:70px; display:inline-block;}




.article .slider-img3 {width:890px; float:left; background:url(../images/web_app_bg.jpg) bottom left no-repeat; height:250px;}
.slider-img3 .txt-cont {width:auto; margin-top:50px; width:571px; color:#FFFFFF; font-size:13px;}
.slider-img3 .txt-cont span{color:#70d3f7; font: 15px "Tahoma"; font-weight:bold; text-transform:uppercase; padding:0 10px 0 0; display:block;}
.slider-img3 .txt-cont .middle_cont{ text-align:left; line-height:18px; padding:0 0 10px 0;}
.slider-img3 .txt-cont .view{ float:left;}
.slider-img3 .txt-cont .view a{background:url(../images/read_more.png) left top no-repeat; font: 11px "Tahoma"; color:#95d9fe; width:80px; text-decoration:none; padding:2px 10px 5px 18px; margin-right:70px; display:inline-block;}
.lft_divider{background:url(../images/divider.jpg) top left no-repeat;}




.error-msg {width:478px; float:left; background-color:#FFF3F3; border:solid 1px #F96262; padding:6px 10px; color:#EE5757; font-size:12px; font-weight:bold; margin:10px 0px;}
.error-msg img { margin-right:10px; }
/*header css*/
.topmenu_new{background: #1d2338 url(../images/topmenu_bg.gif) repeat-x left top; padding:0; margin:0; float:left; }
.mattblackmenu ul{
margin:0px !important;
padding:2px 0px 0 10px !important;

}
.mattblackmenu li{
list-style-type:none;
margin:0 0 0 0;
padding:0 23px;
background:url(../images/line.gif) 0 0 no-repeat;  border-bottom: 2px solid #1d2338;
float:left;

}

.mattblackmenu li a{font-size:12px; float: left; display:inline-block; padding:9px 0 8px 0 !important; color:#fff; border-bottom: 2px solid #1e2338;}
.mattblackmenu li a:hover{
font-weight:normal !important;
color: #000;
text-decoration:none; 
border-bottom: 2px solid #70d3f7;
}

.mattblackmenu a.selected{
font-size:11px;
font-weight:normal;
color: #000;
text-decoration:none;
border-bottom: 2px solid #70d3f7;
}


.ddsubmenustyle{ /*topmost and sub ULs, respectively*/
font: normal 11px ;
margin: 0;
padding:0;
position: absolute;
left: 0;
top: 0px;
float:left;
list-style-type: none;
background:#2d5f76;
border: 1px solid #253844;
visibility: hidden;
border-top: 0px solid #253844;
z-index: 100;
}

.ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 11px ;
margin: 0;
padding:0;
position: absolute;
left: 0;
top: 0px;
float:left;
list-style-type: none;
background:#1d2338;
border: 1px solid #1d2338;
visibility: hidden;
border-top: 0px solid #253844;
z-index: 100;

}

.ddsubmenustyle li a{
display: block;
width: 145px; /*width of menu (not including side paddings)*/
color:#fff;
font-size:11px; 
font-weight:normal;
background-color:#363b4f;
text-decoration: none;
padding: 5px 8px;
border-top: 1px solid #1d2338;

}
.ddsubmenustyle li a:link, .ddsubmenustyle li a:visited{
color:#fff;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 205px; /*width of menu (include side paddings of LI A*/
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
margin:0px; height:22px;
}


.ddsubmenustyle li a:hover{
display: block;
font-size:11px; 
font-weight:normal;
background-color:#557791;
text-decoration: none;
padding:5px 8px;
border-top: 1px solid #1d2338;
overflow:hidden;

}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
border: 0;
padding:0px;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}


.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

.lftbg{background:url(../images/topmenu_lft.gif) no-repeat left top #1e2338; width:4px;}
.rgtbg{background:url(../images/topmenu_rgt.gif) no-repeat left top #1e2338; width:4px;}

.nextImg {background:url(../images/nextpage_bg.jpg) left top no-repeat;}
.nextImg span {font-size:15px; color:#70D3F7; text-transform:uppercase; display:block; text-align:right; padding:5px 20px 0 0; font-weight:bold;}
.nextImg h2 {font-size:13px; color:#bbc5ce;}
.nextImg p {font-size:11px; color:#fff; line-height:14px; padding-bottom:12px;}
.shadeSep {background:url(../images/grdshade.gif) left top no-repeat; padding-left:20px;}