@charset "utf-8";
/* CSS Document */

div, p, body, table, tr, td, h1, h2, h3, h4, h5, form, img, ul, li{
margin:0;
padding:0;
}

body {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
background: #49505a url(img/body-bg.jpg) top center repeat-x;
}

.clearfloat{
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

a img {
border:0px;
}

.style-red{
color: #ff3100;
}

img.captcha {
border:1px solid #009ce4;
}

form, input, textarea {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
margin:2px;
}

input, textarea {
border:1px solid #009ce4;
}

input:focus, textarea:focus {
border:1px solid #ff3100;
}


/* --- Page center block --- */
#main-wrapper{
margin:0 auto;
width:995px;
height:100%;
}


/* --- Page header block --- */
#header{
width: 915px;
height: 29px;
background: #ffffff url(img/header-bg.jpg) 0 0 no-repeat;
position:relative;
z-index:40;
padding: 0px 40px 0px 40px;
}

#header .separator{
width:1px;
height:22px;
margin:7px 12px 0 12px;
float:left;
background:url(img/header-separator.gif) 0 1px no-repeat;
}

#header .language{
margin-top:7px;
width:auto;
float:left;
font: "Arial Narrow", Arial, Helvetica, sans-serif;
}

#header .language a, #header .language a:link, #header .language a:visited{
color:#000000;
text-decoration:none;
}

#header .language a:hover{
color:#08b1ff;
text-decoration:underline;
}

#header .separator-menu{
width:1px;
height:29px;
background:url(img/header-separator.gif) bottom no-repeat;
float:left;
}

#header .header-menu{
width:327px;
height:29px;
position:absolute;
z-index:30;
top:0px;
right:18px;
}

#header .header-menu a, #header .header-menu a:hover, #header .header-menu a:link, #header .header-menu a:visited{
color:#000000;
text-decoration:none;
float:left;
}

#header .header-menu #header-menu-index{
background:url(img/header-menu-index.gif) 0 0 no-repeat;
width:106px;
height:29px;
display:block;
}

#header .header-menu #header-menu-index:hover{
background:url(img/header-menu-index.gif) 0 -29px no-repeat;
width:106px;
height:29px;
display:block;
}

#header .header-menu #header-menu-sitemap{
background:url(img/header-menu-sitemap.gif) 0 0 no-repeat;
width:128px;
height:29px;
display:block;
}
#header .header-menu #header-menu-sitemap:hover{
background:url(img/header-menu-sitemap.gif) 0 -29px no-repeat;
width:128px;
height:29px;
display:block;
}

#header .header-menu #header-menu-email{
background:url(img/header-menu-email.gif) 0 0 no-repeat;
width:91px;
height:29px;
display:block;
}

#header .header-menu #header-menu-email:hover{
background:url(img/header-menu-email.gif) 0 -29px no-repeat;
width:91px;
height:29px;
display:block;
}


/* --- Page banner block --- */
#banner{
width: 320px;
height: 40px;
background: url(img/banner-bg.jpg) 0 0 no-repeat;
padding:47px 0 0 671px;
position:relative;
}

.creative-solutions, .creative-solutions:link, .creative-solutions:visited, .creative-solutions:hover {
position:absolute;
display:block;
width:285px;
height:56px;
left:37px;
top:17px;
background:url(img/creative-solutions-logo.jpg) 0 0 no-repeat;
}

#banner a.banner-order{
width:100px;
height:25px;
background:url(img/order-button.png) 0 0 no-repeat;
display:block;
}


/* --- Page main menu block --- */
#main-menu{
width: 995px;
height: 32px;
position:relative;
z-index:11;
background:#ffffff url(img/menu-bg.jpg) 0 0 no-repeat;
padding-bottom:28px;
}

#main-menu .separator {
width:1px;
height:35px;
background:url(img/main-menu-separator.gif) 0 0 no-repeat;
float:left;
margin:0; padding:0;
}
#main-menu .menu-container {
position:absolute;
top:-3px;
left:89px;
width:817px;
height:35px;
z-index:120;
}

#main-menu .menu-container div{
float:left;
}


#main-menu a.about{
width:128px;
height:35px;
background:url(img/menu-about-button.gif) 0 0 no-repeat;
display:block;
}

#main-menu a.about:hover{
width:128px;
height:35px;
background:url(img/menu-about-button.gif) 0 -35px no-repeat;
display:block;
}


#main-menu a.news{
width:105px;
height:35px;
background:url(img/menu-news-button.gif) 0 0 no-repeat;
display:block;
}

#main-menu a.news:hover{
width:105px;
height:35px;
background:url(img/menu-news-button.gif) 0 -35px no-repeat;
display:block;
}


#main-menu a.service{
width:96px;
height:35px;
background:url(img/menu-service-button.gif) 0 0 no-repeat;
display:block;
}

#main-menu a.service:hover{
width:96px;
height:35px;
background:url(img/menu-service-button.gif) 0 -35px no-repeat;
display:block;
}


#main-menu a.portfolio{
width:126px;
height:35px;
background:url(img/menu-portfolio-button.gif) 0 0 no-repeat;
display:block;
}

#main-menu a.portfolio:hover{
width:126px;
height:35px;
background:url(img/menu-portfolio-button.gif) 0 -35px no-repeat;
display:block;
}


#main-menu a.contacts{
width:115px;
height:35px;
background:url(img/menu-contacts-button.gif) 0 0 no-repeat;
display:block;
}

#main-menu a.contacts:hover{
width:115px;
height:35px;
background:url(img/menu-contacts-button.gif) 0 -35px no-repeat;
display:block;
}


#main-menu a.makeorder{
width:148px;
height:35px;
background:url(img/menu-makeorder-button.gif) 0 0 no-repeat;
display:block;
}

#main-menu a.makeorder:hover{
width:148px;
height:35px;
background:url(img/menu-makeorder-button.gif) 0 -35px no-repeat;
display:block;
}


#main-menu a.articles{
width:91px;
height:35px;
background:url(img/menu-articles-button.gif) 0 0 no-repeat;
display:block;
}

#main-menu a.articles:hover{
width:91px;
height:35px;
background:url(img/menu-articles-button.gif) 0 -35px no-repeat;
display:block;
}


/*#main-menu a.blog{
width:76px;
height:35px;
background:url(img/menu-blog-button.gif) 0 0 no-repeat;
display:block;
}

#main-menu a.blog:hover{
width:76px;
height:35px;
background:url(img/menu-blog-button.gif) 0 -35px no-repeat;
display:block;
}*/


/* --- Page content block --- */
#content{
width: 995px;
background:#ffffff;
position:relative;
}

.blocks-separator{
height:10px;
width:10px;
}


.presentation {
width:660px;
height:440px;
overflow:hidden;
/*padding-bottom:10px;*/
}


.main-about{
background:#f0f2f4 url(img/main-about-bg.jpg) 0 0 repeat-y;
width:450px;
position:relative;
margin-left:40px;
padding: 10px 15px 12px 155px;
z-index:24;
}

.main-about-header{
width:620px;
height:7px;
background:url(img/main-about-header-bg.jpg) 0 0 no-repeat;
position:absolute;
top:0px;
left:0px;
z-index:25;
}

.main-about-footer{
height:7px;
width:620px;
background:url(img/main-about-footer-bg.jpg) 0 0 no-repeat;
position:absolute;
bottom:0px;
left:0px;
z-index:26;
}

.main-about h1 {
color:#009ce4;
text-transform:uppercase;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:normal;
padding-bottom:6px;
font-weight:normal;
}

.main-about h1 a, .main-about h1 a:link, .main-about h1 a:visited{
color:#009ce4;
text-decoration:none;
}

.main-about h1 a:hover{
text-decoration:underline;
}

.main-about h2 {
color:#FE0000;
text-transform:uppercase;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:normal;
padding-bottom:6px;
font-weight:normal;
}

.main-about h2 a, .main-about h2 a:link, .main-about h2 a:visited{
color:#FE0000;
text-decoration:none;
}

.main-about h2 a:hover{
text-decoration:underline;
}

.main-about p a, .main-about p a:link, .main-about p a:visited{
color:#000000;
text-decoration:underline;
}

.main-about p a:hover{
text-decoration:none;
}

.main-about-logo{
background:url(img/main-about-logo.jpg) 0 0 no-repeat;
width:121px;
height:136px;
position:absolute;
left:14px;
top:0px;
z-index:27;
}


.main-news{
background:#f0f2f4 url(img/main-news-bg.gif) 0 0 no-repeat;
width:660px;
height:130px;
position:relative;
}

.main-news h3 {
color:#ffffff;
text-transform:uppercase;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 24px;
font-weight:normal;
position:absolute;
top:12px;
left:194px;
}

.main-news h3 a, .main-news h3 a:link, .main-news h3 a:visited{
color:#ffffff;
text-decoration:none;
}

.main-news h3 a:hover{
text-decoration:underline;
}

.main-news img.brand-image{
width:175px;
height:130px;
position:absolute;
top:0;
left:0;
}

.main-news a.news-all, .main-news a:link.news-all, .main-news a:visited.news-all, .main-news a:hover.news-all{
width:75px;
height:20px;
display:block;
position:absolute;
top:13px;
left:525px;
text-decoration:underline;
font-size:11px;
font:Arial, Helvetica, sans-serif, "Arial Narrow";
color:#ffffff;
}

.main-news a.news-prev, .main-news a.news-next{
width:20px;
height:20px;
display:block;
position:absolute;
cursor:pointer;
}

.main-news a.news-prev{
background:url(img/main-news-prev.gif) 0 0 no-repeat;
top:10px;
left:607px;
}

.main-news a.news-next{
background:url(img/main-news-next.gif) 0 0 no-repeat;
top:10px;
left:630px;
}

.main-news .news-separator{
width:1px;
height:76px;
background:url(img/main-news-separator.gif) 0 0 no-repeat;
position:absolute;
top:38px;
left:416px;
}

.main-news .news-right{
width:203px;
height:90px;
position:absolute;
left:436px;
top:35px;
}

.main-news .news-left{
width:203px;
height:90px;
position:absolute;
left:194px;
top:35px;
}

.main-news p a, .main-news p a:link, .main-news p a:visited{
color:#000000;
text-decoration:none;
}

.main-news p a:hover{
text-decoration:underline;
}

.main-news .news-date {
color:#606d7c;
}

.main-news .news-date a, .main-news .news-date a:link, .main-news .news-date a:visited{
color:#606d7c;
text-decoration:none;
}

.main-news .news-date a:hover{
text-decoration:underline;
}

.main-news h4 {
color:#fe0000;
font-size:13px;
font-weight:bold;
}

.main-news h4 a, .main-news h4 a:link, .main-news h4 a:visited{
color:#fe0000;
text-decoration:none;
}

.main-news h4 a:hover{
text-decoration:underline;
}


.main-question{
background:#f0f2f4 url(img/main-question-bg.gif) 0 0 no-repeat;
width:620px;
height:60px;
position:relative;
margin-left:40px;
}

.main-question h3 {
color:#009ce4;
text-transform:uppercase;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 16px;
font-weight:normal;
padding-top:15px;
margin-left:20px;
}

.main-question p {
margin-left:20px;
}

.main-question .main-question-phone{
position:absolute;
left:202px;
top:19px;
width:127px;
height:20px;
padding: 3px 0 0 3px;
color:#009ce4;
}

.main-question .main-question-phone img{
margin-right:4px;
vertical-align:top;
margin-top:-3px;
}

.main-question .main-question-icq{
position:absolute;
left:352px;
top:19px;
width:95px;
height:20px;
padding: 3px 0 0 23px;
background:url(img/main-question-icq.gif) 0 0 no-repeat;
}

.main-question .main-question-email{
position:absolute;
left:470px;
top:19px;
width:100px;
height:20px;
padding: 3px 0 0 23px;
background:url(img/main-question-email.gif) 0 0 no-repeat;
}


/* --- About page blocks --- */

.about-page-board {
background: #4d535e url(img/about-page-board-bg.jpg) 0 0 no-repeat;
width:660px;
height:180px;
}

/* --- NEWS page blocks --- */
.news-page-board {
background: #4d535e url(img/news-page-board-bg.jpg) 0 0 no-repeat;
width:660px;
height:180px;
}

/* --- PORTFOLIO page blocks --- */

.portfolio-page-board {
background: #4d535e url(img/portfolio-page-board-bg.jpg) 0 0 no-repeat;
width:660px;
height:180px;
}

/* --- contact page blocks --- */

.contacts-page-board {
background: #4d535e url(img/contacts-page-board-bg.png) 0 0 no-repeat;
width:660px;
height:180px;
}

/* --- order page blocks --- */

.order-page-board {
background: #4d535e url(img/order-page-board-bg.png) 0 0 no-repeat;
width:660px;
height:180px;
}


/* --- blog page blocks --- */

.blog-page-board {
background: #4d535e url(img/articles-page-board-bg.png) 0 0 no-repeat;
width:660px;
height:180px;
}



/* --- Page CONTENT style --- */

.content{
margin-left:40px;
width:600px;
padding: 18px 0 20px 0;
position:relative;
}

.content h1 {
color:#ff3100;
text-transform:uppercase;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 16px;
font-weight:normal;
}

.content h1 a, .content h1 a:visited, .content h1 a:link{
color:#ff3100;
text-transform:uppercase;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 16px;
font-weight:normal;
text-decoration:none;
}

.content h1 a:hover{
color:#ff3100;
text-transform:uppercase;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 16px;
font-weight:normal;
text-decoration:underline;
}

.content h2 {
color:#009ce4;
font-size:13px;
font-weight:bold;
}

.content h2 a, .content h2 a:visited, .content h2 a:link{
color:#009ce4;
font-size:13px;
font-weight:bold;
text-decoration:none;
}

.content h2 a:hover{
color:#009ce4;
font-size:13px;
font-weight:bold;
text-decoration:underline;
}

.content h3 {
color:#ff3100;
font-size:12px;
font-weight:normal;
}

.content h3 a, .content h3 a:visited, .content h3 a:link{
color:#ff3100;
font-size:12px;
font-weight:normal;
text-decoration:none;
}

.content h3 a:hover{
color:#ff3100;
font-size:12px;
font-weight:normal;
text-decoration:underline;
}

.content h4 { /* as .block-date style */
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#606d7c;
}

.content h4 a, .content h4 a:visited, .content h4 a:link{
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#606d7c;
text-decoration:none;
}

.content h4 a:hover{
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#606d7c;
text-decoration:underline;
}

.content p {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
}

.content p span{
color:#40b3e8;
}

.content a, .content a:link, .content a:visited{
color:#000000;
text-decoration:underline;
}

.content a:hover{
color:#000000;
text-decoration:none;
}

.content ul, #content ul{
list-style :url(img/bul1.gif);
margin:0px 0px 0px 0px;
}

.content ul li, #content ul li{
list-style :url(img/bul1.gif);
margin:0px 0px 0px 30px;
}

.content ul ul, #content ul ul{
list-style :url(img/bul2.gif);
margin:0px 0px 0px 30px;
//margin:0px 0px 0px 0px;
}

.content ul ul li, #content ul ul li{
list-style :url(img/bul2.gif);
margin:0px 0px 0px 20px;
}

.content ol, #content ol{
color :#40b3e8;
margin:0px 0px 0px 0px;
}

.content ol li, #content ol li{
color :#40b3e8;
margin:0px 0px 0px 40px;
}

.content ol li p, #content ol li p, .content ol li div, #content ol li div {
color:#000000;
}

.content .hr{
margin:0px;
padding: 5px 0px;
height:1px;
background:url(img/main-blog-separator.gif) 0 5px repeat-x;
}


/* --- Content NEWS-list --- */

.content#news-list{
margin-left:40px;
width:600px;
padding: 18px 0 20px 0;
position:relative;
}

.content table.news-list{
margin:0px;
padding:0px;
border:0px solid #0000FF;
border-collapse:collapse;
width:100%;
margin-bottom:5px;
margin-top:5px;
}

.content table.news-list td {
vertical-align:top;
text-align:left;

}

.content table.news-list td.news-list-picture{
width:195px;
}

.content table.news-list td.news-list-text{
height:103px;
}

.content table.news-list td.news-list-detail{
background:url(img/news-detail.gif) #f0f2f4 0 0 no-repeat;
vertical-align:middle;
width:405px;
height:27px;
z-index:60;
}

.content table.news-list td.news-list-detail p{
width:260px;
padding-left:10px;
}

.content table.news-list td.news-list-detail p a,.content table.news-list td.news-list-detail p a:visited, .content table.news-list td.news-list-detail p a:link{
text-decoration:none;
}

.content table.news-list td.news-list-detail p a:hover{
text-decoration:underline;
}

.content table.news-list td.news-list-detail div.separator-container{
position:relative;
float:right;
}

.content table.news-list td.news-list-detail div.separator{
width:100px;
height:17px;
position:absolute;
z-index:62;
bottom:-7px;
right:0px;
padding: 5px 10px 5px 11px;
background:url(img/news-detail-separator.gif) 0 0 no-repeat;
}

.content table.news-list td.news-list-detail div.separator a.detailed-button{
width:100px;
height:17px;
background:url(img/detailed-button.gif) 0 0 no-repeat;
display:block;
}

/* --- Page NEWS-article --- */

.blocks-separator-47px{
height:47px;
width:10px;
}

#content .new-footer {
width:580px;
height:17px;
position:absolute;
bottom:10px;
left:40px;
background:url(img/new-detail.gif) 0 0 no-repeat;
padding: 5px 10px;
z-index:64;
}

#content .new-footer p {
width:340px;
padding-top:2px;
}

#content .new-footer p a,#content .new-footer p a:visited, #content .new-footer p a:link{
text-decoration:none;
color:#000000;
}

#content .new-footer p a:hover{
text-decoration:underline;
color:#000000;
}

#content .new-footer div.separator{
float:right;
width:210px;
height:17px;
right:0px;
padding: 0px 0px 0px 11px;
background:url(img/news-detail-separator.gif) 0 0 no-repeat;
}

#content .new-footer a.print-button{
width:100px;
height:17px;
background:url(img/print-button.gif) 0 0 no-repeat;
display:block;
float:left;
margin-right:10px;
}

#content .new-footer a.back-button{
width:100px;
height:17px;
background:url(img/back-button.gif) 0 0 no-repeat;
display:block;
float:left;
}


/* --- page PORTFOLIO --- */

.content#portfolio-page{
margin-left:40px;
margin-right:40px;
width:915px;
padding: 10px 0 10px 0;
}

.portfolio-block {
margin:10px 0;
position:relative;
background: url(img/portfolio-block-bg.gif) left repeat-y;
zoom:1;
}

.portfolio-header {
position:absolute;
top:0;
left:0;
/*z-index:18;*/
background:url(img/portfolio-block-header.gif) 0 0 no-repeat;
width:620px;
height:4px;
}

.portfolio-img {
padding: 10px; 
float:left;
width:165px;
}

.portfolio-text {
padding: 20px 20px 15px 10px;
width:405px;
float:left;
}

.portfolio-link, .portfolio-link:visited, .portfolio-link:link {
color:#009fe9;
text-decoration:none;
}

.portfolio-link:hover {
text-decoration:underline;
}

.portfolio-prev-img {
margin-left:630px;
width:255px;
}

a.portfolio-f1-button {
position:absolute;
top:0;
right:0;
width:20px;
height:20px;
background:url(img/f1-button.gif);
display:block;
}

a.portfolio-up-button {
position:absolute;
bottom:23px;
right:0;
width:20px;
height:20px;
background:url(img/up-button.gif);
display:block;
}

a.portfolio-down-button {
position:absolute;
bottom:0;
right:0;
width:20px;
height:20px;
background:url(img/down-button.gif);
display:block;
}

/*a:hover.portfolio-f1-button {
position:absolute;
top:0;
right:0;
width:20px;
height:20px;
background:url(img/f1-button-active.gif);
display:block;
}

a:hover.portfolio-up-button {
position:absolute;
bottom:23px;
right:0;
width:20px;
height:20px;
background:url(img/up-button-active.gif);
display:block;
}

a:hover.portfolio-down-button {
position:absolute;
bottom:0;
right:0;
width:20px;
height:20px;
background:url(img/down-button-active.gif);
display:block;
}*/

.portfolio-footer {
position:absolute;
bottom:0;
left:0;
background:url(img/portfolio-block-footer.gif) 0 0 no-repeat;
width:620px;
height:4px;
}

.portfolio-block-separator{
height:1px;
background:url(img/portfolio-block-separator.gif) 0 0 repeat-x;
}

.portfolio-page-footer{
width:915px;
height:20px;
padding: 7px 0 0 0;
margin-top:2px;
background:url(img/portfolio-page-footer-bg.gif) 0 0 no-repeat;
text-align:center;
}

.portfolio-page-footer a, .portfolio-page-footer a:visited, .portfolio-page-footer a:link{
color:#000000;
text-decoration:none;
}

.portfolio-page-footer a:hover{
color:#000000;
text-decoration:underline;
}

#portfolio-page .service-left-block{
padding-right:20px;
}


/* --- page PORTFOLIO-ITEM --- */

.portfolio-item-block {
background: #49505a;
position:relative;
zoom:1;
margin:10px 0;
text-align:center;
}

.portfolio-item-header {
position:absolute;
top:0;
left:0;
background:url(img/portfolio-item-page-header.gif) 0 0 no-repeat;
width:915px;
height:4px;
}

.portfolio-item-pic {
padding:10px;
}

.portfolio-item-close-button {
position:absolute;
top:10px;
right:10px;
width:20px;
height:20px;
background:url(img/close-button-dark.gif);
display:block;
}

.portfolio-item-up-button {
position:absolute;
bottom:33px;
right:10px;
width:20px;
height:20px;
background:url(img/up-button-dark.gif);
display:block;
}

.portfolio-item-down-button {
position:absolute;
bottom:10px;
right:10px;
width:20px;
height:20px;
background:url(img/down-button-dark.gif);
display:block;
}

.portfolio-item-footer {
position:absolute;
bottom:0;
left:0;
background:url(img/portfolio-item-page-footer.gif) 0 0 no-repeat;
width:915px;
height:4px;
}



/* --- SERVICE page --- */

.service-page-board {
background: #4d535e url(img/service-page-board-bg.jpg) 0 0 no-repeat;
width:660px;
height:180px;
}

.content#service-page{
margin-left:40px;
width:630px;
}

.service-left-block{
width:245px;
float:right;
padding: 28px 60px 30px 0px;
}

.service-left-block h3 {
color:#009ce4;
text-transform:uppercase;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 24px;
font-weight:normal;
}

.service-left-block h3 a, .service-left-block h3 a:link, .service-left-block h3 a:visited{
color:#009ce4;
text-decoration:none;
}

.service-left-block h3 a:hover{
text-decoration:underline;
}

.service-left-block .block-separator{
margin:0px;
padding: 6px 0px;
height:1px;
background:url(img/main-blog-separator.gif) 0 7px no-repeat;
}

.service-left-block p a, .service-left-block p a:link, .service-left-block p a:visited{
color:#000000;
text-decoration:underline;
}

.service-left-block p a:hover{
text-decoration:none;
}

.service-left-block h4 {
color:#000000;
font-size:13px;
font-weight:bold;
}

.service-left-block h4 a, .service-left-block h4 a:link, .service-left-block h4 a:visited{
color:#000000;
text-decoration:none;
}

.service-left-block h4 a:hover{
text-decoration:underline;
}


.service-card {
width:305px;
height: 187px;
float:left;
position:relative;
zoom:1;
background: #f0f2f4 url(img/servive-card-bg.gif) left bottom no-repeat;
margin-right:10px;
margin-top:10px;
}

.servive-card-header{
width:305px;
height:74px;
background:top left no-repeat;
}

.servive-card-header a{
width:305px;
height:74px;
display:block;
background:top left no-repeat;
}

.servive-card-header a.servive-card-vizitka,.servive-card-header.servive-card-vizitka{
background:url(img/servive-card-vizitka.gif);
}

.servive-card-header a.servive-card-site, .servive-card-header.servive-card-site{
background:url(img/servive-card-site.gif);
}

.servive-card-header a.servive-card-shop, .servive-card-header.servive-card-shop{
background:url(img/servive-card-shop.gif);
}

.servive-card-header a.servive-card-online, .servive-card-header.servive-card-online{
background:url(img/servive-card-online.gif);
}

.servive-card-header a.servive-card-more, .servive-card-header.servive-card-more{
background:url(img/servive-card-more.gif);
}

.servive-card-header a.servive-card-prodv, .servive-card-header.servive-card-prodv{
background:url(img/servive-card-prodv.gif);
}


.service-card-text{
padding: 3px 19px 0px 19px;
height:68px;
overflow:hidden;
}

.service-card .detailed-cost{
width:155px;
height:17px;
position:absolute;
bottom:11px;
left:20px;
}

.service-card .detailed-cost span{
font-weight:bold;
color:#08b1ff;
text-decoration:none;
}

.service-card .detailed-cost span a, .service-card .detailed-cost span a:link, .service-card .detailed-cost span a:visited{
color:#08b1ff;
text-decoration:none;
display:inline;
}

.service-card .detailed-cost span a:hover {
text-decoration:underline;
}

.service-card .detailed-button{

width:100px;
height:17px;
background:url(img/detailed-button.gif) 0 0 no-repeat;
display:block;
position:absolute;
bottom:12px;
right:19px;
}


/* --- Page right content block --- */
#content-right{
width: 325px;
float:right;
}

.main-service{
background:#f0f2f4 url(img/main-service-bg.jpg) 0 0 no-repeat;
width:252px;
height:103px;
position:relative;
padding: 12px 40px 15px 33px;
color:#ffffff;
}

.main-service h3 {
color:#009ce4;
text-transform:uppercase;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 24px;
font-weight:normal;
}

.main-service h3 a, .main-service h3 a:link, .main-service h3 a:visited{
color:#009ce4;
text-decoration:none;
}

.main-service h3 a:hover{
text-decoration:underline;
}

.main-service ul {
list-style-image:url(img/main-service-list-style.gif);
}

.main-service ul a, .main-service ul a:link, .main-service ul a:visited{
color:#ffffff;
text-decoration:none;
}

.main-service ul a:hover{
text-decoration:underline;
}


.main-blog{
background:#f0f2f4 url(img/main-blog-bg.png) 0 0 no-repeat;
width:249px;
position:relative;
margin-right:40px;
padding: 12px 18px 10px 18px;
z-index:28;
}

.main-blog-header{
width:285px;
height:7px;
background:url(img/main-blog-header-bg.png) 0 0 no-repeat;
position:absolute;
top:0px;
left:0px;
z-index:29;
}

.main-blog-footer{
height:7px;
width:285px;
background:url(img/main-blog-footer-bg.png) 0 0 no-repeat;
position:absolute;
bottom:0px;
left:0px;
z-index:31;
}

.main-blog h3 {
color:#009ce4;
text-transform:uppercase;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 24px;
font-weight:normal;
}

.main-blog h3 a, .main-blog h3 a:link, .main-blog h3 a:visited{
color:#009ce4;
text-decoration:none;
}

.main-blog h3 a:hover{
text-decoration:underline;
}

.main-blog .blog-separator{
margin:0px;
padding: 6px 0px;
height:1px;
background:url(img/main-blog-separator.gif) 0 7px no-repeat;
}

.main-blog p a, .main-blog p a:link, .main-blog p a:visited{
color:#000000;
text-decoration:none;
}

.main-blog p a:hover{
text-decoration:underline;
}

.main-blog .blog-date {
color:#606d7c;
}

.main-blog .blog-date a, .main-blog .blog-date a:link, .main-blog .blog-date a:visited{
color:#606d7c;
text-decoration:none;
}

.main-blog .blog-date a:hover{
text-decoration:underline;
}

.main-blog h4 {
color:#009ce4;
font-size:13px;
font-weight:bold;
}

.main-blog h4 a, .main-blog h4 a:link, .main-blog h4 a:visited{
color:#009ce4;
text-decoration:none;
}

.main-blog h4 a:hover{
text-decoration:underline;
}

.content .blog-list-detail{
background:url(img/blog-detail.gif) #f0f2f4 0 0 no-repeat;
vertical-align:middle;
width:620px;
height:27px;
z-index:60;
}

.content .blog-list-detail p{
width:260px;
padding-left:10px;
padding-top:7px;
}

.content .blog-list-detail p a,.content .blog-list-detail p a:visited, .content .blog-list-detail p a:link{
text-decoration:none;
}

.content .blog-list-detail p a:hover{
text-decoration:underline;
}

.content .blog-list-detail div.separator-container{
position:relative;
float:right;
}

.content .blog-list-detail div.separator{
width:120px;
height:17px;
position:absolute;
z-index:62;
bottom:-7px;
right:0px;
padding: 5px 10px 5px 11px;
background:url(img/news-detail-separator.gif) 0 0 no-repeat;
}

.content .blog-list-detail div.separator a.comment-button{
width:120px;
height:17px;
background:url(img/comment-button.gif) 0 0 no-repeat;
display:block;
}


/* --- Page board right content --- */

.right-page-board{
overflow:hidden;
background:#40464f url(img/right-page-board-bg.gif) 0 0 no-repeat;
padding: 9px 20px 9px 20px;
width:245px;
height:162px;
position:relative;
}

.right-page-board h3 {
text-transform:uppercase;
color:#ffffff;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
}

.right-page-board h3 a, .right-page-board h3 a:link, .right-page-board h3 a:visited{
color:#ffffff;
text-decoration:none;
}

.right-page-board h3 a:hover{
text-decoration:underline;
}

.right-page-board h3 span {
color:#08b1ff;
}

.right-page-board h3 span a, .right-page-board h3 span a:link, .right-page-board h3 span a:visited{
color:#08b1ff;
text-decoration:none;
}

.right-page-board h3 span a:hover{
text-decoration:underline;
}

.right-page-board .separator{
background:url(img/right-page-board-separator.gif) bottom repeat-x;
height:1px;
margin: 6px 0px;
line-height:0px;
font-size:1px;
}

.right-page-board p, .right-page-board a, .right-page-board a:link, .right-page-board a:visited {
color:#ffffff;
text-decoration:none;
/*line-height:18px;*/
padding-top:5px;
padding-bottom:0px;
}

.right-page-board a:hover{
text-decoration:underline;
}


/* --- Page block right content --- */

.right-page-block{
background:#f0f2f4 url(img/right-page-block-bg.gif) 0 0 repeat-y;
width:249px;
position:relative;
margin-right:40px;
padding: 8px 18px 10px 18px;
z-index:20;
margin-bottom:10px;
}

.right-page-block-header{
width:285px;
height:6px;
background:url(img/right-page-block-header-bg.gif) 0 0 no-repeat;
position:absolute;
top:0px;
left:0px;
z-index:22;
}

.right-page-block-footer{
height:6px;
width:285px;
background:url(img/right-page-block-footer-bg.gif) 0 0 no-repeat;
position:absolute;
bottom:0px;
left:0px;
z-index:23;
}

.right-page-block h3 {
color:#009ce4;
text-transform:uppercase;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 24px;
font-weight:normal;
}

.right-page-block h3 a, .right-page-block h3 a:link, .right-page-block h3 a:visited{
color:#009ce4;
text-decoration:none;
}

.right-page-block h3 a:hover{
text-decoration:underline;
}

.right-page-block .block-separator{
margin:0px;
padding: 6px 0px;
height:1px;
background:url(img/main-blog-separator.gif) 0 7px no-repeat;
}

.right-page-block p a, .right-page-block p a:link, .right-page-block p a:visited{
color:#000000;
text-decoration:none;
}

.right-page-block p a:hover{
text-decoration:underline;
}

.right-page-block p.other1 {
line-height:1.5em
}

.right-page-block p.other1 a, .right-page-block p.other1 a:link, .right-page-block p.other1 a:visited{
color:#009ce4;
text-decoration:underline;
}

.right-page-block p.other1 a:hover{
text-decoration:none;
}

.right-page-block .blog-date {
color:#606d7c;
}

.right-page-block .blog-date a, .right-page-block .blog-date a:link, .right-page-block .blog-date a:visited{
text-decoration:none;
}

.right-page-block .blog-date a:hover{
text-decoration:underline;
}

.right-page-block h4 {
color:#575757;
font-size:13px;
font-weight:bold;
}

.right-page-block h4 a, .right-page-block h4 a:link, .right-page-block h4 a:visited{
color:#575757;
text-decoration:none;
}

.right-page-block h4 a:hover{
text-decoration:underline;
}


/* --- page rigth NEWS-ARTICLE ---  */
.right-gallery{
margin-right:40px;
width:285px;
}

.right-gallre .big-image{
width:285px;
height:212px;
}

.right-gallery a.image-prev{
width:20px;
height:20px;
display:block;
margin-right:3px;
background:url(img/right-gallery-prev.gif) 0 0 no-repeat;
float:left;
}

.right-gallery a.image-next{
width:20px;
height:20px;
display:block;
margin-left:23px;
background:url(img/right-gallery-next.gif) 0 0 no-repeat;
}

/*.right-gallery a:hover.image-prev{
width:20px;
height:20px;
display:block;
margin-right:3px;
background:url(img/right-gallery-prev-active.gif) 0 0 no-repeat;
float:left;
}

.right-gallery a:hover.image-next{
width:20px;
height:20px;
display:block;
margin-left:23px;
background:url(img/right-gallery-next-active.gif) 0 0 no-repeat;
}*/

.right-gallery p.image-of-images{
float:right;
padding-top:3px;
}

.right-gallery .right-page-block {
background:#f0f2f4 url(img/right-page-block-bg.gif) 0 0 repeat-y;
width:265px;
margin-right:40px;
padding: 10px 10px 0px 10px;
margin-right:0px;
}

.right-gallery-prevs{
width:265px;
margin:0px;
padding:0px;
border:0px solid #0000FF;
border-collapse:collapse;
}

.right-gallery-prevs td {
vertical-align:top;
padding-bottom:8px;
height:96px;
}

.right-gallery-prevs td.right-page-block-left{
text-align:left;
}

.right-gallery-prevs td.right-page-block-right{
text-align:right;
}

.right-gallery-prevs td img {
border: 1px solid #f0f2f4;
}

.right-gallery-prevs td img.right-gallery-active{
border: 1px solid #08b1ff;
}


/* --- right WHITE-BLOCK --- */

.right-page-white-block{
padding:20px 60px 10px 20px;
width:245px;
}

/* --- Page master content block --- */
#content-master{
width:660px;
}


/* --- order content block --- */

.send-order{
width:100px;
height:17px;
border:0px;
}

/* --- Page bottom menu block --- */
#footer-menu{
width: 793px;
height: 39px;
background:#ffffff url(img/footer-bg.jpg) bottom left no-repeat;
padding:15px 0 0 202px;
}

#footer-menu a, #footer-menu a:visited, #footer-menu a:link{
color:#000000;
margin:0 14px;
display:block;
text-decoration:none;
float:left;
}

#footer-menu a:hover{
text-decoration:underline
}


/* --- Page footer block --- */
#copyright{
width: 995px;
height: 58px;
}

#copyright p{
margin:23px 0 0 0;
text-align:center;
font-size:10px;
color:#b6bfc8;
}

.item-contact{
line-height:23px;
padding-left:23px;
}

.item-contact-phone{
background: url(img/item-contact-phone.gif) 0px 2px no-repeat;
}

.item-contact-email{
background: url(img/item-contact-email.gif) 0px 2px no-repeat;
}

.item-contact-icq{
background: url(img/item-contact-icq.gif) 0px 2px no-repeat;
}

.item-contact-skype{
background: url(img/item-contact-skype.gif) 0px 2px no-repeat;
}

.item-contact-adress{
background: url(img/item-contact-adress.gif) 0px 2px no-repeat;
}

.item-contact-site{
background: url(img/item-contact-site.gif) 0px 2px no-repeat;
}

.item-contact-site a, .item-contact-site a:link, .item-contact-site a:visited, .item-contact-site a:hover {
color:#575757;
}

.item-contact strong {
color:#575757;
}

.item-contact a strong, .item-contact a:link strong, .item-contact a:visited strong{
color:#575757;
text-decoration:underline;
}

.item-contact a:hover strong{
color:#575757;
text-decoration:none;
}

.content .portfolio-block a.detailed-button-w{
width:100px;
height:17px;
background:url(img/detailed-button-w.gif) 0 0 no-repeat;
display:block;
margin-top:17px;
}

.blog-img {
margin:3px 7px 3px 0px;
}

.right-page-block p.other1 {
line-height:1.5em
}

.right-page-block p.other1 a, .right-page-block p.other1 a:link, .right-page-block p.other1 a:visited{
color:#009ce4;
text-decoration:underline;
}

.right-page-block p.other1 a:hover{
text-decoration:none;
}

.status-message {
color:#009ce4;
font-size:12px;
font-weight:bold;
}