/* 
  Theme Name: Mramor
  Theme URL: http://www.mramor.ru/
  Description: Mramor.
  Author: Coloreyes.ru
  Author URI: http://www.coloreyes.ru/
  Version: 1.0
*/

* {
border: 0;
margin: 0;
padding: 0;
outline: none;
}

html, body {
width: 100%;
height: 100%;
}

* html #container {
height:100%;
}

#container {
position: relative;
background: url(image/bgfoot1.png) repeat-y left;
width: 960px;
margin: 0 auto;
min-height: 88%;
}


body {
background: url(image/bgtop.png) top repeat-x;
color:#666666;	font-family: 'Nina', Arial, Helvetica, sans-serif;
text-align: left;
font-size:14px;
margin:0 auto;
padding:0;
}


a, a:visited {
text-decoration: none;
}

a, a:active {
outline: none;
}


/* header*/
#header {
position: relative;
background: url(image/bglogo.png) top repeat-x;
border: 0;
width: 960px;
height: 105px;
margin: 0 auto;
}

#header .logo {
width: 500px;
height: 105px;
float: left;
}

/*end-header*/


/*menu*/

#topnav {
	font-family: "Times New Roman", Times, serif;
	width: 440px;
	height: 35px;
	float: right;
	list-style: none;
    position: relative;
}
	
ul#topnav li {
float: left;
margin: 0; 
padding: 23px 0 0 0;
color: #333333;
}

ul#topnav li a {
padding: 0 11px;
display: block;
color: #333333;
text-decoration: none;
border-right: dotted thin #333333;
}

ul#topnav a:hover {
	text-decoration: none;
	color: #FD820A;
}
ul#topnav li span {
      float: right;
      padding: 20px 0 0 0;
      position: absolute;
	  font-size: 14px;


      left: 0; top:30px;
      display: none; 
      width: 440px;
      background: none;
      color: #ded5c8;
      }
      ul#topnav li:hover span { display: block;  color: #ffffff;} 
      ul#topnav li span a { display: inline; color: #ffffff;border-right: dotted 1px #ded5c8;} 
      ul#topnav li span a:hover {text-decoration: underline; color: #FFFFFF; background: none;}

/*end-menu*/

/*news*/
#news {
	position: relative;
	width: 425px;
	margin: 185px 0 20px 0;
	padding: 0;
	float: right;
    font-size: 14px;
	color: #666666;
	font-family: 'Nina', Arial, Helvetica, sans-serif;
	}
#news h1 {
	font-family: 'Nina', Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #333333;
	font-weight: normal;
	padding-bottom: 10px;
	}
#news h1 a {
	font-family: 'Nina', Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #333333;
	font-weight: normal;
	padding-bottom: 10px;
	}
#news h1 a:hover {
	font-family: 'Nina', Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #333333;
	font-weight: normal;
	padding-bottom: 10px;
	}
#news h2 {
	font-family: 'Nina', Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #333333;
	font-weight: normal;
padding: 15px 0 8px 0;
	}
#news h2 a {
	font-family: 'Nina', Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #333333;
	font-weight: normal;
	padding: 15px 0 8px 0;
	text-decoration: underline;
	}
#news h2 a:hover {
	font-family: 'Nina', Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FD820A;
	font-weight: normal;
	padding: 15px 0 8px 0;
	text-decoration: none;
	}
#news p {
	padding-top: 20px;
	}
#news img {
	margin: 20px 10px 5px 0;
	width: 150px;
	height: 100px;
	float: left;
	
}

.tag {
	margin: 15px 10px 0 10px;
}
	
.more-link {
text-align: left;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
padding-top: 5px;
color: #FD820A;
}
.more-link a{
text-align: left;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
padding-top: 5px;
color: #FD820A;
text-decoration: underline;
}
.more-link a:hover {
text-align: left;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
padding-top: 5px;
color: #FD820A;
text-decoration: none;
}

/*end-news*/

/*bunner*/
#bunner {
	width:430px;
	background: #C2B29A;
	position:relative;	
	overflow: hidden;
	padding: 0 35px 35px 35px;
	float: left;
	margin: 0;
	font-size: 14px;
	color: #FFFFFF;
	font-family: 'Nina', Arial, Helvetica, sans-serif;
}
#bunner h1 {
	float: left;
	font-size: 80px;
	padding-bottom: 20px;
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
}
#bunner h1 a {
	float: left;
	font-size: 80px;
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	text-decoration: none;
}
#bunner h1 a:hover {
	float: left;
	font-size: 80px;
	color: #ded5c8;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	text-decoration: none;
}
/*end-bunner*/
/*content*/
#content {
	width:430px;
	padding: 35px 35px 50px 50px;
}
#content img {
	padding: 10px 10px 10px 0;
	float: left;
}
#content h2 {
	padding: 10px 0 10px 0;
	float: left;
	font-size: 24px;
	color: #333333;
	font-family: 'Nina', Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#text {
	padding: 0 25px 0 0;
    font-family: 'Nina', Arial, Helvetica, sans-serif;
}
	
#text p {
	padding: 5px 0 0 0;}
	
#text h3 {
	color:#FD820A;
	font-size: 24px;
    font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	padding: 10px 0 0 0;}
	
#text h3 li {
	list-style: circle;
	margin: 0 0 0 20px;}

#text a {
	color: #FD820A;
	text-decoration: underline;}

#text a:hover {
	color: #FD820A;
	text-decoration: none;}



/*end-content*/

/*sidebar*/
#sidebar {
	position: relative;
	width: 430px;
	margin: 0;
	padding: 0;
	float: right;
    font-size: 14px;
	color: #333333;
	font-family: 'Nina', Arial, Helvetica, sans-serif;
	}

#sidebar h2 {
	font-family: 'Nina', Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #333333;
	font-weight: normal;

	}
#sidebar h2 a {
	font-family: 'Nina', Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #333333;
	font-weight: normal;

	text-decoration: underline;
	}
#sidebar h2 a:hover {
	font-family: 'Nina', Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFFFFF;
	font-weight: normal;

	text-decoration: none;
	}

#sidebar img {
	border: #c2b29a solid 2px;
	margin: 8px 10px 2px 0;
	width: 150px;
	height: 100px;
	float: left;
	
	}
.knopka {
text-align: right;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
padding-top: 10px;
color: #FFFFFF;
}
.knopka a{
text-align: right ;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
padding-top: 10px;
color: #FFFFFF;
text-decoration: underline;
}
.knopka a:hover {
text-align: right;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
padding-top: 10px;
color: #FFFFFF;
text-decoration: none;
}

/*end-sidebar*/

/*footer*/
#footer {
background: url(image/bgfoot.png) top repeat-x;
width: 100%;
color: #333333;
font-size: 12px;
margin: 0;
}

#foot {
position: relative;
background: none;
width: 960px;
color: #333333;
font-size: 12px;
margin: 0 auto;
padding: 13px 0 45px 0;
background: url(image/bgfoot1.png) no-repeat top left;
}

#footer p {
padding: 15px 0;
vertical-align: bottom;
text-align: right;
}

  
#footer a, #footer a:visited {
color: #fd820a;
text-decoration: underline;
}
  
#footer a:hover {
color: #fd820a;
text-decoration: none;
}

/*end-footer*/

/*slider*/
#slider {

	/* You MUST specify the width and height */
	width:430px;
	position:relative;	
	overflow: hidden;
	padding: 35px 0 35px 0;
	margin-left: 35px;
}

.b3 { background: url(image/bgtp.png) top repeat-x;}
.b2 { background: url(image/bgbut.png) bottom repeat-x;}
.b1 { background: url(image/bgleft.png) left repeat-y;}
.b4 { background: url(image/bgright.png) right repeat-y;}
.u1 { background: url(image/utl.png) top left no-repeat;}
.u2 { background: url(image/utr.png) top right no-repeat;}
.u3 { background: url(image/ubl.png) bottom left no-repeat;}
.u4 { background: url(image/ubr.png) bottom right no-repeat;}

#mask-gallery1 {
	overflow:hidden;
	height:395px;
}

#gallery1 {	
	/* Clear the list style */
	list-style:none;
	width:430px;
	height:395px;
	margin: 0;
	padding: 0;
	
	z-index:0;
	
	/* width = total items multiply with #mask gallery width */
	overflow:hidden;
}

	#gallery1 li {
		/* float left, so that the items are arrangged horizontally */
		float:left;
		height:395px;
	}


#mask-excerpt {
	
	/* Set the position */
	position:absolute;	
	top:180px;
	left:510px;
	float: right;
    margin-top: -10px;
	
	/* width should be lesser than #slider width */
	width:450px;
	height: 133px;
	overflow:hidden;
	font-family: "Times New Roman", Times, serif;
	vertical-align: top;
	

}
	
#excerpt {
	/* Opacity setting for different browsers */
 
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position */
	
	position:absolute;
	top:0;
	left:0;
	
	/* Set the style */
	width:450px;
	background-color:#C21B29A;
	overflow:hidden;
	font-family: "Times New Roman", Times, serif;
	font-size:84px;
	color:#FFFFFF;	
}

#excerpt li {
		padding: 35px 0 80px 10px;
		font-family: "Times New Roman", Times, serif;
	}
#excerpt a {
		padding: 35px 0 80px 10px;
		font-family: "Times New Roman", Times, serif;
		font-size:84px;
	    color:#FFFFFF;
}
#excerpt a:hover {
		padding: 35px 0 80px 10px;
		font-family: "Times New Roman", Times, serif;
		font-size:84px;
	    color:#FFFFFF;
}
/*end-slider*/

.clearfloat {
clear: both;
}