@import "reset.css";
td {font-family:Arial;font-size:12px;line-height:18px;color:#585858;text-align:left; vertical-align:top}
body {  background:#dddbd0 url(../images/bg_site.gif) top repeat-x;font-family:Arial;font-size:14px;line-height:20px;color:#585858;text-align:left; padding:0; margin:0}

/* -----------------------------------------------------------------------------*/ 
a       { color:#000; text-decoration:underline; font-size:14px}
a:link  { color:#000; text-decoration:underline;}
a:hover { color:#000; text-decoration:none;}
a:active{ color:#000; text-decoration:underline;}

/* -----------------------------------------------------------------------------*/ 
.clear  {clear:both;}
.page{ position:absolute; top:0; left:0; width:100%; height:100%}
.left{ float:left}
.right{ float:right}
.centr{ width:1000px; margin:0 auto}
.red{ color:#f00}

h2{ font-family:Georgia; font-size:24px; color:#3b5150; margin-bottom:20px}
h3{  font-family:Times New Roman; font-size:26px; color:#eaf4f1; margin-bottom:20px; letter-spacing:-0.05em; text-align:right; line-height:40px; margin-top:10px}


/* -----------------------------------------------------------------------------*/ 
#content{ width:1000px; padding-top:35px; text-align:left}

div.container{ float:right; width:809px}
div.box{ width:809px; background:url(../images/content.png) 0px 0px repeat-y; }

/* -----------------------------------------------------------------------------*/ 

.footer{  padding-left:200px;margin:30px 0px 0px 0px; }
.footer ul{ height:30px; }
.footer ul li{ display:block; float:left; margin-right:8px}

.footer ul li a{text-decoration:none!important; font-size:14px;color:#000;display:block;  height:27px; padding-left:12px}
.footer ul li a span{ display:block;  padding-right:12px; height:27px; line-height:27px}

.footer ul li a:hover,
.footer ul li a.act{font-size:14px;color:#fff;display:block;background:url(../images/bg_pin_foot_menu.gif) left no-repeat;height:27px;padding:0px 0px 0px 12px;}
.footer ul li a:hover span,
.footer ul li a.act span{ display:block; background:url(../images/bg_pin_foot_menu_span.gif) right no-repeat; padding-right:12px; height:27px; line-height:27px}

.footer small{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#808080; display:block; margin:25px 0px 0px 0px; float:left; padding-bottom:40px}
.footer div.links{ float:right; margin-top:-30px; margin-right:15px; width:140px}
.footer div.links a{ margin-right:5px; }

/* -----------------------------------------------------------------------------*/ 
div.header{ width:775px; height:426px; padding:0;  margin-bottom:6px; margin-left:16px}


/* -----------------------------------------------------------------------------*/ 
div.middle{ width:776px; height:233px; padding:0px 0px 0px 30px; background:url(../images/middle.jpg) top no-repeat; color:#fff}
div.block_mid{ width:220px; height:200px; float:right; margin-right:36px; margin-top:15px}

a.read_mid{ display:block; width:80px; background:url(../images/bg_read_mid.png) 0px 0px no-repeat; text-decoration:underline; font-size:12px; color:#fff; text-transform:uppercase; font-weight:bold; font-family:Times New Roman; padding-left:30px; height:26px; line-height:26px; margin-top:16px; margin-left:100px}
a.read_mid:hover{ text-decoration:none;cursor:pointer!important}
/* -----------------------------------------------------------------------------*/ 
div.content_block, div.content_block_2, div.content_block_3, div.content_block_4, div.content_block_5{ padding:30px 30px 20px 35px; text-align:left;}
div.content_block div.left_column{ width:480px; float:left}
div.content_block div.right_column{ width:230px; float:right}


.right_text{ float:right; width:170px}
.data{ width:50px; height:50px; background:url(../images/bg_date.gif) top no-repeat; float:left; margin-top:6px; text-align:center; color:#000}
.data strong{ display:block; font-size:24px; color:#fff; line-height:28px}


/* -----------------------------------------------------------------------------*/ 

.line{border-top:1px #e1e1e1 solid;margin-top:10px; margin-bottom:1px}
img.left_photo{ float:left; margin-right:15px; margin-top:2px}
img.top_photo{  margin-right:0px; margin-top:0px; margin-bottom:16px}

a.read{ font-family:Times New Roman; color:#3d6361; text-transform:uppercase; font-weight:bold; font-size:12px; letter-spacing:0.04em; display:block; width:90px; margin-top:10px; cursor:pointer!important}
.left_150{ margin-left:168px}




/* -----------------------------------------------------------------------------*/ 

#read_block h4{ color:#000; line-height:36px;  font-size:36px; margin-bottom:10px}



/* ----------------------------MENU-------------------------------------------------*/ 
div.menu{ width:191px; padding-top:30px; float:left}
div.menu a.logo{ display:block; width:160px; height:80px; text-decoration:none}
div.menu a.logo h1{ margin:0; padding:0; line-height:50px; color:#fff; text-decoration:none; font-size:48px; text-transform:uppercase; font-family:Georgia; letter-spacing:-0.05em; text-align:left}
div.menu a.logo h1 strong{ font-size:60px}
div.menu a.logo h1 span{ display:block; font-size:18px; font-family:Arial; white-space:nowrap; text-transform:none; letter-spacing:-0.04em; line-height:20px}




 #floatMenu {
position:absolute;
 top:160px;
 width:200px;
 }
 #floatMenu ul {
 list-style:none
 }
  #floatMenu ul li{
 list-style:none; background:url(../images/bg_arrow.png) 85% 15px no-repeat; height:41px; margin-bottom:10px
 }
 #floatMenu ul li a {
 display:block;
 text-decoration:none;
 color:#55817e;
 font-size:18px; font-weight:bold;
 background:url(../images/bg_pin_menu.png) 0px 0px no-repeat; height:41px; line-height:41px; padding-left:10px
 }
  #floatMenu ul li a:hover, #floatMenu ul li a.act {
 display:block;
 text-decoration:none;
 color:#55817e;
 font-size:18px; font-weight:bold;
 background:url(../images/bg_pin_menu_hover.png) 0px 0px no-repeat; height:41px; line-height:41px; padding-left:10px
 }
 
 #floatMenu ul li a:hover {
 color:#313131;
 }


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


#faded {
	width:775px; height:426px;
	overflow: hidden;
	position: absolute; background: #749391 url(../images/bg_right.gif) right no-repeat; color:#eaf4f1

}

	#faded ul li img { float:left}
	#faded ul li span{ width:292px; height:426px; display:block; float:right;position:absolute; left:484px; z-index:1000; top:0}
#faded ul li span div{ width:220px; height:310px; padding:80px 0px 0px 40px}
	

ul.pagination {
	width: 120px;
	overflow: hidden;
	position: absolute !important;
	top: 20px;
	right: 0px;
}

	ul.pagination li { width:22px ; height:22px; float:left; margin-right:12px}
	
		ul.pagination li a {
		background:url(../images/disk.gif) 0px 0px no-repeat;
			display: block;
			width: 22px;
			height: 22px;
			text-decoration: none;
			 text-indent:-999px;
		}
		
		ul.pagination li a:hover {
background:url(../images/disk_act.gif) 0px 0px no-repeat;
		}
		
		ul.pagination li.current a {
background:url(../images/disk_act.gif) 0px 0px no-repeat;
		}

h5{ font-size:48px; font-family:Times New Roman; color:#eaf4f1; line-height:48px;}
h5 small{ display:block; font-size:36px}
a.more{ display:block; margin-top:40px; width:114px; height:37px; background:url(../images/read_more.gif) 0px 0px no-repeat;cursor:pointer!important}
/* ----- script end ----- */