@charset "utf-8";
/* CSS Document */

/* Structure ***************************************************************************/

html, body { margin: 0; padding: 0; height: 100% }

p { margin: 0; padding: 0 0 1em 0; }

body { background: url(images/background.jpg) no-repeat center fixed #262626 }

div#center { position: relative; width: 601px; height: 100%; margin: 0 auto; }

div#table { display: table; height: 100%; position: relative }

div#table-cell { display: table-cell; vertical-align: middle }

div#table-cell hr { display: block; width: 1px; height: 89px; visibility: hidden; }

div#table-cell-2 { display: table-cell; width: 1px; vertical-align: bottom }

*+html div#table-cell-2 { width: 0 }

div#header { margin: 0; padding: 0; width: 600px; height: 94px; position: relative }

h1 { display: block; float: left; width: 91px; height: 54px; margin: 20px; padding: 0; background: url(images/logo.png) no-repeat; text-indent: -999px; overflow: hidden; }

ul#languages { display: block; float: right; width: 100px; margin: 0; padding: 64px 20px 0 0; list-style: none }

ul#languages li { display: block; float: right; margin: 0 0 0 5px; padding: 0 }

ul#languages li a { display: block; width: 16px; height: 12px; text-indent: 0; overflow: hidden; margin: 0; padding: 0 }

ul#content { display: block; position: relative; margin: 0; padding: 0; list-style: none; background: url(images/background2.jpg) center fixed no-repeat #323232; width: 600px; overflow: hidden }

ul#content-thanks { margin: 0; padding: 0; list-style: none; background: url(images/background2.jpg) center fixed no-repeat }

ul#content h2 { margin: 0; padding: 0; }

div.content { width: 560px; height: auto; padding: 0 20px; text-align: justify; }

div.active { display: block; }

div.clear { clear: both; height: 30px }

ul#content li h3 { display: block; padding: 0; margin: 6px 0 20px 0; }

div#footer { /*position: absolute; bottom: 0; left: 50%; */width: 600px; margin-right: -600px; height: auto; text-align: center; }

h4#e404 { display: block; width: 208px; height: 100px; padding: 0; margin: 0; float: right; background: url(images/404.png) no-repeat; text-indent: -999px; overflow: hidden; }

div#thanks { display: none; border: 1px solid #505050; background: #252626; width: 600px; height: 500px; padding: 4px; position: fixed; top: 50%; left: 50%; margin: -250px 0 0 -300px; z-index: 100000 }

div#thanks div { background: #292929; height: 500px; text-align: center }

a.x-close { position: relative; display: block; width: 29px; height: 28px; margin: 0 auto; background: url(images/x.gif) no-repeat; outline: none }

/* Projects */

/*div#gallery { position: relative; width: 560px; height: 270px }*/

div#gallery { height: auto; overflow: hidden }

div#gallery ul { display: block; margin: 0; padding: 0; width: 580px; }

div#gallery ul li { list-style: none; display: block; padding: 0; float: left; margin: 0 20px 20px 0; height: 74px; line-height: 74px; border: 1px solid #505050; overflow: hidden }

div#gallery ul li a { outline: none; display: block; width: 74px; height: 74px; margin: 0; padding: 0 }

div#gallery img { border: 4px solid #252626; display: block; margin: 0; padding: 0 }

a#arrow-top { display: none; width: 26px; height: 17px; float: right; margin: -18px 48% 0 0; background: url(images/arrow-top.gif) no-repeat; outline: none }

a#arrow-bottom { display: none; width: 26px; height: 17px; float: right; margin-right: 48%; background: url(images/arrow-bottom.gif) no-repeat; outline: none }


/* Fonts ******************************************************************************/

body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fffefe; font-size: 1em }

ul#languages { font-family: Tahoma, Arial, Helvetica, sans-serif; color: FFFEFE; font-size: 12px; line-height: 12px }

ul#content h2 { font-size: 0.88em; color: #292929; font-family: Tahoma, Arial, Helvetica, sans-serif }

ul#content li div.content { font-size: 0.9em; line-height: 1.315em; }

ul#content h3 { font-size: 1.3em; font-weight: normal; line-height: 1em }

div.pic-right small { font-size: 1.1em }

div#footer { font-size: 0.75em; line-height: 2em }

div#thanks h3 { font-weight: normal }

div#thanks small { font-size: 0.8em }


/* Links *****************************************************************************/

/* Menu */

ul#content h2 a:link, ul#content h2 a:active, ul#content h2 a:visited { color: #292929; text-decoration: none; display: block; padding: 0 20px; line-height: 26px; background: url(images/menu.gif) repeat-x #FF9E1E; border-bottom: 1px solid #000000; width: 560px; cursor: default; }

ul#content h2 a:focus { outline: none }

/*ul#content li#last h2 a:link, ul#content li#last h2 a:active, ul#content li#last h2 a:visited { background: url(images/menu-last.png) no-repeat; border-bottom: none }*/

/* Language selection */

a#lang_bg:link, a#lang_bg:active, a#lang_bg:visited { background: url(images/flag_bg.gif) no-repeat top; color: #FFFEFE }

a#lang_en:link, a#lang_en:active, a#lang_en:visited { background: url(images/flag_en.gif) no-repeat top; color: #FFFEFE }

a#lang_bg:hover, a#lang_en:hover { background-position: bottom; text-indent: -25px; overflow: hidden }

/* Other */

ul#content-thanks { background: #2d2d2d; border: 1px solid #505050; padding: 0 20px; width: 560px; height: 450px; }


/* Styles ***************************************************************************/

div.pic-right { float: right; width: 165px; text-align: right; margin: 0 0 5px 20px }

div.pic-right img { border: 4px solid #252626; display: block }

div.pic-right div { border: 1px solid #4e4e4e; margin: 0; padding: 0; }

div.pic-right small { text-align: center; display: block; margin-top: 8px }

div.text-left { /*float: left; width: 377px*/ }

div#thanks a:link, div#thanks a:active, div#thanks a:visited { color: #FFFFFF; text-decoration: none }

div#thanks a:hover { text-decoration: underline }

div#footer a { color: #ffffff; text-decoration: none; outline: none }

div#footer a img { border: none }


/* Forms *****************************************************************************/

form { display: block; margin: 0; padding: 0; height: auto }

fieldset { display: block; margin: 0; padding: 0; border: none; height: auto }

fieldset div label { float: left; width: 100px; }

fieldset div input { float: left; background-color: #4c4c4c; padding: 2px 3px; width: 150px; height: 16px; border: 1px solid #000000; color:#FFFFFF }

fieldset div textarea { float: left; background-color: #4c4c4c; padding: 2px 3px; width: 440px; height: 160px; border: 1px solid #000000; margin: 0; color: #FFFFFF }

input.btn { background: #4c4c4c; color: #ffffff; width:150px; height: 24px; line-height: 22px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; border: 1px solid #000000; }

fieldset div br { clear: both; }

.field-row { height: auto; padding-top: 6px }

.field-row span { border: 1px solid #505050; display: block; float: left; margin: 0; padding: 0; }