@charset "utf-8";
* {margin:0; padding:0}
body{
font-family:Helvetica, Arial, sans-serif;
font-size:13px;
background-color:#FFF;
text-align:center;
color:#1A1A1A;
overflow-y:scroll;
line-height:22px;
background-position:center top;
background-repeat:no-repeat;
border-top:4px solid #CCC;
}
#container{width:960px; margin:0 auto; padding:0 10px; text-align: left; position:relative}
#header{height:270px; width:920px; padding:0 20px}
#mainContent{} 
#sidebar{float:left; width:270px; padding:0px 10px 15px 20px; line-height:19px}
#rightcontent{padding-right:20px; margin-left:318px}
#rightcontent ul {list-style-position:inside}
#rightcontent hr {margin:10px 0; border:none; border-bottom:1px solid #CCC}
#footer {background-color:#BABAB6;width:920px;height:123px;padding:10px 20px;font-size:11px; margin-top:100px}
#footerlogo{margin-top:1px; float:left;}
#footerCopyright{margin-left:10px; float:left;}
#footer_details {float:right; width:650px; text-align:right}
.white{color:#FFF}

h1 {font-size:16px}
h2 {font-size:14px; margin:20px 0}
h3 {font-size:16px; font-weight:bold}
a img {border:none}
a {color:#1A1A1A; text-decoration:underline; outline-color:-moz-use-text-color; outline-style:none; outline-width:0}
a:hover {color:#FF7D00; text-decoration:none}
a:visited {color:#666;}
.bold{font-weight:bold}


/* Menu 
--------------------------------------- */
#menu {font-size:15px; position:absolute; right:20px; top:106px; width:680px}
#menu li {list-style-type:none; float:right; display:inline; padding:0; text-align:center; margin-left:15px; color:#555}
#menu li a{color:#1A1A1A; height:25px; border-bottom:4px solid white; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; text-indent:-9999px; text-align:center; float:left;}
#menu li a:hover{border-bottom:2px solid #CCC}
#menu li a.selected {border-bottom:2px solid #CCC}

#company_link_el{background-image:url(graphics/m_company_el.gif); width:58px}
#projects_link_el{background-image:url(graphics/m_projects_el.gif); width:35px}
#clients_link_el{background-image:url(graphics/m_clients_el.gif); width:57px}
#contact_link_el{background-image:url(graphics/m_contact_el.gif); width:84px}

#company_link_en{background-image:url(graphics/m_company_en.gif); width:67px}
#projects_link_en{background-image:url(graphics/m_projects_en.gif); width:59px}
#clients_link_en{background-image:url(graphics/m_clients_en.gif); width:51px}
#contact_link_en{background-image:url(graphics/m_contact_en.gif); width:55px}

#company_link_el,#projects_link_el,#clients_link_el,#contact_link_el,
#company_link_en,#projects_link_en,#clients_link_en,#contact_link_en {background-repeat:no-repeat; background-position:0 0}

#company_link_el:hover,#projects_link_el:hover,#clients_link_el:hover,#contact_link_el:hover,
#company_link_en:hover,#projects_link_en:hover,#clients_link_en:hover,#contact_link_en:hover {background-position:0 0px}

#company_link_el.selected,#projects_link_el.selected,#clients_link_el.selected,#contact_link_el.selected,
#company_link_en.selected,#projects_link_en.selected,#clients_link_en.selected,#contact_link_en.selected {background-position:0 -40px}

#topmenu {position:absolute;top:5px;right:22px;font-size:11px;padding:3px 0 0 14px}
#topmenu a{text-decoration:none}
#topmenu a:hover {color:#FF7D00}

#sidemenu li {list-style-type:none; width:235px}
#sidemenu li a{text-decoration:none}
#sidemenu li a:hover {color:#FF7D00}
#sidemenu li a.selected {color:#CCC}

#people_menu {list-style-type:none; width:240px; list-style-position:outside}
#people_menu li a{text-decoration:none}
#people_menu li a:hover {color:#FF7D00}
#people_menu li a.selected {color:#CCC}

#project_menu {position:absolute; top:180px; right:20px; width:400px}
#project_menu a{padding:3px 0px 4px 0px; width:168px; text-align:center; margin-left:2px; background-color:#D9D9D9; color:#333; text-decoration:none; float:right; font-size:11px}
#project_menu a:hover{color:#FFF; background-color:#808080}
#project_menu a.selected{color:#FFF; background-color:#4D4D4D}


/* News
--------------------------------------- */
.newstitle{font-size:16px; margin-bottom:30px}
.newspictures{margin-bottom:20px; width:100%; float:none}
.newspictures img {max-width:100%}
.newsthumbs {margin-bottom:20px}
.newsthumbs img {margin-right:10px}
.newstext{margin-bottom:40px; width:100%; float:none}
.newsdate{color:#8A8A8A; position:relative; top:23px; left:-303px}
.newsline{margin:20px 0; border-bottom:1px solid #B2B2B2; float:left; width:100%}

/* Company
--------------------------------------- */
#people_menu_div {float:left; width:275px}
#people {float:left; width:340px}

/* Projects
--------------------------------------- */
#all_projects {list-style-position:outside; list-style-type:none; }
.archive_project_title{clear:right; font-size:14px; font-weight:bold}

#selected_top{border-bottom:1px solid #808080; margin-bottom:10px}

#view_list{margin-top:5px; margin-left:20px; float:left; background-image:url(graphics/view-list.gif); width:11px; height:11px; background-repeat:no-repeat; background-position:0 0}
#view_thumbs{margin-top:5px; margin-left:7px; float:left; background-image:url(graphics/view-thumbs.gif); width:11px; height:11px; background-repeat:no-repeat; background-position:0 0}
#view_list:hover, #view_thumbs:hover {background-position:0 -13px; cursor:pointer}
#view_list.selected, #view_thumbs.selected {background-position:0 -26px}

#toggle_categories{margin-left:11px; border-left:1px solid #CCC; float:left; width:280px; height:27px}
#expand_arrow {margin-top:6px; margin-left:7px; float:left;  background-image:url(graphics/expandarrow.gif); width:9px; height:9px; background-repeat:no-repeat; background-position:0 0}
#expand_arrow.expanded {background-position:0 -12px}
#project_categories_title {margin-top:0px; float:left; width:160px; margin-left:7px; font-size:11px}
#project_categories_title:hover{cursor:pointer; color:#FF7D00}
#filter_toolbar {border-top:2px dotted #CCC; float:left; width:100%; margin-top:20px; padding:15px 0; font-size:11px}
#filter_btn {float:right; padding:6px 11px; background-color:#1A1A1A; color:white}
#filter_btn:hover {cursor:pointer; background-color:#808080}
#cancel_filter {float:right; padding:6px 11px; margin-right:10px}
#cancel_filter:hover {cursor:pointer; color:#FF7D00}
#expected_results {float:right; padding:6px 11px; margin-right:10px; font-size:12px}

#project_categories {display:none; clear:both; padding:20px 0}
.category_frame {width:460px; float:left; display:inline; margin-bottom:5px; padding:1px 5px; font-size:11px; border:1px solid #FFF}
.category_frame:hover{cursor:pointer; color:#FF7D00; border:1px solid #EEE}
.category_frame.selected{border:1px solid #CCC; background-color:#F2F2F2}
.even {float:right;}

#selected_categories{float:left; font-size:11px; width:100%; padding-bottom:10px; border-bottom:1px solid #CCC; margin-bottom:5px; color:#999;}
#selected_categories_caption{width:100%; margin-bottom:6px}
.filter_category {padding:0px 8px; float:left; background-color:#F2F2F2; border:1px solid #CCC; display:block; color:#1A1A1A; margin:0 6px 6px 0}
.close-filter {margin-left:25px; text-decoration:none;}

#projects{margin-top:25px}

/*
#selected_list_numbering{float:left; width:60px; clear:both; margin-left:20px}
*/

/*
#heading-category {font-weight:bold; float:left; width:227px; margin-left:20px}
#heading-project {font-weight:bold; float:left; width:615px; margin-left:72px}
#projects.thumb_view #heading-category{display:none}
#projects.thumb_view #heading-project{display:none}
*/

.main_category_heading{font-weight:bold; background-color:#F2F2F2; font-size:12px; margin-top:10px; padding:0 0 2px 5px }
.main_category_heading a{text-decoration:none}
.main_category_heading a:hover{color:#FF7D00}
#projects.thumb_view .main_category_heading{display:none}
#projects .lsv{display:none}

.selected_list_thumb{float:left; width:140px; height:92px; background-color:#F2F2F2; display:none}
.selected_list_category{float:left; width:227px; font-size:11px; line-height:18px; margin:12px 0 0 20px}
.selected_list_content{float:left; width:615px; margin:12px 0 0 72px; line-height:17px}
.selected_list_content a {text-decoration:none; height:40px; overflow:hidden; font-size:12px}
.selected_list_content a:hover {color:#FF7D00}
.line {padding:20px 0}
.thumb_category_link{display:none; font-size:11px; margin:10px 0}

#projects.thumb_view #paginator{display:none}
#projects.thumb_view .project{width:220px; margin-right:26px; float:left; border-bottom:none}
#projects.thumb_view .forth{margin-right:0}
#projects.thumb_view .selected_list_thumb{display:inline; width:220px; height:145px; cursor:pointer; overflow:hidden;}
#projects.thumb_view .selected_list_thumb:hover{opacity:0.4}
/* #projects.thumb_view .selected_list_numbering{display:none} */
#projects.thumb_view .selected_list_content{margin:7px 0 22px 0; width:220px; height:40px; overflow:hidden; line-height:18px}
#projects.thumb_view .selected_list_category{display:none}
#projects.thumb_view .thumb_category_link{display:none}
#projects.thumb_view .line{display:none}

#project-details-topbar {border-bottom:1px solid #CCC; padding-bottom:10px}
#project-details-bottombar {border-top:1px solid #CCC; padding-top:10px; margin-top:40px}
.backtolist {width:300px; float:left}
.backtolist img {margin:9px 8px 0 0; width:7px; float:left;}
#project-details-display {margin-top:30px}
#project-title-wrapper{margin-bottom:30px}
#project-text-wrapper{margin-top:30px; float:left; width:700px}
#project-title{font-size:18px; margin-left:20px; width:610px}
#project-text{margin-left:20px; width:610px}
#project-main-photo {width:700px; height:420px; background-color:#F2F2F2; float:left; text-align:center}

#project-thumbs {width:240px; float:right; height:420px}
#project-thumbs img {margin:0 0 10px 20px; cursor:pointer; background-color:#D9D9D9;}
#project-number {float:right; width:auto; padding-right:14px; margin-right:14px; border-right:1px solid black}
.thumb{opacity:1}
.thumb:hover{opacity:0.4}
.thumb.selected {opacity:0.4}

#project-extra {width:220px; float:right; margin-top:30px}

.ext_link_img{margin-left:4px}

/* Contact
--------------------------------------- */
#thessaloniki{float:left; margin-left:20px}
#athens{float:right; margin-right:10px}
#map_thessaloniki, #map_athens{width:630px; height:440px}


/* Paginator
--------------------------------------- */
#paginator{margin-top:7px; padding-bottom:10px; border-bottom:1px solid #CCC}
#page_nums{float:left; margin-left:20px}
#prevnext{float:right}
#page_nums a {text-decoration:none; padding-right:10px}
#page_nums .current {color:#CCC}


/* Custom
--------------------------------------- */


/* Other
--------------------------------------- */

.dash{margin:27px 0 25px 0}
.dash2{margin:0 0 25px 0}
.hidden{display:none}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px}
#msg404_div {margin:20px auto; width:745px; border:1px solid #CCCCCC; padding:20px}
#msg404_div p {margin-bottom:8px}