/*======================================*
** np-stylesheet.css
** ------------------------------------------------------------*
** Created: 18-04-06 (dd-mm-yy)
** Media: Screen
** Website: netprofitservices.com
**======================================*/


/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
html { 
	background: url(../img/bg.gif); 
	height: 100%;
	}
body { 
	background: url(../img/bg_top.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 83%;
	color: #999;
	margin: 0;
	padding: 0;
	height: 100%;
	}
img { border: 0; }

a { text-decoration: none; color: #fff; border-bottom: 1px solid #555; }
a:hover { border-bottom: 1px solid #333; }


/*------------------------------------------------------------*
**  KB added
**------------------------------------------------------------*/

acronym, abbr {
	border-bottom: 1px dashed #555;
}

acronym, abbr, span.caps {
	
}

acronym, abbr {
	cursor: help;
}

/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/
#container {
	text-align: center;
	border-top: 7px solid #000;
	}

/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/	
#header {
	background: url(../img/bg_logo.jpg) no-repeat 98% 0;
	padding: 30px 0 17px;
	width: 750px;
	margin: 0 auto;
	text-align: left;		
	}	

/*------------------------------------------------------------*
**  Logo
**------------------------------------------------------------*/
#header h1 {
	margin: 0 0 30px;
	padding: 0;
	background: url(../img/logo.jpg) no-repeat; 
	height: 70px;
	text-indent: -5000px;
	}

/*------------------------------------------------------------*
**  Header Navigation
**------------------------------------------------------------*/
#header div  {
/* Green bar */
	background: #84C223 url(../img/nav_r.gif) no-repeat 100%;
	line-height: 0;
	font-size: 0;
	}
#header ul	{
	margin: 0;
	padding: 0 10px;
	list-style-type: none;
	}			
#header ul:after	{ 
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	height: 0;
	}	
#header ul li {
	margin: 0 40px 0 0;
	padding: 0;
	float: left;
	background: transparent;
	}	
#header ul li a { 
	text-decoration: none; 
	padding-top: 10px; 
	display: block; 
	color: #fff;
	border: 0;
	}	
#header ul li a:hover { 
	background: url(../img/nav_hover.gif) no-repeat 50% 0; 
	border-bottom: 2px solid #666; 
	}
#header ul li a.on,
#header ul li a.on:hover {
	background: url(../img/nav_on.gif) no-repeat 50% 0; 
	border-bottom: 2px solid #84C223; 
	}			
	
/*------------------------------------------------------------*
**  Sub Menus
**------------------------------------------------------------*/ 
ul.subnav {
 margin: 0;
 padding: 0;
 }
ul.subnav li {
 background: url(../img/dot1.gif) repeat-x;
 padding: 1px 0 0;
 margin: 0;
 } 
ul.subnav li a { 
 background: url(../img/arrow.gif) no-repeat 7px 0.6em;
 display: block; 
 border: 0 !important;
 padding: 5px 10px 6px 25px;
 } 
* html ul.subnav li a { width: 180px; }
ul.subnav li a:hover,
ul.subnav li a.on { background-color: #222; } 
ul.subnav li a span { color: #999; } 
 
/* black box subnav */
div.box ul.subnav li { background: url(../img/dot2.gif) repeat-x; }
div.box ul.subnav li a:hover,
div.box ul.subnav li a.on { background-color: #181818; } 


	
/*------------------------------------------------------------*
**  Content
** 
**  Sets max-width of content to 750px and keeps it 
**  in the center.
**------------------------------------------------------------*/	
#container div.content {
	width: 730px;
	margin: 0 auto;
	padding: 20px 10px 0;
	text-align: left;	
	clear: both;		
	}		
#container div.content:after { 
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	height: 0;
	}			
#container div.content p { 
	margin: 17px 0; 
	line-height: 1.6em;
	font-size: 0.9em;
	}

/*------------------------------------------------------------*
**  Content with Black Background
**------------------------------------------------------------*/	
#container div.box {
	background-color: #000;
	border-top: 2px solid #111;
	border-bottom: 2px solid #111; 
	}	
			
/*------------------------------------------------------------*
**  Left Content
**------------------------------------------------------------*/	
#container div.l {
	clear: both;
	float: left;
	width: 470px;
	margin-right: 35px;
	}	
	
/*------------------------------------------------------------*
**  Right Content
**------------------------------------------------------------*/		
#container div.r {
	float: right;
	width: 215px;	
	}	

/*------------------------------------------------------------*
**  Content Titles
**------------------------------------------------------------*/			
#container h2 {
	margin: 0 0 17px;
	font-size: 1.3em;
	color: #84C223;
	font-weight: normal;
	}
#container h2.nextlevel { background: url(../img/title_thenextlevel.gif) no-repeat; text-indent: -5000px; }
#container h2.indev { background: url(../img/title_indevelopment.gif) no-repeat; text-indent: -5000px; }
#container h2.whatwedo { background: url(../img/title_whatwedo.gif) no-repeat; text-indent: -5000px; }
#container h2.latestblog { background: url(../img/title_latestblogentries.gif) no-repeat; text-indent: -5000px; }
#container h2.team { background: url(../img/title_team.gif) no-repeat; text-indent: -5000px; }
#container h2.quicklinks { background: url(../img/title_quick_links.gif) no-repeat; text-indent: -5000px; }
#container h2.coquicklinks { background: url(../img/title_coquicklinks.gif) no-repeat; text-indent: -5000px; }
#container h2.related { background: url(../img/title_related.gif) no-repeat; text-indent: -5000px; }
#container h2.technical { background: url(../img/title_technical.gif) no-repeat; text-indent: -5000px; }
#container h2.techspecs { background: url(../img/title_techspecs.gif) no-repeat; text-indent: -5000px; }
#container h2.howdoyouknow { background: url(../img/title_howdoyouknow.gif) no-repeat; text-indent: -5000px; }
#container h2.portfolio { background: url(../img/title_portfolio.gif) no-repeat; text-indent: -5000px; }
#container h2.services { background: url(../img/title_services.gif) no-repeat; text-indent: -5000px; }
#container h2.content { background: url(../img/title_content.gif) no-repeat; text-indent: -5000px; }
#container h2.welcome { background: url(../img/title_welcome.gif) no-repeat; text-indent: -5000px; }
#container h2.different { background: url(../img/title_different.gif) no-repeat; text-indent: -5000px; }
#container h2.company { background: url(../img/title_company.gif) no-repeat; text-indent: -5000px; }
#container h2.contact { background: url(../img/title_contact.gif) no-repeat; text-indent: -5000px; }
#container h2.contactus { background: url(../img/title_contact_us.gif) no-repeat; text-indent: -5000px; }
#container h2.quickconnect { background: url(../img/title_quickconnect.gif) no-repeat; text-indent: -5000px; }

#container h2.clientlist { background: url(../img/title_client_list.gif) no-repeat; text-indent: -5000px; }
#container h2.clientpartial { background: url(../img/title_client_partial.gif) no-repeat; text-indent: -5000px; }
#container h2.clientsfeatured{ background: url(../img/title_featured_clients.gif) no-repeat; text-indent: -5000px; }

/*------------------------------------------------------------*
**  Thumbnails
/*------------------------------------------------------------*/	

#container a.thumb { border: 0; }
#container a.thumb img { 
	border: 1px solid #777; 
	padding: 2px; 
	}
#container a.thumb:hover img { border: 1px solid #84C223; }

/*------------------------------------------------------------*
**  Bulleted Unordered List
**------------------------------------------------------------*/	
ul {
	margin: 0 0 20px;
	padding: 0;
	list-style-type: none;
	}
ul.inline li { display: inline; }	
ul li {
	padding-left: 15px; 
	background: url(../img/arrow.gif) no-repeat 0 50%;
	margin-right: 20px;
	}	
/* IE FIX */	
* html ul li a { border-right: 1px solid #000; }	
	
	
/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/
#footer { padding: 10px 0; }	
#footer p {
	text-align: center;
	font-size: 0.85em;
	margin: 3px 0;
	color: #333;
	}
#footer em { 
	font-style: normal;
	color: #84C223;
	}