/* MAIN
----------------------------------------------- */
body,
table,
input,
select,
textarea {font: 14px 'Myriad Pro', Arial, Helvetica, sans-serif; color: #666;}
td, th {font-size: 1em;}
a,
a:link,
a:visited {color: #9cc16f;}
a:hover {color: #666;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h1 {font: bold 46px/60px 'Courier New', Courier, monospace; color: #333; height: 50px; overflow: hidden; margin: 0 0 10px;}
/*h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover {color: #333;}*/
h2 {font-size: 18px; font-weight: bold; color: #333; margin: 0 0 10px;}
/*h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover {color: #333;}*/
h3 {font-size: 17px; color: #333; margin: 0 0 10px;}
/*h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover {color: #333;}*/
p {margin: 0 0 10px;}
ul, ol {padding-left: 20px; margin: 0 0 10px 20px;}
ul {list-style-image: url(../img/li.gif);}
hr {height: 1px; color: #999; background: #999; border: 0;}
table {border-collapse: collapse; border-spacing: 0;}
td, th {padding: 0;}
th {font-weight: normal;}



/* FORMS
----------------------------------------------- */
form {margin: 0; padding: 0;}
select,
textarea,
input.text {background: #fff;}
input,
select,
textarea {color: #333;}
input.image {border: 0;}
* html input.text {margin-top: -1px; margin-bottom: -1px;}
*:first-child+html input.text {margin-top: -1px; margin-bottom: -1px;}
* html textarea {margin-top: -1px; margin-bottom: -1px;}
*:first-child+html textarea {margin-top: -1px; margin-bottom: -1px;}



/* LAYOUT
----------------------------------------------- */
body {background: #fff; margin: 0; padding: 0 20px; text-align: center;}

#header {width: 950px; height: 190px; margin: 0 auto; text-align: left;}
#content {width: 950px; margin: 0 auto; text-align: left;}
#content:after {content: ''; display: block; clear: both;}

#left {width: 330px; float: left;}
#left:after {content: ''; display: block; clear: both;}

#main {width: 600px; margin-left: 140px; float: left; display: inline;}
#home #main {width: 620px; margin: 0;}
#main:after {content: ''; display: block; clear: both;}
.right-wide #main {width: 360px;}
.right-none #main {width: 820px;}

#right {width: 210px; padding-top: 72px; float: right;}
.right-wide #right {width: 410px;}

#footer {width: 950px; height: 175px; margin: 35px auto 0; text-align: left;}



/* STATIC
----------------------------------------------- */
#logo {width: 330px; padding-top: 35px; float: left;}


/* copy */
#copy {font-size: 12px; width: 408px; margin-left: 132px; padding-top: 85px; background: url(../img/copy_bg.jpg) no-repeat; float: left; display: inline;}
#copy p {padding-left: 8px;}
#home #copy {margin-left: 322px;}

/* contacts */
#contacts {width: 305px; padding-top: 40px;}
#home #contacts {padding-top: 75px;}
#right #contacts {width: auto; padding-top: 0; margin-bottom: 40px;}
#footer #contacts {width: 250px; padding-top: 20px; float: left;}
#contacts p {padding-left: 0;}
#contacts img {margin: 0 0 5px -4px; position: relative;}

/* partners  */
#partners {width: 150px; margin: 10px 10px 0 0; text-align: right; float: right; display: inline;}
#home #partners {}
#partners a {margin-right: 15px;}



/* NAVIGATION
----------------------------------------------- */
/* m0 */
#m0,
#m0 li {display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
#m0 {width: 220px; float: left; margin: 50px 0 8px;}
#m0 li {float: left;}
#m0 img {vertical-align: top;}
#m0 .a {background: #404040 url(../img/m0_a.gif) no-repeat; margin: 0 5px;}
#m0 .first {margin-left: 0;}
#m0 .first_l {padding-left: 5px;padding-top: 4px;color: #333;}

/* m1 */
#m1 ul,
#m1 li {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
#m1 {font-size: 12px; width: 615px; background: #404040 url(../img/m1_bg.gif) repeat-x; float: right; margin-right: 5px; display: inline;}
#m1 div {background: url(../img/m1_l.gif) no-repeat;}
#m1 ul {background: url(../img/m1_r.gif) no-repeat 100% 0; height: 26px; line-height: 24px; text-align: center;}
#m1 li {margin: 0 7px; display: inline;}
#m1 a,
#m1 a:link,
#m1 a:visited {color: #979797;}
#m1 a:hover,
#m1 .a,
#m1 .a a,
#m1 .a a:link,
#m1 .a a:visited,
#m1 .a a:hover {color: #fff;}

/* m2 */
#m2,
#m2 li {display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
#m2 {font-weight: bold; margin: -60px 0 35px;}
#m2 li {margin-bottom: 4px;}
#m2 li.m3 {padding-left: 20px;}



/* BLOCKS
----------------------------------------------- */
a img {border: 0;}
.clear {clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden;}
.wfix {width: 100%;}
div.text {width: 360px; float: left;}
p.more {margin: 10px 0 0; font-weight: bold;}
p.more a {padding-right: 13px; background: url(../img/rarr.gif) no-repeat 100% 70%;}
.placeholder {color: #aaa;}
object {outline: none;}

/* files */
.files {padding-left: 40px; float: left;}
.files ul,
.files li {font: bold 11px Arial, Helvetica, sans-serif; display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.files li {padding: 0 0 20px 4px;}
.files img {margin: 0 0 2px -4px; vertical-align: top;}
.files a,
.files a:link,
.files a:visited,
.files a:hover {color: #999; text-decoration: none;}
#home .files {padding-left: 20px;}
#home .files li {margin-left: 20px; float: left; display: inline;}
#right .files {padding-left: 0;}

/* portfolio */
.portfolio {clear: both; width: 100%; margin-bottom: 35px;}
.portfolio:after {content: ''; display: block; clear: both;}
.portfolio h2 {font: bold 34px/40px 'Courier New', Courier, monospace;}
.portfolio p,
.portfolio h3 {font-size: 14px; font-weight: normal; line-height: 15px; color: #999; margin: 0 0 5px;}
.portfolio h3 a {font-weight: bold;}
.portfolio p,
.portfolio small {font-size: 12px; color: #999; white-space: nowrap;}

.portfolio .showreel {float: left; width: 315px;}
.portfolio .showreel img {width: 305px; height: 148px;}
.portfolio .showreel div {margin-bottom: 10px;}
.portfolio ul,
.portfolio li {float: left; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.portfolio ul {background: url(../img/film.gif) repeat-x 4px 3px;}
.portfolio li {width: 205px;}
.portfolio ul div {border: 1px solid #c3c3c3; border-width: 1px 0; padding: 18px 0; margin-bottom: 10px;}
.portfolio ul em,
.portfolio ul div a {display: block; position: relative; cursor: pointer; outline: none;}
.portfolio ul em {position: absolute; top: 0; left: 0; background: url(../img/tn_corners.png) no-repeat;}
.portfolio ul em,
.portfolio ul img,
.portfolio ul div a {width: 190px; height: 110px;}
.portfolio ul .first {width: 220px;}
.portfolio ul .first div {border-left-width: 1px; padding-left: 14px;}
.portfolio ul .first p,
.portfolio ul .first h3 {margin-left: 15px;}
.portfolio ul .last div {border-right-width: 1px;}

/* news */
.news,
.news .list {width: 100%;}
.news:after,
.news .list:after {content: ''; display: block; clear: both;}
.news h2 {font: bold 34px/40px 'Courier New', Courier, monospace;}
.news .list .i {width: 180px; margin-right: 20px; padding-bottom: 20px; float: left;}
.news .list .r {margin: 0;}
.news .i small {font-size: 12px; color: #999; margin-bottom: 7px; display: block;}
.news .i a {font-weight: bold;}
.news .all,
.news .all a {font-size: 12px; line-height: 18px; height: 18px; margin: 0;}
.news .all a {float: left; padding: 0 10px 3px 25px; background: #333 url(../img/list.gif) no-repeat 10px 50%;}
.news .all a,
.news .all a:link,
.news .all a:visited,
.news .all a:hover {color: #fff;}
#home .news {width: 620px; margin-left: 330px; clear: both;}
#right .news {margin-bottom: 30px; width: 210px; float: right;}
#right .news .i {float: none;}

/* arc */
.arc,
.arc li {font-size: 14px; color: #999; display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.arc {margin-top: -8px;}
.arc li {margin-bottom: 2px;}
.arc .a {font-size: 18px;}

/* article */
.article .date {font-size: 12px; color: #999; margin-bottom: 5px;}
.article .all {margin-top: 20px;}
.article .all,
.article .all a {font-size: 12px; line-height: 18px; height: 18px; margin: 0;}
.article .all a,
.article .all a:link,
.article .all a:visited,
.article .all a:hover {float: left; padding: 0 10px 3px 25px; color: #fff; background: #333 url(../img/list.gif) no-repeat 10px 50%;}

/* team */
.team {width: 580px;}
.team .members {width: 100%;}
.team .members:after {content: ''; display: block; clear: both;}
.team .members .i {width: 180px; padding-bottom: 20px; float: left;}
.team .members .c {margin-left: 20px;}
.team .members .r {float: right;}
.team .members img {vertical-align: top; margin-bottom: 2px;}
.team .members strong {font-size: 14px; font-weight: normal;}
.team .members small {font-size: 10px; color: #999;}
.team .members p {margin: 0;}
.team .members a {line-height: 24px;}
.team .members img {width: 180px; height: 100px;}

/* member-photo */
.team .member-photo {width: 100%; margin-bottom: 20px;}
.team .member-photo:after {content: ''; display: block; clear: both; height: 0;}
.team .member-photo img {width: 180px; height: 100px;}
.team .member-photo div {float: left; width: 180px;}
.team .member-photo .c {margin-left: 20px;}
.team .member-photo .r {float: right;}

/* feedback */
.feedback {width: 200px;}
.feedback .brd {border: 1px solid #d6d6d6;}
.feedback .lt,
.feedback .rt,
.feedback .rb,
.feedback .lb {position: relative; z-index: 1;}
.feedback .lt {background: url(../img/brd/lt.gif) no-repeat; left: -1px; top: -1px;}
.feedback .rt {background: url(../img/brd/rt.gif) no-repeat right top; left: 2px;}
.feedback .rb {background: url(../img/brd/rb.gif) no-repeat right bottom; top: 13px;}
.feedback .lb {background: url(../img/brd/lb.gif) no-repeat left bottom; top: -11px; left: -2px; padding: 8px 0 10px 10px;}
.feedback select {width: 145px; margin-bottom: 10px;}
.feedback input.text {width: 140px; margin-bottom: 10px;}
* html .feedback input.text {width: 139px; margin-bottom: 9px;}
*:first-child+html .feedback input.text {width: 139px; margin-bottom: 9px;}
.feedback input.subject {width: 176px;}
* html .feedback input.subject {width: 175px;}
*:first-child+html .feedback input.subject {width: 175px;}
.feedback textarea {width: 176px; height: 160px; margin-bottom: 10px;}
* html .feedback textarea {width: 175px; margin-bottom: 9px;}
*:first-child+html .feedback textarea {width: 175px; margin-bottom: 9px;}

/* photo */
.photo {clear: both;}
.photo ul,
.photo li {display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.photo ul {width: 100%; margin: 0;}
.photo ul:after {content: ''; display: block; clear: both;}
.photo li {float: left; margin-right: 10px; padding-bottom: 10px;}
.photo li.r {margin-right: 0;}
.photo img {width: 190px; height: 110px; vertical-align: top;}
.photo h2 em,
.photo h3 em {font-size: 12px; font-weight: normal; font-style: normal; color: #999; margin-left: 5px;}

/* clips */
.clips {text-align: center; width: 390px;}
.clips ul,
.clips li {text-align: left; display: block; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.clips li {position: relative;}
.clips li,
.clips li div {height: 180px;}
.clips li div {width: 190px; margin-right: 10px; float: left;}
.clips li div.even {margin-right: 0;}
.clips .img a,
.clips .img em {width: 190px; height: 110px; position: relative; display: block; cursor: pointer; outline: none;}
.clips .img em {background: url(../img/tn_corners.png) no-repeat; top: 0; left: 0; position: absolute;}
.clips .img img {width: 190px; height: 110px;}
.clips .info {line-height: 15px;}
.clips .info a {margin-right: 10px;}
.clips .info small {font-size: 10px; color: #999;}
.clips li,
.clips img {vertical-align: top;}
.clips a,
.clips a:link,
.clips a:visited,
.clips a:hover {color: #000;}
.clips .scroll {border: 1px solid #dedede; border-width: 1px 0; padding-top: 10px; margin-bottom: 20px;}
.clips .next {margin-top: -20px;}
.clips .prev,
.clips .next {cursor: pointer; display: none;}

/* vacancies */
.vacancies {width: 100%;}
.vacancies:after {content: ''; display: block; clear: both;}
.vacancies .li {width: 180px; margin-right: 20px; float: left;}
.vacancies .r {margin: 0;}
.vacancies h2 {height: 55px; margin: 0;}
.vacancies .clear {height: 10px;}

/* partners */
.partners {width: 100%;}
.partners:after {content: ''; display: block; clear: both;}
.partners .li {width: 180px; margin-right: 20px; float: left;}
.partners .r {margin: 0;}
.partners h2 {font-size: 14px;}
.partners h2 a {cursor: pointer;}
.partners h2 em {height: 150px; margin-bottom: 10px; display: block; position: relative;}
.partners h2 img {display: block; position: absolute; bottom: 0;}
.partners .clear {height: 10px;}

/* press */
.press,
.press .list {width: 100%;}
.press:after,
.press .list:after {content: ''; display: block; clear: both;}
.press h2 {font: bold 34px/40px 'Courier New', Courier, monospace;}
.press .list .i {width: 180px; margin-right: 20px; padding-bottom: 20px; float: left;}
.press .list .r {margin: 0;}
.press .i small {font-size: 12px; color: #999; margin-bottom: 7px; display: block;}
.press .i p {margin: 0;}
.press .i p a {font-weight: bold; text-decoration: none;}
.press .i strong {text-decoration: underline;}

/* pages */
.pages ol,
.pages li {display: inline; margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.pages li {font-weight: bold; margin-right: 10px;}
.pages strong {font-size: 18px; color: #999;}

/* highslide */
.highslide-header,
.highslide-overlay {display: none;}
.highslide-dimming {background: #000;}
.highslide-html-content {width: 320px;}
.highslide-container {text-align: left;}
.highslide-loading {font-size: 9px; font-weight: bold; text-transform: uppercase; padding: 3px 3px 3px 22px; border: 1px solid white; background: #fff url(../img/hs/loader.white.gif) no-repeat 3px 1px; display: block;}
.highslide-loading,
.highslide-loading:link,
.highslide-loading:visited,
.highslide-loading:hover {color: #000; text-decoration: none;}
.closebutton {position: relative; top: -15px; left: 15px; width: 30px; height: 30px; cursor: pointer; background: url(../img/hs/close.png);}

/* highslide-controls */
.highslide-controls {width: 135px; height: 40px; background: url(../img/hs/controlbar-black-border.gif) 0 -90px no-repeat; margin: 20px 15px 10px 0;}
.highslide-controls ul {position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url(../img/hs/controlbar-black-border.gif) right -90px no-repeat;}
.highslide-controls li {float: left; padding: 5px 0;}
.highslide-controls a {background-image: url(../img/hs/controlbar-black-border.gif); display: block; float: left; height: 30px; width: 30px; outline: none;}
.highslide-controls a.disabled {cursor: default;}
.highslide-controls a span {display: none;}
.highslide-controls .highslide-previous a {background-position: 0 0;}
.highslide-controls .highslide-previous a:hover {background-position: 0 -30px;}
.highslide-controls .highslide-previous a.disabled {background-position: 0 -60px !important;}
.highslide-controls .highslide-play a {background-position: -30px 0;}
.highslide-controls .highslide-play a:hover {background-position: -30px -30px;}
.highslide-controls .highslide-play a.disabled {background-position: -30px -60px !important;}
.highslide-controls .highslide-pause a {background-position: -60px 0;}
.highslide-controls .highslide-pause a:hover {background-position: -60px -30px;}
.highslide-controls .highslide-next a {background-position: -90px 0;}
.highslide-controls .highslide-next a:hover {background-position: -90px -30px;}
.highslide-controls .highslide-next a.disabled {background-position: -90px -60px !important;}
.highslide-controls .highslide-move {display: none;}
.highslide-controls .highslide-move a {background-position: -120px 0;}
.highslide-controls .highslide-move a:hover {background-position: -120px -30px;}
.highslide-controls .highslide-full-expand {display: none;}
.highslide-controls .highslide-full-expand a {background-position: -150px 0;}
.highslide-controls .highslide-full-expand a:hover {background-position: -150px -30px;}
.highslide-controls .highslide-full-expand a.disabled {background-position: -150px -60px !important;}
.highslide-controls .highslide-close a {background-position: -180px 0;}
.highslide-controls .highslide-close a:hover {background-position: -180px -30px;}