/************************************* General CSS Rules for Html, Body ************************************/
* {
	margin:0;
	padding:0;
}
html, body {
color: #1F1F1F;
background-color: #828385;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
}
#horizon        
	{
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 0;
	overflow: visible;
	visibility: visible;
	display: block
	}
	
#container {
	background-color: #fff;
	margin-left: -371px;
	position: absolute;
	top: -300px;
	left: 50%;
	width: 742px;
	height: 600px;
	visibility: visible
}
/************************************************ CSS Rules for Header ************************************/
#header{
	height:123px;	
}
#imageHeader{
	background:url(../images/header.jpg);
	height:90px;
}
/************************************************ CSS Rules for Menu ************************************/
/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: navy;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #ccc;
}

.suckertreemenu ul li a:hover{
background-color: black;
color: white;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #F3F3F3 url(media/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(media/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */

#navmenu li{
	display:inline;
}
#navmenu a{
	float:left;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
}
#navmenu #etairia a {	
	background: url(../images/etairia.jpg);
	width:58px;
	height:32px;
}
#navmenu #etairia a:hover, #navmenu #treemenu1 #etairia .active {
	background: url(../images/etairia.jpg);
	background-position: 0 -32px;
}
#navmenu #etairia ul li a {
	border-left:1px solid #FFFFFF;
	background: none;
	background-color:#ccdde4;
	color:#333333;
	width:95px;
	height:auto;
	padding: 3px 0 3px 20px;
}
#navmenu #etairia ul li a:hover {
	background:#ccdde4 url(../images/pi_bullet02.gif) no-repeat 7px center;
	color: #005475;
}
#navmenu #etairia .downImage{
background:url(../images/menuDown100.gif) no-repeat; 
border:0;
padding:0;
border-top:1px solid #FFFFFF;
width:117px;
height:6px;
}
#navmenu #poiotita a {	
	background: url(../images/prodiagrafes.jpg);
	width:87px;
	height:32px;
}
#navmenu #poiotita a:hover, #navmenu #poiotita .active {
	background: url(../images/prodiagrafes.jpg);
	background-position: 0 -32px;
}
#navmenu #poiotita ul li a {
	border-left:1px solid #FFFFFF;
	background: none;
	background-color:#ccdde4;
	color:#333333;
	width:95px;
	height:auto;
	padding: 3px 0 3px 20px;
}
#navmenu #poiotita ul li a:hover {
	background:#ccdde4 url(../images/pi_bullet02.gif) no-repeat 7px center;
	color: #005475;
}
#navmenu #poiotita .downImage{
background:url(../images/menuDown100.gif) no-repeat; 
border:0;
border-top:1px solid #FFFFFF;
width:117px;
padding:0;
height:6px;
}
#navmenu #erga a {	
	background: url(../images/erga.jpg);
	width:46px;
	height:32px;
}
#navmenu #erga a:hover, #navmenu #erga .active {
	background: url(../images/erga.jpg);
	background-position: 0 -32px;
}
#navmenu #diktyo a {	
	background: url(../images/diktyo.jpg);
	width:57px;
	height:32px;
}
#navmenu #diktyo a:hover, #navmenu #diktyo .active {
	background: url(../images/diktyo.jpg);
	background-position: 0 -32px;
}
#navmenu #proionta a {	
	background: url(../images/proionta.jpg);
	width:67px;
	height:32px;
}
#navmenu #proionta a:hover, #navmenu #proionta .active {
	background: url(../images/proionta.jpg);
	background-position: 0 -32px;
}
#navmenu #proionta ul li a {
	border-left:1px solid #FFFFFF;
	background: none;
	background-color:#ccdde4;
	color:#333333;
	width:180px;
	height:auto;
	padding: 3px 0 3px 20px;
}
#navmenu #proionta ul li a:hover {
	background:#ccdde4 url(../images/pi_bullet02.gif) no-repeat 7px center;
	color: #005475;
}
#navmenu #proionta .downImage{
background:url(../images/menuDown200.gif) no-repeat; 
border:0;
border-top:1px solid #FFFFFF;
width:202px;
padding:0;
height:6px;
}
#navmenu #plirofories a {	
	background: url(../images/idiotites.jpg);
	width:63px;
	height:32px;
}
#navmenu #plirofories a:hover, #navmenu #plirofories .active {
	background: url(../images/idiotites.jpg);
	background-position: 0 -32px;
}
#navmenu #plirofories ul li a {
	border-left:1px solid #FFFFFF;
	background: none;
	background-color:#ccdde4;
	color:#333333;
	width:95px;
	height:auto;
	padding: 3px 0 3px 20px;
}
#navmenu #plirofories ul li a:hover {
	background:#ccdde4 url(../images/pi_bullet02.gif) no-repeat 7px center;
	color: #005475;
}
#navmenu #plirofories .downImage{
background:url(../images/menuDown100.gif) no-repeat; 
border:0;
border-top:1px solid #FFFFFF;
width:117px;
padding:0;
height:6px;
}
#navmenu #epikoinwnia a {	
	background: url(../images/epikoinwnia.jpg);
	width:84px;
	height:32px;
}
#navmenu #epikoinwnia a:hover, #navmenu #epikoinwnia .active {
	background: url(../images/epikoinwnia.jpg);
	background-position: 0 -32px;
}
#navmenu #greenline a {	
	background: url(../images/greenline.jpg);
	width:77px;
	height:32px;
}
#navmenu #greenline a:hover, #navmenu #greenline .active {
	background: url(../images/greenline.jpg);
	background-position: 0 -32px;
}
/************************************************ CSS Rules for Image ************************************/
#image{
	background:url(../images/index/indexImage.jpg);
	height:199px;
}

#image p{
	color:#FFFFFF;
	background:#73939e url(../images/index/welcomeBg02.jpg) no-repeat;
	width:300px;
	height:79px;
	float:right;
	margin-top:113px;
	padding:7px 0 0px 29px;
}
/************************************************ CSS Rules for Main Content ************************************/
					/**************************** Left Content ***********************************/
#leftContent{
	float:left;
	width:414px;
	background:url(../images/index/leftTopBg.jpg) repeat-x;
}
#leftLeft{
	float:left;
	width:267px;
	font:bold 11px Arial, Helvetica, sans-serifbold;
}
#leftLeft div{
	background:url(../images/index/eurofutur.jpg);
	height:97px;
	border-top:#a3a3a3 solid 1px;
	border-right:#a3a3a3 solid 1px;
	padding-left:110px;
}
#leftLeft h1{
	color:#FFFFFF;
	padding-top:25px;
	padding-bottom:10px;
}
#leftLeft .eurofutur{
	background:url(../images/index/leftGradient.jpg) repeat-x;
	height:127px;
	border-top:0;
	padding-left:0;
}
#leftLeft .eurofutur ul{
	padding-left:10px;
	margin-top:10px;
	list-style-type:none;
	float:left;
	width: 200px;
}
#leftLeft .eurofutur li{
	width:115px;
	border-bottom:#CCCCCC 1px solid;
}
#leftLeft .eurofutur a{
	background:url(../images/index/leftButton.gif) no-repeat 5px 0px;
	padding-left:30px;
	padding-top:3px;
	padding-bottom:3px;
	line-height:25px;
}
#leftLeft .eurofutur a:hover{
	background:url(../images/index/leftButton.gif) no-repeat 5px 0;
	background-position: 5px -18px;
}
#leftLeft .eurofutur p{
	float:left;
	padding-top:15px;
	padding-left:10px;
	font:11px Arial, Helvetica, sans-serif;
}
#leftRight{
	float:left;
	width:146px;
	border-right:#a3a3a3 solid 1px;
}
#leftRight img{
	border-top:#a3a3a3 solid 1px;
	/*border-right:#a3a3a3 solid 1px;*/
}
#leftRight .eurofutur{
	background:url(../images/index/leftGradient.jpg) repeat-x;
	height:127px;
}
#leftRight a{
	float:right;
	margin:10px;
	color:#005475;
	background-color: transparent;
}
#leftRight a:hover{
	text-decoration:underline;
}
					/**************************** Right Content ***********************************/
#rightContent{
	float:left;
}
#rightContent li{
	display:inline;
}
#rightContent a{
	text-align:center;
	color:#ededee;
	padding-top:90px;
	float:left;
	background:#73939e;
	width:65px;
	height:26px;
	border-right:1px solid #FFFFFF;
}
#rightContent a:hover{
	background:#005475;
}
#elegance a{
	background:#73939e url(../images/index/index01.jpg) no-repeat;
	background-position: -65px 0;
}
#elegance a:hover{
	background:#005475 url(../images/index/index01.jpg) no-repeat;
}
#falttur a{
	background:#73939e url(../images/index/index02.jpg) no-repeat;
	background-position: -65px 0;
}
#falttur a:hover{
	background:#005475 url(../images/index/index02.jpg) no-repeat;
}
#psk a{
	background:#73939e url(../images/index/index03.jpg) no-repeat;
	background-position: -65px 0;
}
#psk a:hover{
	background:#005475 url(../images/index/index03.jpg) no-repeat;
}
#premidoor a{
	background:#73939e url(../images/index/index04.jpg) no-repeat;
	background-position: -65px 0;
}
#premidoor a:hover{
	background:#005475 url(../images/index/index04.jpg) no-repeat;
}
#rola a{
	background:#73939e url(../images/index/index05.jpg) no-repeat;
	background-position: -64px 0;
}
#rola a:hover{
	background:#005475 url(../images/index/index05.jpg) no-repeat;
}
#rightContentBottom{
	position:absolute;
	top:438px;
	left:415px;
	padding: 20px 0 0 25px;
	width: 300px;
}
#rightContentBottom a{
	background-color: transparent;
	text-decoration: none;
	margin: 0;
	padding: 0;
	color: #005475;
}
#rightContentBottom a:hover{
	text-decoration: underline;
	color: #005475;
	background-color: transparent;
}
/************************************************ CSS Rules for Footer ************************************/
#footer {
	width:742px;
	clear:both;
	height:35px;
	text-align:center;
	left:0;
	bottom:0;
	position: absolute;
	background:url(../images/footer-Bg.jpg) repeat-x;
}
#footerLeft{
	float:left;
	padding-left:10px;
}
#footerLeft li{
	display:inline;
}
#footerLeft a, #footerLeft a:visited{
	color:#333333;
	float:left;
	padding:12px 3px 0 3px;
}
#footerLeft a:hover{
	text-decoration:underline;
}
#footerRight{
	float:right;
	width:300px;
}
#footerRight a{
	float:right;
	padding-top:12px;
	padding-right:15px;
}
#footerRight img{
	float:left;
}
/************************************************ CSS Rules for Classes ************************************/
h1{
	font-size:12pt;
	font-family:Tahoma, Verdana, Arial, "Arial Narrow", Georgia;
}
h2{
	font:bold 11px Arial, Helvetica, sans-serif;
	display:inline;
	margin-left:23px;
	line-height:18px;
}
p{
font-size:8pt;
font-family:Arial, Helvetica, sans-serif;
}
a {
color: #333333;
text-decoration:none;
}