@charset "utf-8";
@charset "utf-8";
/*
Theme Name:Contrast
Theme URI:http://www.contrast.cv.ua
Description:Theme for advertising agency
Author:Stanislav Volodin
*/

/* Reset */
*{font-family:"Tahoma", Geneva, Arial, Helvetica, sans-serif; font-size:14px; outline:0; padding:0; margin:0; border:0; text-decoration:none; vertical-align:baseline; white-space:normal}

html, body{line-height:1}
hr{display:none}
blockquote:before, blockquote:after, q:before, q:after{content:''}
blockquote, q{quotes:"" ""}

table tr td img.aligncenter{margin:0 auto!important; display:block!important}

ul{list-style-type:none}
ol{list-style-type:decimal}
ol{margin:0 0 0 20px}
.clear{clear:both}
.cite {
    text-align:left;
    line-height:150%;
    color: #252525;
    margin-top: 10px;
    margin-left: 20px;
    border-left: 1px solid DarkOrange;
    border-bottom: 1px solid DarkOrange;
    padding-left: 15px;
    padding-bottom: 5px;}
a{color:#323232;
  text-decoration:underline;
  line-height:150%;
  font-size: 12px;
  font-weight: bold;}
a:hover{color:DarkOrange}
p{text-align:justify;line-height:150%; margin-bottom:12px; color:#252525/*!important*/}
.work{width:545px; float:left; margin-left: 140px}
p.sidebar{
    text-align:left;
    line-height:150%;
    color: #252525;
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 15px;
    border-left: 1px solid DarkOrange;
    border-bottom: 1px solid DarkOrange;
    padding-left: 15px;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 5px;}
p.sep {
    background: #D3D3D3;
    background: -moz-linear-gradient(left, #D3D3D3, #F8F8FF); /* Firefox 3.6+ */
    color: #252525;
    padding-left: 8px;
    font-size:14px;
    font-weight: bold;}
.out {
    list-style-image: url(images/li.png);!important
    line-height:150%;
    color: #252525;
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 15px;
    padding-left: 15px;}

h1, h2, h3, h4{color:#252525!important}
h1{font-size:1.5em; font-weight:normal;margin-bottom:12px}
h2{font-size:1.2em; font-weight:normal}

/* Page Layout */
html,body{height:100%}
body{width:100%; background:#e6e6e6 url(images/bg.png) center repeat-y; text-align:left; cursor:default; }

#wrapper{width:950px; margin:10px auto; padding-left:25px; position:relative; min-height:700px}
#header{width:1000px; height:100px; margin:0 auto}

#subMenu{height:33px; width:inherit; background:url(images/floating-menu-bg.png) top repeat-x; display:none; position:fixed; top:0; left:0; z-index:500; font-size:1em}

#subMenu ul{list-style:none; width:810px; margin:0 auto}
#subMenu ul li{float:left; width:155px; text-align:center}
#subMenu ul img{float:left}
#subMenu ul li:hover{background:url(images/floating-menu-li-hover-bg.png) top repeat-x}
#subMenu ul li a{color:#737373; text-shadow:1px 1px #fff; text-decoration:none; font-family:tahoma}
#subMenu ul li a:hover{color:#cf6102; text-shadow:1px 1px #F1D5BD}

a.m1, a.mh1, a.m2, a.mh2, a.m3, a.mh3, a.m4, a.mh4, a.m5, a.mh5{display:block; float:left; position:absolute}
a.m1{width:200px; height:52px;  background:url(images/m1.png) center no-repeat; z-index:100}
a.m2{width:190px; height:52px;  background:url(images/m2.png) center no-repeat; z-index:200; margin-left:135px}
a.m3{width:434px; height:97px; background:url(images/m3.png) center no-repeat; z-index:1000; margin-left:283px}
a.m4{width:190px; height:52px;  background:url(images/m4.png) center no-repeat; z-index:200; margin-left:673px}
a.m5{width:200px; height:52px;  background:url(images/m5.png) center no-repeat; z-index:100; margin-left:761px}

a.mh1{width:239px; height:52px; background:url(images/mh1.png) center no-repeat; z-index:100}
a.mh2{width:190px; height:52px; background:url(images/mh2.png) center no-repeat; z-index:200; margin-left:135px}
a.mh3{width:434px; height:97px; background:url(images/mh3.png) center no-repeat; z-index:1000;  margin-left:283px}
a.mh4{width:190px; height:52px; background:url(images/mh4.png) center no-repeat; z-index:200; margin-left:673px}
a.mh5{width:239px; height:52px; background:url(images/mh5.png) center no-repeat; z-index:100; margin-left:761px}

a.m1:hover{background:url(images/mh1.png)}
a.m2:hover{background:url(images/mh2.png)}
a.m3:hover{background:url(images/mh3.png)}
a.m4:hover{background:url(images/mh4.png)}
a.m5:hover{background:url(images/mh5.png)}

li.smh1, li.smh2, li.smh3, li.smh4, li.smh5{background:url(images/floating-menu-li-hover-bg.png) top repeat-x!important}
li.smh1 a, li.smh2 a, li.smh3 a, li.smh4 a, li.smh5 a{color:#cf6102!important}

.about{width:730px; float:right; height:auto}

/* main page - start */
#slider-wrapper{width:920px; height:348px; margin:0 auto; background:url(images/slider-bg.png) center bottom no-repeat; display:block}
#slider{width:775px; height:270px; margin:0 auto}
#slider .control-links{margin-top:26px;} 
#demo-description {max-width:900px; width:90%; margin:60px auto; color:#fff; font:20px 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5)} 

a.news-title{width:77px; height:22px; background:url(images/news-title.png) center top no-repeat; display:block; margin-left:130px}
#main-news{width:811px; height:395px; margin:0 0 25px 85px; background:url(images/news-bg1.png) center top no-repeat; display:block; padding-top:30px}
.main-news-entry{margin:0 20px 20px 20px; font-weight:bold; background:url(images/main-news-separator.png) left bottom no-repeat; display:block; height:100px!important}
.main-news-entry a, .main-news-entry p{font-family:"Tahoma", Arial, Helvetica, sans-serif}

.main-news-entry a{font-size:14px; text-decoration:none}
.main-news-entry p{text-indent:0; color:#111; font-size:12px}
.main-news-entry img{float:right; margin:-20px 20px 0 100px; width:99px!important; height:99px!important}

a.readmore{float:right; margin-top:15px; margin-right:-10px; font-size:0.9em; text-decoration:underline; color:#666}
a.readmore:hover{color:#ff8c00}
/* main page - end */

#sidebar{float:left; width:200px; display:inline; height:auto}

ul.menu-about-container {margin-left: 20px}
/*portfolio - start*/
ul.portfolio_links{float:right; margin:0 0 0 50px}
ul.portfolio_links li{list-style:none!important; font-weight:bold; line-height:200%}

.ngg-slideshow{margin-left:90px!important}

.wp-pagenavi{margin-right:53px!important}
#cat_des{width:744px}

ul#menu-uslugi{margin-bottom:15px}
ul#menu-uslugi li.current-menu-item a{color:#ff8c00}
ul.sub-menu{margin-left:15px}
ul#menu-uslugi li.current-menu-item ul.sub-menu li a{color:#323232}


/*portfolio - end*/

/*services - start*/
table.lux {}
/*table.lux tr td:empty{display:none}
table.lux tr td.refuse{ display:table-cell}*/
.lux{width:95%; border: 1px solid #c1bfbf; border-collapse: collapse;border-spacing: 0}
.lux th{background:#fff url(images/th-bg.png) bottom repeat-x; color:#000; padding:10px 10; font-size:1.0em}
.lux td{border-bottom: 1px solid #c1bfbf; padding: 4px;}
.lux td:not(:first-child){text-align:center}
.lux tr:nth-child(2n){background-color:#fff}
.lux tr:nth-child(2n+1){background-color:#F0EDED}

/*services - end*/

/*page - start*/
#page{width:730px; float:left}
/*#page img{float:left; margin-right:20px}*/
#page{line-height:150%}
/*page - end*/
#footer{height:140px; width:1000px; background:url(images/footer-bg.png) top repeat-x; position: relative!important; bottom:0; margin:15px auto 0 auto}
ul#footernav{ margin:0 auto; width:450px}
/*#footer a{color:#323232}*/
p.des{font-size:10px; text-align:center; text-indent:0; font-weight:bold;padding-left:10px;padding-right:10px}
.footer-in{width:100%; margin:0 auto; text-align:center}
.footer-in ul li a{float:left;margin: 0px 10px}

/********************************************************************************************************************************************************/

/* PORTFOLIO - CATEGORY START */
.entry{width:267px; height:299px; float:left; background:url(images/portfolio-thumb-bg.png) center top no-repeat; margin:30px 20px}
.entry a{}
.portfolio-thumb{margin:18px auto 0 auto; width:225px}
.portfolio-thumb img{width:225px!important; height:210px!important}

.portfolio-thumb-title{height:45px}

.clients-thumb{margin:18px auto 0 auto; width:225px}
.clients-thumb img{width:225px!important;}
span.date{float:right; font-size:11px; color:#666; margin-right:20px}

span.newsdate{float:right; font-size:11px; color:#666; margin:-15px 0 0 500px; position:absolute}

.wp-pagenavi a{height:18x!important; line-height:18px!important; padding:0 4px!important; background:#ddd!important; border:1px solid #999!important}

#ngg-gallery-1-38{padding-top:675px!important; padding-left:95px!important; width:800px!important}
.ngg-navigation{ border:none!important}
a.page-numbers, a.next{border:none!important}
/* PORTFOLIO - CATEGORY END */

.map-abroad{width:999px; height:636px; margin:40px auto 0 auto; display:block; background:url(images/map-abroad.png) top center no-repeat}

.jspContainer{overflow:hidden; position:relative}

.jspPane{position:absolute}
.jspVerticalBar{position:absolute; top:0; right:0; width:16px; height:100%; background:red}
.jspHorizontalBar{position:absolute; bottom:0; left:0; width:100%; height:16px; background:red}
.jspVerticalBar *, .jspHorizontalBar *{margin:0; padding:0}
.jspCap{display:none}
.jspHorizontalBar .jspCap{float:left}
.jspTrack{background:#dde; position:relative}
.jspDrag{background:#bbd; position:relative; top:0; left:0;	cursor:pointer}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{float:left; height:100%}
.jspArrow{background:#50506d; text-indent:-20000px;	display:block; cursor:pointer}
.jspArrow.jspDisabled{cursor:default; background:#80808d}
.jspVerticalBar .jspArrow{height:16px}
.jspHorizontalBar .jspArrow{width:16px; float:left; height:100%}
.jspVerticalBar .jspArrow:focus{outline:none}
.jspCorner{background:#eeeef4; float:left; height:100%}

/*Hack for IE6 */
* html .jspCorner{margin: 0 -3px 0 0}


form#cforms3form{ margin-left:-200px!important}

.mylang_menu {
text-align: right;
display:inline;
}