/*reset css*/
html, body, div{padding: 0; margin: 0; background-color: transparent; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px;}
div{background: transparent;}
table {border-collapse:collapse; border-spacing:0;}
td{padding: 0;}
img {border:0;}
html, body{width: 100%; height: 100%; background: #e7761a url(/i/orange-bg.jpg); color: #4c4c4c;}
p{margin: 1em 0; padding: 0;}
h1, h2, h3{margin: 0; padding: 0;}
ul, ol {margin: 1em 0; padding: 0;}
ul li, ol li {margin: 0.4em 0; padding: 0;}
a{color: #E7761A;}
a:hover{
	color: #515151;
}

/*news*/
#news {padding: 10px;}
#news .item {margin: 8px;}
#news .item h3{color: red;}


/*common styles*/
.clear {clear: both; overflow: hidden; height: 0;}
.left {text-align: left;}
.right {text-align: right;}
h1{font-size: 15px;}

/*950px blocks*/
.first-block .block-top{
	background: transparent url(/i/first-block-top.png) no-repeat top left;
	height: 15px;
	overflow: hidden;
}
.first-block .block-cnt{
	background: #f1f1f1 url(/i/first-block-cnt.jpg) repeat-x top;
	border: 1px solid white;
	border-bottom: 1px solid #ccceb9;
	padding: 13px 75px 28px 75px;
}
.even-block {
	background: #f5f5f5;
	border: 1px solid white;
	border-bottom: 1px solid #ccceb9;
	padding: 28px 75px;
}
.odd-block {
	background: #efefef;
	border: 1px solid white;
	border-bottom: 1px solid #ccceb9;
	padding: 28px 75px;
}
.last-block{
	margin-bottom: 25px;
}
.last-block .block-cnt{
	background: white;
	border: 1px solid white;
	padding: 28px 75px 13px 75px;
}
.last-block .block-bottom{
	background: transparent url(/i/last-block-bottom.png) no-repeat top left;
	height: 15px;
	overflow: hidden;
}
.h1-gray{
	margin-left: -91px;
	white-space: nowrap;
	margin-bottom: 20px;
}
.h1-gray .h1-gray-left{
	width: 15px; height: 46px;
	background: transparent url(/i/h1-gray-left.png);
	padding: 0;
}
.h1-gray th{
	height: 36px;
	margin: 0;
	font-size: 15px;
	color: white;
	background: transparent url(/i/h1-gray-center.png);
	padding: 10px 25px 0 75px;
	vertical-align: top;
}
.h1-gray .h1-gray-right{
	width: 12px; height: 46px;
	background: transparent url(/i/h1-gray-right.png);
	padding: 0;
}
.quote{
	margin-top: 20px;
}
.quote td {
	padding: 15px 5px;
	text-align: justify;
}
.quote td.left, .quote td.right{
	font-family: Sylfaen, Arial, sans-serif;
	color: #e7761a;
	text-shadow: 2px 2px 3px #bfbfbf;
	font-size: 54px;
	vertical-align: middle;
	background: transparent !important;
	padding: 0 5px;
}
.orange h1, .orange h2{
	font-size: 16px; 
	color: #E7761A;
}
.orange li {
	list-style: none;
}
.error {color: red;}
.success {color: green;}

/*kopolo*/
.normal-width{
	width: 950px;
	margin: 0 auto;
}
#top-wrapper{
	background: white url(/i/header-bg.jpg) repeat-x top;
	height: 59px;
}
#header .logo{
	float: left;
	margin-top: 10px;
}
#header .menu{
	float: right;
	margin-top: 18px;
}
#header .menu li{
	margin: 0;
	padding-left: 22px;
	display: inline;
	color: #515151;
	/*font-weight: bold;*/
	text-transform: uppercase;
}
#header .menu li a{
	color: #e7761a;
	text-decoration: none;
}
#header .menu li a:hover{
	color: #515151;
}

#bottom-wrapper{
	border-top: 1px solid #f38620;
	padding-top: 30px;
}
.darkgray-wrapper{
	background: #494949;
	padding: 5px 0;	
}
.darkgray-block{
	border-top: 1px dashed #fdfdfd;
	border-bottom: 1px dashed #fdfdfd;
	padding: 5px;
	color: #fdfdfd;	
}
.darkgray-block .order td{
	vertical-align: top;
}
.darkgray-block .order .contacts{
	width: 430px;
}
.darkgray-block .order label{
	display:inline-block;
	margin:5px;
	vertical-align:top;
	width:100px;
}
.darkgray-block .order input{
	margin:5px;
	vertical-align:top;
	width:300px;
	background: #323232;
	border: 1px solid gray;
	color: #fdfdfd;
	height: 18px;
}
.darkgray-block .order form{
	padding: 10px;
}
.darkgray-block .order .message{
	padding-left: 25px;
}
.darkgray-block .order .message label{
	display: block;
	font-weight: bold;
}
.darkgray-block .order .message textarea{
	background: #323232;
	border: 1px solid gray;
	color: #fdfdfd;
	width: 465px;
	height: 126px;
	margin-bottom: 11px
}
.darkgray-block .order button{
	background: #3d3d3d;
	color: #fdfdfd;
	border: 1px outset gray;
}
.darkgray-block .order h1{
	font-size: 19px;
	font-family: Georgia, serif;
	font-weight: normal;
}
.darkgray-block .order p{

}

#footer .left{float: left;}
#footer .right{float: right;}

/****portfolio page*/
#portfolio.block-cnt{
	padding: 13px 50px 28px 50px;
}
#portfolio .h1-gray{
	margin-left: -66px;
}
#portfolio .item {
	margin-bottom:20px;
	font-size:120%;
}

#portfolio .item img {
	float:left;
	/*border: 10px solid #efe7dc;*/
	border: 1px solid gray;
	margin: 0 30px 20px 0;
}

#portfolio .item img:hover {
	border: 1px solid #EEE;
}
#portfolio .item ul {
	/*padding-top:10px;*/
}
#portfolio .item .zadacha{
	background: #e0e0e0;
	padding: 3px;
}

#portfolio .item li {
	list-style-type: none;
	font-size: 13px;
	line-height:normal;
}

#portfolio .item div {
	font-size: 0.7em;
	line-height:normal;
}

#portfolio .item .descr{
	font-size: 0.9em;
}

#portfolio-small{}
#portfolio-small .item{
	width: 258px;
	padding: 4px;
	float: left;
	text-align: center;
	/*font-weight: bold;*/
}
#portfolio-small .item img{
	margin-bottom: 5px;
	border: 1px solid gray;
}
#portfolio-small .item img:hover {
	border: 1px solid #EEE;
}
#portfolio-small .all{
	text-align: right;
	margin-top: 20px;
}

/*overlay*/
/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:white; 
     
    width:250px;     
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;
    text-align: center;
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(/i/overlay/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

.simple_overlay img{
	display: none;
}

#contacts{
	margin: 0 auto 30px auto;
	width: 470px;	
}
#contacts table tr td{
	padding: 10px 5px;
	vertical-align: top;
}
#contacts table tr td.name{
	text-align: right;	
	padding-right: 20px;
	width: 53%;
}
#contacts table tr td.name b{
	display: block;
}
#contacts ul{
	list-style: none;
	margin: 0px;
}
#contacts ul li{
	list-style: none;
	margin: 0px;
}