/* -------------------------------------------
project:  TTT
date:    2009/05/13
------------------------------------------- */

/* Reset
------------------------------------------- */
* {margin: 0; padding: 0; color: #555; font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 1.5em;}
a, span, strong {font-size: 1em;}
span {color: inherit;}
a, a:visited {color: #097A36; text-decoration: none;}
a:hover {color: #000; text-decoration: none;}
img {border: none;}
html {height: 100.01%;}

/* basic text elements */
h1 { margin-bottom: 10px/*1em*/; padding-bottom: 6px; /**/ border-bottom: 1px solid #ededed; color: #097A36; font-weight: 400; font-size: 1.5em;}
h2 {margin: 1.5em 0 .7em 0; color: #333; font-weight: 400; font-size: 1.13em;}
h3 {margin: 1em 0; color: #097A36; font-size: .98em;}
h4 {margin: 1em 0; font-size: .9em;}
p {margin: 1em 0; font-size: 1em;}
ul, ol {margin: 1em 0; }
ul li {margin: 0 0 0 20px; line-height: 1.8em} /**/
ol li {margin: 0 0 0 20px;}
blockquote {padding-left: 40px; background: url(../images/quotes.gif) left top no-repeat;  font-size: 1em; font-style: italic; line-height: 1.3em;}

.no-margin { margin: 0 !important; }
.no-style { margin-left: 170px !important; }
.no-style li { overflow: visible !important; background: transparent none !important; padding: 0 !important; }


/* basic form elements */
fieldset {border: none;}
legend {border: none; font-weight: bold; font-size: 1em;}
label {display: block; float: left; clear: left; width: 150px; margin: 5px 0; font-size: 1em;}
input, textarea, select {width: 275px; margin: 5px 0; padding: 2px; border: 1px solid #000; background: #fff; font-size: 1em;}
	input.chk, input.radio {width: auto; border: none;}
textarea {height: 100px; font-size: 1em; font-size: 1em;}
button {cursor: pointer; font-size: 1em;}

/* tables */
table {width: 650px; margin: 15px 0; border: none; border-collapse: collapse;}
th {padding: 5px 15px; background: #097A36; color: #fff; font-weight: 700; text-align: left;}
td {padding: 5px 15px; border: 1px solid #EBEBEB; border-right: none; font-size: .9em;}
td.caption {width: 200px; border-left: none; font-weight: 700;}

/* layout
------------------------------------------- */
html {background: #fff url(../images/bkg.jpg) top repeat-x;}
body {position: relative; padding-top: 0; background: url(../images/bkg-map.jpg) center top no-repeat;}
.fa { background: url("../images/bkg-map_fa.jpg") no-repeat 50% 0; }
.header {position: relative; width: 940px; height: 168px; margin: 0 auto;}
.header * {margin: 0; padding: 0;}
.header h1 {border-bottom: none;}

.header form {position: absolute; right: 0; top: 58px; float: right; padding-right: 20px;}
.header form label {width: 100px; margin-top: 5px; color: #fff; font-size: .68em;}
.header form select {width: 120px; border: 1px solid #DBDFE6; border-top: 1px solid #ABADB3; background: #fff; color: #666; font-size: .68em;}
.fa .header form { right: auto; left: 0; }
.fa .header form label { margin-right: 10px; }

.logo {display: block; position: absolute; left: 20px; top: 30px; overflow: hidden; width: 370px; height: 50px; text-indent: -10000px; }
.fa .logo { left: auto; right: 20px; }
.breadcrumb {position: absolute; left: 0; top: 136px; height: 30px; padding: 0 20px; color: #a9d099; font-size: .68em; line-height: 30px; word-spacing: 4px; }
.breadcrumb a, .breadcrumb a:visited { color: #fff; word-spacing: normal; }
.breadcrumb a:hover {color: #96F128; text-decoration: underline;}
.breadcrumb span {color: #96F128; word-spacing: normal; }
.breadcrumb strong { color: #fff; font-weight: normal; word-spacing: normal; }
.utils {position: absolute; right: 0; top: 30px; padding-right: 10px; color: #36915E; font-size: .68em; text-align: right;}
.utils a, .utils a:visited {padding: 0 10px; color: #fff;}
.utils a:hover, .utils a.current, .utils a.current:visited {color: #96F128; text-decoration: none;}
.fa .utils { right: auto; left: 40px; }

.mainmenu {position: absolute; left: -4px; top: 100px; list-style: none; width: 950px; height: 39px; margin: 0; }
.mainmenu li {float: left; margin: 0; padding: 0;}
.mainmenu a, .mainmenu a:visited {display: block; overflow: hidden; height: 39px; text-indent: -500px;}

.en .mainmenu,
.en .mainmenu a,
.en mainmenu a:visited { background: url(../images/menu_en.png) no-repeat; }

.ru .mainmenu,
.ru .mainmenu a,
.ru mainmenu a:visited { background: url(../images/menu_ru.png) no-repeat; }

.fa .mainmenu,
.fa .mainmenu a,
.fa mainmenu a:visited { background: url(../images/menu_fa.png) no-repeat; }
.fa .mainmenu li { float: right; }

.en .mainmenu a#mm0 {width: 80px; background-position: 0 0;}
.en .mainmenu .selected a#mm0,
.en .mainmenu a#mm0:hover {background-position: 0px -39px;}
.en .mainmenu a#mm1 {width: 95px; background-position: -80px 0;}
.en .mainmenu .selected a#mm1,
.en .mainmenu a#mm1:hover {background-position: -80px -39px;}
.en .mainmenu a#mm2 {width: 94px; background-position: -175px 0;}
.en .mainmenu .selected a#mm2,
.en .mainmenu a#mm2:hover {background-position: -175px -39px;}
.en .mainmenu a#mm3 {width: 103px; background-position: -269px 0;}
.en .mainmenu .selected a#mm3,
.en .mainmenu a#mm3:hover {background-position: -269px -39px;}
.en .mainmenu a#mm4 {width: 101px; background-position: -372px 0;}
.en .mainmenu .selected a#mm4,
.en .mainmenu a#mm4:hover {background-position: -372px -39px;}
.en .mainmenu a#mm5 {width: 96px; background-position: -473px 0;}
.en .mainmenu .selected a#mm5,
.en .mainmenu a#mm5:hover {background-position: -473px -39px;}
.en .mainmenu a#mm6 {width: 108px; background-position: -569px 0;}
.en .mainmenu .selected a#mm6,
.en .mainmenu a#mm6:hover {background-position: -569px -39px;}
.en .mainmenu a#mm7 {width: 101px; background-position: -677px 0;}
.en .mainmenu .selected a#mm7,
.en .mainmenu a#mm7:hover {background-position: -677px -39px;}
.en .mainmenu ul {display: none;}

.ru .mainmenu a#mm0 {width: 80px; background-position: 0 0;}
.ru .mainmenu .selected a#mm0,
.ru .mainmenu a#mm0:hover {background-position: 0px -39px;}
.ru .mainmenu a#mm1 {width: 70px; background-position: -80px 0;}
.ru .mainmenu .selected a#mm1,
.ru .mainmenu a#mm1:hover {background-position: -80px -39px;}
.ru .mainmenu a#mm2 {width: 115px; background-position: -150px 0;}
.ru .mainmenu .selected a#mm2,
.ru .mainmenu a#mm2:hover {background-position: -150px -39px;}
.ru .mainmenu a#mm3 {width: 129px; background-position: -265px 0;}
.ru .mainmenu .selected a#mm3,
.ru .mainmenu a#mm3:hover {background-position: -265px -39px;}
.ru .mainmenu a#mm4 {width: 191px; background-position: -394px 0;}
.ru .mainmenu .selected a#mm4,
.ru .mainmenu a#mm4:hover {background-position: -394px -39px;}
.ru .mainmenu a#mm5 {width: 115px; background-position: -585px 0;}
.ru .mainmenu .selected a#mm5,
.ru .mainmenu a#mm5:hover {background-position: -585px -39px;}
.ru .mainmenu a#mm6 {width: 111px; background-position: -700px 0;}
.ru .mainmenu .selected a#mm6,
.ru .mainmenu a#mm6:hover {background-position: -700px -39px;}
.ru .mainmenu a#mm7 {width: 109px; background-position: -811px 0;}
.ru .mainmenu .selected a#mm7,
.ru .mainmenu a#mm7:hover {background-position: -811px -39px;}
.ru .mainmenu ul {display: none;}


.fa .mainmenu a#mm0 {width: 107px; background-position: -843px 0;}
.fa .mainmenu .selected a#mm0,
.fa .mainmenu a#mm0:hover {background-position: -843px -39px;}
.fa .mainmenu a#mm1 {width: 84px; background-position: -759px 0;}
.fa .mainmenu .selected a#mm1,
.fa .mainmenu a#mm1:hover {background-position: -759px -39px;}
.fa .mainmenu a#mm2 {width: 76px; background-position: -683px 0;}
.fa .mainmenu .selected a#mm2,
.fa .mainmenu a#mm2:hover {background-position: -683px -39px;}
.fa .mainmenu a#mm3 {width: 74px; background-position: -609px 0;}
.fa .mainmenu .selected a#mm3,
.fa .mainmenu a#mm3:hover {background-position: -609px -39px;}
.fa .mainmenu a#mm4 {width: 82px; background-position: -527px 0;}
.fa .mainmenu .selected a#mm4,
.fa .mainmenu a#mm4:hover {background-position: -527px -39px;}
.fa .mainmenu a#mm5 {width: 87px; background-position: -440px 0;}
.fa .mainmenu .selected a#mm5,
.fa .mainmenu a#mm5:hover {background-position: -440px -39px;}
.fa .mainmenu a#mm6 {width: 124px; background-position: -316px 0;}
.fa .mainmenu .selected a#mm6,
.fa .mainmenu a#mm6:hover {background-position: -316px -39px;}
.fa .mainmenu a#mm7 {width: 99px; background-position: -217px 0;}
.fa .mainmenu .selected a#mm7,
.fa .mainmenu a#mm7:hover {background-position: -217px -39px;}
.fa .mainmenu ul {display: none;}

/*.fa .mainmenu a#mm0 {width: 80px; background-position: 0 0;}
.fa .mainmenu .selected a#mm0,
.fa .mainmenu a#mm0:hover {background-position: 0px -39px;}
.fa .mainmenu a#mm1 {width: 95px; background-position: -80px 0;}
.fa .mainmenu .selected a#mm1,
.fa .mainmenu a#mm1:hover {background-position: -80px -39px;}
.fa .mainmenu a#mm2 {width: 94px; background-position: -175px 0;}
.fa .mainmenu .selected a#mm2,
.fa .mainmenu a#mm2:hover {background-position: -175px -39px;}
.fa .mainmenu a#mm3 {width: 103px; background-position: -269px 0;}
.fa .mainmenu .selected a#mm3,
.fa .mainmenu a#mm3:hover {background-position: -269px -39px;}
.fa .mainmenu a#mm4 {width: 101px; background-position: -372px 0;}
.fa .mainmenu .selected a#mm4,
.fa .mainmenu a#mm4:hover {background-position: -372px -39px;}
.fa .mainmenu a#mm5 {width: 96px; background-position: -473px 0;}
.fa .mainmenu .selected a#mm5,
.fa .mainmenu a#mm5:hover {background-position: -473px -39px;}
.fa .mainmenu a#mm6 {width: 108px; background-position: -569px 0;}
.fa .mainmenu .selected a#mm6,
.fa .mainmenu a#mm6:hover {background-position: -569px -39px;}
.fa .mainmenu a#mm7 {width: 101px; background-position: -677px 0;}
.fa .mainmenu .selected a#mm7,
.fa .mainmenu a#mm7:hover {background-position: -677px -39px;}
.fa .mainmenu ul {display: none;}*/

.teasers {clear: both; overflow: hidden; width: 940px; margin: 0 auto; padding: 25px 0;}
.teaser {float: left; width: 184px; margin: 0 1px 0 -1px; padding: 0 25px; border-left: 1px solid #ebebeb;}
.teaser img {float: left; margin: 0 10px 10px 0; padding: 5px; border: 1px solid #dedede; border-top: none; border-left: none; background: #fff;}
.teaser h3 {margin-top: 0; margin-bottom: .7em; color: #333;}
.teaser p {margin: .5em 0; font-size: .68em; line-height: 1.3em;}

.main {font-size: .75em;}
.main h1 {font-size: 2em;}
.main h2 {font-size: 1.5em;}
.main h3 {font-size: 1.3em;}
.main h4 {font-size: 1.2em;}

.page-content {overflow: hidden; width: 900px; margin: 0 auto; padding: 20px; border-bottom: 4px solid #ebebeb; background: #fff url(../images/content-top.png) top left no-repeat;}
.page-content .sidebar {float: left; width: 221px;}
	.sidemenu {background: #EBEBEB url(../images/side-menu-top.jpg) left top no-repeat;}
	.sidemenu ul {margin: 0 auto; padding: 15px 0; list-style: none; background: url(../images/side-menu-bottom.jpg) left bottom no-repeat;}
	.sidemenu ul li {width: 181px; margin: 0 auto; overflow: visible; border-top: 1px solid #ddd; font-size: .75em;}
	.sidemenu ul li:first-child {border-top: none;}
	.sidemenu ul li a, .sidemenu ul li a:visited {display: block; margin-left: -20px; padding: 8px 22px; color: #555; font-weight: 700; line-height: 1em;}
	.sidemenu ul li a:hover, .sidemenu ul li a.current, .sidemenu ul li a.current:visited {background: url(../images/white-triangle.gif) left center no-repeat; color: #097A36;}
	.sidemenu ul ul {padding: 0; background: none;}
	.sidemenu ul ul li:first-child {border-top: 1px solid #ddd;}
	.sidemenu ul ul li {font-size: 1.33em;}
	.sidemenu ul ul li a, .sidemenu ul ul li a:visited {padding-left: 30px; color: #777; font-size: .68em; font-weight: 400;}
	.sidemenu ul ul li a:hover, .sidemenu ul ul li a.current, .sidemenu ul ul li a.current:visited {background: none; color: #000;}
	.sidemenu ul ul ul li a {padding-left: 40px;}
.sidebar hr {height: 1px; margin: 12px 0; border: none; border-top: 1px solid #ebebeb;}
.page-content .main {float: right; width: 651px;}
.page-content .main a {border-bottom: 1px dotted #097A36;}
.page-content .main a.thickbox {border-bottom: none;}
.page-content .main h2 {clear: both;}
.page-content .main ul {list-style-image: url(../images/bullet.gif); margin-left: 20px;}
.header-image {display: block; width: 940px; margin: 0 auto;}

form.jump {clear: both; width: 940px; margin: 0 auto; padding-left: 20px; padding-bottom: 15px;}
form.jump select {width: 215px; padding: 0 2px; border: 1px solid #DBDFE6; border-top: 1px solid #ABADB3; color: #555; font-size: .68em; vertical-align: middle;}
form.jump button {width: 31px; height: 19px; border: none; background: url(../images/go.gif) no-repeat; color: #fff; font-size: .64em; line-height: 17px; text-align: center; text-transform: uppercase; vertical-align: middle;}

.footer {clear: both;padding-bottom: 15px; background: #fff url(../images/footer.gif) top left repeat-x;}
.footer .content {overflow: hidden; width: 940px; margin: 0 auto; padding-top: 10px;}
.footer .content p {margin: .5em 0; padding: 0 20px; color: #ccc; font-size: .68em;}
.footer .content p span {color: #555;}
.footer .content p a {padding: 0 5px;}
.footer .content p.footer-menu {padding-left: 15px;}
.footer .content p.footer-menu a {font-weight: 700;}
.footer .content p.design {float: right; margin: 0; color: #555;}
.footer .content p.design a {padding: 0;}

/* repetitive stuff
------------------------------------------- */
.clear {overflow: hidden; clear: both; height: 0;}
.secret {display: none;}
p.error {padding-left: 35px; background: url(../images/x.gif) 20px center no-repeat; color: #F13B11; font-size: 1em; font-style: italic;}
p.ok {padding-left: 20px; color: #097A36;  font-size: .68em; font-style: italic;}
p.lead {font-weight: 700;}
.l {float: left; margin: 0 15px 15px 0;}
.r {float: right; margin: 0 0 15px 15px;}

.lcol {float: left; width: 300px; padding: 0 10px;}
.rcol {float: right; width: 300px; padding: 0 10px;}

.sidebox-wrapper1 {padding-top: 6px; background: url(../images/sidebox-top.png) center top no-repeat;}
.sidebox-wrapper2 {padding-bottom: 4px; background: url(../images/sidebox-bottom.png) center bottom no-repeat;}
.sidebox {padding: 1px 15px; border: 1px solid #ebebeb; border-top: none; border-bottom: none;}
.sidebox h3 {margin: 5px 0 .5em 0; color: #097A36; line-height: 1em;}
.sidebox p {margin: .5em 0; font-size: .68em;}
.sidebox form.jump {padding-left: 0;}
.sidebox form.jump select {width: 155px;}

.main form {padding: 20px; background: #f1f1f1;}
.main form input, .main form textarea, .main form select {padding: 2px; border:1px solid #E2E3EA; border-top-color: #ABADB3; border-bottom-color: #E3E9EF; background: #fff; color: #555; font-size: .9em;}
.main form input {width: 280px;}
.main form input#phone1, .main form input#fax1 {width: 40px; margin-right: 10px;}
.main form input#phone2, .main form input#fax2 {width: 110px;}
.main form select {width: 290px;}
.main form textarea {width: 480px; height: 90px;}
.main form label {width: 70px; padding: 2px; font-size: .9em;}
.main form label .req {color: #097A36;}
.main form button {width: 80px; height: 19px; margin-left: 75px; border: none; background: #8A8A8A url(../images/submit.gif) no-repeat; color: #fff; font-size: .85em; line-height: 19px; text-transform: uppercase; text-align: center;}
.main form legend {display: none;}
p.req-expl {padding-left: 20px; color: #097A36; font-size: .9em; font-style: italic;}

/* special sections and elements
------------------------------------------- */

/* slider */

.js .slider ul.special-slide { display: none !important; }
.js .slider ul { display: block; }
.slider ul.special-slide { display: block; }
.slider { position: relative; overflow: hidden; width: 940px; height: 299px; margin: 0 auto;}
.slider ul { display: none; position: absolute; left: 0; top: 0; list-style: none; width: 940px; height: 299px; margin: 0;}
.slider ul li {float: left; overflow: hidden; width: 940px; height: 299px; margin: 0; padding: 0; }
.slider a, .slider a:visited {position: absolute; top: 140px; z-index: 5; overflow: hidden; width: 37px; height: 32px; opacity: 0.3; text-indent: -500px;}
.slider a:hover {opacity: 1;}
.slider a.prev {left: 45px; background: url(../images/arrow-white-l.gif) no-repeat;}
.slider a.next {right: 45px; background: url(../images/arrow-white-r.gif) no-repeat;}
.slider a:focus { outline: none; }

.cols4 {overflow: hidden; width: 940px; height: 152px; margin: 0 auto; background: url(../images/4cols.png) top left no-repeat;}
.cols4 .teaser {width: 185px; height: 132px; margin: 0; padding-top: 20px; border-left: none;}
.cols4 .teaser:hover {background: url(../images/bottom-arrow.png) center bottom no-repeat;}
.cols4 .teaser a, .cols4 .teaser a:visited {color: #fff;}
.cols4 .teaser a.more {padding-left: 15px; background: url(../images/circle-green.png) left center no-repeat;}
.cols4 .teaser a:hover, .cols4 .teaser:hover a {color: #96F128;}
.cols4 .teaser p {margin: 1.5em 0; color: #fff;}
.cols4 .teaser h3 {margin-bottom: -.5em;}

/* splash */
body.splash {margin: 0; padding: 0; background: url(../images/splash-back.jpg) top repeat-x;}
.splash-body {position: relative; width: 960px; height: 526px; margin: 0 auto; padding: 0; background: url(../images/splash-img.jpg) no-repeat;}
.splash-body p, .splash-body h1, .splash-body ul {margin: 0;}
ul.languages {position: absolute; left: 25px; top: 415px; list-style: none; margin: 0;}
ul.languages li {float: left; width: 95px; margin: 0;}
ul.languages a, ul.languages a:visited {display: block; overflow: hidden; float: left; width: 95px; height: 17px; background: url(../images/languages.png) no-repeat; text-indent: -500px;}
ul.languages a.en, ul.languages a.en:visited {background-position: 0 0;}
ul.languages a.en:hover {background-position: 0 -17px;}
ul.languages a.ru, ul.languages a.ru:visited {background-position: -95px 0;}
ul.languages a.ru:hover {background-position: -95px -17px;}
ul.languages a.fa, ul.languages a.fa:visited {background-position: -190px 0;}
ul.languages a.fa:hover {background-position: -190px -17px;}
.splash-footer {clear: both; margin: 0; padding: 0 0 18px 0; background: url(../images/footer.gif) left bottom repeat-x;}
.splash-footer p {clear: both; width: 910px; height: 44px; margin: 0 auto; padding: 0 25px; color: #ccc; font-size: .68em; line-height: 44px;}
.splash-footer p span {color: #666;}
.splash-footer p a {padding: 0 5px; }

/* quick links box */
.sidebox-wrapper2.quick-links {background-image: url(../images/sidebox-bottom-quick.png);}
.quick-links .sidebox {background: url(../images/sidebox-quick-gradient.png) left bottom repeat-x;}

/* award list */
.page-content .main ul.items {list-style: none; margin-left: 0;}
ul.items li {overflow: hidden; margin: 0; padding: 15px 0; background: url(../images/dots.gif) bottom repeat-x;}
ul.items li img {float: left; margin: 0 20px 0 0;}
ul.items li h3 {margin-top: 0;}

/* management */
.manager-wrapper1 {float: right; width: 510px; margin-left: -10px; padding-top: 6px; background: url(../images/management-top.png) center top no-repeat;}
.manager-wrapper2 {padding-bottom: 3px; background: url(../images/management-bottom.png) center bottom no-repeat;}
.manager {height: 129px; padding: 1px 15px; background: #fff url(../images/management-middle.png) bottom repeat-x; border: 1px solid #ebebeb; border-top: none; border-bottom: none;}
.manager strong {font-size: 1.4em;}

/* career center */
.employee strong {font-size: 1.4em;}
ul.items li blockquote {float: right; width: 460px;}
ul.items li blockquote p {margin: 0;}

/* terminal layout */
.enlarge {width: 80px; margin: 0 auto; padding-left: 20px; background: url(../images/magnifier.gif) left center no-repeat;}
.enlarge a {border-bottom: 1px dotted #097A36;}

/* news */
p.news-date {float: left; width: 70px; margin-top: 0; margin-right: 15px; color: #888;}
.news-content {float: right; width: 560px;}
.news-content h3 {margin: 0 0 -.8em 0; font-size: .9em; line-height: 1.3em;}
.news-content h3 span {border-bottom: 1px dotted #097A36;}
.news-content h3 p {margin-top: 0; padding: 0;}

/* gallery */
.main .gallery a, .main .gallery a:visited {border: none;}
.main .thumblist ul {list-style: none; list-style-image: none; margin-left: 0;}
.gallery-wrapper1 {padding-top: 6px; background: url(../images/gallery-top.png) center top no-repeat;}
.gallery-wrapper2 {padding-bottom: 3px; background: url(../images/gallery-bottom.png) center bottom  no-repeat;}
.gallery {padding: 15px 20px; border: 1px solid #EBEBEB; border-top: none; border-bottom: none;}

.gallery form {margin-bottom: 15px; padding: 0 0 15px 0; border-bottom: 1px solid #ebebeb; background: none;}

.big-image {text-align: center;}
.big-image img {padding: 5px; border: 1px solid #e5e5e5;}
.photo-descr {text-align: center;}

.prev-pic {float: left; margin-top: 140px;}
.prev-pic a, .prev-pic a:visited {display: block; overflow: hidden; width: 45px; height: 45px; background: url(../images/gallery-arrows.gif) 0 0 no-repeat; text-indent: -500px;}
.prev-pic a:hover {background-position: 0 -45px;}
.next-pic {float: right; margin-top: 140px;}
.next-pic a, .next-pic a:visited {display: block; overflow: hidden; width: 45px; height: 45px; background: url(../images/gallery-arrows.gif) -45px 0 no-repeat; text-indent: -500px;}
.next-pic a:hover {background-position: -45px -45px;}

.thumblist {height: 97px; padding: 1px 20px; background: url(../images/thumblist.png) top center no-repeat;}
.main .thumblist a {border-bottom: none;}

.thumbs {position: relative; overflow: hidden; width: 575px; height: 85px; margin: 5px auto;}
.thumbs ul {position: absolute; left: 0; top: 0; list-style: none; height: 110px; margin: 0;}
.thumbs li {float: left; margin: 0 5px 0 0;}
.thumbs li a img, .thumbs li a:visited img {margin: 4px 4px; border: 1px solid #fff;}
.thumbs li a:hover img {border: 1px solid #555;}
.thumbs li a.current img, .thumbs li a.current:visited img {margin: 0; border: 5px solid #097A36;}

.prev-thumbs {float: left; margin-top: 45px;}
.prev-thumbs a, .prev-thumbs a:visited {display: block; overflow: hidden; width: 7px; height: 13px; background: url(../images/gallery-arrows.gif) 0 -90px no-repeat; text-indent: -500px;}
.prev-thumbs a:hover {background-position: -7px -90px;}
.next-thumbs {float: right; margin-top: 45px;}
.next-thumbs a, .next-thumbs a:visited {display: block; overflow: hidden; width: 7px; height: 13px; background: url(../images/gallery-arrows.gif) -21px -90px no-repeat; text-indent: -500px;}
.next-thumbs a:hover {background-position: -14px -90px;}

.map {height: 310px; border: 1px solid #ebebeb;}

/* sideboxes
------------------------------------------- */
.ttt-gallery {padding-bottom: 30px; padding-right: 80px; background: url(../images/sideboxes/ttt-gallery.jpg) right 15px no-repeat;}
.who {padding-bottom: 30px; padding-right: 80px; background: url(../images/sideboxes/who.jpg) right 15px no-repeat;}
.awards {padding-bottom: 30px; padding-right: 80px; background: url(../images/sideboxes/awards.jpg) right 15px no-repeat;}
.inquiry {padding-bottom: 30px; padding-right: 80px; background: url(../images/sideboxes/inquiry.jpg) right 15px no-repeat;}
.turkmenistan {padding-bottom: 30px; padding-right: 11px; background: url(../images/sideboxes/turkmenistan.jpg) right 47px no-repeat; }
.turkmenistan p,
.bandar-darya p { margin-right: 85px; }
.bandar-darya { padding-bottom: 30px; padding-right: 11px; background: url(../images/sideboxes/bandar-darya.jpg) right 47px no-repeat; }

.sidebox a.more, .sidebox a.more:visited {display: block; float: left; height: 19px; padding-left: 5px; background: #8a8a8a url(../images/gray-button-left.jpg) left center no-repeat; color: #fff; font-size: .9em; text-transform: uppercase;}
.sidebox a.more span, .sidebox a.more:visited span {display: block; float: left; height: 19px; padding-right: 5px; background: url(../images/gray-button-right.jpg) right center no-repeat; color: #fff; line-height: 19px; }

/*login page*/
body.login {background: url(../images/login-header.jpg) center top no-repeat;}
.login .content {border-bottom: none;}
.login .header {height: 104px;}
.login-wrapper {width: 400px; margin: 20px auto; padding: 20px 180px; border: 1px solid #f1f1f1;}
.login-wrapper form {padding: 20px; background: #f1f1f1;}
.login-wrapper form input{width: 280px; padding: 2px; border:1px solid #E2E3EA; border-top-color: #ABADB3; border-bottom-color: #E3E9EF; background: #fff; color: #555; font-size: .68em;}
.login-wrapper form label {width: 70px; padding: 2px; font-size: .68em;}
.login-wrapper form button {clear: left; width: 125px; height: 19px; margin-left: 0; border: none; background: url(../images/login-button.gif) no-repeat; color: #fff; font-size: .64em; letter-spacing: -0.05em; line-height: 19px; text-transform: uppercase; text-align: center;}
.login-wrapper form legend {display: none;}
.login-wrapper h1 {border-bottom: none; font-size: 1.4em;}

.error404 {width: 760px; margin: 70px auto; font-size: .75em;}
.error404 h1 {margin-bottom: 0; border-bottom: none;}

/**
 * mission
**/

.mission { min-height: 36px; padding: 22px 25px; border: 1px solid #d4e7c9; background: #f8fbf7 url("../images/small-logo.png") no-repeat 22px 25px; }
.mission p { margin: 0 0 0 80px; padding-left: 20px; border-left: 1px solid #d4e7c9; font-size: 15px; font-style: italic; }
.mission strong { color: #097a36; font-weight: bold; }

.overlay { position: fixed; left: 0; top: 0; z-index: 15; width: 100%; height: 100%; background: #000; }
.modal { position: fixed; left: 50%; top: 50%; z-index: 16; background: #fff; color: #000; line-height: 1.3; }

.external-image { text-decoration: none !important; border-bottom: 0 none !important; }