@charset "utf-8";
* {margin:0; padding:0}
body {font:10px verdana, sans-serif; color:#333; line-height:14px; min-width:850px}
#logo {position:fixed; top:40px; left:170px; z-index:5}
#company_el{position:fixed; top:115px; left:55px; width:41px; height:9px; background:url(images/titles/g_a/g_a00_n.gif) no-repeat left top}
#portfolio_el{position:fixed; top:115px; left:100px; width:41px; height:9px; background:url(images/titles/g_b/g_b00_n.gif) no-repeat left top}
#lang_el{position:fixed; top:115px; left:170px; width:241px; height:9px; background:url(images/titles/e_lang_n.gif) no-repeat left top}
#clients_el{position:fixed; top:115px; left:170px; width:44px; height:9px; background:url(images/titles/g_a/g_a02_n.gif) no-repeat left top}
#contact_el{position:fixed; top:115px; left:225px; width:70px; height:9px; background:url(images/titles/g_a/g_a03_n.gif) no-repeat left top}
#company_el:hover{background-image:url(images/titles/g_a/g_a00_s.gif)}
#portfolio_el:hover{background-image:url(images/titles/g_b/g_b00_s.gif)}
#lang_el:hover{background-image:url(images/titles/e_lang_ro.gif)}
#clients_el:hover{background-image:url(images/titles/g_a/g_a02_s.gif)}
#contact_el:hover{background-image:url(images/titles/g_a/g_a03_s.gif)}
#company_el_s{position:fixed; top:115px; left:55px; background:url(images/titles/g_a/g_a00_s.gif) no-repeat left top; width:41px; height:9px}
#portfolio_el_s{position:fixed; top:115px; left:100px; background:url(images/titles/g_b/g_b00_s.gif) no-repeat left top; width:41px; height:9px}
#clients_el_s{position:fixed; top:115px; left:170px; background:url(images/titles/g_a/g_a02_s.gif) no-repeat left top; width:44px; height:9px}
#contact_el_s{position:fixed; top:115px; left:225px; background:url(images/titles/g_a/g_a03_s.gif) no-repeat left top; width:70px; height:9px}
/* en */
#company_en{position:fixed; top:115px; left:30px; width:51px; height:9px; background:url(images/titles/e_a/e_a00_n.gif) no-repeat left top}
#portfolio_en{position:fixed; top:115px; left:90px; width:54px; height:9px; background:url(images/titles/e_b/e_b00_n.gif) no-repeat left top}
#lang_en{position:fixed; top:115px; left:170px; width:241px; height:9px; background:url(images/titles/g_lang_n.gif) no-repeat left top}
#clients_en{position:fixed; top:115px; left:170px; width:44px; height:9px; background:url(images/titles/e_a/e_a02_n.gif) no-repeat left top}
#contact_en{position:fixed; top:115px; left:225px; width:70px; height:9px; background:url(images/titles/e_a/e_a03_n.gif) no-repeat left top}
#company_en:hover{background-image:url(images/titles/e_a/e_a00_s.gif)}
#portfolio_en:hover{background-image:url(images/titles/e_b/e_b00_s.gif)}
#lang_en:hover{background-image:url(images/titles/g_lang_ro.gif)}
#clients_en:hover{background-image:url(images/titles/e_a/e_a02_s.gif)}
#contact_en:hover{background-image:url(images/titles/e_a/e_a03_s.gif)}
#company_en_s{position:fixed; top:115px; left:30px; background:url(images/titles/e_a/e_a00_s.gif) no-repeat left top; width:51px; height:9px}
#portfolio_en_s{position:fixed; top:115px; left:90px; background:url(images/titles/e_b/e_b00_s.gif) no-repeat left top; width:54px; height:9px}
#clients_en_s{position:fixed; top:115px; left:170px; background:url(images/titles/e_a/e_a02_s.gif) no-repeat left top; width:44px; height:9px}
#contact_en_s{position:fixed; top:115px; left:225px; background:url(images/titles/e_a/e_a03_s.gif) no-repeat left top; width:70px; height:9px}

#white_curtain {background-color:#FFF; width:330px; height:600px; position:fixed; top:0; left:0; z-index:-1}
#top_curtain{background-color:#FFF; width:830px; height:130px; position:fixed; top:0; left:165px; z-index:0}
#mainContent {margin:115px 0 0 170px; width:auto; min-height:480px; background-color:#fff; z-index:-3; float:left; clear:both}
#folio_menu {position:fixed; top:113px; left:170px; background-color:#FFF}
#folio_menu p{margin-bottom:3px}
#topmenu {position:fixed; top:40px; left:350px; z-index:2;}
#topmenu a{text-decoration:none; font-size:9px}
#projects{position:absolute; top:110px; left:350px; z-index:-2}
#thumbview{position:absolute; top:115px; left:350px; z-index:2; background-color:#FFF}
.caption_spacer{height:26px}
.caption {position:fixed; left:350px}
span.c1{color:#666}
span.c2{color:#999; display:block}
span.c3{color:#C00; display:block}
#thumbs {position:absolute; top:40px; left:350px}
#project_list {position:absolute; top:40px; left:350px}

#credits{position:absolute; top:460px; left:350px; }
.credits{font-size:9px; color:#999; margin-top:23px}

#company_text{padding-top:50px; width:390px}
#bio{position:absolute; top:165px; left:620px; z-index:-2; width:350px; height:300px}
#saltiel, #kalogirou, #associates{display:none}

.clients{width:125px; float:left; margin:50px 40px 0 0}
.clients img{display:block; margin-bottom:20px}
.clients p{padding-bottom:8px}

ul{margin:10px 40px}
img{border:none}
a{color: #999999; text-decoration:underline}
a:hover, a:active{text-decoration:none}

#msg404_div{width:400px; margin-top:-2px}
#msg404_div p{margin-bottom:10px}