@charset "utf-8";
/* CSS Document Designed by Usman <us_man@hotmail.com> */

A:link 		{ font-family: arial; color: #25458a; text-decoration: none; font-weight:bold} 
A:visited 	{ font-family: arial; color: #25458a; text-decoration: none; font-weight:bold} 
A:hover 	{ font-family: arial; color: #666666; text-decoration: none; font-weight:bold} 

body { background-color:#EBEBEB; margin:0px;}
img {border:0px;}

td, p, li, h1, h2, h3, #footer, a, #rightImg
		{
			text-align:justify;
			font-family:Arial;
			font-weight:normal;
			font-size:12px;
			color:#666666;	
			vertical-align:top;
			}
td
{text-align:left;}

h1, h1 a, h1 a:hover		
		{
			font-size:19px;
			font-weight:normal;
			padding-bottom:0px;
			padding-top:0px;
			text-transform:uppercase;
		}	
b
{color:#25458a;}

h2, .li, h2 a, h2 a:hover{
			font-size:16px;
			color:#25458a;
			font-weight:bold;
			margin:0;
			padding:0px;
			text-align:left;
		}
.h3		
		{
			font-size:16px;
			color:#ffffff;
			font-weight:normal;
		}
.hr		 {
			background-color:#ebebeb; 
			background-image:url(../../images/hr_bg.gif);
			background-position:right;
			background-repeat:no-repeat;
			width:inherit;
			height:6px;		
		}

ol { margin-left:30px; margin-top:-5px}		
ul {list-style-image:url(../../images/bullet.gif); margin-left:30px;}
li {padding:4px 0px 0px 10px;}
.li{padding:4px 0px 0px 10px; font-size:13px;}
.ul{margin:20px;}

/*----- DIVs START HERE -----*/
#r1{width:960px; margin:0 auto; height:100%;}

#wrapper	{
			
			width:960px;
			margin: 0px auto;
			background:#CCCCCC;
			float:left;
			}		
		
#header	{
			height:40px;
			width:inherit;
			background:url(../../images/netlogic_top_menu.jpg) top no-repeat;
			text-align:right;
		}
#headerbg {
			background:url(../../images/netlogic_header.jpg) top no-repeat;
			width:inherit;
			height:240px;
			}

#menu	{
			width:935px;
			padding-left:25px;
			margin:0px;
			height:40px;
			text-align:center;
			background:#c5c4c4;
		}
		
#menu ul{list-style:none; padding:0; margin:0px 0px 0px 0px; display:block; height:40px; width:inherit;}
#menu li{float:left; margin:0; width:152px; height:40px; padding:0; display: block;}

.consultancy a{background:url(../../images/menu_consultancy.gif) no-repeat; position:absolute; display: block;}
.consultancy a:hover{ background-position:bottom;} 

.technologies a{background:url(../../images/menu_tech.gif) no-repeat; position:absolute; display: block;}
.technologies a:hover{ background-position:bottom;} 

.outsourcing a{background:url(../../images/menu_outsource.gif) no-repeat; position:absolute; display: block;}
.outsourcing a:hover{ background-position:bottom;}

.services a{background:url(../../images/menu_services.gif) no-repeat; position:absolute; display: block;}
.services a:hover{ background-position:bottom;} 

.products a{background:url(../../images/menu_products.gif) no-repeat; position:absolute; display: block;}
.products a:hover{ background-position:bottom;}  

.support a{background:url(../../images/menu_support.gif) no-repeat; position:absolute; display: block;}
.support a:hover{ background-position:bottom;} 

#content 
		{
			width:870px;
			margin-left:25px;
			float:left;
			padding:30px 10px 30px 30px;
			background-color:#ffffff;
			
		}
		
#textcontent
		{
			float:left;
			width:560px;
			height:auto;
			margin:0px 10px 10px 0px;
			padding:0px 20px 0px 0px;
		}
		
#textcontent2
		{
			float:left;
			width:auto;
			height:auto;
			margin:0px 10px 10px 0px;
			padding:0px 20px 0px 0px;
		}

#textcontent img, #textcontent2 img 
{
	padding:2px 6px 20px 0; float:left;

}


#textcontent ul, #rightPanel ul 
{list-style-image:url(../../images/bullet.gif);  padding:0px 0px 0px 20px;}

#textcontent li, #rightPanel li 
{padding:4px 0px 0px 10px; font-size:13px;}

.leftContentBox
{width:250px; height:auto; float:left; padding:0px; text-align:left; margin-right:15px;}

.leftContentBox h1
{text-align:left}

.leftContentBox2
{width:185px; height:auto; float:left; padding:0px; text-align:left; margin-right:10px;}

.leftContentBox img, .leftContentBox2 img
{padding:0px; float:left;}

#rightPanel {
			width:260px;
			height:auto;
			float:left;
		}
#rightPanel .content
{width:inherit;	height:84px; padding-top:20px;}

#rightPanel .content p 
{margin-top:2px;}



#rightImg
{
			width:250px; 
			height:155px;
			text-align:left;
			overflow:hidden;
			color:#FFF;
			font-size:13px;
			font-weight:bold;
}

#rightImg a, #rightImg a:hover 
{
    color:#FFF;
	font-size:13px;
	font-weight:bold;
}

.content img
{padding:0 16px 30px 0; float:left;}

#innerContent 
{
    
    
    padding:10px 10px 10px 250px;
}

#footer
		{
			border-top:#CCCCCC solid 2px;
			border-bottom:#CCCCCC solid 10px;
			background:#FFF;
			width:910px;
			padding:10px 0px 10px 0px;
			margin-left:25px;
			height:40px;
			text-align:center;
			float:left;
			
		}
#footer span {font-size:11px;}		
#footer ul {list-style:none; padding:0; margin:0 0 -6px 0;}
#footer li {display:inline; margin:0; border-right:dotted 1px #898989; padding:0 0.8em;}
#footer li a{color:#666666; font-weight:normal;}
#footer li a:hover{color:#444444; font-weight:normal; text-decoration:none;}


#pdf {width:40px; height:45px; text-align:center; font-size:9px; float:right; margin:5px 0 5px 5px;}
#pdf a {color:#666666}
#pdf a:hover {color:#25458a}

/*----- DIVs END HERE -----*/

/*----- DROPDOWN HERE -----*/
#navbar {
	margin: 0;
	padding: 0;
	height: 40px; } 
#navbar li {
	list-style: none;
	float: left;}
#navbar li a {
	display: block;
	height:40px;
	background-color: #e1e1e1;
	color: #fff;
	text-decoration: none;	
	}
	
#navbar li ul {
	display: none;
	height:40px;
	list-style-image:url(../../images/bullet.gif);  padding:0px 0px 0px 20px;

	 /* Width to help Opera out */
	background-color: #e1e1e1;}
#navbar li:hover ul {
	display: block;
	position: absolute;
	margin-top: 40px;

	padding: 0; }
#navbar li:hover li {
width: 240px;
	float: none; }
#navbar li:hover li a {
	width: 240px;	
	color: #000; }
#navbar li li a:hover {
	background-color: #e1e1e1; }


.emerging a{background:url(../../images/menu_emerging.gif) no-repeat; position:absolute; display: block;}
.emerging a:hover{ background-position:bottom;}

.bpi a{background:url(../../images/menu_bpi.gif) no-repeat; position:absolute; display: block;}
.bpi a:hover{ background-position:bottom;}
/*----- END HERE -----*/