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


/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
html { background: transparent; }
body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 83%;
	color: #999;
	margin: 0;
	padding: 0;
	background: transparent;
	}
img { border: 0; }

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

/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/
#container {
	text-align: center;
	border-top: 7px solid #000;
	width: 246px;
	background: url(../img/bg.gif);
	}

/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/	
#header {
	padding: 0;
	margin: 0 auto;
	background: transparent;	
	}	

/*------------------------------------------------------------*
**  Logo
**------------------------------------------------------------*/
#header h1 {
	margin: 0;
	padding: 0 0 0 10px;
	height: 40px;
	font-weight: normal;
	color: #fff;
	font-size: 2em;
	background: transparent;
	}
#header h1 span { color: #84C223; }

/*------------------------------------------------------------*
**  Header Navigation
**------------------------------------------------------------*/
#header div  {
	display: none;
	}
#header ul	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}	
#header ul:after { 
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	height: 0;
	}				
#header ul li {
	margin: 0 1px 0 0;
	padding: 0;
	display: inline;
	background: transparent;	
	}	
#header ul li a { 
	text-decoration: none;  
	padding: 3px 2px;
	display: inline;	 
	color: #fff;
	border: 0;
	background-color: #555;
	}	
	
#header ul li a.on { 
	text-decoration: none;  
	padding: 3px 2px;
	display: inline;	 
	color: #fff;
	border: 0;
	background-color: #84C223; 
	background-image: none; 
	}					
	
/*------------------------------------------------------------*
**  Sub Menus
**------------------------------------------------------------*/ 
ul.subnav {
 margin: 0;
 padding: 0;
 width: 190px;
 }
ul.subnav li {
 background: url(http://www.netprofitservices.com/img/dot1.gif) repeat-x;
 padding: 1px 0 0;
 margin: 0;
 } 
ul.subnav li a { 
 background: url(http://www.netprofitservices.com/img/arrow.gif) no-repeat 7px 0.6em;
 display: block; 
 width: 100%;
 border: 0 !important;
 padding: 5px 0 6px 25px;
 } 
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(http://www.netprofitservices.com/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 {
	margin: 0 auto;
	padding: 15px 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: none;
	width: 100%;
	margin: 0;
	}	
	
/*------------------------------------------------------------*
**  Right Content
**------------------------------------------------------------*/		
#container div.r {
	float: none;
	width: 100%;	
	}		

/*------------------------------------------------------------*
**  Content Titles
**------------------------------------------------------------*/			
#container h2 {
	margin: 0 0 17px;
	font-size: 1em;
	font-weight: bold;
	color: #84C223;
	padding: 0;
	background: transparent;
	}
	
#container h2[class] { background: transparent; }	

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

#container a.thumb { border: 0; }
#container a.thumb img { 
	border: 1px solid #777; 
	padding: 2px; 
	width: 220px;
	height: 40px;
	}

/*------------------------------------------------------------*
**  Bulleted Unordered List
**------------------------------------------------------------*/	
ul {
	margin: 0 0 20px;
	padding: 0;
	list-style-type: none;
	}
ul.inline li { float: left; padding: 0; }	
ul li {
	padding: 3px 0 3px 15px; 
	background: url(../img/arrow.gif) no-repeat 0 50%;
	margin: 0 20px 0 0;
	}	
/* 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;
	}