/* CSS Document */



* {
	margin:0;
	padding:10;
	font-size:100%;
	
}



body{

	background:#11212B;

	text-align:center;

}



img {vertical-align:top;}

a img { border:0;}



ul { list-style:none;}



.left { float:left;}

.right {float:right;}

.clear  { clear:both;}





html, input, textarea

	{

		font-family:Georgia, "Times New Roman", Times, serif;

		font-size:0.75em;

		line-height:1.5em;

		color:#64605c;

	}



input, select { vertical-align:middle; font-weight:normal;}



a {color:#64605c; outline:none; text-decoration:none;}

a:hover{text-decoration:none; color:#FFFFFF;}

/*

xxx

*/

p {padding-top:18px;}



/* ============================= main layout ====================== */



li { background:url(images/marker1.gif) no-repeat 0 11px; padding-left:15px; line-height:2.5em;}

li a {color:#464241;}



.imgindent {margin:0 14px 0 0; float:left;}

.imgindent1 {margin:0 40px 0 0; float:left;}

.imgindent2 {margin:0 23px 0 0; float:left;}



h2 {font-size:2em; line-height:1.2em; color:#090302; margin-bottom:30px; position:relative;}

h2 strong {font-size:1.041em; text-transform:uppercase; position:relative;}

h2 em {font-size:0.79em; color:#59544f; position:relative;}

h3 {font-size:2em; line-height:1.2em; color:#e0dcd0; margin-bottom:17px; position:relative;}

/* ============================= header ====================== */

#header {background:url(images/header-tail.jpg) center top repeat-x;}

.extra-header {background:url(images/header-bg.jpg) top center no-repeat;}



.nav {float:left;}

.nav li {float:left; background:none; padding:0px;}

.nav li a {display:block; height:22px; width:25px;}

.nav .home {background:url(images/nav-home.gif) left top no-repeat;}

.nav .map {background:url(images/nav-map.gif) left top no-repeat;}

.nav .letter {background:url(images/nav-letter.gif) left top no-repeat;}

.nav .active {background:url(images/nav-home-bg-active.gif) left top no-repeat;}



.logo {float:left; padding:16px 0 0 0;}



.menu {padding:21px 0 0 0;}

.menu li {float:left; padding:0; background:url(images/menu-li-bg.gif) right 9px no-repeat;}

.menu li a {text-decoration:none; display:inline-block; color:#000; font-size:1.2em; margin:5px 0px 0 0; padding:0;}

.menu li a strong {display:inline-block; padding:0 2px;}

.menu li a strong strong {padding:5px 9px 8px 9px;}

 

.menu li a:hover, .menu .active a  {background:url(images/menu-li-left-bg.gif) left top repeat-x; color:#e0dcd0;}

.menu li a:hover strong, .menu .active a strong  {background:url(images/menu-li-right-bg.gif) right top no-repeat;}

.menu li a:hover strong strong, .menu .active a strong strong  {background:url(images/menu-li-tail-bg.gif) top repeat-x;}

 

.menu .last {background:none;}



.gallery {padding:17px 0 17px 0; height: 312px;}

.gallery img {margin-right:8px;}

.gallery .last {margin:0;}

/* ============================= content ====================== */

.inner {background:url(images/content-bottom-tail.jpg) center bottom repeat-x #f6f2e5; }

.extra-content {background:url(images/content-tail.jpg) center top repeat-x; }



.indent {padding:48px 25px 46px 25px;}

.padding {padding-bottom:71px;}

.padding1 {padding-bottom:64px;}



.row {background:url(images/row-tail.jpg) center top repeat-x #11212B;}

.extra-row {background:url(images/row-bg.jpg) top center no-repeat;}



.col-pad {padding-right:40px;}

.col-pad1 {padding-right:40px;}



strong.bold {font-size:1.083em; color:#464241;}

strong.bold a { color:#464241;}

strong.bold img {margin:3px 6px 0 0;}



.border {background:url(images/border-bg.gif) left bottom repeat-x; padding-bottom:17px; margin-bottom:14px; width:100%;}



span.date {font-size:1.16em; font-weight:bold; color:#464241; line-height:1.33em;}

.hpad {margin:-40px 0 23px 0;}



.link2 {font-weight:bold; color:#464241;}

.link2:hover{text-decoration:none; color:#00005A;}



.link {background:url(images/link-left-bg.gif) left top no-repeat; display:inline-block; line-height:1.2em; text-decoration:none; margin:17px 0 0 0px; color:#e0dcd0; font-weight:bold; cursor:pointer; font-size:1.083em; text-transform:uppercase;}

.link strong {background:url(images/link-right-bg.gif) right top no-repeat; display:inline-block; padding:0 4px 0 4px;}

.link strong strong  {background:url(images/link-tail-bg.gif) top repeat-x; padding:8px 10px 11px 10px;}



.link:hover {background:url(images/link-left-bg-hover.gif) left top no-repeat; }

.link:hover strong {background:url(images/link-right-bg-hover.gif) right top no-repeat;}

.link:hover strong strong  {background:url(images/link-tail-bg-hover.gif) top repeat-x;}



.stroke {background:url(images/stroke.gif) left top no-repeat; float:right; width:361px; text-transform:uppercase; padding:0px 0 0 0px; margin-top:17px; color:#090302; position:relative;}

.stroke li {float:left; background:url(images/stroke-li-bg.gif) right 10px no-repeat; padding:0 16px 5px 14px;}

.stroke .last {background:none; padding-right:0;}

.stroke li a {color:#090302; text-decoration:none;}

.stroke li a:hover {border-bottom:1px solid #090302;}



.margin {margin-top:56px;}

.margin2 {margin-top:50px;}



.box {background:#f9f7ee; margin-top:-2px;}

.box .indent {padding:7px 26px 30px 26px;}

.box .indent1 {padding:12px 26px 19px 26px;}

.box strong.bold {display:inline-block; margin-top:14px; line-height:1.23em;}

.box .divider {background:url(images/box-divider.gif) 255px 0px repeat-y;}

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

.box .top-tail {background:url(images/box-top-tail.gif) left top repeat-x;}

.box .left-tail {background:url(images/box-left-tail.gif) top left repeat-y;}

.box .right-tail {background:url(images/box-right-tail.gif) top right repeat-y;}

.box .bottom-right {background:url(images/box-corner-bottom-right.gif) bottom right no-repeat;}

.box .bottom-left {background:url(images/box-corner-bottom-left.gif) bottom left no-repeat;}

.box .top-right {background:url(images/box-corner-top-right.gif) top right no-repeat;}

.box .top-left {background:url(images/box-corner-top-left.gif) top left no-repeat; width:100%;}



.box .col-1 {width:230px !important;}

.box .col-pad {padding-right:53px !important;}

.box p {padding-top:13px;}



.box-margin {margin-bottom:36px;}

.list-pad {padding-top:5px;}



.row {color:#8c897b; }

.row .indent {padding:44px 25px 49px 25px;}

.row .padding {padding-bottom:53px;}

.row li {background:url(images/marker.gif) no-repeat 0 11px; padding-left:10px; line-height:2.5em;}

.row li a {color:#8c897b;}



.block {color:#8c897b; padding-top:9px; float:left;}

.block img {margin:0 24px 9px 0;}

.block .last {margin-right:0;}

.link3 {color:#e0dcd0; font-weight:bold;}



.pad {padding-top:12px;}

.pad1 {padding-top:30px;}



.list {margin-top:-10px;}



.margin1 {margin-bottom:23px;}



.img-pad {padding-top:4px;}



.row .margin {margin:0 0 24px 0;}

.row .col-1 {width:283px !important;}

/*

.row .col-2 {width:567px !important;}

*/

.row .col-2 {width:667px !important;}

.row .col-2 .col-1 {width:260px !important;}



.link-pad {padding-top:12px;}



.row .link {background:url(images/link1-left-bg.gif) left top no-repeat; display:inline-block; line-height:1.2em; text-decoration:none; margin:15px 14px 0 0px; color:#090302; font-weight:bold; cursor:pointer; font-size:1.083em; text-transform:uppercase;}

.row .link strong {background:url(images/link1-right-bg.gif) right top no-repeat; display:inline-block; padding:0 4px 0 4px;}

.row .link strong strong  {background:url(images/link1-tail-bg.gif) top repeat-x; padding:8px 10px 11px 10px;}



.row .link:hover {background:url(images/link1-left-bg-hover.gif) left top no-repeat; }

.row .link:hover strong {background:url(images/link1-right-bg-hover.gif) right top no-repeat;}

.row .link:hover strong strong  {background:url(images/link1-tail-bg-hover.gif) top repeat-x;}

.row strong.bold {color:#e0dcd0; font-size:1em;}

.row em {color:#e0dcd0; font-style:normal;}

.row .link2 {font-weight:normal; color:#e0dcd0;}

.blog {line-height:1.33em;}

.row .phone {width:125px;}

.row .adress {font-size:1.083em; font-weight:bold;}

.row .adress a {color:#8c897b;}



.contacts {float:left; width:310px;}



.phone {display:inline-block; width:75px;}

.text {font-family:Arial, Helvetica, sans-serif;}

.mail {color:#464241;}

.policy {padding-bottom:61px;}

/* ============================= footer ====================== */

#footer {background:url(images/footer-tail.jpg) center top repeat-x; color:#3e3d3d;}

.extra-footer {background:url(images/footer-bg.jpg) top center no-repeat;}

#footer .indent {padding:25px 25px 10px 25px;}

#footer .left a {color:#e0dcd0;}



.footer-menu {float:right; padding-top:2px; padding-right:60px; font-size:16px;}

.footer-menu li {float:left; background:url(images/footer-menu-li-bg.gif) right 0px no-repeat; padding:0 9px 0 9px; line-height:1em;}

.footer-menu li a {color:#3e3d3d; text-decoration:none;}

.footer-menu .last {background:none; padding-right:0;}

.footer-menu .active {color:#e0dcd0;}

.footer-menu a:hover {color:#e0dcd0;}

/* ============================= forms ============================= */

#SearchForm {text-align:right !important;  padding:10px 1px 0 0;}

#SearchForm label {background:url(images/input-bg.gif) right top no-repeat; height:22px; display:inline-block; vertical-align:top; margin-right:-2px;}

#SearchForm .input {width:141px; height:17px; border:none; padding:3px 4px 0 18px; font-size:0.91em; background:none;  color:#E0DCD0;}

#SearchForm input {vertical-align:top;}





#ContactForm {text-align:right !important;  padding:0px 1px 0 0;}

#ContactForm label {background:url(images/input-bg1.gif) right top no-repeat; height:40px; display:inline-block; vertical-align:top;}

#ContactForm .input {width:275px; height:19px; border:none; padding:3px 0px 0 9px; font-size:1em;  vertical-align:top; color:#8c897b; background:none; line-height:1.2em;} 

#ContactForm .link {margin:22px 0 0 25px;}

#ContactForm .textarea {background:url(images/textarea-bg.gif) left top no-repeat;}

textarea {width:557px; height:78px; border:none; background:none; padding:2px 0 0 8px; overflow:auto; font-size:1em; color:#8c897b;}

#ContactFormL {text-align:right !important;  padding:0px 1px 0 0;}

#ContactFormL label {background:url(images/input-bg1.gif) right top no-repeat; height:40px; display:inline-block; vertical-align:top;}

#ContactFormL .input {width:255px; height:19px; border:none; padding:3px 0px 0 9px; font-size:1em;  vertical-align:top; color:#8c897b; background:none; line-height:1.2em;} 

#ContactFormL .link {margin:22px 0 0 25px;}

#ContactFormL .textarea {background:url(images/textarea-bg.gif) left top no-repeat;}



/* 

    root element for the scrollable. 

    when scrolling occurs this element stays still. 

*/ 

div.scrollable { 

 

    /* required settings */ 

    position:relative; 

    overflow:hidden; 

    width: 928px; 

    height:180px; 

    float:left;

} 

 

/* 

    root element for scrollable items. Must be absolutely positioned 

    and it should have a extremely large width to accomodate scrollable items. 

    it's enough that you set width and height for the root element and 

    not for this element. 

*/ 

div.scrollable div.items { 

    /* this cannot be too large */ 

    width:20000em; 

    position:absolute;

} 

 

/* single scrollable item */

div.items a {

	float:left;

	cursor:pointer;

}





/* prev, next, prevPage and nextPage buttons */

a.browse {

	display:block;

	float:left;

	cursor:pointer;

	font-size:1px;

}

.title_header{

	color:#FFFFFF;

	font-size:36px;

	padding-top:15px;

	padding-bottom:15px;

}



#msg_window {

	position: fixed;

	left: 35%;

	top: 60%;

	z-index: 5;

	opacity: 0.95;

	filter:alpha(opacity=95);

}



#msg_top {

	display: table-row;

}



#msg_title_cell {

	display: table-cell;

}



#msg_title_table {

	display: table;

	padding-top: 5px;

	padding-left: 5px;

	height: 22px;

	background-color: #4B4D4A;

}



#msg_title_row {

	display: table-row;

}



#msg_title {

	display: table-cell;

	width: 100%;

	font-weight: bold;

}



#msg_close {

	display: table-cell;

	width: 16px;

	text-align: right;

	vertical-align: bottom; 

}



#msg_top_left {

	display: table-cell;

	width: 8px;

	height: 8px;

  	background-image: url(images/msg_top_left.gif);

  	background-repeat: no-repeat;

  	background-position: top left;

}



#msg_top_right {

	display: table-cell;

	width: 8px;

	height: 8px;

  	background-image: url(images/msg_top_right.gif);

  	background-repeat: no-repeat;

  	background-position: top right;

}



#msg_body {

	display: table-row;

}



#msg_body_left {

	display: table-cell;

	width: 5px;

	background-color: #4B4D4A;

}



#msg_body_right {

	display: table-cell;

	width: 5px;

	background-color: #4B4D4A;

}



#msg_message {

	display: table-cell;

	background-color: #4B4D4A;

	color: #939793;

	text-align: center;

	vertical-align: top;

	padding-top: 10px;

	padding-left: 5px;

	padding-right: 5px;

	line-height: 20px;

	height: 130px;

}



#msg_message h3 {

	color: #939793;

}



#msg_bottom {

	display: table-row;

}	



#msg_bottom_left {

	display: table-cell;

	width: 8px;

	height: 8px;

  	background-image: url(images/msg_bottom_left.gif);

  	background-repeat: no-repeat;

  	background-position: bottom left;

}



#msg_bottom_right {

	display: table-cell;

	width: 8px;

	height: 8px;

  	background-image: url(images/msg_bottom_right.gif);

  	background-repeat: no-repeat;

  	background-position: bottom right;

}



#msg_bottom_center {

	display: table-cell;

	height: 5px;

	background-color: #4B4D4A;

}



.valid {

	dysplay: block;

}

#ContactForm .invalid .input {

	border: thin solid #FF0000;

	background-color: #FFbf00;

	color: #FF0000;

	dysplay: block;

}

