body {
    margin: 0px;
	padding:0px;
    background: #eee  url(../i/shadow.png) repeat-x left top;
   }

body, td, th {
    font-family: "Trebuchet MS", helvetica, arial, sans-serif;
    letter-spacing: 0.2px;
	font-size: 11px;
    line-height: 140%;
    text-align: center;
	color: #555;
	}
h1, h4, h5, h6 {
	font-size: 11px;
	color: #008ecc;
	font-weight: normal;
}
h4 {
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #008ecc;
	margin-left: 2px;
}
h2 {
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	text-transform: uppercase;
	margin:0;
	padding:0;
    font-family: "Trebuchet MS", helvetica, arial, sans-serif;
    letter-spacing: 0.2px;
	line-height: 32px;
}
h3 {
	color: #008ecc;
	font-weight: normal;
	font-size: 12pt;
	line-height: 13pt;
	text-transform: none;
	margin-bottom: 15px;
	margin-top: 0;
	font-family: "Trebuchet MS", helvetica, arial, sans-serif;
    letter-spacing: 0.2px;
}


a {	color: #555;
    TEXT-DECORATION: none;
    border: none;
}

a img {
	border: none;
}
a:hover {
	color: #000;
    TEXT-DECORATION: none;
}


#top-cover {
    margin: 0 auto;
    background-color:#fff;
    height: 100px;
    width: 980px;
    }

#line {
    width: 930px;
    margin-left: 25px;
    margin-right: 25px;
    padding-bottom: 5px;
    border-bottom:  solid 1px #ccc;
    list-style: none;
    float: right;
   	}

#logo {
    height: 20px;
	float: left;
    padding-left: 25px;
    padding-top: 30px;
    }

#top {
    margin: 0 auto;
    background-color:#fff;
    height: auto;
    width: 980px;
    margin-top: 0px;
    text-align: left;
    clear: both;
    overflow: hidden;
}

#language  {
    margin: 0 auto;
    height: 10px;
    width: 980px;
    margin-top: 60px;
    padding-bottom: 15px;
    padding-right: 0px;
    text-align: right;
    font-family: "Trebuchet MS", helvetica, arial, sans-serif;
    letter-spacing: 0.2px;
	font-size: 10px;
    TEXT-DECORATION: none;
	color: #fff;
	text-transform: uppercase;
   }

#language a {
    color: #eee;
    TEXT-DECORATION: none;
    border: none;
}

#language a:hover {
   	color: #fff;
    text-decoration: underline;
}

.search-form {
	margin: 0px;
	padding: 0px;
	display: inline;
	line-height: 90%;
}

.search-form .text-field {
    vertical-align: middle;
    background: transparent url(../i/bg_search.png) no-repeat;
    font-size: 110%;
	color: #ccc;
	width: 112px;
	border: none;
}

.search-form .submit-field {
    vertical-align: middle;
	width: 15px;
	height: 15px;
	border: none;
	background: transparent url(../i/search.png) no-repeat scroll top left;
}

.page-title-adv {
    margin: 0 25px;
    height: 20px;
	padding: 0 10px;
   	border: none;
	font-size: 110%;
    line-height: 190%;
   	background: url(../i/page_title_adv.png);
}

.page-title-adv span {
    font-size: 80%;
    vertical-align: middle;
    padding-left: 3px;
}

.left-news {
    line-height: 135%;
    width: 46%;
    padding: 20px 0 45px 25px;
	text-align: justify;
}

.right-news {
    width: 33%;
    min-height: 450px;
    float: right;
    padding:20px 25px 0 15px;
    color: #999;
}

.right-news h3 {
	font-size: 150%;
}

.right-news table td {
        width: 268px;
		border: solid 1px #EAEAEA;
		border-width: 0 0 1px;
		text-align: left;
		vertical-align: top;
	}

.right-news table td.date {
		width: 52px;
	}

.right-news-month h3 {
	font-size: 150%;
    margin-bottom: 8px;
}

.right-news-month h3.add-top-margin {
	margin-top: 25px;
    margin-bottom: 5px;
}

.right-news-month a {
 display: block;
 padding: 2px 0;
 line-height: 150%;
 border: solid 1px #EAEAEA;
 border-width: 0 0 1px;
}

.right-news a {
 display: block;
 padding: 4px 0;
 line-height: 170%;
 
}

.right-news-month a span, .right-news td.date a {
	color: #008ecc;
}

.right-news-month a span {
	display: block;
	float: right;
	margin: 0 5px 0 0;
}

.right-news-month {
	width: 10%;
	float: right;
    padding:20px 25px 0 0;
}

.contacts-right {
	float: right;
	width: 180px;
	padding: 35px 25px 0 0;
}

.news-date {
	margin: 0 7pt 10px 0;
	color: #fff;
	font-size: 185%;
	width: 45pt;
	float: left;
	text-align: right;
	background: #AAA8A9 none repeat scroll top left;
}

.news-date span {
	display: block;
	padding: 1px 2px;
}

.news-date span.news-date-month-year {
	font-size: 58%;
	padding: 1px 2px 1px;
	background: #008ecc none repeat scroll top left;
}

.left-news h3 {
	margin-bottom: 2px;
}

.left-news .news-announce {
	padding: 0 0 0 52pt;
}

hr.news-line {
	margin: 3px 0 10px;
	height: 1px;
	width: 100%;
	background: none;
	border: none;
	border-bottom: solid 1px #CCCCCC;
	clear: left;
}

.news-image {
	text-align: center;
}

.news-text {
	clear: left;
	margin: 0 0 10px;
}

.contacts-right h3 {
	font-size: 150%;
	
}

.contacts-right h4 {
	margin: 15px 0 2px;
}

.contacts-right p {
	margin: 0 0 2px;
}

#right .moduletable {
	margin-bottom: 20px;
}

.services-left {
	margin: 10px 10px 10px 25px;
	width: 480px;
}

.services-left h3 {
	margin: 15px 0 0;
	padding: 0 10px 4px;
	text-align: left;
	font-size: 155%;

}

.service-image {
	text-align: center;
}

.services-left .service-image-big {
	text-align: center;
}

.services-left .service-cost {
	text-align: left;
	margin: 0;
	padding: 3px 10px;
        border-bottom: dotted 1px #ccc;
}

.block-to-order {
    margin: 0px 0 10px;
	padding: 5px 10px 8px;
	text-align: left;
	clear: left;
   	position: relative;
    border-bottom: dotted 1px #ccc;
}

.block-to-order p {
	margin: 0;
	padding: 0;
}

.service-announce {
	margin: 5px 0 10px;
	padding: 5px 0;
    border-bottom: solid 1px #EDEDED;
}

.service-text {
	font-size: 120%;
}

a.go-order-button-ru, a.go-order-button-ru span {
    background-position: top left;
    background-repeat: no-repeat;
}

.go-order-button-ru a:hover, .go-order-button-ru a:hover span {
    cursor: default;
    background-position: bottom left;
}

.go-order-button-ru {
    margin-top: 8px;
    line-height: 25px;
    text-align: center;
    position: relative;
    overflow: hidden;
		}

.go-order-button-ru span{
    position: absolute;
	top: 0;
	left: 0;
}


.go-order-button-ru, .go-order-button-ru span {
    background-image: url(../i/order_ru.gif);
    display: block;
    height: 25px;
    width: 76px;
}

a.go-order-button-en, a.go-order-button-en span {
    background-position: top left;
    background-repeat: no-repeat;
}

.go-order-button-en a:hover, .go-order-button-en a:hover span {
    cursor: default;
    background-position: bottom left;
}

.go-order-button-en {
    margin-top: 8px;
    line-height: 25px;
    text-align: center;
    position: relative;
    overflow: hidden;
		}

.go-order-button-en span{
    position: absolute;
	top: 0;
	left: 0;
}

.go-order-button-en, .go-order-button-en span {
    background-image: url(../i/order_en.gif);
    display: block;
    height: 25px;
    width: 76px;
}


.services-left .service-cost span {
	color: #008ecc;
	font-size: 140%;
}

.services-right {
	width: 450px;
	margin: 10px 0px 10px 0;
	float: right;
}


.services-right .service-image-small {
	float: left;
	width: 200px;
    text-align: left;
    padding-bottom: 10px;
	margin: 0 20px 10px 0px;
}


.services-right .service-title-block {
	width: 100%;
    margin: 10px 0 0px;
   	padding: 0;
    background-color: #fff;
	border-spacing: 0px;
	border-collapse: collapse;
}

.services-right .service-title-block h3 {
   line-height: 150%;
}

.services-right h3 {
	text-align: left;
	margin: 0;
	line-height: 100%;
	font-size: 100%;
    font-weight:  bolder;
}

.services-right h3 a {
	font-size: 120%;
	color: #666;
}


.services-right .service-cost {
	text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
	width: 100%;
	line-height: 100%;
    color: #666;


}

.services-right .service-cost span {
	color: #0088cc;
	font-size: 130%;
	line-height: 100%;
}

.services-right .service-right-announce {
	color: #666;
    line-height: 150%;
}

.services-right .link-more {
	margin: 5px 0 0px;
	display: block;
	float: left;
    width: 90px;
    text-align: left;
	color: #0088cc;
	background: #fff none repeat scroll top left;
}

.services-right .link-more:hover{
	 text-decoration: underline;
}


.service-order-form h3 {
	margin: 20px 0 0;
	color: #979797;
	text-align: left;
	font-size: 133%;
}

.service-order-form h3 span {
	text-transform: uppercase;
	color: #008ecc;
}

.service-order-form,
.service-order-form dl,
.service-order-form form,
.service-order-form fieldset {
	width: 100%;
	margin: 0;
	padding: 0;
}

.service-order-form fieldset {
	margin: 0 0 10px;
	border-top: solid 1px #E2E2E2;
}


.service-order-form dt {
	padding: 10px 0 0;
	width: 30%;
	margin: 0 -30% 0 0;
	float: left;
}

.service-order-form dd {
	padding: 10px 0 0;
	width: 70%;
	margin: 0 0 0 30%;
}

.service-order-form dd .editor-field {
	color: #008ecc;
}

.service-order-form dd input.editor-field {
	width: 100%;
}

.service-order-form dd input.small-field {
	width: 64%;
}

.service-order-form dd textarea.editor-field {
	width: 100%;
}

.service-order-form dd .editor-info {
	width: 80%;
	border: none;
	color: #008ecc;
}

.service-order-form .success {
	padding: 5px;
	margin: 10px;
	background: #F1FBE5 none repeat scroll top left;
	border:1px solid #8CCE3B;
	color:#030303;
}

.service-order-form dd ul.errors {
	list-style: none;
	padding: 5px;
	margin: 5px 0 0;
	border:1px solid #CD0A0A;
	color:#CD0A0A;
	background: #FEF1EC none repeat scroll top left;
}

.service-order-form label.required {
	font-weight: normal;
}

.service-order-form fieldset.editor-buttons {
	text-align: right;
}

.service-order-form fieldset.editor-buttons input.editor-button {
	margin: 10px 0 0;
	width: 90px;
	background: #838280 none repeat scroll top left;
	color: #fff;
	border: solid 1px #C4C4C4;
}

#certificateCost-label, #certificateCost-element {
	margin-top: 10px;
	border-top: solid 1px #E2E2E2;
}

.service-order-form fieldset.editor-buttons p.hint {
	padding: 5px 0 5px 30%;
}

.main-content {
	min-height: 550px;
	clear: both;
	overflow: hidden;
}

.main-content .main-content-image {
	text-align: center;
}

.main-content .main-content-text {
	margin: 5px 0;
}



.portfolio {
	margin: 10px 25px 10px;
}

.portfolio-top {
	clear: both;
	overflow: hidden;
	position: relative;
}

.portfolio-overlay {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: #FFFFFF none repeat scroll top left;
	background: #FFFFFF;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.portfolio .portfolio-left {
	padding: 0;
	margin: 0;
	width: 740px;
	height: 500px;
	overflow: hidden;
}

.portfolio .portfolio-left .big-image-block {
	padding: 0;
	margin: 0;
	display: table-cell;
	vertical-align: middle;
	width: 740px;
	height: 500px;
	text-align: center;
	position: relative;
}

.portfolio .portfolio-left .big-image-block * {
	vertical-align: middle;
}

.portfolio .portfolio-left {
	display: block;
}

.portfolio .portfolio-right {
	float: right;
	width: 18%;
	height: 100%;
	position: relative;
}

.portfolio .portfolio-right h3 {
	margin: 0px 0px 0px 0px;
	font-size: 100%;
}

.portfolio .portfolio-right > div {
	font-size: 110%;
	margin: 0px 0 12px 0;
}

.portfolio .portfolio-right > div * {
	margin: 0px;
}

.portfolio .portfolio-top .block-to-order {
	 border: none;
    width: 18%;
    margin:0;
    padding:0;
    text-align: left;
    clear: left;
    position: absolute;
    right: 0;
    bottom: 0px;
}

.portfolio .portfolio-top .block-to-order p {
    position: relative;
    bottom: 0px;
    color: #555;
    margin:0;
    padding-bottom: 3px;
}

.portfolio .portfolio-bottom {
	margin: 10px -9px 10px 0px;
	clear: both;
	overflow: hidden;
}

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	margin-bottom: -20px;
	width: 860px;
	height:80px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:3px 3px 4px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

/* active item */
.scrollable .active {
	border:2px solid #666;
	z-index:9999;
	position:relative;
}

/* this makes it possible to add next button beside scrollable */ 
.scrollable {
	float:left;
    margin-right: 3px;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../../i/scroll/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:25px 3px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 

#bottom {
	width: 980px;
	clear: left;
	float: left;
	color: #666;
	background:#151515;
	padding:0 0 20px;
}
#right h3, #bottom h3 {
	margin: 0px;
	color: #1F6BB2;
	font-size: 12px;
    font-family: "Trebuchet MS", helvetica, arial, sans-serif;
    letter-spacing: 0.2px;
	border-bottom:5px solid #242424;
	padding:0 0 5px 0;
}

#footer {
   margin: 0 auto;
   height: 25px;
   width: 980px;
   padding-top: 5px;
   padding-bottom: 45px;
   text-align: left;
    font-family: "Trebuchet MS", helvetica, arial, sans-serif;
    letter-spacing: 0.2px;
	font-size: 90%;
    TEXT-DECORATION: none;
   	color: #999;
    text-transform: uppercase;
}
#footer a {
        TEXT-DECORATION: none;
	color: #999;
}


#footer a:hover {
        TEXT-DECORATION: none;
	    color: #666;
}


h2.contentheading, h2.componentheading {
	margin-bottom: 20px;
	margin-top: 10px;
}
.clear {
	clear: both;
}
/* COMMON TAGS */
.modifydate {
	color: #C0C0C0;
}
.author {
	color: #C0C0C0;
}
.createdate {
	color: #C0C0C0;
}
.contenttoc {
	margin: 5px;
}
ul {
	margin: 2px;
	padding: 6px;
	padding-left: 15px;
}
li {
	padding-left: 1px;
	line-height: 150%;
}
ul.arrow1 li, ul.arrow2 li {
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.buttons {
	float:right;
	width:85px;
}
.buttons .buttonheading {
	float:left;
}
.buttons img {
	border: 0;
}
fieldset {
	border: none;
}
textarea, input {
	border: solid 1px #ccc;
	color: #666;
}
.button {
	background: none;
	border: solid 1px #ccc;
	color: #990000;
}

#topmenu {
    float: right;
	height: 20px;

     }
#topmenu ul {
    padding-top: 30px;
    padding-bottom: 35px;
    margin-left: 25px;
    margin-right: 25px;
    list-style: none;
    float: right;
   	}

#topmenu li {
    list-style: none;
    float: left;
	font-weight: normal;
	font-size: 11px;
	padding-right: 0px;
	padding-left: 30px;
	line-height: 20px;
    text-align: right;
	text-transform: uppercase;
    font-family: "Trebuchet MS", helvetica, arial, sans-serif;
    letter-spacing: 0.2px;
}
#topmenu li a, #topmenu li span {
	display: block;
	padding: 0;
	font-weight: normal;
	text-decoration: none;
	color: #555;
}
#topmenu li:hover, #topmenu li.hover {
	position: static;
    }
#topmenu li span, #topmenu li a:hover, #topmenu li.active a {
	color: #333;
	background-position: center;
}


html>body #topmenu li a, html>body #topmenu li span {
	width: auto;
}



#submenu {
    float: right;
    width: 980px;
    margin-right: 25px;
}

#submenu ul {
    float: right;
    list-style: none;
}

#submenu li {
    list-style: none;
 	float: left;
	font-weight: normal;
	font-size: 10px;
	padding-right: 0px;
	padding-left: 20px;
	line-height: 20px;
 	text-transform: uppercase;
    font-family: "Trebuchet MS", helvetica, arial, sans-serif;
    letter-spacing: 0.2px;
}
#submenu li a {
	display: block;
	padding: 0px;
    text-decoration: none;
	color: #777;
    font-weight: normal;
}
#submenu li:hover, #submenu li.hover {
	position: static;
 }
#submenu li a:hover, #submenu li.active a {
	color: #333;
	background-position: center;
}

#submenu li a.current {
	color: #777;
}

html>body #submenu li a {
	width: auto;

}

div.save-copyright {
        color: #999999;
        font-size: 90%;
        padding-top: 3px;
        padding-left: 5px;
        padding-right: 5px;
        text-align: justify;
		margin: 10px 0 15px 0;
		border-top: dotted 1px #CCCCCC;
	}

div.save-copyright a
     {
        color: #999999;
     }

div.save-copyright a:hover
     {
        color: #666;
     }

h3.about-title {
		text-align: left;
        font-size: 15px;
        font-weight: bold;
	}