/*
CSS & html, by k206i'08. ICQ:82549720, http://www.k206i.ru/projects/

Alphabetically sorted. Global values with "g" prefix. Styles, contains design only - "d" prefix. Blocks content - "b" prefix. Styles, used for scripts only - "s" prefix. "m" prefix used for mod's rules, if they necessary. Specially styles and hacks for IE6 & IE7 placed in other *.css files in the same directory.

Images dir contains img files with: "btn" prefix - buttons pictures; "dum" prefix - pictures, used only for demonstration; "icon" prefix - fol all icons images; "mark" prefix - for markers, like in list marks; "corn" prefix - for corners fragment of the boards; "bg" - images, used only for design. Other contains pictures named in order, what they contain.
 
=========== Global values ============ 
*/


html { width:100%; height:100%;}
body { width:100%; height:100%; color:#000; font-family: Arial, Helvetica, sans-serif; font-size:75%;} /*12px*/
a:link, a:visited, a:active { color:#1f2751; text-decoration:underline;}
a:hover { text-decoration:none;}
a:link h2, a:visited h2, a:active h2{ color:#1f2751; text-decoration:underline;}
a:hover h2{ text-decoration:none;}
.clear{height:0; font-size:0; line-height:0; padding:0; margin:0; visibility:hidden;}
ul { display:table;}
.print { display:none;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: block;}
* html .nonFooter {height: 100%;}
.d-content { height:100%; min-width:1000px;}
.contacts-map-image { cursor:pointer;}
	#s-map-container { display:none; position:absolute; margin:-200px 0 0 -360px; padding:3px; border:#788084 1px solid; background:#fff; cursor:pointer;}
.print-map {
	position:absolute;
	top:-1000px;
	left:-1000px;
}
.b-print-head {
	position:absolute;
	left:-10000px;
	top:-10000px;
	margin-bottom:20px;
}
	.b-print-head .contacts {
		padding-left:337px;
		color:#1f2751;
		font-size:16px;
	}

.g-divider {
		height:2px;
		margin-bottom:10px;
		border-top:#74c712 1px solid;
		font-size:0;
		line-height:0;
	}
	
b, strong {
	font-weight:normal;
}

.g-title {
	margin-bottom:15px;
	color:#1f2751;
	font-size:1.667em; /*20px*/
}

.g-min-title {
	margin-bottom:5px;
	color:#1f2751;
	font-size:1.167em; /*14px*/
	font-weight:bold;
}

a:link .g-min-title, a:visited .g-min-title, a:active .g-min-title { text-decoration: underline; }
a:hover .g-min-title { text-decoration: none; }


/* =========== Content blocks ============ */

.b-button {
	margin-bottom:20px;
}
	.b-button .button {
		display:block;
		/*height:20px;*/
		padding:1px 20px 2px;
		color:#fff;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
		line-height:16px;
		border:0;
		background-color:#1f2751;
		cursor:pointer;
		vertical-align:middle;
	}


.b-contacts {
	width:100%;
	margin-bottom:15px;
}
	.b-contacts .d-left {
		width:100%;
	}
	.b-contacts .name {
		padding:0 5px 10px 0;
		font-weight:bold;
	}
	.b-contacts .d-map {
		padding-left:20px;
	}
		.b-contacts .d-map .title {
			margin-bottom:5px;
			font-weight:bold;
		}
	
	
.b-header {
	margin-bottom:10px;
}
	.b-header .d-divider {
		margin-right:47px;
		line-height:0;
		font-size:0;
		border-bottom:#74c712 2px solid;
	}
	.b-header .menu {
		width:100%;
		height:98px;
		background:#1f2751;
	}
		.b-header .menu .site-nav {
			background:#fff;
		}
		.b-header .menu .item {
			width:20%;
			background:url(../dsn/bg1.gif) no-repeat 100% 50%;
			text-align:center;
			color:#fff;
			font-size:1.333em; /*16px*/
		}
			.b-header .menu .item a {
				display:block;
				height:43px;
				padding-top:55px;
				margin-right:1px;
				color:#fff;
				text-decoration:none;
			}
			.b-header .menu .item a:hover {
				background:url(../dsn/bg2.gif) repeat-x 0 0;
			}
		.b-header .menu .selected {
			padding-top:55px;
			margin-right:1px;
			background:url(../dsn/bg2.gif) repeat-x 0 0;
		}


.b-howard {
	float:right;
	margin-top:55px;
	text-align:center;
}
	.b-howard a {
		color:#000;
		text-decoration:none;
	}
	.b-howard a:hover {
		text-decoration:underline;
	}


.b-illustr {
	margin-bottom:20px;
	border-bottom:#74c712 2px solid;
}


.b-index-widgets {
	width:100%;
	margin-bottom:5px;
}
	.b-index-widgets .item {
		width:50%;
		padding:0 0 15px 0;
	}
		.b-index-widgets .item p {
			margin-top:10px;
		}
	.b-index-widgets .divider {
		width:15px;
	}
		.b-index-widgets .divider .clear {
			width:15px;
		}


.b-logo {
}


.b-phones {
	margin:0 47px 10px 0;
}
	.b-phones .number {
		float:right;
		color:#1f2751;
		font-size:1.833em; /*22px*/
	}
	.b-phones .prefix {
		float:right;
		margin:2px 3px 0 0;
		color:#1f2751;
	}


.b-measurer {
	margin-bottom:20px;
}
	.b-measurer a {
		color:#000;
	}


.b-send-form {
}
	.b-send-form .name {
		padding:4px 15px 0 0;
	}
	.b-send-form .captcha {
		padding:0 15px 0 0;
		text-align:right;
	}
	.b-send-form .value {
		padding:2px 0 0;
	}
		.b-send-form .value .input {
			font-family:Arial, Helvetica, sans-serif;
			font-size:1em;
			border:#cccdd0 1px solid;
			vertical-align:middle;
		}
		.b-send-form .value .large {
			width:280px;
		}
		.b-send-form .value .short {
			width:105px;
		}
		.b-send-form .value .textarea {
			width:380px;
			height:85px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:1em;
			border:#cccdd0 1px solid;
			vertical-align:middle;
		}
	.b-send-form .button {
		display:block;
		/*height:20px;*/
		width:107px;
		padding:1px 10px 2px;
		margin-top:2px;
		color:#fff;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
		line-height:16px;
		border:0;
		background-color:#1f2751;
		cursor:pointer;
		vertical-align:middle;
	}


.b-sub-menu {
}
	.b-sub-menu b, .b-sub-menu h2 {
		font-weight:bold;
	}
	.b-sub-menu .g-min-title {
		margin-bottom:3px;
		color:#74c712;
	}
	.b-sub-menu .item {
		padding-left:17px;
		background:url(../dsn/mark_blue_dot.gif) no-repeat 0 0.417em; /*5px*/
	}
	.b-sub-menu .selected {
		background-image:url(../dsn/mark_green_dot.gif);
	}


.b-table {
	margin-bottom:15px;
}
	.b-table th {
		padding:5px 30px;
		border:#fff 1px solid;
		background:#d6d7da;
	}
	.b-table .divider {
		height:3px;
		line-height:0;
		font-size:0;
	}
	.b-table .a {
		padding:5px;
		border:#d6d7da 1px solid;
	}


.b-ul {
	margin-bottom:15px;
}
	.b-ul .li {
		margin-bottom:2px;
		padding-left:10px;
		background:url(../dsn/mark_black_dot.gif) no-repeat 0 0.5em; /*6px*/
	}


.b-widget {
	margin-bottom:15px;
	padding-top:140px;
	background:url(../dsn/bg3.gif) no-repeat 50% 0;
	text-align:center;
	font-size:1.167em; /*14px*/
}
	.b-widget a {
		color:#fff;
	}


.footer {position: relative;  height:9.583em; margin:-9.583em 0 0 0; width:100%;} /*115px*/
	.footer .d-left-side {
		width:290px;
		text-align:center;
		vertical-align:middle;
		background:#fff;
	}
		.footer .d-left-side .clear {
			width:290px;
		}
	.footer .d-main-side {
		width:100%;
		background:#d5d6d9;
	}
		.footer .d-main-side .d-pad {
			padding:15px 40px 0;
		}
		.footer .d-main-side p {
			margin-bottom:10px;
		}
			.footer .d-main-side p a {
				color:#000;
				text-decoration:none;
			}
			.footer .d-main-side p a:hover {
				text-decoration:underline;
			}



/* =========== Design ============ */

.d-colored-pad {
	margin:0 0 20px -15px;
	background:#efefee;
}
	.d-colored-pad .d-lt {
		height:15px;
		background:url(../dsn/corn_lt.gif) no-repeat 0 0;
	}
	.d-colored-pad .d-rt {
		height:15px;
		background:url(../dsn/corn_rt.gif) no-repeat 100% 0;
	}
	.d-colored-pad .d-rb {
		height:15px;
		background:url(../dsn/corn_rb.gif) no-repeat 100% 100%;
	}
	.d-colored-pad .d-lb {
		height:15px;
		background:url(../dsn/corn_lb.gif) no-repeat 0 100%;
	}
	.d-colored-pad .d-inner-content {
		margin:0 15px;
	}


.d-main-content {
	margin:0 47px 0 40px;
}


.nonFooter {
	width:100%;
	height:100%;
}
	.nonFooter .d-left-col {
		width:290px;
		padding-bottom:11.667em;/*140px*/
		background:#1f2751;
	}
		.nonFooter .d-left-col .clear {
			width:290px;
		}
	.nonFooter .d-center-col {
		width:100%;
		padding-bottom:11.667em;/*140px*/
	}
	
	

/* =========== Mod`s ============ */

.m-align-center {
	text-align:center;
}

.m-disp-table {
	display:table;
}

.m-img-float-left {
	float:left;
	margin:0 10px 0 0;
}

.m-para-pad {
	margin-bottom:15px;
}

.m-block-pad {
	margin-bottom:20px;
}

.error{color:red;}

.m-float-left {
	float:left;
}
.copyright {
	float:left;
	margin-right: 10px;
}