html, body, div, span, h1, h2, h3, h4, p, a, em, img, strong, b, dl, dt, dd, ul, li, fieldset, form, label, table, tr, th, td
{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent
}
body
{
	background:#da520b;
	font:62.5% Georgia, "Times New Roman", Times, serif;
	color:#000;
	min-width:1000px;
	position:relative
}
body#main {background:url(/i/bgbody.png) #f9a90a 0 0 repeat-y}
body#main #Container {background:none}
a {color:#000}
a:hover {color:#fff}
input, select, textarea
{
	font:1em Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom:12px;
	width:60%;
	padding:3px 2px
}
.error
{
	background-color:#ffbfbf;
	border-color:red;
}
label
{
	display:block;
	margin-bottom:4px
}
label input
{
	margin-bottom:0;
	padding:0;
	width:auto
}
h3, h2
{
	font-size:1.3em;
	margin-bottom:.4em;
	font-style:italic;
	font-weight:normal
}
h2
{
	font-size:1.7em;
	margin-left:-20px
}
h4
{
	font-size:1em;
	font-weight:bold;
	margin-bottom:1em
}
p, h4 {margin-bottom:1em}
table
{
	border-collapse:collapse;
	margin-bottom:2em;
	font-style:italic;
	margin-left:-20px
}
td, tr
{
	font-size:1em;
	padding:15px 20px;
	border-bottom:#fff solid 1px
}

#Container
{
	background-color:#eebf09;
	overflow:hidden;
	position:relative;
	*width:100%
}
#Container .wrap, #Footer
{
	position:relative;
	margin:0 auto;
	max-width:1210px;
	padding:0 45px;
	overflow:hidden
}

.clear {clear:both}

.column1, .column2, .column3, .column4, .column5
{
	float:left;
	position:relative
}
.column1
{
	width:27%;
	padding-left:20px
}
.column2 {width:20.5%}
.column3 {width:15.5%}
.column4 {width:11.5%}
.column5 {width:8.5%}

#topMenu
{
	font-size:1.8em;
	padding-top:115px;
	overflow:hidden
}
#topMenu li
{
	list-style:none;
	font-style:italic
}
#topMenu strong, #topMenu a
{
	float:left;
	position:relative
}
#topMenu strong, #portfolioMenu .active span, #Footer .active
{
	background-color:#fff;
	font-weight:normal;
	height:29px;
	padding-top:7px;
	margin-top:-7px;
	color:#edbf0a
}
#Footer .active
{
	position:relative;
	color:#da520b;
	margin:0;
	line-height:22px;
	float:left
}
#topMenu em, #portfolioMenu .active em, #Footer .active em
{
	background:url(/i/corners18.png) 0 0 no-repeat;
	position:absolute;
	top:0;
	left:-18px;
	width:18px;
	height:36px
}
#topMenu em.cr, #portfolioMenu .active em.cr, #Footer .active em.cr
{
	background-position:-18px 0;
	left:0;
	margin-left:100%
}

#topMenu #logo
{
	background:url(/i/logo.png) 0 0 no-repeat;
	width:177px;
	padding-top:162px;
	margin-top:-76px;
	cursor:pointer
}

#Footer
{
	padding:35px 45px 20px;
	font-size:1.4em;
	font-style:italic
}
#Footer .column1
{
	padding-top:196px;
	color:#fff
}
#Footer .column1 a {color:#fff}
#Footer .column1 a:hover {color:#000}
#Footer .copy
{
	position:absolute;
	margin-left:-1.2em
}
#Footer .phone
{
	font-size:1.5em;
	font-weight:bold;
	background:url(/i/phone.png) 0 0 no-repeat;
	width:187px;
	padding-top:18px;
	margin:0 0 10px -0.7em
}
#Footer #feedbackLink
{
	font-size:2em;
	line-height:2em;
	font-weight:bold;
	border-bottom:#000 dotted 2px;
	cursor:pointer;
	clear:both;
	white-space:nowrap
}
#Footer #feedbackLink:hover {color:#fff; border-color:#fff}
#oblako
{
	background:url(/i/oblako.png) 0 0 no-repeat;
	width:114px;
	padding-top:22px;
	margin:188px 0 0 20px
}
.lang
{
	background:url(/i/bglang.png) 0 0 no-repeat;
	width:60px;
	height:48px;
	text-align:center;
	line-height:46px;
	color:#da520b;
	position:absolute;
	top:182px;
	left:2px
}
.lang:hover {color:#000}
#Footer .contacts {padding-left:20px}

#slider
{
	width:500%;
	overflow:hidden;
	margin-top:-12px;
	padding-bottom:60px
}

.slide, #mainMenu
{
	float:left;
	width:20%;
	position:relative
}

.quote
{
	background:url(/i/quote.png) 0 0 no-repeat;
	position:absolute;
	top:0;
	left:55px;
	width:172px;
	height:233px
}
#mainMenu .wrap {padding:0 45px 0}
#mainMenu ul {float:left}
#mainMenu li
{
	position:relative;
	font-size:4em;
	font-weight:bold;
	width:304px;
	height:49px;
	overflow:hidden;
	margin-bottom:9px
}
#mainMenu li span
{
	position:absolute;
	top:0;
	left:0;
	width:1533px;
	background:url(/i/mainlink.png) 0 0 no-repeat;
	padding-top:49px
}
#mainMenu li#m2 {width:293px}
#mainMenu li#m3 {width:385px}
#mainMenu li#m4 {width:551px}
#mainMenu li#m2 span {left:-304px}
#mainMenu li#m3 span {left:-597px}
#mainMenu li#m4 span {left:-982px}

#banner
{
	/*background:url(/i/banner.png) 0 0 no-repeat;*/
	width:456px;
	padding-top:187px;
	margin:0 0 40px -266px;
	position:relative
}

#blogNote
{
	color:#fff;
	padding-left:20px;
	float:left;
	width:27%;
	font-size:1.4em;
	font-style:italic
}
#blogNote h3 {margin-left:-20px}
#blogNote h3 a, h2 a {color:#fff}
#blogNote h3 a:hover, h2 a:hover {color:#000}

.blogInfo
{
	background-color:#fff;
	position:relative;
	color:#868585;
	height:20px;
	line-height:19px;
	font-size:12px;
	float:left;
	clear:both
}
.blogInfo a {color:#868585}
.blogInfo a:hover {color:#333}
.blogInfo em
{
	background:url(/i/corners10.png) 0 0 no-repeat;
	position:absolute;
	top:0;
	left:-10px;
	width:10px;
	height:20px
}
.blogInfo em.cr
{
	margin-left:100%;
	left:0;
	background-position:-10px 0
}
.blogInfo em.s
{
	background:url(/i/s.gif) 0 0 no-repeat;
	width:7px;
	height:7px;
	top:-7px;
	left:0;
	left:50%
}

.subMenu {margin-top:-12px}
.subMenu li
{
	list-style:none;
	font-size:1.8em;
	font-style:italic;
	margin-bottom:1.1em
}
.subMenu span
{
	border-bottom:#000 dotted 1px;
	cursor:pointer
}
.subMenu span:hover
{
	color:#fff;
	border-color:#fff
}

.header
{
	padding-top:97px;
	margin:0 0 23px 20px
}
#about.header {background:url(/i/h/about.png) 0 0 no-repeat}
#authors.header {background:url(/i/h/authors.png) 0 0 no-repeat}
#blog.header
{
	background:url(/i/h/blog.png) 0 0 no-repeat;
	padding-top:161px
}
#dictionary.header
{
	background:url(/i/h/dictionary.png) 0 0 no-repeat;
	padding-top:172px
}
#price.header {background:url(/i/h/price.png) 0 0 no-repeat}
#contacts.header
{
	background:url(/i/h/contacts.png) 0 0 no-repeat;
	padding-top:175px
}
#pr .header, #pr.header {background:url(/i/h/pr.png) 0 0 no-repeat}
#translate .header, #translate.header
{
	background:url(/i/h/translate.png) 0 0 no-repeat;
	padding-top:154px
}
#copyright .header, #copyright.header
{
	background:url(/i/h/copyright.png) 0 0 no-repeat;
	padding-top:154px
}
#copy .header, #copy.header {background:url(/i/h/copy.png) 0 0 no-repeat}

.content
{
	position:relative;
	left:-10px;
	font-size:1.4em;
	margin-left:27%;
	padding:25px 0 15px 50px;
	width:48%;
	clear:both;
	overflow:hidden
}
.content .left
{
	float:left;
	width:190px
}
.content .right {overflow:hidden}
.content big {font-size:2.5em}
.content table big {font-size:1.7em}
.content p img {margin-left:-145px}
.content a {color:#fff}
.content a:hover {color:#000}

.slide {display:none}
.slide .content {font-style:italic}
.slide .subMenu, #mainMenu ul {margin:0}
.slide .subMenu li {margin-bottom:.5em}

.color1 {background-color:#fca40b}
.color2, #portfolioMenu {background-color:#df7f0f}
.color3 {background-color:#da520b}
.color4 {background-color:#eebf09}

#overlay
{
	background:#000;
	position:absolute;
	top:0;
	left:0;
	z-index:5000;
	width:100%;
	height:100%;
	display:none
}
#popup
{
	position:absolute;
	top:0;
	left:0;
	z-index:5001;
	width:782px;
	height:608px;
	margin:0 0 0 -782px;
	display:none
}
#popup form
{
	background:url(/i/popup.png) 0 0 no-repeat;
	width:782px;
	height:608px;
	font-size:1.4em;
	text-align:center
}
#popup form fieldset
{
	position:relative;
	padding:30px 50px
}
#popup form h3
{
	font-size:3.2em;
	margin-bottom:30px
}
#popup #close
{
	background:url(/i/close.png) 0 0 no-repeat;
	position:absolute;
	top:30px;
	right:30px;
	width:23px;
	height:23px;
	cursor:pointer
}

.sortMenu, .tabs, #portfolioMenu ul
{
	width:100%;
	overflow:hidden;
	*zoom:1;
	position:relative;
	font-size:1.6em;
	font-style:italic;
	margin:10px 0 20px
}
.sortMenu {background-color:#fff}
.tabs .ctl, .tabs .ctr, .tabs .cbl, .tabs .cbr, .sortMenu .ctl, .sortMenu .ctr, .sortMenu .cbl, .sortMenu .cbr
{
	background:url(/i/corners10bg.png) 0 0 no-repeat;
	width:10px;
	height:10px;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden
}
.tabs .ctl, .tabs .ctr, .tabs .cbl, .tabs .cbr {display:none}
.tabs .selected .ctl, .tabs .selected .ctr, .tabs .selected .cbl, .tabs .selected .cbr {display:block}
.tabs .ctr, .tabs .cbr, .sortMenu .ctr, .sortMenu .cbr
{
	background-position:-9px 0;
	margin-left:100%;
	left:-10px
}
.tabs .cbl, .tabs .cbr, .sortMenu .cbl, .sortMenu .cbr
{
	background-position:0 -9px;
	position:relative;
	display:block
}
.tabs .cbr, .sortMenu .cbr
{
	background-position:-9px -9px;
	margin-top:-10px
}
.tabs dt
{
	float:left;
	line-height:2.1em;
	height:2em;
	padding:0 10px;
	position:relative;
	cursor:pointer;
	color:#fff;
	line-height:28px
}
.tabs dt span
{
	border-bottom:#fff dashed 1px;
	cursor:pointer
}
.tabs dt.selected
{
	position:relative;
	background-color:#fff;
	z-index:3;
	cursor:default;
	color:#fca40b;
	font-size:1.4em;
	padding:0 20px
}
.tabs dt.selected span {position:relative}
.tabs dd
{
	background-color:#fff;
	display:none;
	float:right;
	width:100%;
	margin:2em 0 0 -100%;
	position:relative;
	z-index:2
}
.tabs dd.selected {display:block}
.tabContent, #portfolioMenu ul {padding:10px 10px 0}
.tabContent ul, .sortMenu ul
{
	width:100%;
	overflow:hidden
}
.tabContent li, .sortMenu li, #portfolioMenu li
{
	float:left;
	list-style:none;
	color:#fca40b;
	margin:0 10px;
	padding-bottom:2px;
	white-space:nowrap
}
#portfolioMenu li
{
	height:36px;
	line-height:36px;
	position:relative
}
#portfolioMenu .active {margin:0 20px}
.sortMenu li {margin-right:5px}
.tabContent li span, #portfolioMenu li span {line-height:36px}
.sortMenu li span {line-height:27px}
.tabContent li a, .sortMenu li a
{
	color:#fca40b;
}
#portfolioMenu li a {color:#fff}
#portfolioMenu li span
{
	border-color:#fff;
	color:#fff
}
.tabContent li.active span, #portfolioMenu .active span
{
	border:none;
	font-size:1.3em;
	line-height:32px
}
#portfolioMenu .active span
{
	color:#df7f0f;
	margin:0;
	padding:0;
	height:36px;
	float:left;
}
.sortMenu ul
{
	padding:15px 10px 10px;
	margin-bottom:-5px
}
.sortMenu li.active span
{
	background:url(/i/corners15bg.png) 0 0 no-repeat;
	float:left;
	width:30px;
	height:30px;
	line-height:28px;
	text-align:center;
	border:none;
	color:#fff;
	margin:0 0 -10px
}

#comments h2
{
	float:left;
	margin-right:40px
}
#comments label
{
	float:left;
	width:190px;
	color:#fff;
	margin-bottom:20px;
	font-style:italic
}
#comments form
{
	padding-bottom:10px;
	clear:both
}
#comments input, #comments textarea {margin-bottom:20px}
#comments button {margin-left:190px}
#commCapcha {width:100px}
.comment {margin-bottom:40px}
.comment h3 {margin-bottom:0}
.comment .text {padding-top:20px}
.pages li
{
	float:left;
	list-style:none;
	width:30px;
	height:30px;
	margin-right:5px
}
.pages li a, .pages li strong
{
	float:left;
	width:30px;
	height:30px;
	line-height:28px;
	text-align:center;
	font-style:italic;
	color:#fff
}
.pages li a:hover {color:#000}
.pages li strong
{
	background:url(/i/corners15.png) 0 0 no-repeat;
	color:#df7f0f
}

.logo
{
	position:relative;
	background-color:#fff;
	padding:40px 0 30px;
	text-align:center;
	border-left:#fca40b solid 45px;
	border-right:#fca40b solid 45px
}

.loadInfo
{
	position:relative;
	font-style:italic;
	padding:4px 0 0 50px;
	margin-left:-50px;
	height:40px
}
.loadInfo .link
{
	font-size:18px;
	display:block
}
.pdf {background:url(/i/pdf.png) 0 0 no-repeat}
.doc {background:url(/i/doc.png) 0 0 no-repeat}

#works {position:relative}
#works .content {min-height:280px}
.backWork, .nextWork
{
	position:absolute;
	top:45%;
	left:65px;
	width:130px;
	text-decoration:none;
	padding-bottom:80px;
	margin-top:-120px;
	min-height:155px
}
.nextWork
{
	margin-left:100%;
	left:-185px
}
.backWork .title, .nextWork .title
{
	background:url(/i/bgwork.png) 10px 100% no-repeat;
	display:block;
	font-size:11px;
	font-style:italic;
	color:#fff;
	text-decoration:underline;
	padding-bottom:78px
}
.backWork:hover .title, .nextWork:hover .title {color:#000}
.backWork .button, .nextWork .button
{
	background:url(/i/nb.png) 0 0 no-repeat;
	position:absolute;
	width:106px;
	height:60px;
	bottom:0;
	left:0
}
.backWork .button {background-position:0 -60px}

#topMenu #logo, .clear, #Footer .phone, #oblako, #mainMenu li span, #banner, .header
{
	overflow:hidden;
	height:0;
	display:block
}

#page404 {background:#EEBF09}
#page404 #topMenu {float:right}
#page404 .content
{
	width:30%;
	margin:0 auto;
	left:0;
	padding-left:0
}
#page404 .header {background:url(/i/h/404.png) 0 0 no-repeat}
#page404 #feedbackLink {border-bottom:#000 dashed 1px; cursor:pointer}
#page404 a {color:#000}