* {
	margin: 0px;
	padding: 0px;
}

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

body {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	min-width: 1000px;
    font-family: Georgia, "Times New Roman", Helvetica, serif;
    font-size: 93.75%;
    color: #333;
}

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

a:hover{text-decoration: none;}

a.out{
	padding-right: 10px;
	background: transparent url(i/out.png) no-repeat top right;
}

img{
	border:0;
	padding:0;
}

.clr{clear:both;}

h1, h2, h3, h4{
	color: #000;
	font-family: Georgia, "Times New Roman", Helvetica, serif;
	font-size: 1.5em;
	font-weight: normal;
	margin: 0 0 0.4em 0;
	line-height: 120%;
}

h1{width: 70%;}

h2{
	font-size: 1.3em;
	margin: 1.6em 0 0.4em 0;
}

h3{
	font-size: 1.2em;
	margin: 1.6em 0 0.4em 0;
}

h3.form-toggle{margin: 2.2em 0 1em 0;}
h3.form-toggle a{
	color: #000;
	border-bottom: 1px dashed;
	text-decoration: none;
}
h3.form-toggle a:hover{border:0}

h4{
	font-size: 1em;
	margin: 1.8em 0 1em 0;
	line-height: 100%;
}

h2 a{
	border-bottom: 1px solid #ccc;
	text-decoration: none;
}
h2 a:hover{border:0;}

p, ul, dl, ol{
	line-height: 140%;
	margin: 1em 0;
}

cite{
	color: #999;
	display: block;
	line-height: 140%;
	margin: 0.4em 0 2em 4em;
	font-size: 0.8em;
}

pre{
	color: #666;
	font-size: 12px;
	font-family: "Courier New", Courier, monospace;
	overflow: auto;
	padding: 0.4em 0.4em 0.4em 2em;
	border-left: 2px solid #ccc;
	background: #fafafa;
	position: relative;
	left: -2px;
}

blockquote{
	font-size: 1.1em;
	color: #000;
	margin: 1em 0;
	padding: 1em 2em;
	width: 60%;
	position: relative;
	background: #fafafa;
	margin-left: -2em;
}

blockquote p{margin: 0}

/*
 *	main links
 */

a.main-link{
	display: block;
	width: 150px;
	height: 60px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top left;
	overflow: hidden;
	text-indent: -1000px;
	border:0;
	text-decoration: none;
}

a.main-link:hover{background-position: bottom left;}

/*
 *	table
 */

table{
	border-collapse: collapse;
	position: relative;
	left: -1em;
	margin: 1em 0;
}

.mceEditor table, .mceMenu table{
	left: 0;
}

td{padding: 0.4em 1em 0.4em 1em;}

th{
	text-align: left;
	color: #666;
	font-weight: normal;
	padding: 0.5em 1.25em 0.25em 1.25em;
	border-bottom: 1px solid #ccc;
	font-size: 0.8em;
}

.highlight td{background: #fafafa;}

/*
 *	header
 */

.header, .content{
	margin: 0 auto;
	width: 74%;
}

.header p{
	position: absolute;
	right: 8.5%;
	top: 0;
	width: 14em;
	padding-top: 5em;
}

.header p span.phone{
	display: block;
	padding: 0;
	color: #666;
	font-size: 1em;
	left: -3.4em;
	top: 2em;
	position: absolute;
	white-space: nowrap;
	width: 20em;
	line-height: 200%;
}

.header p span.ph2{display: none;}

.header p span.phone a{
	border-bottom: 1px dashed;
	color: #666;
	font-size: 1em;
}

.header p span.phone a:hover{border:0;}

.header p span.phone big{
	color: #000;
	font-size: 1.4em;
}

.header p a,
.header p span{
	font-size: 0.85em;
}

.header p a{
	color: #000;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
}

.header p a:hover{border:0;}

.header p a.rss{
	background: #f60;
	color: #fff;
}

.header{
	padding-top: 6em;
	margin-bottom: 4em;
}

.logo{
	position: absolute;
	left: 5%;
	top: 5.4em;
}

.header dl, ul.menu{
	overflow: hidden;
	width: 100%;
	margin: 0 0 0.4em 0;
	font-size: 0.85em;
}

.header dl dt, .header dl dd, ul.menu li{
	float: left;
	margin-right: 1.4em;
}

.header dl{
	line-height: 180%;
}

.header dl dt sup{
	position: relative;
	left: 0.4em;
	top: 0;
	vertical-align: top;
	font-style: italic;
	color: #999;
	line-height: 80%;
}

.header dl dt span.strl{margin-left: 1.2em;}

.header dl a{
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}

.header dl dt a{border-bottom: 0;}
.header dl dt a:hover{border-bottom: 1px solid #ccc;}

.header dl a:hover{border:0}

ul.menu{
	font-size: 1.4em;
	list-style: none;
	margin: 0;
}

ul.menu li{
	height: 2em;
	line-height: 2em;
}

ul.menu li sup{
	font-size: 0.8em;
	margin: 0;
	line-height: 0;
	position: relative;
	top: 0;
	vertical-align: text-top;
	color: #999;
}

ul.menu a{
	color: #000;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
}

ul.menu a:hover{border: 0;}

/*
 *	local-menu
 */

.content ul.local-menu, .content ul.sub-menu{
	width: 100%;
	position: relative;
	left: -0.4em;
	overflow: hidden;
	list-style: none;
	font-size: 0.85em;
	padding-left:0;
}

ul.local-menu li, ul.sub-menu li{
	float: left;
	padding: 0.2em 0.4em;
	margin-right: 0.4em;
}

ul.local-menu a{
	outline: none;
	text-decoration: none;
	border-bottom: 1px dashed #ccc;
}

ul.sub-menu a{
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}

ul.local-menu a#process{border-bottom-style: solid}

ul.local-menu li.active, ul.sub-menu li.active{background: #eee;}

ul.local-menu li.active a,
ul.sub-menu li.active a,
ul.sub-menu a:hover,
ul.local-menu a:hover{
	border: 0;
	text-decoration: none;
}

/*
 *	main
 */

.content ul.main-list{
	list-style: none;
	overflow: hidden;
	width: 500px;
	padding: 0;
	margin: 2em 0 0 70px;
}

ul.main-list li{
	float: left;
	width: 245px;
}

ul.main-list h3 a{
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}

ul.main-list h3{margin-top: 0;}

ul.main-list h3 a:hover{border: 0}

ul.main-list p{
	margin-right: 2em;
	color: #666;
	font-size: 0.9em;
	font-style: italic;
	line-height: 120%;
}

ul.main-list p a{color: #666;}

.content ul.main-list li:before{
	content: "";
	margin:0;
}

* html ul.main-list{
	width: 100%;
	padding-right: 2px;
}

div.main-two{
	padding-top: 1em;
	margin: 0 -70px;
	overflow: hidden;
	position: relative;
	zoom:1;
}

div.main-two h4{
	font-size: 0.8em;
	color: #999;
}

div.main-two div.main-left{float: left;}

div.main-two div.main-right{
	float: right;
	position: relative;
	right: 0;
	width: 30%;
	color: #666;
	padding-right: 40%;
	margin-right: -350px;
	zoom: 1;
}

div.main-two .item{width: auto;}

div.main-two .avatar{left: -12%;}

/*
 *	nav
 */

.nav{
	float: right;
	margin: 0;
}

.nav a{
	color: #333;
	text-decoration: none;
}

/*
 *	right
 */

.right{
	float: right;
	width: 25%;
	margin-top: 2em;
}

.right h3{margin: 0;}

/*
 *	blog item
 */

p.avatar{
	position: absolute;
	left: 5%;
}

p.avatar img, dl.peoples img{
	width: 32px;
	height: 32px;
	font-size: 0.4em;
}

p.avatar span{
	position: absolute;
	left: 50px;
	top: 5px;
}
.item{
	margin: 3em 0;
	width: 70%;
}

.item h2{margin: 0.2em 0 0 0;}

small.date{
	color: #999;
	font-size: 0.8em;
}

small.date span{color: #666}

p.tags{
	font-size: 0.8em;
	color: #999;
}

p.tags a{
	color: #999;
	text-decoration: none;
}

p.tags a:hover, .tagcloud a:hover{text-decoration: underline;}

.tagcloud a{
	color: #666;
	text-decoration: none;
	line-height: 140%;
}

.s1{font-size: 0.8em}
.s2{font-size: 1em}
.s3{font-size: 1.2em}
.s4{font-size: 1.4em}
.s5{font-size: 1.6em}

/*
 *	peoples
 */

dl.peoples{
	width: 100%;
	overflow: hidden;
	margin-bottom: 2em
}

dl.peoples dt{
	float: left;
	width: 32px;
	height: 32px;
	clear: left;
}

dl.peoples dd{margin: 0 0 1em 50px;}

dl.peoples h4{margin: 0 0 0.4em 0}

dl.peoples small{
	color: #999;
	font-style: italic;
	font-size: 0.8em;
	display: block;
	line-height: 120%;
}

/*
 *	forms
 */

div.errors, div.message{
	color: #000;
	margin: 1em 0;
}

h3.comment{margin-top: 2.4em;}

form{margin: 1em 0;}

form label{
	float: left;
	width: 14em;
}

form p{margin: 0 0 1em 15em;}

input, textarea{
	width: 14em;
	font-size: 11pt;
	font-family: Georgia, "Times New Roman", Helvetica, serif;
	vertical-align: middle;
}

.comment-form input, .comment-form textarea{width: 80%;}
.comment-form .small, .small{width: 5em;}
input.button, .comment-form input.button{width: auto;}
img.captcha{vertical-align: middle;}
div.files{margin: 1em 0;}
div.files input{width: auto;}

/*
 *	comment
 */

dl.comment{
	width: 100%;
	overflow: hidden;
	margin: 2em 0;
}

dl.comment dt{
	position: absolute;
	left: 5%;
}

dl.comment dt a{color: #999;}

dl.comment dd{margin: 0}
dl.comment p.links{
	font-size: 0.8em;
	float: right;
}

dl.comment p.by{
	font-size: 0.8em;
	color: #999;
}

dl.comment p.by big{color: #000}
dl.comment p.links a{color: #999;}

/*
 *	ul, ol
 */

.content ul{
	list-style: none;
	padding-left: 2em;
}

.content ol{padding-left: 2em;}

* html .content ul{list-style-image: url(i/list.png);}
*+html .content ul{list-style-image: url(i/list.png);}

.content ul li:before{
	content: "— ";
	margin-left: -1.18em;
}

.content ul.local-menu li:before,
.content ul.images li:before,
.content ul.sub-menu li:before,
.content ul.c-images li:before{
	content: "";
	margin-left: 0;
}

/*
 *	pages
 */

.pages span, .pages a{
	padding: 0.4ex 0.6ex;
	color: #000;
	margin-right: 0.4ex;
}

.pages span,
.pages a:hover{background: #f2f2f2}

/*
 *	portfolio
 */

div.previous, div.next{
	position: absolute;
	left: 0;
	width: 5%;
	overflow: hidden;
	height: 280px;
	margin-top: 50px;
}

div.next{
	left: auto;
	right: 0;
}

div.previous a, div.next a{
	position: absolute;
	left: 0;
	overflow: hidden;
	width: 100%;
	height:100%;
}

div.previous a img{
	position: absolute;
	right: 0;
}

dl.portfolio{
	padding-top: 1em;
	margin: 0 -70px;
	overflow: hidden;
	position: relative;
	zoom:1;
}

dl.portfolio dt{
	float: left;
	width: 600px;
	text-align: center;
}

dl.portfolio dt img{cursor: pointer}

dl.portfolio dd{
	float: right;
	position: relative;
	right: 0;
	width: 30%;
	color: #999;
	font-size: 0.8em;
	padding-right: 40%;
	margin-right: -350px;
	zoom: 1;
}

dl.main dd{
	font-size:1em;
	color: #666;
}

dl.main{
	margin-top: -50px;
	padding-top: 65px;
}

dl.main dd h1{margin-top: 0.2em}

dl.main dd h1 span{
	position: absolute;
	margin-left: -1.2em;
}

dl.main dd h4{
	font-style: italic;
	margin-top: 0;
}

dl.main p.wtie{
	height: 40px;
	position: absolute;
	left: -12px;
	top: -60px;
	margin: 0;
}

dl.main p.wtie span{
	display: block;
	float: left;
	width: 119px;
	height: 31px;
	padding: 7px 0 0 12px;
	background: transparent url(i/bzg.png) no-repeat top left;
	font-style: italic;
}

dl.main p.wtie a{margin-left: 1em;}

p.maindesc{color: #999;}

dl.main dd h1{
	width: auto;
	margin-top: 1em;
}

.description{color: #666;}

dl.portfolio dd blockquote{
	font-size: 1.3em;
	color: #333;
	margin: 3.2em 0;
	font-style: italic;
	width: 100%;
	padding: 0;
	position: auto;
	background: transparent;
}

.content ul.portfolio li:before,
.content ul.sferes li:before{
	content: "";
	margin-left: 0;
}

.content ul.portfolio{padding: 0;}

.content ul.portfolio h3{margin-bottom: 0.2em;}
.content ul.portfolio small{display: block;}

/*
 *	portfolio images
 */

.content ul.images{
	list-style: none;
	overflow: hidden;
	margin: 1em -10.8%;
	padding-top: 1em;
	padding-left: 0;
	zoom:1;
	position: relative;
}

.content ul.c-images{
	list-style: none;
	overflow: hidden;
	margin: 1em -10.8%;
	padding-top: 2em;
	padding-left: 0;
	//padding-right: 4px;
	zoom:1;
	position: relative;
}

.content ul.c-images li{
	float: left;
	width: 25%;
	height: 150px;
}

div.two-columns{
	width: 100%;
	overflow: hidden;
	//padding-right: 2px;
}

div.two-columns div{
	float: left;
	width: 50%;
}

div.two-columns div ul{margin-right: 5%;}

ul.images li{
	float: left;
	margin: 1px;
	line-height: 0;
	font-size: 0;
}

.content ul.sferes{
	list-style: none;
	margin: 1em -10.8%;
	padding-top: 1em;
	padding-left: 0;
	zoom:1;
	//padding-right: 4px;
	position: relative;
}

ul.sferes li{
	float: left;
	width: 33%;
	padding: 0;
	margin:0;
}

ul.sferes li.clr{
	float: none;
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 0;
	clear: both;
}

ul.sferes h3{
	position: relative;
	line-height: 140%;
}
ul.sferes h3 sup{
	font-size: 10pt;
	line-height: 120%;
	color: #999;
	position: absolute;
	top: -0.2em;
	margin-left: 0.4em;
}

ul.sferes li ul li{
	float: none;
	width: auto;
	margin: 0.3em 0;
}

ul.sferes li ul{
	font-size: 0.85em;
	color: #666;
	font-style: italic;
	line-height: 120%;
	margin-right: 5%;
}


* html ul.sferes li ul{list-style-image: url(i/list.png);}
*+html ul.sferes li ul{list-style-image: url(i/list.png);}

.content ul.sferes li ul li:before{
	content: "— ";
	margin-left: -1.18em;
}

ul.sferes li ul a{color: #666;}

/*
 *	regalii
 */

.content ul.col4{
	list-style: none;
	overflow: hidden;
	margin: 1em -10.8%;
	padding-top: 1em;
	padding-left: 0;
	zoom:1;
	position: relative;
}

.content ul.col4 cite{
	margin: 1.6em 0;
	color: #999;
}

.content ul.col4 cite a{color: #999;}

.content ul.col4 li:before{
	content: "";
	margin-left: 0;
}

ul.col4 li{
	float: left;
	width: 24.9%;
	height: 21em;
}

ul.col4 h3 a{
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}

ul.col4 h3 a.zoom{
	border-bottom: 1px dashed #ccc;
}
ul.col4 h3{margin-top: 0;}
ul.col4 h3 a:hover{border: 0;}

ul.col4 p{
	margin-right: 2em;
	color: #666;
	font-size: 0.9em;
	font-style: italic;
	line-height: 120%;
}

ul.col4 p a{color: #666;}

/*
 *	footer
 */

.prefooter{
	clear: both;
	height: 10em;
}

.footer{
	position: absolute;
	left: 30%;
	padding-left: 2em;
	font-size: 0.8em;
	color: #666;
	bottom: 1em;
}

.footer a.sl{border-bottom: 1px dashed #ccc;}
.footer a.sl:hover{border: 0}

.footer div.sl{
	position: absolute;
	bottom: 9.8em;
	left: 10em;
	line-height: 120%;
	width: 16em;
	padding: 0.6em 1em;
	background: #dedede;
	display: none;
}

.footer div.sl p a{color: #333;}

.footer div.sl p{
	margin: 0;
	color: #333;
}

.footer div.sl .st{
	position: absolute;
	bottom: -10px;
	left: 40px;
	height: 0;
	width: 0;
	line-height: 0;
	font-size: 0;
	border-left: 10px solid #dedede;
	border-bottom: 10px solid transparent;
	//border-bottom: 10px solid #fff;
}

.footer span.nl{
	position: absolute;
	margin-left: -1.18em;
}

.footer a{
	color: #666;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}

.footer #mob a, .footer #gor a{
	border-bottom: 1px dashed #ccc;
}

.footer a.out{border-bottom: 0;}
.footer a.out span{border-bottom: 1px dashed #ccc;}
.footer a.out:hover span{border: 0;}

.footer a:hover,
.footer #mob a:hover,
.footer #gor a:hover{border:0}

.fback{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.fback form, .fback .thank{
	width: 30em;
	padding: 2em 2em 1em 2em;
	background: #f7f7f7;
	position: absolute;
	top: 9em;
	left: 50%;
	margin: -9em 0 0 -17em;
}

.fback .thank{top: 9em;}

.fback .thank h2{margin-top: 0}

.fback .bg{
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	width: 100%;
	height: 100%;
}

.zoom-cnt{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}

.zoom-cnt .bg{
	width: 100%;
	height: 100%;
	background: #666;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
}

.zoom-cnt p{
	position: absolute;
	padding: 15px;
	top: 50%;
	left: 50%;
	margin-left: -15px;
	margin-top: -15px;
	background: #fff;
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
}

.zoom-cnt p.loading{
	background: #fff url(i/loading.gif) no-repeat center center;
}


#WebLoginLayer0,
#WebLoginLayer2{
	background: #f7f7f7;
	padding: 1.2em 2em 0.2em 2em;
	position: relative;
	left: -2em;
	margin-bottom: 2em;
}

#WebLoginLayer0 p,
#WebLoginLayer2 p{
	margin-top: 0;
	margin-bottom: 1em;
}

form .brief h3{
	margin-top: -0.8em;
	width: 12em;
	font-style: italic;
	color: #666;
}

form .brief select{
	padding: 0.4em 0.6em;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Helvetica, serif;
	font-size: 1em;
	width: 17em;
}

form .brief cite{
	font-size: 1em;
	display: inline;
	margin-left: 0.8em;
}

form .brief cite span{color: #000;}

form .brief select option{padding: 0 1em;}

form .brief select option.hint{
	color: #666;
}

form .brief label{
	float: none;
	width: auto;
}

form .brief label,
form .brief-contacts label{
	color: #999;
	font-style: italic;
}

form .brief p{
	margin: 0.2em 0 1em 0;
	position: relative;
}

form .brief h2,
form .brief-contacts h2{
	margin: 2em 0 1em 0;
}

form .brief textarea{
	width: 50%;
	height: 3em;
	padding: 0.2em 0.4em;
}

form .brief input{
	width: 25%;
	padding: 0.2em 0.4em;
}

form .brief p:hover span.cloud{display: block;}
form .brief p:hover span.chidden{display: none;}
form .brief p.hover span.cloud{display: block;}
form .brief p.hover span.chidden{display: none;}

.folio-brief{
	width: 77.6%;
	margin: 0 -2em 0 auto;
}

.folio-brief p.brief,
.main p.brief{
	font-size: 1.2em;
}

.folio-brief p.brief cite,
.main p.brief cite{
	margin: 0;
	font-size: 0.9em;
	line-height: 120%;
	color: #666;
	width: 13em;
}

span.cloud{
	position: absolute;
	left: 55%;
	top: -25px;
	display: none;
	width: 309px;
	background: transparent url(i/cloud.png) no-repeat bottom left;
	padding-bottom: 16px;
}

span.cloud span{
	display: block;
	padding: 16px 16px 0 40px;
	background: transparent url(i/cloud.png) no-repeat top left;
	font-style: italic;
	font-size: 0.9em;
	color: #333;
	line-height: 120%;
}