/**
 * Nucleo (X)HTML/CSS Framework
 *
 * @copyright       Copyright (c) 2008, Sergey Gogolev
 * @link            http://softprojects.ru/
 * @license         CC-A 3.0 (http://creativecommons.org/licenses/by/3.0/)
 * @version         0.1.5
 */

/**
 * @section links
 */
	a, a:visited, a:hover, a:active  {
		color: #15418a;}

	a:hover, a:active, .hovered {
		text-decoration: none;}

	.links, .links:visited {
		height: 1%; padding: 0 0 0 23px;
		text-decoration: none; font-size: 1.1em;
		display: block; background: url(../images/links.gif) no-repeat 0 1px; }

		.links:hover {
			text-decoration: underline;}


/**
 * @section headers
 */
	
	.headers {
		height: 1%; margin-bottom: 20px;
		font-size: 1.7em; color: #7a828f; text-transform: uppercase;
		background: url(../images/headers-bottom.gif) bottom left repeat-x;}

		.headers span {
			display: block;	padding-bottom: 7px;
			background: url(../images/headers-bottom-left.gif) bottom left no-repeat;}

	.headers-lite {
		background: url(../images/headers-bottom-lite.gif) bottom left repeat-x;}

		.headers-lite span{
			background: url(../images/headers-bottom-left-lite.gif) bottom left no-repeat;}

		
/**
 * @section grey blocks
 */

	.grey-block {
		position: absolute; background: #ebeef3;}

		.gb-header-left {
			top: 0; left: 0; width: 15px; height: 72px;}

		.gb-header-right {
			top: 72px; right: 12px; width: 15px; height: 15px;}

		.gb-left-column-top {
			top: 10px; left: 0; width: 15px; height: 15px;}

		.gb-right-column-top {
			top: -20px; right: 0; width: 15px; height: 55px;}

		.gb-bottom-row-first {
			top: 25px; left: 0; width: 15px; height: 15px;}

		.gb-bottom-row-second {
			top: 10px; left: 15px; width: 15px; height: 15px;}
		
	

/**
 * @section header
 */
	.header {
		height: 90px;}

		.header-logo {
			position: absolute; top: 28px; left: 50px;}

		.header-label {
			position: absolute; top: 41px; left: 34%;}


	/**
	 * @subsection header contact information
	 */

		.header-contact {
			position: absolute; top: 0; right: 0; width: 22%; padding-top: 14px;
			border-top: 5px solid #ebeef3; }

			.header-contact span {
				font-size: 1.2em; color: #818491;}

			.header-contact p {
				font-size: 2.2em; color: #000;}

			.header-contact a {
				font-size: 1.2em;}


/**
 * @section main menu
 */

	.menu {
		background: #15418a;
		border-right: 27px solid #abb3bf;}

		.menu-in {
			height: 1%; padding: 5px 0 0 30px;
			border-right: 3px solid white;}

			.menu a, .menu a:visited {
				float: left; padding: 8px 20px 6px;
				font-size: 1.3em; color: #fff;}

				.menu a b, .menu a:visited  b {
					display: block; padding-bottom: 6px;}

			.menu a:hover, .menu-active {
				text-decoration: none;
				color: black !important; background: white !important;}

				.menu a:hover b , .menu-active b {
					padding-bottom: 3px !important;
					border-bottom: 3px solid #15418a !important;}



		
/**
 * @section footer
 */
	 .footer-in {
		position: relative; height: 82px;
		padding: 0 30px 0 50px;}

		.footer-in-in {
			height: 71px;
			border-top: 1px #abb3bf solid;
			border-bottom: 10px #ebeef3 solid;}

				.footer-copyright {
					position: absolute; top: 32px; left: 50px;
					font-size: 1.1em; color: #818491;}

				.footer-contacts {
					position: absolute; top: 27px; right: 22%;
					padding-right: 40px;}
					
					.footer-contacts p {
						font-size: 1.1em; color: #818491;
						text-align: right;}

				.footer-developer {
					position: absolute; top: 35px; right: 30px;}
				
				.footer-counters {
					position: absolute; top: 24px; right: 137px;}


		
/**
 * @section main
 */

	.main {
		padding-top: 25px;}

		.left-in {
			padding: 0 45px 0 50px;}

		.center-in {
			padding: 0 40px 0 0;}

		.right-in {
			padding: 0 30px 0 0;}

		.bottom-row {
			width: 100%;}


/**
 * @section news
 */

	.news-item {
		padding-bottom: 25px; margin-bottom: 20px;
		font-size: 1.1em;
		background: url(../images/line-dotted.gif) bottom left repeat-x;}

		.news-item div {
			padding-bottom: 4px; margin-right: 20px;
			border-bottom: 3px solid #abb3bf;}

		.news-item p {
			padding-bottom: 5px;}
			
			.news-item a, .news-item a:visited {
				text-decoration: none; color: black;}

			 .news-item a:hover {
				text-decoration: underline;}

		.news-item span {
			color: #808080;}

/**
 * @section services
 */

	.services-item {
		padding-right: 10px; margin-bottom: 10px;
		font-size: 1.1em;
		border: 1px solid #b1b8c4; background: #ebeef3;}

		.services-item div {
			margin-right: 20px;}

		.services-item h3 {
			padding: 14px 0 4px;}
			
			.services-item a, .services-item a:visited {
				font-weight: bold; text-decoration: none; color: #15418a;}

			 .services-item a:hover {
				text-decoration: underline;}

		.services-item p {
			display: block; padding-bottom: 5px;}

/**
 * @section information blocks
 */

	.information-block p{
		font-size: 1.1em; padding-bottom: 17px;}

		.information-block .links {
			font-size: 1em !important;}

		.information-block-delimiter {
			margin-top: 10px; height: 25px;
			background: url(../images/line-dotted.gif) top left repeat-x;}

/**
 * @section experts
 */

	.experts-item {
		padding-bottom: 25px;
		font-size: 1.1em;}

		.experts-item div {
			margin-right: 10px;}

		.experts-item h3 {
			padding-bottom: 5px; font-size: 1.1em;}

		.experts-item span {
			color: #808080;}

/**
 * @section code-2D
 */

	.code-2d {
		width: 22%;
		padding-right: 30px;}

		.code-2d div {	
			height: 100px;
			background: #ebeef3 url(../images/code-2D.gif) top left no-repeat;}

/**
 * @section clients
 */

	.clients {
		width: 78%;
		padding: 0 40px 0 50px;}

		.clients-item {
			margin-bottom: 10px;
			background: url(../images/headers-bottom.gif) top left repeat-x;}

		.clients-item-in {
			padding-top: 3px;
			background: url(../images/headers-bottom-left.gif) top left no-repeat;}

			.clients-item table {
				background: url(../images/line-dotted.gif) bottom left repeat-x;}

				.clients-item table td {
					padding-bottom: 1px;}

				.clients-item-text {
					padding: 20px 20px 15px 65px !important;
					background: #ebeef3 url(../images/quote.gif) top left no-repeat;}

					.clients-item-text p {
						font-size: 1.1em; padding-bottom: 5px;}

				.side-clients .clients-item-text  {
					padding: 20px  !important;}