@import "reset.css";

/* All 
---------------------------------------*/
BODY {min-width:1003px;}
A {color:#0092D2;}
A:hover {text-decoration:none;}
.none {display:none;}
.clear {clear:both;}

/* Container 
---------------------------------------*/
#container {
	font:12px Arial;
	width:1001px;
	}

/* Глобальные блоки
---------------------------------------*/
/* Content */
#content {padding:0 0 15px 28px;}

/* Footer */
#footer {clear:both;}

/* Заголовки
---------------------------------------*/
#content H2 {
	color:#1c6b99;
	font:bold 24px Arial;
	padding:0 0 27px;
	}
#content H3 {
	color:#000;
	font:bold 18px Arial;
	padding:3px 0 14px;
	}

/* Блоки контента
---------------------------------------*/
/* Logo */
.logo {padding:22px 0 6px 40px;}
	.logo A {
		color:#0092D2;
		font:italic bold 40px Arial;
		text-decoration:none;
		}
		.logo A B {color:#000;}

/* Navigation */
.navigation {
	background:url('../img/navigation.top.bg.gif') 0 0 repeat-x;
	padding:19px 0 2px;
	}
	.navigation .inner {
		background:url('../img/navigation.bottom.bg.gif') center bottom no-repeat;
		padding:0 0 29px;
		}
	.navigation UL {
		background:#51A7D9 url('../img/navigation.bg.gif') 0 0 repeat-x;
		border-top:1px solid #fff;
		height:81px;
		padding:0 13px 0 23px;
		overflow:hidden;
		}
		.navigation UL LI {
			border-left:1px solid #fff;
			color:#fff;
			float:left;
			width:159px;
			height:81px;
			}
			.navigation UL LI A {
				color:#fff;
				display:block;
				width:159px;
				height:81px;
				text-decoration:none;
				}
			.navigation UL LI SPAN {
				display:block;
				font:11px/16px Verdana;
				padding:7px 0 0 10px;
				}
		.navigation UL LI A:hover, .navigation UL LI.active A {background:#74b8df url('../img/navigation.bg.gif') 0 -81px repeat-x;}
		.navigation LI.last-nav {border-right:1px solid #fff;}

/* Блок контента (на главной) */
.contentBox {
	background:#D9E2E0 url('../img/content.bg.gif') 0 0 repeat-x;
	padding:0 16px 15px;
	margin:20px 23px 0 0;
	}
	.contentBox H2 {
		color:#008BD0 !important;
		padding:0 0 23px !important;
		}
	.contentBox .textBox P {padding:0 0 16px;line-height:16px;}
	.contentBox .videoBox {
		float:left;
		margin:0 20px 0 0;
		}
	.contentBox .textBox {
		height:1%;
		overflow:hidden;
		padding:13px 10px 15px 0;
		}
		.contentBox .textBox .news {padding-top:22px;}
.contentShadow {
	background:url('../img/content.shadow.gif') center 0 no-repeat;
	height:29px;
	margin:0 23px 6px 0;
	}

/* Текстовый блок */
.textBox P {
	padding:0 25px 18px 0;
	line-height:18px;
	}

/* Связаться с нами */
.contact-with-us {
	background:#e7edec url('../img/contact-with-us.bg.gif') 0 0 repeat-x;
	padding:10px 15px;
	font:bold 14px/19px Arial;
	margin:15px 23px 0 0;
	}
	.contact-ico {
		background:url('../img/contact.ico.gif') 0 1px no-repeat;
		padding-left:21px;
		}

/* Новости */
.news {
	padding:0 0 8px;
	line-height:16px;
	}
	.news H3 {
		color:#0092D2 !important;
		font:bold 12px Arial !important;
		padding:0 0 1px !important;
		}
	.news DL {
		clear:both;
		padding:0 0 10px;
		height:1%;
		overflow:hidden;
		}
		.news DL DT {
			float:left;
			margin:3px 16px 0 0;
			}
		.news DL DD {
			height:1%;
			overflow:hidden;
			}

/* Channels */
.channels {
	background:#f0f4f3 url('../img/channels.bg.gif') 0 0 repeat-x;
	float:right;
	padding:10px 15px 0;
	margin:0 23px 0 50px;
	line-height:16px;
	width:270px;
	}
	.channels H3 {padding-bottom:4px !important;}
	.channels UL {padding:0 0 10px;}
		.channels LI {
			background:url('../img/marker.gif') 0 6px no-repeat;
			padding:0 0 0 11px;
			margin:0 0 2px 8px;
			}

/* Feedback form */
.feedbackForm {
	color:#666;
	padding:5px 0 0;
	position:relative;
	}
	.feedbackForm DIV {
		display:block;
		padding:0 0 6px 0;
		}
	.feedbackForm LABEL {
		display:block;
		color:#000;
		padding:5px 0 1px;
		}
		.feedbackForm LABEL SPAN {color:#F51110;}
	INPUT.text,
	SELECT {
		border:1px solid #939998;
		color:#939998;
		font:italic 12px Arial;
		padding:3px 7px;
		width:366px;
		}
	TEXTAREA {
		color:#939998;
		border:1px solid #939998;
		font:italic 12px Arial;
		height:125px;
		overflow:auto;
		padding:4px 7px;
		margin:0 0 5px;
		width:366px;
		}
	INPUT.submit {
		background:#91c7e6 url('../img/bg.button.gif') 0 0 repeat-x;
		border:1px solid #0092D2;
		color:#0092D2;
		cursor:pointer;
		display:block;
		height:24px;
		font:bold 12px Arial;
		padding:4px 25px 4px;
		position:absolute;
		bottom:11px;
		left:408px;
		}
		INPUT.submit:hover {border:1px solid #005a82;color:#005a82;}

/* Три блока */
.threeBlocks {
	height:1%;
	overflow:hidden;
	}
	.threeBlocks .block {
		background:url('../img/block.bg.gif') 0 0 repeat-x;
		float:left;
		margin:0 10px 0 0;
		line-height:16px;
		padding:8px 15px 37px;
		width:280px;
		}
		.threeBlocks .block H2 {
			color:#474848 !important;
			font:bold 20px Tahoma !important;
			padding:0 0 14px !important;
			}

/* Examples */
.examples {
	background:#d9e2e0 url('../img/examples.bg.gif') 0 0 repeat-x;
	padding:10px 15px 12px;
	margin:0 23px 0 0;
	height:1%;
	overflow:hidden;
	}
	.examples .videoBox {
		float:right;
		margin:0 0 0 20px;
		}
	.examples UL {
		padding:11px 0 0;
		width:430px;
		}
		.examples LI DIV {
			background:#fff;
			font-weight:bold;
			margin:0 13px 4px 0;
			}
			.examples LI DIV A {
				background:url('../img/examples.marker.gif') 6px 50% no-repeat;
				display:block;
				padding:6px 5px 5px 31px;
				text-decoration:none;
				}
				.examples LI DIV A:hover {text-decoration:underline;}
			.examples LI P {
				display:none;
				padding:6px 50px 12px 31px;
				line-height:16px;
				}
		.examples LI.active DIV {background:#fff url('../img/examples.active.gif') right 0 no-repeat;margin-right:0;}
			.examples LI.active DIV A {color:#000;background:url('../img/examples.marker.active.gif') 6px 50% no-repeat;}
		.examples LI.active P {display:block;}

/* Footer */
#footer {
	background:#F1F4F3 url('../img/footer.shadow.gif') center 0 no-repeat;
	height:1%;
	color:#939998;
	overflow:hidden;
	padding:22px 0 60px 31px;
	}
	#footer .column {
		background:url('../img/dotted.gif') 0 0 repeat-x;
		float:left;
		margin:0 32px 0 0;
		line-height:16px;
		padding:0 0;
		width:288px;
		}
		#footer .column LI {
			background:url('../img/dotted.gif') 0 bottom repeat-x;
			padding:4px 11px;
			position:relative;
			}
			#footer .column LI A {
				color:#939998;
				text-decoration:none;
				}
				#footer .column LI A:hover {text-decoration:underline;}
			#footer .column LI UL {
				background:url('../img/dotted.gif') 0 0 repeat-x;
				margin:3px -11px -5px;
				}
				#footer .column LI UL LI {padding:4px 22px;}
.no-dotted {background:none !important;}
.external-link {
	background:url('../img/external.gif') right 2px no-repeat;
	padding-right:14px;
	position:relative;
	}