/* --------------- reset.css --------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label,  {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;                             
	vertical-align: baseline;         
	background: transparent;    
	font-size: 100%;             
}
a {   color: #142027;                                    	  
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent; text-decoration:none; outline:none;
}

a:visited {
	color: #142027;
}
a:hover {
	color: #507f9e;
}
a:active {
	color: #507f9e;
}
#back-top {
    bottom: 20px;
    position: fixed;
    right: 20px;
}
#back-top a {
    color: #333;
    display: block;
    font: 12px Arial,Verdana,Tahoma,sans-serif;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
#back-top a:hover {
    color: #000;
}
#back-top span {
    background: rgba(0, 0, 0, 0) url("images/back-top-button2.png") no-repeat scroll center center;
    display: block;
    height: 47px;
    margin-bottom: 7px;
    width: 47px;
}
#blockinfo a{color: #142027; }
a:visited{text-decoration:none}
a:hover{text-decoration:none}
input, select, button, textarea {
	margin: 0; 				
	font-size: 100%; 		
}

input[type="checkbox"] { 		
	vertical-align: bottom;
}
input[type="radio"] {
	vertical-align: text-bottom;
}
sub {
	vertical-align: sub;
	font-size: smaller;
}
sup {
	vertical-align: super;
	font-size: smaller;
}

* {
margin: 0;
padding: 0;
}

.clearfix:after {
	content		: ".";
	visibility	: hidden;
	display		: block;
	height		: 0;
	clear		: both;
}
.clboth{ clear:both}
/* --------------- reset.css --------------- */



/* CSS Document */

.go-up, .go-down {
   /*  background: none repeat scroll 0 0 #4f4f4f;
    border: 2px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 10px 0.3em -0.1em rgba(0, 0, 6, 0.5);
    color: #fff;
  
    font-size: 24px;
   
    margin-bottom: 5px;
    opacity: 0.7;
    padding: 0 3px 5px;*/
	 height: 40px;
	  cursor: pointer;
    display: none;
    position: fixed;
    right: 45px;
    text-align: center;
    text-shadow: 0 1px 2px #000, 0 0 10px #e0f1ff;
    width: 40px;
    z-index: 9999;
}
.go-up {
    bottom: 90px; background:url(js/up2.png)
}
.go-down {
    bottom: 40px; background: url(js/down2.png)
}
.go-up:hover {
    opacity: 1; background:url(js/up2-h.png)
}
.go-down:hover {
    opacity: 1; 
background: url(js/down2-h.png)}

a:link {
	color: #990000;
}
a:visited {
	color: #990000;
}
a:hover {
	color: #993300;
}
a:active {
	color: #993300;
}
h1 {
	font-size: 31px;
	color: #990000  ;  text-transform:uppercase; margin:5px 0
}
h2 {
	font-size: 24px;
	color: #db3e1a;text-transform
	
	
}
h5{clear:both}
h3{ font-family: "Chow Fun"; 	font-size: 28px; margin:20px 0; text-align:center}
@font-face {
      font-family: 'fontello';
      src: url('./font/fontello.eot?49626545');
      src: url('./font/fontello.eot?49626545#iefix') format('embedded-opentype'),
           url('./font/fontello.woff?49626545') format('woff'),
           url('./font/fontello.ttf?49626545') format('truetype'),
           url('./font/fontello.svg?49626545#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
     
     
    .demo-icon
    { color:#FFFFFF;
      font-family: "fontello";
      font-style: normal;
      font-weight: normal; font-size:14px      
     
    }

body,td,th { 
	font-family: "Sakkal Majalla"  ;
	font-size: 20px;
	color: #000000; font-weight:400
}
body {
	background: #f2e9db url(img/bgi3.jpg) ; background-attachment:fixed; 
	margin: 0px; background-attachment: fixed;	 
}

#outblock{background:#F2E9DA url(img/bgtop.jpg) repeat-x right top; margin:0 auto; min-height:800px;  }
.clboth{ clear: both}

#leftblock{ float:left; background:url(img/bg.png) repeat-y top left; margin-right:20px; width:265px}
#menu{ width:265px; background:url(img/topleft.jpg) left top no-repeat; min-height:800px; text-align:left}
.ebooks{ text-align:center; padding:0 20px 20px 20px; clear:both}
#menu h4{ font-size:24px; color:#FFFFFF; text-transform:uppercase; padding:32px 0 10px 0}
#menu h5 { font-size:20px; color:#FFFFFF; text-transform:uppercase; padding:10px 0}
#menu a:link , #menu a:visited  { color:#fff1b8; font-size:21px}
#menu a:hover, #menu a:active  { color:#fff}
#menu  ul{ list-style:none; margin:0}
#menu  ul li{ margin:0; padding:0}

#icons{ text-align:left; padding:10px 20px 85px}
#stones{ text-align:center; padding-left:12px}
#stones ul li{ width:230px; height:35px; background:url(img/stone.png) no-repeat top center; list-style: none; padding-top:10px  }
#stones ul li a:hover{ color:#990000}
#stones ul li a:link,#stones ul li a:visited { text-transform:uppercase; color:#000000; font-size:21px}
#stones ul li:last-child{ height:80px}

#interior, #personal, #helpers{ width:250px; background:url(img/interior.jpg) no-repeat top left; padding-left:20px}
#personal{ background:url(img/personal.jpg) no-repeat top left;}
#helpers{ background:url(img/helpers.jpg) no-repeat top left;}

#mainblock{ text-align:center; float:left;  }
#logofeng{ text-align:center; margin-left:-20px}
#logofeng img{ margin:0 auto}
.content p{ margin:10px  0;}
.content{ margin:10px 20px 10px 0; text-align:left; font-size: 22px; color:#412303}
.content h2{ font-family:"Chow Fun"; margin:20px 0; font-size:30px; color:#6b4010}
.ramka { background:  url(img/brd-tl.jpg) no-repeat left top; width:100%; min-height:500px; }
.ramka2{ background:  url(img/brd-tr.jpg) no-repeat right top; width:100%; min-height:500px; }
  .ramka3{ background:  url(img/brd-br.jpg) no-repeat right bottom; width:100%; min-height:500px; }
    .ramka4{ background:  url(img/brd-bl.jpg) no-repeat left bottom; width:100%; min-height:500px;}
   .ramkatxt{ padding:20px 35px }
      .ramkatxt h3 { text-align:center; margin:0px 30px 20px 30px}
.content img{-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.55);
-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.55);
box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.55);}	  
	  .flimg, .bort{ float:left; margin:0 15px 0 0; -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.55);
-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.55);
box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.55);}
	  .books{ clear:both}
 ol.numeric-list{ list-style: outside none none;}
 .titles{ font-size:36; text-transform:uppercase; text-align:center; color: #990000; font-weight:bold; margin:30px 0}
 .spacer{ background: url(img/spacer.jpg) no-repeat; height:12px; margin:20px 0; width:100%}
.numeric-list>li {
	position: relative;
	padding: 5px 0 0 70px;
	margin-bottom: 10px;
	min-height: 50px;

}
a i{ color:#990000}
.numeric-list .num {
	left: 0;
	top: 14px;
	font-size: 32px;
	position: absolute;
	display: block;
	text-align: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #990000; color:#F2E9DA; font-family:"Chow Fun"
}
.content a i.demo-icon{ color: #990000}
#mainblock a{text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);}
#mainblock ol li{ margin:10px 0 20px 20px}
p.price{ color: #990000; text-transform:uppercase; font-size:24px; margin:10px 0 18px }
p.price span{ color:#333333}
.content table{ margin:10px auto}
.quotation{ background:url(img/papirus.jpg) top left no-repeat; padding-left: 340px; text-align:justify; margin:30px 0}
#newsouter{width:950px; margin-left:-20px}
.news{ width:450px; display:block; float:left; -webkit-box-shadow: 2px 3px 3px 0px rgba(50, 50, 50, 0.55);
-moz-box-shadow:    3px 3px 3px 0px rgba(50, 50, 50, 0.55);
box-shadow:         3px 3px 3px 0px rgba(50, 50, 50, 0.55); height:260px ; margin:0 0px 20px 20px; background:#fff; text-align:left }
.h150{height:260px ; }
.news img{ width:100%}
.m20{ margin-top:20px}
.news i.demo-icon{ color:#990000}
.artname{ text-transform:uppercase; font-size:20px; padding:10px; color:#412303; font-weight:bold }
.artanonsmain{ font-size:18px; padding:0 10px 10px 10px; }

.yellow{ width:100%; height:37px; background:#f5eb58; clear:both}
#slide img{ width:100%; margin-bottom:50px }
#slide .bl{width:50%; float:left;  padding:0 0 50px 0; text-align:center; color:#FFFFFF}
#slide .bl a{color:#FFFFFF}
#slide #bl1{  background:#c2232b;}
#slide #bl2{ background:#41393e; }
#slide .names{ font-size:32px; color:#FFFFFF; text-transform:uppercase}
#slide .names2{ font-size:30px; color: #CCCCCC}
a.dblock{ display:block}
#btmmenu{ background:url(img/bgniz.jpg) repeat-x; height: 66px;
    padding-top: 40px; text-align:center; color:#FFFF99  }
	#btmmenu a{ color:#FFFF99; padding:0 15px; display:inline-block; text-transform:uppercase }
	#copy{ text-align: center; padding:30px 0}
		#copy a{ color:#000000}
/* CSS Document */
@media all and (min-width: 960px)  and (max-width: 1255px) { 
#mainblock{ width:675px; }
#outblock{ width:960px }
#newsouter{width:675px;}
.news{ width:310px;  margin:0 0px 20px 20px;}
 }
@media all and (min-width: 1256px)  {
#mainblock{ width:950px; padding:0 10px }
#outblock{width:1255px}

 }
.slicknav_menu {
	display:none;
}

@media screen and (max-width: 960px) {
#outblock{ width:98%; padding:0 1% }
#logofeng {
    margin-left: 0px;
    text-align: center;
}

.content {
    color: #412303;
    font-size: 22px;
    margin: 10px 5px 10px 5px;
    text-align: left;
}

.numeric-list > li {
    margin-bottom: 10px;
    min-height: 40px;
    padding: 5px 0 0 40px;
    position: relative;
}
.numeric-list .num {
    background: #990000 none repeat scroll 0 0;
    border-radius: 50%;
    color: #f2e9da;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
    height: 30px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 14px;
    width: 30px;
}

.books .flimg, .books .bort{ float:none; margin:10px auto}

#btmmenu {
    height: 80px;
    padding-top: 26px;  
}

	/* #menu is the original menu */
	.js #menu2 {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block; position:fixed; top:0; left:0; z-index:10
	}
	#leftblock{ 	display:none; }
	#mainblock{ width:100%;  }
	.quotation{background: rgba(0, 0, 0, 0) url("img/papirus.jpg") no-repeat scroll center top;
    margin: 30px 0;
    padding-top: 240px; padding-left:0}
	.news{ margin:0; float:none; min-height: auto; max-width: 450px ; width:100%; display: inline-block; margin-bottom:20px}
	#slide .bl { float:none; width:100%; padding: 0 0 20px;}
	
#slide img {
    margin-bottom: 20px;
  
}
#newsouter {
    margin-left: 00px;
    width: 100%; text-align:center; 
	
}
@viewport {
   user-zoom: fixed;
}
	
}