@charset "utf-8";
/* CSS Document */
/*
	Name: Novo Informatics HTML5
	Date: April 2011
	Description: HTML5 and CSS2.1 goodness.
	Author: Rakesh(w3cdezigns@gmail.com)
	Work done by w3cdezignes.com
*/

/***** Global Classes *****/
body,td,th {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #494949;}
body{background: #fff; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, form, p, ul, li, ol{margin:0; padding:0;}
*{outline:none;} img{ border:0;}
a{color:#0070c0; text-decoration:none;} a:hover{color:#494949;}
.clear{clear:both;}
.green{color:#1fbf1f;}
.blue{color:#0070c0;}
input,textarea,select{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666;}

/* HTML5 tags */
header, section, footer, aside, nav, article, figure{display: block;}

/*start page holder*/
#page_holder{ width:1000px; margin:0 auto; background:url(http://novoinformatics.com/images/header-bg.gif) repeat-x 0 25px;}

#top_strip{ background:url(http://novoinformatics.com/images/blue-gradiant.gif) repeat-x #0055aa; padding:5px 22px; color:#fff;}
#top_strip a{color:#fff;}
#top_strip a:hover{ text-decoration:underline;}
#top_strip .left{ float:left; width:48%;}
#top_strip .right{ float:right; width:48%; text-align:right;}


/*start header*/
header{ padding:10px 22px 0;}
header .logo{ float:left; width:48%;}
header .social_media{float:right; width:48%; text-align:right;}
header .social_media li{ list-style:none; font-size:10px; text-transform:uppercase;}

#top_shadow{ background:url(http://novoinformatics.com/images/top-shadow.jpg) no-repeat; height:24px; text-align:right; padding-right:18px; line-height:25px; font-size:10px; text-transform:uppercase; position:relative;}
#submenu{background:#e5e5e5; width:200px; }
#submenu ul{ list-style:none;border-top:1px solid #fff;}
#submenu li{ list-style:none;}
#submenu li a{ display:block; padding:0px; color:#666; border-bottom:1px solid #fff; padding:2px 5px; text-align:left;}
#submenu li a:hover{color:#fff; background-color:#0070c0;}
#top_shadow a{padding:0 4px; color:#5a5a5a;}
#top_shadow a:hover{ background:#0070c0; color:#fff;}

#bottom_shadow{background:url(http://novoinformatics.com/images/bottom-shadow.png) no-repeat; width:960px; padding:5px 20px; color:#8a8a8a; line-height:16px;}
#bottom_shadow a{color:#8a8a8a;}
#bottom_shadow a:hover{color:#353535;}
#bottom_shadow .left{ float:left; width:65%;}
#bottom_shadow .right{ float:right; width:33%; text-align:right;}

#middle_container{ background:url(http://novoinformatics.com/images/middle-shadow.png) repeat-y; padding:0 20px; width:960px;}
#middle_container #container{ background:#fff; border:1px solid #d7d7d7; width:950px; padding:5px;}

#banner{ height:210px;}
nav{ height:30px;}
nav ul li{ list-style:none; float:left; height:30px; background:url(http://novoinformatics.com/images/devider.gif) top right no-repeat;}

/*start section*/
section{ background:url(http://novoinformatics.com/images/gray-pattern.gif); padding:10px;}
section #panel_holder{ background: url(http://novoinformatics.com/images/middle-bg.gif) repeat-y;}
section #panel_holder #right_panel{ float:right; width:200px;}
section #panel_holder #left_panel{float:left; width:699px; padding:10px;}

section #panel_holder_inner{ background: url(http://novoinformatics.com/images/middle-bg1.gif) repeat-y; width:940px; float:left;}
section #panel_holder_inner #right_panel{ float:right; width:699px; padding:10px;}
section #panel_holder_inner #left_panel{float:left; width:200px;}

.services_heading{ font-size:13px; color:#0070c0; text-transform:uppercase; height:36px; line-height:36px; padding-left:10px; font-weight:bold;}

.right_heading{ background:url(http://novoinformatics.com/images/green-gradiant.gif) repeat-x #22c021; font-size:14px; color:#fff; padding:7px 10px; margin-bottom:10px;}

.list1 li{ list-style:none; padding:0 10px 10px 10px}
.list1 li span{ display:block; color:#0070c0; font-weight:bold;}
.list1 li .view_all{display:block; color:#0070c0; font-weight:bold; border-top:2px solid #e7e7e7; padding-top:5px;}
.list1 li .view_all:hover{ color:#666;}

.list2{padding:0 0 5px 0;}
.list2 li{list-style:none; padding:0 10px 1px 10px;}
.list2 li a{ display:block; background:#e5e5e5; padding:2px 5px; color:#666;}
.list2 li a:hover{background:#0070c0; color:#fff;}

h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; text-transform:capitalize; margin-bottom:5px; color:#1fbf1f; font-weight:normal;}

.big{ font-size:15px; line-height:20px;}

.textbox{ border:1px solid #ccc; background-color:#fff; padding:3px 4px; width:200px;}
.submit{border:0px solid #ccc; background-color:#f65700; padding:3px 4px; width:100px; color:#fff; cursor:pointer;}

.tab_heading a{ font-size:12px; color:#fff; background:url(http://novoinformatics.com/images/green-gradiant.gif) repeat-x; height:31px; display:block; line-height:31px; font-weight:bold; text-indent:15px;}
.tab_heading a:hover, .tab_heading a.active{background:#1fbf1f; color:#fff;}
.blu_text {color:#000099; font-weight:bold}

.tab_heading2{ font-size:14px; color:#fff; background:url(http://novoinformatics.com/images/green-gradiant.gif) repeat-x; height:31px; display:block; line-height:31px; text-indent:15px;}

.tabtxt{
margin: 0;
color: #000;
font-size: 12px;
font-weight: bold;
padding: 9px 0 0 0;
cursor:pointer;
}

#tab_box{
width: 700px;
margin: 0 auto;
margin-top:10px;
margin-bottom:15px;
}
.box{
background: #fff;
clear:both;
}
.box p{
padding:10px 0;
}
/*.boxholder{
clear: both;
padding: 5px;
background: #e5e5e5;;

}*/
.tab{
float: left;
/*height: 32px;*/
width:auto;
padding:0 10px 0 10px;
margin: 0 1px 0 0;
text-align: center;
color:#333;
background: url(http://novoinformatics.com/images/gray-gradiant.gif) repeat-x #e5e5e5;
}

.menutitle{ 
cursor:pointer; 
margin-bottom: 5px; 
background-color:#ECECFF; 
color:#000000; 
width:700px; 
padding:2px; 
text-align:left; 
font-weight:bold; 
/*/*/border:1px solid #000000;/* */ 
} 

.subexpand{ 
margin-bottom: 0.5em; 
} 



/*kamal CSS*/

.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 1px solid gray;
background: #E1E1E1;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
background: yellow;
}

.technology{ /*header of 2nd demo*/
cursor:pointer; 
margin-bottom: 5px; 

color:#000099
width:700px; 
padding:2px; 
text-align:left; 
font-weight:bold; 
/*border:1px solid #000000; */ 
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: black;
}

.technology2{ /*header of 2nd demo*/
cursor:pointer; 
margin-bottom: 5px; 
background-color:#660066; 
color:#ffffff; 
width:700px; 
padding:2px; 
text-align:left; 
font-weight:bold; 
/*border:1px solid #000000; */ 
}
.view_all
{
	 float:left;
	 width:100%;
	 text-align:right;
}

#clients_partners
{
	float:left; width:100%;
}
.research_pipeline_points
{
	 float:left;
	 width:100%;
}
.quick_link 
{
float:left;
text-align:justify;
line-height:18px;
/*width:171px;*/
margin:5px;
}
.quick_link ul {
margin: 0px;
padding: 0px 3px 0px 3px;
}
.quick_link li
{
list-style-type:circle;
color: #000000;
text-decoration: none;
line-height:20px;
padding:2px 0 2px 0px;
/*background:url(http://novoinformatics.com/images/bullet.jpg) left 9px no-repeat;*/

}
.quick_link li a
{
text-decoration: none;
padding:2px 0 2px 0px;
font:11px Arial, Verdana, sans-serif;
text-transform:capitalize;
cursor:default;
display:block;
text-align:left;
}
.quick_link li a:hover{
color: #000000;

}
/*Kamal CSS*/