/* CSS Document */


/********* structure styles ********/
div.main {
	float:left;
	width:100%;
	background:#fff;
	overflow:hidden;
}


div.header_container {
	background-color:#ffffff;	
	border-bottom:solid 1px  #cccccc;
}

div.header {
	width:1000px;
	height:200px;
	margin-left:auto;
	margin-right:auto;		
	background:url('images/zybonics_sprite.png');
	background-position:0px 0px;
	/*
	background:url('images/header.png');
	*/
}


.header_text_orange {
	font:1em Tahoma, Arial, Helvetica, sans-serif;
	color: #87c0d0; /* #FFCC6
	height:200px;	6 #33CCCC*/
}

/* the left and right divisions */
div.header_main_division_right {
	width:410px;
	height:200px;
	padding-left:80px;
	padding-right:10px;
	float:left;
}

div.header_main_division_right_dynaheading {
	height:32px; /* total 40*/
	font: 1.3em Tahoma, Arial, Helvetica, sans-serif ;
	padding:6px 0px 2px 0px;
	color:#000000;
}

div.header_main_division_right_dynacontent {
	height:100px; /* total */
	font: 13px Tahoma, Arial, Helvetica, sans-serif ;
	color:#737373;
}

div.header_main_division_right_featured {
	height:35px;
	padding:15px 0px 10px 0px;
	font: 11px Tahoma, Arial, Helvetica, sans-serif ;
	color:#737373;
}


div.header_main_division_left {
	width:500px;
	height:200px;
	float:left;
}

div.header_main_division_left_iconarea {
	height:100px;	
}

div.header_main_division_left_dynamic {
	padding:6px 100px 5px 0px;
}

div.header_main_division_left_dynaheading {
	height:25px;
	font: 1.2em Verdana, Arial, Helvetica, sans-serif ;
	color:#66CCFF;
}

div.header_main_division_left_dynacontent {
	height:73px;
	font: 11px Tahoma, Arial, Helvetica, sans-serif ;
	padding-top:2px;
	text-align:justify;
	color:#737373;
}



/************** header styles *************/
div.header_top_container {
	height:50px;
	/*
	background-repeat: repeat-y;
	background-position:-970px -206px;	
	background-image:url('images/zybonics_sprite.png');
	*/
	background:url('images/header_repeat.png') repeat-x; 
	border-bottom:solid 4px #88cef0;
}

div.header_top {
	height:50px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;	
}

div.header_login_info {
	height:20px;
	text-align:right;
	font:.7em Tahoma, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
}

div.header_menu {
	height:30px;	
}

div.header_menu_left {
	width:600px;
	float:left;
}

div.header_menu_search {
	float:right;
	padding-right:0px;
}

#header_menu_search_button input{
	width:70px;
	height:25px;
	background:url('images/zybonics_sprite.png') no-repeat;	
	background-position:-853px -416px;
	cursor:pointer;
	border:none;
	font:.8em Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#FFFFFF;
}

#header_menu_search_button input:hover {
	background:url('images/zybonics_sprite.png') no-repeat;	
	background-position:-853px -441px;
}
/************** end of header styles *************/


div.container_content {
	width:1000px;
	margin-left:auto;
	margin-right:auto;	
}

div.content {

/*
 padding-left:8px;
 padding-right:8px;	
 */

}


/********** CONTENT HEADING STYLES ***********************/
div.heading {
	font-family:Tahoma , Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	letter-spacing:-1px;
	padding-bottom:5px;
	padding-left:5px;
	color:#333333 ;	
	border-bottom:solid 1px #CCCCCC;
	border-bottom-style:solid;
	border-left:5px solid #CCCCCC;
	margin-bottom:10px;
	
}

/************** END OF CONTENT HEADING STYLES  ********************/

div.footer_container {	
	background:  #333333;
	border-top:solid 5px #CCCCCC;
}

div.footer {
	width:1000px;
	margin-left:auto;
	margin-right:auto;	
	padding:20px 0px 20px 0px;
	overflow:visible;
}

/********* end of structure styles ********/

/********* html tag styles ********/
body {
	margin:0;
}
/********* end of html tag styles ********/

/********* content styles ********/


/************ icons ************/
div.register_icon_32x32 {
	width:32px;
	height:32px;
	float:left;
	margin-right:5px;
	background:url('../zybocodes/resources/images/main_sprite.png');
	background-position:-191px -243px;	
}

/************ end of icons ************/


/************ SERVICES ICON **********************/
div.communities_icon,div.infomanagement_icon,div.datasecurity_icon,div.webapps_icon {
	float:left;
	width:64px;
	height:64px;
	background:url('images/zybonics_sprite.png');
	margin-right:10px;
}

div.communities_icon {
	background-position:-690px -206px;
}

div.infomanagement_icon {
	background-position:-550px -206px;
}

div.datasecurity_icon {
	background-position:-620px -210px;
}

div.webapps_icon{
	background-position:-471px -206px;
}

/************ END OF SERVICES ICON **********************/

/***** services styles **************/
div.services_container {
	margin-top:20px;  
}


div.services_left,div.services_right {
  width:460px;
  height:150px;
  background:url('images/zybonics_sprite.png');
  background-position:0px -205px;
  float:left;
  margin-bottom:20px;
}

div.services_right {
  float:right;
}

div.services_content {
	width:420px;
	height:85px;
	font:13px Tahoma, Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#737373;
	padding:10px 25px 20px 15px;
}

div.services_heading {
	width:420px;
	height:35px;
	text-align:center;
	font:1.2em Tahoma, Arial, Helvetica, sans-serif;	
	color:#FFFFFF;
	line-height:35px;
}

/***** end of services styles **************/


/****  index page projects styles ************/
div.index_project_container {
	margin:30px 10px 0px 10px;
}

div.index_project_container_left ,div.index_project_container_right{
	width:310px;
	float:left;	
	margin:0px 25px 20px 0px;
}

div.index_project_container_right{
	margin:0px 0px 20px 0px;
}


div.index_project_heading {
	width:100%;
	padding-bottom:5px;
	border-bottom:dotted 1px #CCCCCC;
	margin-bottom:5px;	
	font:.9em Tahoma, Arial, Helvetica, sans-serif;
	color:#669999;
}

div.index_project_content {
	width:100%;
	text-align:justify;
	font:.7em Tahoma, Arial, Helvetica, sans-serif;
	padding-bottom:10px;
	color:#737373;
	border-bottom:solid 1px #CCCCCC;
}

div.index_project_details {
	width:100%;
	text-align:right;
	padding-top:5px;
}

#index_projects_heading_links a {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:1.1em ;
	color:#669999;
	text-decoration:none;
}

#index_projects_heading_links a:hover {
	text-decoration:underline;
}



/**** end of index page projects styles ************/

div.welcome_text {
	padding:15px 0px 5px 0px;
	font:.8em Tahoma, Arial, Helvetica, sans-serif;
	color:#737373;
	text-align:justify;
}

div.main_heading {
	background:#ecf5fa url('images/zybonics_sprite.png') no-repeat left;
	background-position:-600px -669px;
	height:30px;
	font:1.2em Arial, Helvetica, sans-serif;
	line-height:25px;
	color:#FFFFFF;
	padding-left:10px;
	margin:10px 0px 10px 0px;
	overflow:visible;
}

div.google_search_results {
	padding-top:20px;
	width:980px;	
}






/********* footer styles *********************************/

div.footer_left_desc,div.footer_services,div.footer_projects {
	width:300px;
	float:left;
	margin-top:5px;
	padding:0px 10px 0px 20px;
}

div.footer_services {
	border-right:dotted 1px #CCCCCC;
	border-left:dotted 1px #CCCCCC;
}

div.footer_heading {
	height:30px;
	font:1.2em Tahoma, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
	
div.footer_content {
	font:.8em Tahoma, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-align:justify;
}


.footer_text_white {
	color:#FFFFFF;
}
div.footer_founder{
	height:50px;
	width:50px;
	float:left;
	background:url('images/zybonics_sprite.png') no-repeat;
	background-position:-854px -355px;
	border:solid 1px #CCCCCC;
}

div.footer_founder_desc {
	height:48px;
	float:left;
	font:.9em Tahoma, Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding:0px 0px 2px 5px;	
}

div.footer_founder_links {
	padding:5px 0px 0px 5px;
}

div.footer_copyright {
	height:50px;
	width:975px;
	float:left;
	margin:20px 30px 10px 20px;
	border-top:solid 2px #CCCCCC;
	font:.8em Tahoma, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-align:justify;
	
}

/********* end of footer styles *********************************/

.body_text_normal,.body_text_normal_blue,.body_text_normal_green,.body_text_normal_red,.body_text_normal_medium,.body_text_normal_medium_blue,
.body_text_normal_orange,.body_text_normal_white{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#737373;
}

.body_text_normal_blue {
	color:#3399CC;	
}

.body_text_normal_orange {
	color:#CC6600;
}

.body_text_normal_green {
	color:#006600;
}

.body_text_normal_red {
	color:#FF0000;
}

.body_text_normal_white {
	color:#FFFFFF;
}


.body_text_normal_bold {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	color:#4B4B4B;
}

.body_text_normal_medium ,.body_text_normal_medium_blue{
	font-size:13px;
	font-weight:bold;
}

.body_text_normal_medium_blue {
	color:#33CCFF;
}

#link a ,#link_small a,body a,#product_details_link a {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#0099CC;
}

#product_details_link a {
	color:#ffffff;
}

#link a:hover,#link_small a:hover,body a:hover,#product_details_link a:hover { 
	cursor:pointer;
	text-decoration:underline;
}

#link_small a {
	font-weight:100;	
}

/********* end of content styles ********/



/******* jqueryslide menu css ********/
.jqueryslidemenu{
background:none;
width: 400px;
/* 
	 added on 24_3_2010 for setting the height of header to 120 (together) and align
	 for IE and others :)
*/	 

}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
display: block;
background:none; /*background of tabs (default state)*/
padding: 4px 10px;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color:#ffffff; /*#006699  #0095b1 */ 
}

.jqueryslidemenu ul li a:hover{
background: none; /*tab link background during hover state*/
color: black;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
background:#73a8c2;
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 12px Tahoma, Arial, Helvetica, sans-serif;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/****** end of jquery slide menu css ******************************/