@import "reset.css";
body {  background:#bebeb4 url(../images/bg_site.jpg) left top repeat ; font-family:Arial; font-size:12px;line-height:19px; color:#6a6563; text-align:left; padding:30px 0 0 0; margin:0;}

/* -----------------------------------------------------------------------------*/ 
a       { text-decoration:underline; cursor:pointer; outline:none }
a:link  { text-decoration:underline;}
a:hover {  text-decoration:none;}
a:active{  text-decoration:underline;}
ul { list-style: none; padding: 0; margin: 0; }

/* -----------------------------------------------------------------------------*/ 
.clear  {clear:both;}
.left{ float:left}
.right{ float:right}
.centr{ width:982px; margin:0 auto; position:relative; z-index:10000}
.red{ color:#f00}
a.color{ color:#d85724}
.green{ color:#747d4d}
/* -----------------------------------------------------------------------------*/ 
section, header, nav, aside, article, hgroup, figure, section, address, footer{ display:block}


h1{ color:#7f8187; font-size:32px; font-family:"Times New Roman", Times, serif; font-weight:normal; line-height:102px; margin-left:33px; float:left  }
h1 span{ font-family: 'JournalRegular'; color:#d85724; font-size:50px}
h2{ color:#514843; font-size:28px; font-family:"Times New Roman", Times, serif; font-weight:normal; margin-bottom:20px }
h2 span{ background:url(../images/bg_title.jpg) left no-repeat; padding-left:32px}
h4{ font-size:28px; color:#edece7; font-weight:normal; margin-bottom:10px; line-height:28px}

.right_20{ margin-right:20px}
.right_30{ margin-right:30px}

.left_25{ margin-left:25px}
.bot_15{ margin-bottom:15px}
.left_60{ margin-left:60px}

.grid_0 { width: 100%; text-align: justify; }
.grid_1{ width:588px}
.grid_2{ width:180px}
.grid_3{ width:296px;}
.grid_4{ width:265px;}
.grid_5{ width:300px}
.grid_6{ width:455px}
.grid_7{ width:416px}
.grid_8{ width:274px}
.grid_9 { width:630px; text-align: justify; }


.grid_h{height:451px; }

@font-face {
    font-family: 'JournalRegular';
    src: url('journal-webfont.eot');
    src: url('journal-webfont.eot?#iefix') format('embedded-opentype'),
         url('journal-webfont.woff') format('woff'),
         url('journal-webfont.ttf') format('truetype'),
         url('journal-webfont.svg#JournalRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.up{ text-transform:uppercase}
.height_30{ height:30px}

/* --------------top---------- */ 
.top{ height:126px; background: url(../images/top.png) top no-repeat;  padding-top:10px}
.logo{ background: url(../images/logo.jpg) no-repeat; display:block; height:107px; width:293px; margin:0px 0 0 361px}
.main{ background:url(../images/bg_main.gif) top repeat-y}
/* ------------------------------menu---------------------------------------------*/ 
.menu{ margin:0px 0 0 235px; height:135px }
.menu ul li{ float:left}
.menu ul li a{ background:url(../images/bg_menu.png) left no-repeat; width:127px; height:58px; display:block; margin-right:3px; font-family:"Times New Roman", Times, serif; font-size:17px; line-height:20px; color:#36312e; text-align:center; text-decoration:none; line-height:60px}
.menu ul li a:hover, ul li a.act{ background:url(../images/bg_menu_hover.png) left no-repeat; color:#ebeae5}
/* -------------header---------- */
.top_header{ background:url(../images/top_main.png) top no-repeat; width:982px; height:101px;   position: absolute; top:40px}
.header{ background: url(../images/bg_header.gif) top repeat-y;  }
.pins{ float:left; background:url(../images/bg_pins.jpg) left no-repeat; height:57px; width:135px; margin-left:33px; padding:66px 0 0 50px}
.banners{ background:url(../images/bg_header.gif) top repeat-y; padding:0 31px 0 32px}
.banner_1{ background:#8b7c75 url(../images/img_banner_1.png) 50px 50px no-repeat; border-top:10px solid #a69a95; width:135px; height:151px; padding:20px 25px 0 140px; color:#edece7}
.banner_1 a{ color:#edece7; font-size:24px; line-height:24px; font-family: 'JournalRegular'; text-decoration:none}

.banner_2{ background:#6e8085 url(../images/img_banner_2.png) 40px 50px no-repeat; border-top:10px solid #92a1a5; width:135px; height:151px; padding:20px 25px 0 140px; color:#edece7; margin-left:10px}
.banner_2 a{ color:#edece7; font-size:24px; line-height:24px; font-family: 'JournalRegular'; text-decoration:none}

.banner_3{ background:#91957d url(../images/img_banner_3.png) 40px 50px no-repeat; border-top:10px solid #a4a895; width:135px; height:151px; padding:20px 25px 0 140px; color:#edece7}
.banner_3 a{ color:#edece7; font-size:24px; line-height:24px; font-family: 'JournalRegular'; text-decoration:none}
.bot_header{ background:url(../images/bottom_header.jpg) left top no-repeat; width:982px; height:31px}
/* --------------content------------ */
.content{ padding:30px 35px 0}
.photo{ background:#fff; border:solid 1px #c9c8c8;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; padding:3px}
a.list{ background:url(../images/bg_list.jpg) left no-repeat; padding-left:15px; color:#d85724 }
a.read{ font-family: 'JournalRegular'; font-size:36px; line-height:45px; color:#d85724; text-decoration:none}
a.read:hover{ text-decoration:underline}
ul.list_1 li{ color:#6a6563}
ul.list_1 li a{ color:#6a6563; line-height:35px; text-decoration:none }
ul.list_1 li a:hover, ul.list_1 li:hover{ color:#d85724}
/* --------------bottom------------ */
.bottom{ background: url(../images/bottom.png) bottom no-repeat; height:101px}

.bottom_menu{ text-align:center; margin:20px 0 0 320px ; }
.bottom_menu a{ font-size:14px; font-family:"Times New Roman", Times, serif; text-transform:uppercase; color:#36312e; text-decoration:none; margin:0 1px; display:block; float:left; padding-left:3px  }
.bottom_menu a span{font-size:14px; font-family:"Times New Roman", Times, serif; text-transform:uppercase; color:#36312e; text-decoration:none; margin:0 1px; display:block; float:left;  padding:6px 10px}
.bottom_menu a:hover, a.active{ background:url(../images/left_menu.png) left no-repeat; color:#fff}
.bottom_menu a:hover span, a.active span{ background:url(../images/right_menu.png) right no-repeat;color:#fff}
.bottom_menu p{ text-align:center}
p.copy{ color:#4d4d4d; margin-top:5px}
/* ------------------ Contacts ----------------------------- */

.notification_error{ height: auto;width: 96%;padding: 2px;background: #e9e9e9; text-align: left; color:#f00; margin-bottom:2px; border: 2px solid #caccc0;
 margin-bottom:10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
 .notification_ok{  border: 2px solid #caccc0; height: auto; width: 96%; padding: 8px; background:#e9e9e9; text-align: center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  } 
.info_fieldset { border: 0px  }
 .info_fieldset legend { border: 2px #caccc0 solid;  color: #6a6563;   font: 13px  Arial;  padding: 2px 5px 2px 5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

.pin { cursor:pointer;  margin-top:13px; border: 0;  font-family: 'JournalRegular'; font-size:36px; line-height:55px; color:#d85724; text-decoration:none; background: none;  outline:none!important; margin-left:80px; height:40px; width:100px  }
/* Label */
label  { width:100px;  margin: 0px; float: left; text-align: left;   color:#6a6563!important; font-size:12px; line-height:26px; font-family: Arial, Helvetica, sans-serif; padding-bottom:5px}

/* Input, Textarea */
 input{ margin: 0px; padding: 0px;   border: 2px solid #caccc0;  color: #6a6563; background:#e9e9e9; font: 12px Arial, Helvetica, Arial, sans-serif; height:27px; margin-bottom:6px; width:310px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

 textarea{margin: 0px; padding: 0px;  float: left; background:#e9e9e9; border: 2px solid #caccc0;  color: #6a6563;   font: 12px Arial, Helvetica, Arial, sans-serif; height:250px; margin-bottom:6px; width:310px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

/* ----- script begin ----- */


#faded {
	width:920px;
	height:435px;
	position: absolute;
 	left:32px;
	top:140px
	}
ul.pagination {
	width: 200px;
	overflow: hidden;
	position: absolute !important;
	top: 400px;
	right: 296px;
}
	ul.pagination li { width:20px ; height:20px; float:left;}
	
		ul.pagination li a {
		background: url(../images/disk.png) 0px 0px no-repeat;
			display: block;
			width: 20px;
			height: 20px;
			text-decoration: none;
			 text-indent:-999px;
			 outline:none!important
		}
		ul.pagination li a:hover {
background: url(../images/disk_hover.png) 0px 0px no-repeat;
		}
		ul.pagination li.current a {
background: url(../images/disk_hover.png) 0px 0px no-repeat;
		}
/* ----- script end ----- */


/* Gallery */

ul#feature{ display:block!important; position:relative; }
 ul#feature li div.disc{position: relative;z-index:30; width:350px; float:right }
  ul#feature li div.img{position: relative;z-index:30; width:540px; height:370px; float:left }

 #navigation-feature{
	position:relative;
	width:940px;
	height:144px!important;
	padding:0px;
	margin-top:20px;
	margin-left:-20px

	
}
 
  #navigation-feature li{float:left!important; width:207px;height:128px; margin-right:22px}
#navigation-feature a: 
#navigation-feature li a{display:block;width:207px; height:128px; }
#navigation-feature li a:link    { color: #aaa; text-decoration:none;border-color:#ff0000}
#navigation-feature li a:hover   { color: #ffffff; text-decoration:underline;border-color:#ff0000}
#navigation-feature li a:active  { color: #ff0000; text-decoration:none;border-color:#ff0000}
#navigation-feature li{float: left;}

#navigation-feature li a img{border:1px #aaa solid}

.active         { color: #ccc; text-decoration:none;border-color:#ff0000}
.active:link    { color: #ccc; text-decoration:none;border-color:#ff0000}
.active:hover   { color: #ffffff; text-decoration:underline;border-color:#ff0000}
.active:active  { color: #ccc; text-decoration:none;border-color:#ff0000}


div.cen{ margin-left:400px; padding-top:20px}
a.gallery{ display:block; width:21px; height:20px; background:url(../images/img_02.jpg) top no-repeat; text-decoration:none; color:#fff; float:left; text-align:center; margin-right:14px}
a.gallery:hover, a.act_gallery{ background:url(../images/img_01.jpg) top no-repeat}

/* ----- script begin ----- */

#faded_2 ul.pagination {
	width: 100px;
	height:30px;
	overflow: hidden;
	position: absolute ;
	 z-index:10000;
	top:1195px;
	left:45%
}
	#faded_2 ul.pagination li { width:21px; height:20px; float:left; margin-right:8px; }
	
		#faded_2 ul.pagination li a {
			display: block;
			width: 21px;
			height: 20px;
			text-decoration: none;position:absolute; cursor:pointer;
			font-weight:bold; text-align:center;
			background:url(../images/img_02.jpg) top no-repeat;
			text-indent:0; color:#fff
		}
		
		#faded_2 ul.pagination li a:hover {
background:url(../images/img_01.jpg) top no-repeat;z-index:1000; position:absolute; cursor:pointer
		}
		
		#faded_2 ul.pagination li.current a {
background:url(../images/img_01.jpg) top no-repeat;z-index:1000;
		}
/* ----- script end ----- */