@charset "UTF-8";
/* Home Buttons */
#button_eng {
	background-image: url(../images/btn_english.png);
	display: block;
	background-repeat: no-repeat;
	height: 29px;
	width: 100px;
	left: 655px;
	top: 316px;
	position: relative;
}
#button_el {
	background: url(../images/btn_elearning.png) no-repeat;
	display: block;
	height: 29px;
	width: 103px;
	position: relative;
	left: 710px;
	top: 343px;
}
#button_el:hover {
	background: url(../images/btn_elearning_hover.png) no-repeat;
	display: block;
	height: 29px;
	width: 103px;
}


#button_ell {
	background-image: url(../images/btn_ellinika.png);
	background-repeat: no-repeat;
	position: relative;
	height: 29px;
	width: 103px;
	left: 787px;
	top: 286px;
	display: block;
}

#button_eng:hover {
	background-image: url(../images/btn_english_hover.png);
	display: block;
	background-repeat: no-repeat;
	height: 29px;
	width: 100px;
}
#button_ell:hover {
	background-image: url(../images/btn_ellinika_hover.png);
	display: block;
	background-repeat: no-repeat;
	height: 29px;
	width: 103px;
}

/* Rules for each button state (top, middle, bottom) English */
.about_button_top {
	background-image: url(../images/Buttons_English/about_button_top.png);
	background-repeat: no-repeat;
	height: 144px;
	width: 50px;
	display: block;
}
.about_button_middle {
	background-image: url(../images/Buttons_English/about_button_middle.png);
	background-repeat: no-repeat;
	height: 144px;
	width: 50px;
	display: block;
}
.about_button_bottom {
	background-image: url(../images/Buttons_English/about_button_bottom.png);
	background-repeat: no-repeat;
	height: 144px;
	width: 50px;
	display: block;
}
.services_button_top {
	background-image: url(../images/Buttons_English/services_button_top.png);
	background-repeat: no-repeat;
	height: 190px;
	width: 50px;
	display: block;
}
.services_button_middle  {
	background-image: url(../images/Buttons_English/services_button_middle.png);
	background-repeat: no-repeat;
	height: 190px;
	width: 50px;
	display: block;
	
}
.elearning_button_top {
	background-image: url(../images/Buttons_English/elearning_button_top.png);
	background-repeat: no-repeat;
	height: 190px;
	width: 50px;
	display: block;
}
.elearning_button_middle  {
	background-image: url(../images/Buttons_English/elearning_button_middle.png);
	background-repeat: no-repeat;
	height: 190px;
	width: 50px;
	display: block;
	
}
.contact_button_top {
	background-image: url(../images/Buttons_English/contact_button_top.png);
	background-repeat: no-repeat;
	height: 174px;
	width: 50px;
	display: block;
}
.contact_button_bottom {
	background-image: url(../images/Buttons_English/contact_button_bottom.png);
	background-repeat: no-repeat;
	height: 174px;
	width: 50px;
	display: block;
}

/* Rules for each button state (top, middle, bottom) Greek
.about_button_top_gr {
	background-image: url(../images/Buttons_Greek/about_button_top.png);
	background-repeat: no-repeat;
	height: 234px;
	width: 50px;
	display: block;
}
.about_button_middle_gr {
	background-image: url(../images/Buttons_Greek/about_button_middle.png);
	background-repeat: no-repeat;
	height: 234px;
	width: 50px;
	display: block;
}
.about_button_bottom_gr {
	background-image: url(../images/Buttons_Greek/about_button_bottom.png);
	background-repeat: no-repeat;
	height: 234px;
	width: 50px;
	display: block;
}
.services_button_top_gr {
	background-image: url(../images/Buttons_Greek/services_button_top.png);
	background-repeat: no-repeat;
	height: 205px;
	width: 50px;
	display: block;
}
.services_button_middle_gr  {
	background-image: url(../images/Buttons_Greek/services_button_middle.png);
	background-repeat: no-repeat;
	height: 205px;
	width: 50px;
	display: block;
	
}
.contact_button_top_gr {
	background-image: url(../images/Buttons_Greek/contact_button_top.png);
	background-repeat: no-repeat;
	height: 138px;
	width: 50px;
	display: block;
}
.contact_button_bottom_gr {
	background-image: url(../images/Buttons_Greek/contact_button_bottom.png);
	background-repeat: no-repeat;
	height: 138px;
	width: 50px;
	display: block;
}
.elearning_button_top {
	height: 190px;
	width: 50px;
	display: block;
	background-image: url(../images/Buttons_English/elearning_button_top.png);
	background-repeat: no-repeat;
}
.elearning_button_middle {
	height: 190px;
	width: 50px;
	display: block;
	background-image: url(../images/Buttons_English/elearning_button_middle.png);
	background-repeat: no-repeat;
}
 */
#buttons ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 50px;
}
#buttons ul li {
	position: relative;
}
#buttons li ul {
	position: absolute;
	left: 50px;
	top: 1px;
	list-style-type: none;
	width: 207px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	display: none;
	background-image: url(../images/Buttons_English/servives_popup_bg.png);
	height: 198px;
}
#buttons ul li ul a {
	color: #666666;
	text-decoration: none;
	padding: 10px;
	display: block;
}
#buttons ul li ul a:hover {
	color: #000000;
	text-decoration: none;
	padding: 10px;
	display: block;
}


/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
  /* End */

#buttons ul li#services:hover ul { display: block; }
.hidden {
	display: none;
}