/* general */
body, html, #o { margin: 0; width: 100%; height: 100%; }
#o { display: table; }
#m { display: table-cell; vertical-align: middle; }
ul { list-style: none; padding: 0; margin: 0; }
body { line-height: 0; }
a:focus, a:active { -moz-outline: none; outline: none; border: none; }

/* type */
h1 { padding: 0; margin: 0; background: url(images/tzg.png); position: absolute; top: 19px; left: 13px; width: 24px; height: 73px; }
body, p { font: 9pt Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #fff; }
p { margin: 0 0 8px 0; line-height: 15px; }

/* classes */
.imgtxt { text-indent: -999px; overflow: hidden; }
.hr { height: 1px; background: #4b4844; }
.plain { text-decoration: none; }

/* colours */
.beige { color: #CEC6B6; }
.lime { color: #CBD73F; }
.white { color: #fff; }

/* page elements */
#page { position: relative; width: 775px; height: 608px; margin: 0 auto; }
#left-strip { position: absolute; top: 0; left: 0; background: url(images/bg-left.png); z-index: 2; width: 9px; height: 608px; }
#photo-holder { position: absolute; top: 0; left: 0; background: url(images/bg-tile.png); width: 605px; height: 608px; overflow: hidden; }
#photo { position: absolute; left: 4px; top: 4px; width: 1815px; height: 600px; }

/* dark strip */
#dark { position: absolute; top: 0; left: 605px; width: 151px; height: 608px; background: #312E25 url(images/dark-tile.png) repeat-y; }
#dark-head { background: url(images/dark-head.png); width: 151px; height: 6px; }
#dark-body { width: 154px; height: 594px; }
#dark-foot { background: url(images/dark-foot.png); width: 151px; height: 8px; }

#content_c { position: relative; top: 4px; left: 18px; } 
#content { overflow: hidden; }
#content-body { background: url(images/content-tile.png); width: 190px; }
#content-body div.wrap { padding: 21px 13px 5px 13px; }
#content-foot { background: url(images/content-foot.png); width: 190px; height: 3px; }
#toggle-text { background: url(images/hide-text.png); width: 70px; height: 19px; display: block; position: relative; top: 0; left: 12px; }

/* menus */
#text-menu { position: absolute; bottom: 18px; left: 13px; }
#text-menu li { height: 22px; }
#text-menu li a { display: block; width: 53px; text-decoration: none; color: #fff; }
#text-menu li a:hover, #text-menu li a.selected { color: #CBD73F; }
#tabs { position: absolute; top: 4px; left: 756px; width: 24px; height: 600px; overflow: hidden; }
#tabs2 { position: absolute; top: 0px; left: -24px; width: 24px; height: 600px; }
.tabcover { position: absolute; top: -50px; left: 0; background: url(images/menu-rollover-aux.png); width: 24px; height: 9px; }
#tab-menu li a { display: block; width: 53px; background: url(images/menu-out.png) no-repeat; width: 24px; height: 98px; text-decoration: none; }
#tab-menu li a:hover, #tab-menu li a.selected { background-image: url(images/menu-over.png); }
#tab-menu li#tab-home a { background-position: 0 0; height: 109px; }
#tab-menu li#tab-about-tzg a { background-position: 0 -109px; }
#tab-menu li#tab-projects a { background-position: 0 -207px; }
#tab-menu li#tab-press a { background-position: 0 -305px; height: 99px; }
#tab-menu li#tab-vacancies a { background-position: 0 -404px; }
#tab-menu li#tab-contact a { background-position: 0 -502px; }

/* project page */
#gallery-tab { position: relative; height: 36px; }
#gallery-tab div.wrap { padding: 3px 0 0 0; }
#selector1, #selector2, #selector3 { display: block; width: 16px; height: 16px; float: left; margin: 0 16px 0 0; }
#selector1 { background: url(images/numbers/1g.png); }
#selector2 { background: url(images/numbers/2w.png); }
#selector3 { background: url(images/numbers/3w.png); }

/* links page */
#links { position: absolute; left: 0; top: 160px; }
#links-top { background: url(images/links-top.png); width: 573px; height: 10px; }
#links-mid { background: url(images/links-mid.png); width: 573px; height: auto; }
#links-bot { background: url(images/links-bot.png); width: 573px; height: 11px; }
#links table { margin: 0 0 0 11px; }
#links td { color: #544C3E; width: 126px; height: 56px; padding: 0 0 0 15px; border-bottom: 1px solid #ebe8df; }
#links td a { color: #544C3E; text-decoration: none; }
#links td.type { color: #726A5C; }
#links tr.last td { border-bottom: none; }
#links td.logo { width: 90px; }