* {
	margin: 0;
	padding: 0;
}
html {height: 100%}
body {
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	height: 100%;
    background:#000000;
    color: #8F8F8F;
    background-image: url('../images/fon-left.gif');
    background-repeat: repeat-y;
}
a {
	color: #cc0000;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {
    margin: 0 0 10px;
    text-align:justify;
}
img {
	border: none;
}
input {vertical-align: middle}
#wrapper {
	width: 100%;
	min-width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 174px;
    background-image: url("../images/fon-top.jpg");
}


/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 1000px;
	padding: 0 0 100px;
    /*border: 1px solid #ffffff;*/
	height: 1%;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content {
	/*padding: 10px 270px 0 270px;*/
    padding: 10px 0 0 270px;
}

/* Sidebar Left
-----------------------------------------------------------------------------*/
.sl {
	float: left;
	width: 240px;
	margin-left: -1000px;
	position: relative;
    left:10px;
    top:45px;
	/*background: #B5E3FF;*/
}


/* Sidebar Right
-----------------------------------------------------------------------------*/
/*
.sr {
	float: left;
	margin-right: -3px;
	width: 250px;
	margin-left: -250px;
	position: relative;
    top:45px;
	background: #FFACAA;
}
*/

/* Footer
-----------------------------------------------------------------------------*/
#footer {
	margin: -33px auto 0;
	min-width: 1000px;
	height: 33px;
    background-image: url("../images/fon-bottom.gif");
}

/* Design
-----------------------------------------------------------------------------*/
#content ul {margin:0 0 10px 20px;}
#logo a span {
	position:absolute;
	width:752px;
    height:174px;
	top:0px;
	left:0px;
	background:transparent url(../images/logo.jpg) no-repeat 0 0;
}
h1 {
	font-size: 1.1em;
	/*font-weight: 100;*/
	margin: 0 0 15px 0;
    FONT-WEIGHT: bold;
    TEXT-TRANSFORM: uppercase;
    color: #cc0000;
}
h2,h3,h4,h5,h6 {
	font-size: 1em;
	/*font-weight: 100;*/
	margin: 0 0 15px 0;
    FONT-WEIGHT: bold;
    TEXT-TRANSFORM: uppercase;
    color: #cc0000;
}
#footer div {
    overflow:hidden;
    position:relative;
    top:13px;
    /*border: 1px solid #ffffff;*/
}
#copyright{
    position:relative;
    left:270px;
}
#copyright a {
    font: 0.9em Arial, Times New Roman;
    color:#000000;
    text-decoration: none;
}


/* TreeMenu
-----------------------------------------------------------------------------*/
#leftmenu {
    margin-left:10px;
    padding:0 10px 0 10px;
}
#leftmenu ul {
    list-style:none;
}
#nav ul{
    padding:0;
    margin-left:10px;
}
.nav-1 {
    margin:0 0 2px;
    /*width:100%;*/
}
.nav-1 a {
    text-decoration:none;
    color:#CC0000;
    font-weight:bold;
}
.nav-1 a:hover {
    color:#9D9D9D;
    text-decoration:none;
}
.nav-visit {
    color:#9D9D9D !important;
    text-decoration:none !important;
}
.sub a {font-weight:lighter;color:#cc0000;}
.sub a:hover {color:#9D9D9D;}
.mark {
    display:block;
    position:absolute;
    width:11px;
    height:11px;
    background:url("../images/ico.gif") -37px 0 no-repeat;
    margin:3px 0 0 -15px;
    overflow:hidden;
}
.mark-a {
    background:url("../images/ico.gif") -15px 0 no-repeat;
}
.mark-b {
    background:url("../images/ico.gif") -26px 0 no-repeat;
}



/* Portfolio
-----------------------------------------------------------------------------*/
.c-align {
	width:536px;
    margin:0 auto;
}

.c-block{
	float: left;
	width: 240px;
	margin: 0 0 10px 18px;
	padding-top: 20px;
	overflow: hidden;
}
.img1 {
	display: block;
	margin: 0 auto;
    border:#2E2E2E 1px solid;
}
.c-block p {
	display: block;
	width: 100%;
	color: #454545;
    margin:0 0 0 0 !important;
}
.c-block a {
	display: block;
	width: 100%;
	text-decoration: none;
}
.name1 {
	height: 14px;
	padding-top: 2px;
	font: bold 11px Arial;
	color: #cfb28b !important;
 	position: relative;
    text-align:center;
}


/* Navigation
-----------------------------------------------------------------------------*/
.navigation {
    padding:15px 0 0 0 !important;    
}
.navigation a {
    color:#cfb28b;
    text-decoration:none;
    padding: 3px 0 3px 6px;
}
.navigation a:hover {
    color:#3F3F3F;
}
.navigation span {
    color:#887459;
    padding: 3px 0 3px 6px;
}
.navigation label {
    padding: 3px 0 3px 6px;
}
.all {
    text-align:center;
}
.all a {
    color:#cfb28b;
    text-decoration:none;
}
.all a:hover {
    color:#3F3F3F;
}
.right {
	margin: 0 0 0 auto;
}


/* Filter
-----------------------------------------------------------------------------*/
.filter {
text-align:left !important;
    padding:8px 0 0 0;
    color:#cfb28b;
    width:100%;
    /*border:red 1px solid;*/
}
.filter span {
    margin: 0 3px 0 3px;
}
.filter a {
    color:#cfb28b;
    text-decoration:none;
}
.filter a:hover {
    color:#3F3F3F;
}
.filter-zag {
    margin:0 5px 0 0;
}
.bold {
    font-weight:bold;
}