
/* [ Default styles ] */

* { 
	margin: 0px; 
	padding: 0px 
}

table { 
	border-collapse: collapse; 
	border-spacing: 0px 
}

td  { 
	vertical-align: top 
} 

h1, h2, h3, h4, h5, h6 {
	padding: 0 0 10px 0; margin: 0;
	font: 28px Arial, FreeSans, sans-serif;
	color: #000; text-align: center;
} 

h2 { font-size: 22px;} 
h3 { font-size: 20px;} 
h4 { font-size: 18px;} 
h5 { font-size: 16px;} 
h6 { font-size: 14px;} 

p { 
	margin: 5px 0 10px 0; 
}

ul, ol, dl { 
	/* circle | disc | square | armenian | decimal | decimal-leading-zero | 
	georgian | lower-alpha | lower-greek | lower-latin | lower-roman | 
	upper-alpha | upper-latin | upper-roman | none | inherit */
	list-style-type: disc;
	margin: 10px 0 0 50px; 
}

li, dt, dd { 
	padding: 0 0 6px 0; 
}

img { 
	border: 0px solid #000 
}

i, em { 
	font-style: italic 
}

b, strong { 
	font-weight: bolder 
}

a:link{ outline: none; color: #961B00;}
a:visited{ outline: none; color: #961B00;}
a:hover{ outline: none; color: #961B00;}
a:active{ outline: none; color: #961B00;}
a.active{ outline: none; color: #961B00;}

input.text, input[type="text"], 
input[type="password"], textarea, select {
	border: 1px solid #BFBBB5;
	background: #FFF;
	color: #313131;
}

/* [ Basic layout ] */
   

html { 
	height: 100%; 
}
 
body { 
	height: 100%; margin: 0px; 
	font: 14px Verdana, FreeSans, sans-serif; 
	color: #000000; background: #E3DCC2;
}
 
.wrapper {
	height: 100%; margin: 0px auto; 
	border: 0px dashed #003333;
}
 
.container {
	position: relative; float: none;
	min-height: 100%; min-width: 984px; width: 100%;  
}
 
.width-fixed {
	width: 984px; margin: 0px auto;
}
 
.container:after {
	content: ""; display: block; height: 0; clear: both; visibility: hidden;
}

.top_lft_bg {
	position: absolute; display: block; left: 0; top: 0;
	width: 50%; height: 192px; background: #461507;
}

.top_rght_bg {
	position: absolute; display: block; right: 0; top: 0;
	width: 50%; height: 192px; background: #561906;
}

.tiled_bg {
	position: absolute; display: block; left: 0; top: 0;
	width: 100%; height: 192px; background: url('../images/header_tiled_bg.png') no-repeat top center;
	z-index: 2;
}

.black_bg {
	position: absolute; display: block; left: 0; top: 192px;
	width: 100%; height: 257px; background: #000 url('../images/black_bg.png') no-repeat top center;
	border-bottom: 1px solid #fff;
}

.header {
	position: relative; 
	height: 449px; z-index: 3;
}
	.logo {
		position: relative; 
		width: 189px; height: 155px; margin: 0 auto; padding: 6px 0 9px; 
	}
		.logo img {
			width: 189px; height: 155px;
			background: url('../images/logo_bg.png') no-repeat;
		}
		
	.header-phone {
		position: absolute; right: 109px; top: 64px;
		font: 28px Arial, FreeSans, sans-serif; color: #fff;
	}
		.header-phone a {
			color: #fff; text-decoration: none;
		}
	
	.slogan {
		position: absolute; left: 120px; top: 230px;
		font: italic 27px Verdana, FreeSans, sans-serif;
		color: #fff; text-indent: -30px;
	}
	
.menu_bg {
	position: relative;
	width: 820px; height: 47px; margin: 0 auto;
	background: url('../images/menu_bg.png') no-repeat top center;
}
	
.menu {
	display: table;
	margin: 0 auto;
}
	.menu table {
		margin: 0 auto;
	}
	
	.menu  ul {
		display: block; list-style: none;
		margin: 0; padding: 0; background: #C00000;
	}
	
	.menu  li {
		position: relative; display: block; float: left;
		height: 40px; margin: 0; padding: 0 0 0 5px;
	}

	.menu  li.l0 {
		height: 46px; 
		background: url('../images/menu_item_sep.png') no-repeat 0px 16px;
	}
		.menu  li.l0.first {
			background: none;
		}
	
	.menu a {
		display: block; height: 15px; padding: 11px 20px 18px;
		font: 18px Calibri, FreeSans, sans-serif;
		color: #fff; text-decoration: none;
	}
	
	.menu a:hover {
		/* background: #880000 url(../images/menu_item_hover.png) repeat-x bottom */
	}
	
	.menu a.active {
		/* background: #880000 url(../images/menu_item_hover.png) repeat-x bottom */
	} 

		.nav li .submenu {
			position: absolute; display: none;
			top: 100%; width: 100%; left: -1px; z-index: 10000; float: left;
			border: 1px dashed transparent;
		}

			.nav li .submenu .submenu {
				position: absolute; /* display: none; */
				top: -2px; width: 100%; left: 100%; z-index: 10000; float: left;
			}


		.nav li:hover>.submenu {
			display: block;
		}

		* html .nav li.hover .submenu {
			display: block;
		}

			.nav li .submenu ul {
				margin: -1px 0 0 5px;
				position: relative; float: left;
				padding: 0 10px 10px 0; font-size: 12px; background: #C00000;
			}
				.nav li .submenu ul ul {
					margin: 1px 0 0 -1px;
				}

			.nav li .submenu li {
				position: relative; height: auto;
				float: none; white-space: nowrap;
			}

			.nav li .submenu a {
				color: #FFF;
				padding: 5px 20px; font-size: 14px;
				text-decoration: none;
			}

			.nav li .submenu a:hover {
				color: #FFF;
				text-decoration: underline;
			}
 
.sidebar {
	position: relative; float: left;
	width: 245px; min-height: 300px; 
	height: auto !important; height: 300px;  
	padding: 20px 20px 120px; border-top: 1px dashed #C2BB9E;
	border-left: 1px dashed #C2BB9E;
}
	.sidebar h2 {
		text-align: center;
		font: 24px Arial, FreeSans, sans-serif;
		color: #000;
	}
	
	.sidebar ul {
		display: block; margin: 0; padding: 0;
		list-style: none;
	}
	
	.sidebar li {
		display: block; padding: 0 0 10px;
	}
	
	.contacts {
		position: relative; width: 269px; margin-left: -10px;
		background: url('../images/contacts_bg.png') repeat-y left;
	}
		.contacts-wrap {
			background: url('../images/contacts_top_bg.png') no-repeat 0% 0%;
		}
		
		.contacts-content {
			padding: 15px 15px 15px 25px;
			min-height: 135px; height: auto !important; height: 135px;
			background: url('../images/contacts_bottom_bg.png') no-repeat 0% 100%;
			font: 14px/20px Arial, FreeSans, sans-serif; color: #000;
		}
		
		.contacts-title {
			padding: 0 0 10px;
			font: bold italic 18px Arial, FreeSans, sans-serif;
			color: #000;
		}

.content {
	min-height: 100px; 
	height: auto !important; height: 100px; 
	padding: 20px 20px 130px; overflow: hidden; 
	border-top: 1px dashed #C2BB9E;
} * html .content { 
    position: relative; 
    overflow: visible; 
}
 
* html .fix-overflow {
	width: 99%; margin: 0 auto; overflow-x: auto;
}
	.path {
		padding: 5px 0;
		font: bold 15px Arial, FreeSans, sans-serif;
	}
		.path a {
			color: #30231F;
			text-decoration: none;
		}
 
.footer {
	position: absolute; 
	bottom: 0px; left: 0px;
	height: 97px; width: 100%; 
	font: 12px Verdana, FreeSans, sans-serif;
}

	.footer_lft_bg {
		position: absolute; display: block; left: 0; top: 0;
		width: 50%; height: 97px; background: #461507;
	}
	
	.footer_rght_bg {
		position: absolute; display: block; right: 0; top: 0;
		width: 50%; height: 97px; background: #561906;
	}

	.footer_tiled_bg {
		position: relative;
		height: 97px; background: url('../images/footer_tiled_bg.png') no-repeat bottom center;
	}
	
	.footer-content {
		position: relative; height: 97px;
	}

	.footer .customer { 
		position: relative; top: 43px; text-align: center;
		font: bold 15px Arial, FreeSans, sans-serif;
		color: #fff;
	}
	 
	.footer .developer { 
		position: absolute; 
		top: 20px; right: 20px; 
	}
	 
	.footer a { 
		color: #000000; 
	} 
   
.main_form {width: 250px; margin: 0px;}
 img {border: 0px;}
 form {margin: 0px; padding: 0px;}
 input, select, textarea {
    font: 11px Arial, Helvetica, sans-serif; 
    background: #FFFFFF; 
    border: 1px solid #C8C8C8;
    text-decoration: none !important;
 }  
 
form .field {
	padding: 3px 0;
}
	form label {
		font: italic 14px Arial, Helvetica, sans-serif;
	}
 
	form .error {
		font: 12px Arial, Helvetica, sans-serif;
		color: red;
	}
	
/* [ Common classes ] */
   
.clearfix:after {
	content: ""; display: block; 
	height: 0; clear: both; 
	visibility: hidden;
}
	.clearfix .non-float { 
		overflow-x: hidden; 
	}
	
.right { float: right }
.left  { float: left  }