@import "reset.css";
body {font-size:12px;	line-height:15px;	color:#ece5d9;	margin:0; padding:0; text-align:left}

.clear {clear:both;}
.left{ float:left}
.right{ float:right}




h1{ font-size:20px; line-height:20px; color:#fff; padding-bottom:15px}
h2{ font-family: 'ScriptinaRegular'; font-size:80px; line-height:120px; font-weight:normal; color:#fff;  overflow:hidden }
h2 span{ font-size:50px; padding-left:55px; margin-top:-194px; display:block }
h2{}
h3{}
h4{}
h5{font-family: 'ScriptinaRegular'; font-size:35px; line-height:60px; color:#fff; float:right; font-weight:normal}

div.center{ width:956px; margin:0 auto; z-index:0; position:relative;}
.color{ color:#787878}
/*===================== Sub Pages =====================*/
.grid_1{ width:305px;}
.grid_2{ width:262px;}
.grid_3{ width:600px;}
.grid_4{ width:250px;}
.grid_5{ width:285px;}
.grid_6{ width:495px;}
.grid_7{ width:355px;}
.grid_8{ width:430px}
.grid_9{ width:600px}
.grid_10{ width:330px;}
.grid_11{ width:530px;}

.height_10{ height:10px}

.left_13{ margin-left:13px}
.left_85{ margin-left:85px}
.top_10{ margin-top:10px}
.left_10{ margin-left:10px}
.right_20{ margin-right:20px}
.underline{ text-decoration:underline}
.upp{ text-transform:uppercase}

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

}

	/* ============================= JS START ===================================== */
.inner{ background:url(../images/bg_slide.png) no-repeat; width:573px; height:320px;padding: 22px 0 0 17px; float:left; margin-left:-20px}
.carousel-box {	position: relative;	padding:0px ; margin:20px }
.carousel-box .carousel {
		height: 304px;
		overflow: hidden;
		width:201px}

.carousel-box a.next  {
		width: 70px;
		height: 80px;
		overflow: hidden;
		border: none!important;
		position: absolute;
		top: 110px;
		left: -11px;
		z-index: 200;
		cursor: pointer; outline:0 ;  margin:0; padding:11px;
		background:transparent
		}
	
		
.carousel-box a.prev{
		width: 70px;
		height: 80px;
		overflow: hidden;
		border: none;
		position: absolute;
		top: 110px;
		right: -55px;
		z-index: 200;
		cursor: pointer; outline:none;  margin:0; padding:11px}
		
img.next {
filter:alpha(opacity=70);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
img.prev {
filter:alpha(opacity=70);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.carousel-box button.next:active, .carousel-box button.prev:active, .carousel-box button.next:link, .carousel-box button.prev:link{ margin:0;padding:11px; outline:none!important; border:0!important}
.carousel-box .carousel ul{ width:201px;  height:304px; margin:0; padding:0}		
.carousel-box .carousel ul li{ float:left; width:556px; height:297px; display:block;  position:relative }
/* ============================== JS END ====================================== */
/* ============================== top begin ====================================== */
div.top{ height:100px}
div.top a.logo{ display:block; float:left; width:382px; height:90px; margin:10px 0 0 0}
div.top a.mail{ background:url(../images/mail.png) top no-repeat; width:68px; height:0px; float:right; margin:35px 82px 0 0; padding-top:35px; text-align:center; color:#fff; font-size:11px; display:block; text-decoration:none }
div.top a.mail:hover{ text-decoration:underline}
/* ============================== top end ====================================== */
/* ============================== nav====================================== */
div.nav a{ display:block; float:left; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;text-shadow: 1px 1px #000; padding:0 20px; line-height:65px }
div.nav a:hover ,a.act{ background:url(../images/hover_menu.png) left 10px repeat-x; color:#ffcc00}
div.nav img{ float:left; margin-top:10px}
/* ============================== nav end====================================== */
/* ============================== banner ====================================== */
.banner{ background-color:#fff; width:288px; height:203px; padding:9px 9px 0 }
.banner p{ color:#3c3c3c; display:block; width:260px; margin:10px 0 0 10px}
.img_ban1{ background:url(../images/img1.jpg) left top; width:288px; height:38px;padding-top:63px}
.img_ban2{ background:url(../images/img2.jpg) left top; width:288px; height:38px;padding-top:63px}
.img_ban3{ background:url(../images/img3.jpg) left top; width:288px; height:38px;padding-top:63px}
.description{ background:url(../images/line_banner.png) bottom left repeat-x; height:31px; font-size:20px; color:#fff; padding:7px 0 0 13px; line-height:25px }
a.read{ font-size:11px; font-weight:bold; color:#fff; text-decoration:none; text-transform:uppercase; line-height:37px; display:block; background:url(../images/read.png) no-repeat; width:87px; height:35px; text-align:center; }
/* ============================== banner end====================================== */
/* ============================== content ====================================== */
.content{ width:890px; padding:30px 25px 0}
.content strong{ color:#ffe21d; display:block; margin-bottom:10px}
.photo{ border:solid 4px #fff}
/* ============================== content end ====================================== */
/* ============================== bot_content ====================================== */
.bot_cont{ width:600px; padding:0px 0 0 25px}
.bot_cont strong{ color:#ffe21d; display:block;margin-bottom:10px}
.photo{ border:solid 4px #fff}
ul.list li a{ background:url(../images/list.html) left no-repeat; padding-left:15px; text-decoration:none; line-height:27px}
ul.list li a:hover{ text-decoration:underline}
/* ============================== bot_content end ====================================== */
/* ============================== footer ====================================== */
.border{ height:48px; background:url(../images/border.png) left repeat-x}
.footer{  min-height:200px; background:url(../images/footer.png) left top repeat; padding-top:48px}
div.data{ background:url(../images/data.png); width:35px; height:22px; text-align:center; color:#000; font-size:14px; text-transform:uppercase; font-weight:bold; padding-top:15px; float:left; margin-right:10px}
a.more{ color:#ff8627; font-weight:bold; margin-top:20px; display:block}
div.contacts{ font-size:16px; line-height:20px; width:262px}
div.contacts p{ font-size:12px; line-height:20px; color:#88776d; margin-top:15px}
div.pins{ margin-top:10px}
/* ============================== footer end ====================================== */
/*================= Contacts =========================*/
.notification_error{ height: auto;width: 96%;padding: 2px; text-align: left; color:#f00; margin-bottom:3px; border: 1px solid #9f7650; }
.notification_ok{ border: 0px ; height: auto; width: 96%; padding: 8px; text-align: center;  } 
.info_fieldset { border: 0px  }
.info_fieldset legend { border: 0px #9f7650 solid;  color:#f00;   font: 13px Verdana;  padding: 2px 5px 2px 5px; }

.pin{ width:88px; margin-left:100px; background:url(../images/read.png) left no-repeat; display: block;  height:35px;  color:#fff; text-decoration:none; text-align:center; line-height:27px; font-size:14px; margin-top:10px;cursor:pointer; border:none!important}


/* Label */
label22  { width: 100px;  margin: 0px; float: left; text-align: left; color:#ece5d9}

/* Input, Textarea */
input22{ margin: 0px; padding: 0px;  float: left; border: 1px solid #9f7650;  color: #ece5d9; font: 12px Arial, Helvetica, Arial, sans-serif; height:25px; margin-bottom:3px; width:410px }

textarea11{margin: 0px; padding: 0px;  float: left; border: 1px solid #9f7650;  color: #ece5d9;   font: 12px Arial, Helvetica, Arial, sans-serif; height:68px; margin-bottom:3px; width:410px }

.MATTAR{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:22PX; 
}