/**
 * Colors:
 *
 * #0096be - blue ()
 * #03c9fe - blue (links)
 * #847a6a - cream (background)
 * #0e0600 - dark (background)
 * #cec2a2 - cream (menu)
 * #787064 - cream (menu selected background)
 */

/**********
 * Common *
 **********/
a {text-decoration:none; color:#03c9fe; cursor:pointer; }
a:hover {text-decoration:underline;}
table, tr, td {margin:0; padding:0; border:0;}
ul, li {margin:0; padding:0;}

/************
 * Document *
 ************/
html,body {background-color:#847a6a; text-align:center; font-family:times; color:white;}

/**
 * max width: (8 + 1242 + 8)(doc) + 1(reserve) + 17(scrollbar)
 * min width: (8 + 986 + 8)(doc) + 1(reserve) + 17(scrollbar)
 */
#doc {position:relative; margin:0 auto; min-width:1002px; max-width:1258px; _width:1002px; text-align:left;} 
#bd, #hd, #ft {position:relative; margin:0 8px; zoom:1;/*IE margin in width hack*/}
#bd {padding-bottom:30px; min-height:450px;}

.cream-bg {background-color:#847a6a;}
.dark-bg {background-color:#0e0600;}

/* Sprite */
.doc-corner-tl, .doc-corner-tr, .doc-corner-bl, .doc-corner-br,
.menu-corner-tl, .menu-corner-tr, .menu-corner-bl, .menu-corner-br,
#hd-logo,
#gallery-menu .left, #gallery-menu .right {background-image:url('/static/img/sprite.png'); behavior:url('/static/js/iepngfix.htc')}

/* Corners */
.doc-corner-tl, .doc-corner-tr, .doc-corner-bl, .doc-corner-br {position:absolute; width:48px; height:48px;}
.doc-corner-tl {top:0; left:0; background-position:-0px -0px;}
.doc-corner-tr {top:0; right:0; background-position:-49px -0px;}
.doc-corner-bl {bottom:0; left:0; background-position:-0px -49px;}
.doc-corner-br {bottom:0; right:0; background-position:-49px -49px;}

.menu-corner-tl, .menu-corner-tr, .menu-corner-bl, .menu-corner-br {position:absolute; width:10px; height:10px; overflow:hidden;}
.menu-corner-tl {top:0; left:0; background-position:-120px -0px;}
.menu-corner-tr {top:0; right:0; background-position:-131px -0px;}
.menu-corner-bl {bottom:0; left:0; background-position:-120px -11px;}
.menu-corner-br {bottom:0; right:0; background-position:-131px -11px;}
.cream-bg .menu-corner-tl {background-position:-98px -0px;}
.cream-bg .menu-corner-tr {background-position:-109px -0px;}
.cream-bg .menu-corner-bl {background-position:-98px -11px;}
.cream-bg .menu-corner-br {background-position:-109px -11px;}

/* IE odd pixel hack */
.doc-corner-tr, .doc-corner-br, .menu-corner-tr, .menu-corner-br {_right:expression(-this.parentNode.offsetWidth%2+"px");}
.doc-corner-bl, .doc-corner-br, .menu-corner-bl, .menu-corner-br {_bottom:expression(-this.parentNode.offsetHeight%2+"px");}
.hd-corner-b {bottom:82px; _bottom:expression(-this.parentNode.offsetHeight%2+82+"px");}

/**********
 * Header *
 **********/

#hd {padding-top:33px; background-color:#0e0600;}
#hd-bg {height:152px; background-image:url('/static/img/hd-bg.jpg'); background-position:center; bachground-repeat:repeat-x;}
#hd-logo {position:absolute; width:275px; height:69px; top:63px; left:22px; background-position:-0px -98px;}
#hd-current {position:absolute; width:297px; height:175px; top:0; left:0;}
#hd-current h1 {position:absolute; bottom:0; right:0; font-size:30px; font-weight:normal; color:white; text-decoration:none; letter-spacing:1px; color:#ffffff;}
#hd-slogan {position:absolute; top:77px; left:50%;}
#hd-slogan div {position:relative; left:-42%; font-size:20px; line-height:1.1;}
#hd-contact {position:absolute; width:220px; height:133px; right:0; top:0;}
#hd-contact div {position:absolute; left:0; bottom:0; font-size:20px; line-height:1.1; letter-spacing:0.5px;}

#menu {padding:12px 0 22px 0;}
#menu a {outline:none; color:#cec2a2; text-decoration:none;}
#menu td {height:22px; padding:0 9px; white-space:nowrap;}
#menu td .wrapper {position:relative; height:22px; font-size:18px; zoom:1;}
#menu td .wrapper.hover span {color:white; border-bottom:2px dotted white;}
#menu td.selected {padding:0 3px;}
#menu td.selected .wrapper {background-color:#787064; color:white;}
#menu td.selected .wrapper span {margin:0 6px; border-bottom:none;}

#categories-menu {padding:12px 0 12px 0;}
#categories-menu a {outline:none; text-decoration:none;}
#categories-menu td {height:20px; padding:0 9px; white-space:nowrap;}
#categories-menu td .wrapper {position:relative; height:21px; padding-top:1px; color:white; font-style:italic; font-size:16px; zoom:1;}
#categories-menu td .wrapper.hover span {color:#03c9fe; border-bottom:1px dotted #03c9fe;}
#categories-menu td.selected {padding:0 3px;}
#categories-menu td.selected .wrapper {background-color:#0096be;}
#categories-menu td.selected .wrapper span {margin:0 6px;}
#categories-menu td.selected .wrapper.hover span {color:white; border-bottom:none;}

/********
 * Home *
 ********/
#home {position:relative; text-align:center;}
.submenu {font-size:30px;}
.submenu a {color:white; text-decoration:none;}
.submenu a.selected {color:#03c9fe;}
.submenu a:hover {border-bottom:2px dotted white;}
.submenu a.selected:hover {border-bottom:2px dotted #03c9fe;}
.submenu td {padding:0 30px 0 30px;}
.emph {padding:20px 36px; color:#cec2a2; font-style:italic;}

/***********
 * Gallery *
 ***********/
#home.gallery {}
#gallery-image {width:100%; background-image:url('/static/img/loading-dark.gif'); background-position:center; background-repeat:no-repeat; text-align:center; font-size:0;}
#gallery-description {padding:10px 0 26px 0; font-size:14px; font-weight:bold; font-style:italic;}
#gallery-menu {position:relative; width:100%;}
#gallery-menu .items {position:relative; width:798px; margin:0 auto; text-align:left; overflow:hidden;}
#gallery-menu .items div {font-size:0; white-space:nowrap;}
#gallery-menu .items img {margin:1px; border:2px solid #0e0600; vertical-align:middle;}
#gallery-menu .items img.selected {border:2px solid #0096be;}
#gallery-menu .items img.hover {cursor:pointer; border:2px solid #847a6a;}
#gallery-menu .left {position:absolute; width:15px; height:22px; left:67px; top:32px; background-position:-142px -0px;}
#gallery-menu .right {position:absolute; width:15px; height:22px; right:67px; top:32px; background-position:-158px -0px;}
#gallery-menu .hover-l {cursor:pointer; background-position:-174px -0px;}
#gallery-menu .hover-r {cursor:pointer; background-position:-190px -0px;}
#gallery-menu .disabled-l {cursor:default; background-position:-206px -0px;}
#gallery-menu .disabled-r {cursor:default; background-position:-222px -0px;}
#category-description {position:relative; width:966px; margin:0 auto; margin-top:20px; margin-bottom:28px; font-size:18px; text-align:left;}
#category-description .emph {color:#0e0600;}

/*************
 * Materials *
 *************/
#home.materials {}
#types-menu {}
#type-description {position:relative; width:966px; margin:0 auto; margin-top:20px; margin-bottom:28px; font-size:18px; text-align:left;}
#materials-list td {font-size:14px; padding:22px; color:white; text-align:center; vertical-align:top; font-weight:bold;}

/*********
 * About *
 *********/
#home.about {}
#about-menu {margin-bottom:32px;}
#home.about .content {position:relative; width:966px; margin:0 auto; margin-bottom:24px; font-size:18px; text-align:left;}
#home.about .content .img-box {position:relative; margin:30px 0 50px 0; text-align:center;}
#home.about .content .about-side-text {position:absolute; width:155px; text-align:left; left:-85px; top:50px; font-size:16px; font-style:italic;}

/************
 * Contacts *
 ************/
#home.contacts {}
#home.contacts .content {position:relative; width:966px; margin:0 auto; font-size:18px; text-align:left;}

/************
 * Services *
 ************/
#home.services {}
#home.services .content {position:relative; width:966px; margin:0 auto; font-size:18px; text-align:left;}

/********
 * News *
 ********/
#home.news {}
#home.news .content {position:relative; width:966px; margin:0 auto; margin-bottom:24px; font-size:18px; text-align:left;}
#home.news .year {margin-top:100px; font-size:27px;}
#home.news .year.first {margin-top:32px;}
#home.news .day {margin-top:38px; color:#cec2a2;}
#home.news .day.first {margin-top:15px;}
#home.news .item-title {margin-top:2px; font-size:15px;}
#home.news .item-title a {color:white; font-size:15px; text-decoration:underline;}
#home.news .item-title a:hover {color:#a2e9fc;}
#home.news .title {margin:21px 0 7px 0; color:white; font-size:15px;}
#home.news .content .img-box {position:relative; margin:20px 0; text-align:center;}

/*********
 * Video *
 *********/
#home.gallery {}
#video-player {width:100%; margin-bottom:47px; background-image:url('/static/img/loading-dark.gif'); background-position:center; background-repeat:no-repeat; text-align:center; font-size:0;}
#video-title {position:relative; width:640px; margin:0 auto; padding:24px 0 20px 0; font-size:24px; text-align:left;}

/************
 * Partners *
 ************/
#home.partners {}
#home.partners .content {position:relative; width:966px; margin:0 auto; font-size:18px; text-align:left;}

/*************
 * Vacancies *
 *************/
#home.vacancies {}
#home.vacancies .content {position:relative; width:966px; margin:0 auto; font-size:18px; text-align:left;}

/**********
 * Footer *
 **********/
#ft {height:48px; background-color:#0e0600;}
#copyright {padding:15px 56px 0 0; text-align:right; color:#cec2a2; font-style:italic;}
#go-up {position:absolute; width:100%; top:-22px; text-align:center; font-size:14px;}
.calc{position:fixed; right:0; bottom:0;}