/*======================================*
** 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; }

/*------------------------------------------------------------*
**  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/rus/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; 
	width: 100%;
	border: 0 !important;
	padding: 6px 0 5px;
	}	
ul.subnav li a:hover,
ul.subnav li a.on { background-color: #222; }
ul.subnav li a em { margin-left: 25px; font-style: normal; }	

/* 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.7em;
	font-size: 0.9em;
	text-align:justify;
	}

/*------------------------------------------------------------*
**  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/rus/title_thenextlevel.gif) no-repeat; text-indent: -5000px; }
#container h2.indev { background: url(/img/rus/title_indevelopment.gif) no-repeat; text-indent: -5000px; }
#container h2.whatwedo { background: url(/img/rus/title_whatwedo.gif) no-repeat; text-indent: -5000px; }
#container h2.latestblog { background: url(/img/rus/title_latestblogentries.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;
	margin-top:5px;
		}	
/* 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;
	}	
/*-----------------------Slider-------------------------------------*/
.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	color:#FFFFFF;
	font-size:0.9em;
	background-color:#111111;
	width:480px;
	margin-bottom:2px;
	margin-top:2px;
	padding-left:20px;
	background-image:url('/TJK_ToggleDL/toggleDLplus.gif');
	background-repeat:no-repeat;
	background-position:top left;	
	height:20px;
	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	border:1px solid #84C223;
	background-color:#222222;
	width:480px;
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:5px;
	font-size:0.9em;	
	position:relative;
      color:#FFFFFF;
}
#contact input, #contact textarea {border: 2px solid #99CC00; margin: 5px 0px 10px 0px; padding: 5px; width: 300px; display: block; clear: both;}
#contact input.send {width: 115px; height: 21px; background: url(http://modx.ru/images/report.jpg); border: 0px; margin-top: 10px;}
#contact label {display: block;}
#contact img {float: none;}
.warn {display: block; margin: 10px 0px; color: #CC3300;}
#contact input#hide {display: none;}

.site {float: left; width: 202px; height: 220px; margin: 20px 20px 0 20px; text-align: center; position: relative;}