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

* {margin:0; padding:0; color:#333;
font-family:"helvetica",Arial,sans-serif;
font-weight:normal;
letter-spacing:0px;
text-align:left;
font-size:11px;}


@font-face {
  font-family:Knockout;
  src: url(KnockoutHTF30.otf);
}

div#main_menu {

	position: relative; 
	width: 200px;
	margin: 10px 0px 0px 10px;
	background: #fff;
	font-family: helvetica, arial, sans-serif;
	font-size: 10pt;
	line-height: 16pt;
	overflow:hidden;
	float:left;
	}
	
div#contentArea {
float:left; 
height:auto;
overflow:hidden;
}



h1 { text-transform:none; font-size:14px; font-weight:900; padding:0px 0px 8px 0px; letter-spacing:1px; line-height:14px; font-family:'Helvetica'; color:#333;}

#acc {width:180px; list-style:none; color:#000; margin:10px 0px 10px 12px; }

 h3 {width:180px; font-weight:bold; cursor:pointer; margin:-2px; }
 h3 a{ text-decoration:none; font-weight:bold; color:#f27c22}
 h3 a:hover{ text-decoration:none; font-weight:bold; color:#f27c22}
 
 h5 {width:180px; font-weight:bold; margin:4px 0px 4px 0px; }
 h5 a{ text-decoration:none; color:#f27c22}
 h5 a:hover{ text-decoration:underline; color:#f27c22;}
 
#acc h3:hover {color:#f27c22; }
 h3#sec { font-weight:bold; color:#999; cursor:pointer;}
  h3#sec a{ font-weight:bold; color:#999; cursor:pointer;}
 h4 {font-weight:bold; color:#999; font-size:11px;}
 h2 {font-weight:500; font-family:Arial; font-size:14px; color:#999; padding:10px; text-shadow: #f0f0f0 1px 1px 1px;}
 h4 a {font-weight:bold; color:#f27c22; text-decoration:none} /*trito epipedo accordion, projects*/
#acc .acc-section {overflow:hidden; background:#fff}
#acc .acc-content {width:200px; background:#fff}

#nested9, #nested0, #nested1, #nested3 {width:200px; list-style:none; color:#000; margin:4px;}
#nested h3 {width:200px;  cursor:pointer;}
#nested .acc-section {overflow:hidden; background:#fff}
#nested .acc-content {width:200px; background:#fff; margin:4px;}

p.text {width:180px; padding:10px 10px 0px 0px; text-transform:none; line-height:14px; color:#333;}

p.text a{color:#666; text-decoration:underline;}
p.text a:hover{color:#f27c22; text-decoration:underline;}

#desc p {text-transform:none; line-height:14px; color:#333; padding:10px;}
/*content (ektos aristerou menu)*/
div.wrapper {


	height:488px;
	margin: 0px;
	background:none;
    overflow:hidden;
	position:relative;
	float:left;



}

div.spec {

	width: 200px;
	height:200px;
	margin: 10px;
	background:#fff;
	position:relative;
	overflow:auto;
	overflow-x:hidden;
   
}

div#spec3 {

	width: 200px;
	height:200px;
	margin: 0px 0px 0px 10px;
	background:#fff;
	position:relative;
	overflow:auto;
	padding-right:10px;
   
}
div.spec2 {

	width: 200px;
	height:200px;
	margin: 10px;
	background:#fff;
	position:relative;
	overflow:hidden;
	}

div#desc {

	width: 400px;
	height:410px;
	background:#fff;
	position:relative;
	overflow:auto;



}

img.gallery { border:none; padding:0; margin:0; cursor:pointer; float:left;}
img.gallery:hover { opacity:0.5;};