@import "reset.css";
body {  background:#000 url(../images/bg_body.jpg) top repeat-y ; font-family:Arial; font-size:12px;line-height:18px; color:#fff; text-align:left; padding:0; margin:0; min-width:1000px; max-height:1000px; min-height:1000px}

/* -----------------------------------------------------------------------------*/ 
a       { text-decoration:underline; cursor:pointer; outline:none }
a:link  { text-decoration:underline;}
a:hover {  text-decoration:none;}
a:active{  text-decoration:underline;}

/* -----------------------------------------------------------------------------*/ 
.clear  {clear:both;}
.left{ float:left}
.right{ float:right}
.centr{ width:1000px; margin:0 auto; position:relative; z-index:10000}
.red{ color:#f00}
.black{ color:#000}
.yelow{ color:#ffd015}
a.color{ color:#00fcff}
.blue{ color:#4ad7ff}
.pink{ color:#d687f9}
/* -----------------------------------------------------------------------------*/ 
section, header, nav, aside, article, hgroup, figure, section, address, footer{ display:block}


h1{ background: url(../images/bg_title.png) left no-repeat; height:56px; text-align:center; color:#fff; font-size:24px; padding-top:23px; width:310px }
h2{ color:#ffde00; font-size:24px;}
h3{ background: url(../images/bg_title.png) center no-repeat; height:56px; text-align:center; color:#fff; font-size:24px; padding-top:23px;}
.right_20{ margin-right:20px}
.right_10{ margin-right:10px}
.margin_20{ margin:0 20px}
.left_20{ margin-left:20px}
.left_50{ margin-left:50px}
.left_27{ margin-left:27px}
.top_50{  margin-top:78px}
.bot_15{margin-bottom:15px}

.grid_1{ width:970px}
.grid_2{ width:310px}
.grid_3{ width:610px;}
.grid_4{ width:185px;}
.grid_5{ width:620px}
.grid_6{ width:260px}
.grid_7{ width:280px}




.up{ text-transform:uppercase}
.head{ background-position:top; background:url(../images/bg_head.jpg) top no-repeat }
.foot{ background-position:bottom; background:url(../images/bg_foot.jpg) bottom no-repeat; min-height:1400px }
.height_10{ height:10px}

/* ------------------------------top---------------------------------------------*/ 
.top{ height:180px; background:url(../images/bg_top.jpg) repeat-x left top;top:0; left:0%; width:100%; position:absolute; z-index:0}
/* ------------------------------header---------------------------------------------*/ 
header{ background:url(../images/bg_header.png) top no-repeat; height:452px; min-width:1000px; background-position:top; position: relative; z-index:1	}
.water{ background:url(../images/water.png) top no-repeat; height:224px; position:relative; top:346px;  }
.logo{ position:absolute; top:-316px;z-index:100000000;overflow:hidden }
.star{ position:absolute; top:-180px; right:0px}
/* ---- -------------------------menu---------------------------------------------*/ 
.img_menu{ position: absolute; top:-60px; left:195px; }
.img_menu a{ float:left; display:block; text-decoration:none;text-align:center	}
.img_menu a.about{ margin-left:65px}
.img_menu a.gallery{ margin-left:60px}
.img_menu a.members{ margin:0 35px 0 103px}
.img_menu a span{ color:#f8db9d; text-transform:uppercase; font-size:18px; line-height:24px; display:block; margin-top:20px }
.img_menu a span:hover, span.act_1{ color:#fff!important}
.img_menu a img{ position:relative;}
/* -----------------------------content-----------------------------------------*/
.photo{	-moz-box-shadow:1px 4px 5px #000;	-webkit-box-shadow:1px 4px 5px #000;	box-shadow:0px 4px 5px #000; border:#1cbbff solid 2px} 
a.read{ color:#fff; font-size:13px; text-transform:uppercase; background:url(../images/bg_read.png) left no-repeat; display:block; width:114px; height:22px; text-decoration:none; text-align:center; padding-top:13px; margin-top:20px} 
ul.list li{ background:url(../images/img_list.png) left no-repeat; padding-left:50px; margin-top:10px; min-height:30px }
ul.list li a{ color:#00fcff; overflow:hidden; display:block}
.border{ background:url(../images/border.gif) left repeat-x; height:2px; margin:10px 0}
.border_1{ background:url(../images/border.gif) left repeat-x; height:3px; margin:15px 0 20px}

.yellow_list{ margin-top:8px}
.yellow_list a{ background:url(../images/pin_yellow.png) 10px 8px no-repeat; padding-left:25px; text-transform:uppercase; font-weight: bold; text-decoration:none; color:#fff; line-height:23px; width:100%px; display:block}
.yellow_list a:hover{ background:#ffde00 url(../images/pin_hover.png) 10px 8px no-repeat; color:#000}
.yellow_list li{ border-bottom:1px solid #2499cd; border-top:1px solid #0e79ac}

.blue_list{ margin-top:10px}
.blue_list a{ background:url(../images/pin_blue.png) 10px 8px no-repeat; padding-left:25px; text-transform:uppercase; font-weight: bold; text-decoration:none; color:#fff; line-height:23px; width:100%px; display:block}
.blue_list a:hover{ background:#4ad7ff url(../images/pin_hover.png) 10px 8px no-repeat; color:#000}
.blue_list li{ border-bottom:1px solid #2499cd; border-top:1px solid #0e79ac}

.pink_list{ margin-top:10px}
.pink_list a{ background:url(../images/pin_pink.png) 10px 8px no-repeat; padding-left:25px; text-transform:uppercase; font-weight: bold; text-decoration:none; color:#fff; line-height:23px; width:100%px; display:block}
.pink_list a:hover{ background:#b595f2 url(../images/pin_hover.png) 10px 8px no-repeat; color:#000}
.pink_list li{ border-bottom:1px solid #2499cd; border-top:1px solid #0e79ac}

/* ----------------------------footer-----------------------------------------------*/
footer{ height:200px}
a.left_banner{ background:url(../images/left_banner.png) left no-repeat; width:158px; height:40px; margin:20px 0 0 -10px; display:block; text-decoration:none; padding:24px 0 0 140px; font-size:16px; color:#fff}
a.center_banner{ background:url(../images/center_banner.png) left no-repeat; width:211px; height:33px; margin-left:58px;display:block;text-decoration:none; padding:44px 0 0 57px; font-size:16px; color:#fff; white-space:nowrap}
a.right_banner{ background:url(../images/right_banner.png) left no-repeat; width:186px; height:34px; margin:20px 27px 0 0;display:block;text-decoration:none;  padding:23px 0 0 110px; font-size:16px; color:#fff; }

.pins a span{ color:#00fcff}
.pins a{ color:#fff; text-decoration:none; font-weight:bold; display:block; height:30px; line-height:28px}
.pins a:hover{ text-decoration:underline}
a.pin_1{ background:url(../images/pin_1.png) left no-repeat; padding-left:35px; margin:29px 0 0 20px}
a.pin_2{ background:url(../images/pin_2.png) left no-repeat; padding-left:35px; margin:29px 0 0 20px;}
a.pin_3{ background:url(../images/pin_3.png) left no-repeat; padding-left:35px;margin:29px 0 0 20px}
a.pin_4{ background:url(../images/pin_4.png) left no-repeat; padding-left:35px;margin:29px 0 0 20px}
footer p{ text-transform:uppercase; font-weight:bold; margin:35px 30px 0 0; float:right}
/*================= Contacts =========================*/

.notification_error{ height: auto;width: 96%;padding: 2px;background: #008fc8; text-align: left; color:#f00; margin-bottom:2px; border: 1px solid #87c0dc;
 margin-bottom:10px}
 .notification_ok{  border: 1px solid #87c0dc; height: auto; width: 96%; padding: 8px; background:#008fc8; text-align: center;  } 
.info_fieldset { border: 0px  }
 .info_fieldset legend { border: 1px #2e2e2e solid;  color: #fff;   font: 13px  Arial;  padding: 2px 5px 2px 5px; }

.pin { cursor:pointer;  margin-top:13px; border: 0; width:114px; height:40px;  color:#fff!important; font-size:18px; text-decoration: none;  display:block; font-family:'FuturaLight', Times, serif; background:none; text-transform:uppercase; background:url(../images/bg_read.png) left no-repeat; text-align: center; outline:none!important; margin-left:170px }
/* Label */
label  { width:100px;  margin: 0px; float: left; text-align: left;   color:#fff!important; font-size:12px; line-height:26px; font-family: Arial, Helvetica, sans-serif; padding-bottom:5px}

/* Input, Textarea */
 input{ margin: 0px; padding: 0px;   border: 1px solid #87c0dc;  color: #fff; background:#008fc8; font: 12px Arial, Helvetica, Arial, sans-serif; height:27px; margin-bottom:2px; width:260px; }

 textarea{margin: 0px; padding: 0px;  float: left; background:#008fc8; border: 1px solid #87c0dc;  color: #fff;   font: 12px Arial, Helvetica, Arial, sans-serif; height:80px; margin-bottom:6px; width:280px; }

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


#faded {
	width:353px;
	height:168px;
	position: absolute;
 	right:12px;
	top:-316px
	}
ul.pagination {
	width: 200px;
	overflow: hidden;
	position: absolute !important;
	top: 148px;
	right: 145px;
}
	ul.pagination li { width:16px ; height:16px; float:left; margin-right:0px}
	
		ul.pagination li a {
		background: url(../images/disk.png) 0px 0px no-repeat;
			display: block;
			width: 15px;
			height: 15px;
			text-decoration: none;
			 text-indent:-999px;
		}
		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 ----- */