/*
@font-face {

	font-family: 'OpenSans';
	src: url('../fonts/OPENSANS-LIGHT.TTF');
	src:  url('../fonts/OPENSANS-LIGHT.TTF') format('truetype');
	font-weight: normal;
	font-style: normal;

	}
	*/
@font-face {

	font-family: 'OpenSansLight';
	src: url('../fonts/OPENSANS-REGULAR.TTF'),
	src:  url('../fonts/OPENSANS-REGULAR.TTF') format('truetype');
	font-weight: lighter;
	font-style: normal;
	}
	
	
	
	


* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	font: 12px/18px OpenSansLight, Arial, Tahoma, Verdana, sans-serif;
	height: 100%;
}
a {
	color: blue;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {
	margin: 0 0 18px
}
images {
	border: none;
}
input {
	vertical-align: middle;
}
#wrapper {
	width: 100%;
	min-width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	
}


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 316px;
}
#grayline{
background:#5a5a5a;
height:83px;
}
#logo {
margin-left:134px;
position:relative;
top: 18px;
width: 283px;
}
#mainmenu{

margin-left:43%;
clear:both;
display:block;
}
#mainmenu, x:-moz-any-link, x:default {margin-top:-60px;}
#mainmenu li{
display:inline-block;
list-style:none;
height: 83px;
margin-right: 5px;
margin-left: 5px;

}
#mainmenu li a {
color: #fff;
font-size: 18px;
text-decoration:none;
height:83px;
display:table-cell;
vertical-align:bottom;
position:relative;
top:-60px;
padding: 0 10px 1px;
font-weight: 100;
}
#mainmenu li a:hover {color: #fff}
#browse{background: url(../images/browse.png) no-repeat center 25px, #ffc40d;}
#arch_icon{background: url(../images/arch.png) no-repeat center 25px;}
#design_icon{background: url(../images/design.png) no-repeat center 25px;}
#remont_icon{background: url(../images/remont.png) no-repeat center 25px;}
#history_icon{background:url(../images/hystory.png) no-repeat center 25px;}
#persons_icon{background:url(../images/persons.png) no-repeat center 25px;}
#about_icon{background:  url(../images/about.png) no-repeat center 25px;}
#arch_icon:hover{background: url(../images/menuhover.png) no-repeat center 25px, #ffc40d;color: #fff}
#design_icon:hover{background: url(../images/menuhover.png) no-repeat center 25px, #e94f36;color: #fff}
#remont_icon:hover{background: url(../images/menuhover.png) no-repeat center 25px, #2dadef;color: #fff}
#history_icon:hover{background:url(../images/menuhover.png) no-repeat center 25px, #09c182;color: #fff}
#persons_icon:hover{background:url(../images/menuhover.png) no-repeat center 25px, #cf6ae4;color: #fff}
#about_icon:hover{background:  url(../images/menuhover.png) no-repeat center 25px, #ffc40d;color: #fff}
.current_menu_item_arch{background:  url(../images/menuhover.png) no-repeat center 25px, #ffc40d; color:#fff;}
.current_menu_item_design{background:  url(../images/menuhover.png) no-repeat center 25px, #e94f36;color:#fff;}
.current_menu_item_remont{background:  url(../images/menuhover.png) no-repeat center 25px, #2dadef;color:#fff;}
.current_menu_item_history{background:  url(../images/menuhover.png) no-repeat center 25px, #09c182;color:#fff;}
.current_menu_item_persons{background:  url(../images/menuhover.png) no-repeat center 25px, #cf6ae4;color:#fff;}
.current_menu_item_about{background:  url(../images/menuhover.png) no-repeat center 25px, #ffc40d;color:#fff;}
.arch{background: #ffc40d; color:#fff;}
.design{background: #e94f36; color:#fff;}
.remont{background: #2dadef; color:#fff;}
.history{background: #09c182; color:#fff;}
.persons{background: #cf6ae4; color:#fff;}
.about{background: #ffc40d; color:#fff;}
.arch_hover:hover{background: #ffc40d; color:#5a5a5a;}
.design_hover:hover{background: #e94f36; color:#5a5a5a;}
.remont_hover:hover{background: #2dadef; color:#5a5a5a;}
.history_hover:hover{background: #09c182; color:#5a5a5a;}
.persons_hover:hover{background: #cf6ae4; color:#5a5a5a;}
.about_hover:hover{background: #ffc40d; color:#5a5a5a;}

#related-projects{
border-top: 2px solid #2d89ef;
border-bottom: 2px solid #fc735d;
max-height:207px;
height:207px;
margin-top:20px;
width:100%;
overflow:hidden;
}
#related_title{
color: #fff;
font-size:24px;
background: url(../images/related_bg.png);
width:300px;
height:47px;
padding: 30px 0 0 50px;
z-index: 10000;
position:absolute;
}
#related-projects ul{max-width:100% !important; min-height:207px; }
#related-projects ul li{}
#related-projects a{height:207px;}
#related-projects ul li img{width:100%; height:100%; /*height: 207px;*/ }
#carousel{}
#carousel li{float:left; width:33%;}
.width34{width:34% !important}

/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	padding: 0 0 180px;
	height: 1%;
	position: relative;
}
#middle:after {
	content: '';
	clear: both;
	display: table;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content {
	padding: 0 0 0 160px;
	
}
.post{
height:318px;
width: 318px;
margin: 15px 15px 0 0;
float: left;
overflow:hidden;
}
.post a{
text-decoration:none
}
.post_desc{
height: 48px;
width: 318px;
color: #fff;
font-size: 18px;
text-align:center;
display:table-cell;
vertical-align: middle;
padding: 0 15px;
position:relative;
}
.thumb img{}
.thumb{
width: 318px;
height:270px;
clear:both;
overflow:hidden;
}
.thumb ul{overflow:hidden; }
.thumb ul li{ display:inline-block; width:318px; heght:270px;}

#dle-content p{
margin:0 !important;
}
#dle-content{
display:block !important;

font-size:14px;
color: #373737;
clear:both;
Margin-top: 15px;
padding-bottom: 50px;
}
#inner_content{
max-width:1024px;
width:1024px;
margin:0 auto;
}
#showfull_title{
font-size:18px;
margin-bottom: 50px;
margin-top:40px;
}
#inner_content img{margin:0 auto; text-align:center;}
.dpad{clear:both; margin-top: 50px;}
.bnnavi{
clear:both;
text-align: center;
height:50px;
position: relative;
top: 50px;
font-family: OpenSansLight;
}
.bnnavi a{
color: #535353;
font-size:24px;
margin: 0 10px;
text-decoration:none;
}
.bnnavi span{
background: #5a5a5a;
padding:3px 10px;
border-radius: 20px;
color: #ffc40d;
margin: 0 10px;
font-size:24px;
text-decoration:none;
}
.thide,.toptop{
color: #535353;
font-size:16px;
float:right;
margin: 60px 60px 0 0;
border: 1px solid #535353;
padding: 15px 5px;
border-radius:7px;
z-index:100000 !important;

}

.toptop{}

/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
	float: left;
	width: 140px;
	margin-left: -100%;
	position: relative;
	background: #f7f7f7;
	margin-top: 15px;
	}
#sidemenu{
font-size: 18px;
text-align:center;
list-style: none;


}
#sidemenu li{border-bottom: 1px solid #ededed;}
#sidemenu li a{
color:#5a5a5a;
text-decoration:none;
width:140px;
height:95px;
display:table-cell;
vertical-align:bottom;
padding-bottom:10px;
}



/* Footer
-----------------------------------------------------------------------------*/
#footer {
	position:fixed;
	bottom: 0;
	width:100%;
	min-width: 1000px;
	height: 90px;

	background: #464646;
}
#parts{
background: #454c50;
color:#fff;
font-size: 30px;
text-align: center;
display:table-cell;
vertical-align:middle;
width:266px;
height:55px;
float:left;
padding-top:35px;
}
#menudown{
font-size:18px;
float:left;
padding-top:20px;

}
#menudown li{display:inline-block;}
#menudown li a{color: #fff; margin-left: 76px; text-decoration:none;}
#menudown li a:hover{color:#ffc40d}