.left-element {
position:absolute;
width:50%;
left:0px; 
top:0px;
height: 403px;                                           
z-index:-1; 
background-image: url('http://localhost/webedit/Portal/Template/Skins/_intouch/images/PromotionPane_LeftBg.jpg'); background-repeat:repeat-x;
}
.right-element {
position:absolute;
right:0px; 
top:0px;
width:50%;
height: 403px;  
z-index:-1;
background-image: url('http://localhost/webedit/Portal/Template/Skins/_intouch/images/PromotionPane_RightBg.jpg'); background-repeat:repeat-x;
}

	.NavMenu2_Active{font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 12px;
	   font-weight: bold;color: #31363c; text-align: Center;
	   background-image:url('http://www.wizcom.gr/Portal/Template/Skins/_wizcom2009/images/menuSeparator.gif');
	   background-repeat:no-repeat; 
	   width:80px;
	   padding-top:0px;  
	   padding-bottom:0px; 
	   padding-left: 0px;
	   padding-right:0px;
	   margin: 4px 4px 4px 4px;
	   }
	   
	   
#footer {
	margin:  0;
	padding:  0;
/*  Replace with the width of your footer.  Optional. */
	width:  100%;
/* Replace with the height of your footer.  Optional.  */
	height:  20px;
/* Replace with the background image and colour of your footer.  */
	background:  url(../LayoutImages/body_bg.gif) #3F9BCF;
	color:  #FFFFFF;
}

#container {
width:800px;
min-width:768px;   
height:100%;
margin:0px;
position:absolute;
top:0px;
}

.container222 {
   position: relative;
   height: 50px;
   }

.left-element2 {
	position: absolute;
	left: 0;
	width: 50%;
	height: 403px;
	background-image: url('http://localhost/webedit/Portal/Template/Skins/_intouch/images/PromotionPane_LeftBg.jpg'); background-repeat:repeat-x;
   }

.right-element2 {
	position: absolute;
	right: 0;
	width: 50%;
	height: 403px;
	background-image: url('http://localhost/webedit/Portal/Template/Skins/_intouch/images/PromotionPane_RightBg.jpg'); background-repeat:repeat-x;
	text-align: right; /* depends on element width */
   } 
body {
	background: #FFFFFF;
	text-align: left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0; 
	padding:0; 
	border:0px;
}
#pageWrap {text-align: left; margin: 0 auto; width: 100%;}
#page_content {
	background: #31363c;
	text-align: left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0; 
	padding:0; 
	border:0px;
}
    .HtmlText-Content	        	{font-family: Tahoma, Arial;font-size: 12px;color:#31363c;font-weight:normal;}
    .HtmlText-Content-Box	       	{font-family: Tahoma, Arial;font-size: 12px;color:#31363c;font-weight:normal;}
    .RightPane-html	        	    {font-family: Tahoma, Arial;font-size: 11px;color:#636363;font-weight:normal;line-height: 150%; text-align:left}
    .RightPane-html-boxtitle	    {font-family: Tahoma, Arial;font-size: 13px;color:#636363;font-weight:bold}
    .RightPane-html-title	        {font-family: Tahoma, Arial;font-size: 11px;color:#636363;font-weight:bold}
    .RightPane-a	                {font-family: Tahoma, Arial;font-size: 11px;color:#636363;font-weight:bold}
    .page-title	        	        {font-family: Tahoma, Arial;font-size: 14px;color:#ad6729;font-weight:normal;}
    .CaseStudiepage-title	        {font-family: Tahoma, Arial;font-size: 14px;color:#ad6729;font-weight:normal;margin:10px 10px 20px 10px;}
    .CaseStudie-Html	            {font-family: Tahoma, Arial;font-size: 11px;color:#636363;font-weight:normal;margin:10px 10px 20px 10px;}

    .relatedtab-active	            {font-family: Tahoma, Arial;font-size: 11px;color:#636363;font-weight:bold;}
    .relatedtab-inactive	        {font-family: Tahoma, Arial;font-size: 11px;color:#636363;font-weight:normal;margin:10px 10px 20px 0px;}
    .page-relatedtab-inactive       {padding: 0px; text-align: center;border-top: 1px solid #b6b6b6; border-right: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; border-bottom: 5px solid #C0C0C0;margin:0px 0px 0px 3px;vertical-align:bottom;height: 28px; width:100px}
    .page-relatedtab-active         {padding: 0px; text-align: center;border-top: 1px solid #b6b6b6; border-right: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; border-bottom: 5px solid #C0C0C0;margin:0px 0px 0px 3px;vertical-align:bottom;height: 28px; width:100px}
    
    .SearchResultGridHeader     {font-weight: bold; color:#FFFFFF;background-color: #8B8B8B;}
    .SearchResultGridItem       {background-color: white;}
    .SearchResultGridAltItem    {background-color: #EFEFEF;}

    .HtmlText-Page                  {font-family: Tahoma, Arial;font-size: 12px;color:#d9d9d9;font-weight:normal;margin:0 0 0 0;text-align:justify;line-height: 150%}
    .HtmlText-TabPage               {font-family: Tahoma, Arial;font-size: 12px;color:#31363c;font-weight:normal;margin:1px 10px 10px 3px; width:600px;  border-top:1px solid #C0C0C0}
    .HtmlText-InheritedPage         {font-family: Tahoma, Arial;font-size: 12px;color:#31363c;font-weight:normal;width:278px;}
    .HtmlText-PageTitle             {font-family: Tahoma, Arial;font-size: 14px;color:#d9d9d9;font-weight:bold;margin:10px 10px 20px 10px;}
    .Navi-Link                      {font-family: Tahoma, Arial;font-size: 12px;color:#8a8a8a;font-weight:normal}
    .Message                        {font-family: Tahoma, Arial;font-size: 12px;color:#8a8a8a;font-weight:bold}
    .Error                          {font-family: Tahoma, Arial;font-size: 12px;color:#ff0000;font-weight:normal}
    
    .Search-Title   				{font-family: Tahoma, Arial;font-size: 12px;color:#636363;font-weight:bold}
    .Search-Description  			{font-family: Tahoma, Arial;font-size: 12px;color:#636363;font-weight:normal}
    .Search-URL   					{font-family: Tahoma, Arial;font-size: 12px;color:#eb9c35;font-weight:normal}
    .Search-Textbox                 {font-family: Tahoma, Arial;font-size: 11px;color:#b2b2b2;font-weight:normal; border:0px; background-color:Transparent}
    .Search-Textbox-focus			{font-family: Tahoma, Arial;font-size: 11px;color:#000000;font-weight:bold; border:0px; background-color:Transparent}
    .Feedback-Textbox               {font-family: Tahoma, Arial;font-size: 14px;color:#636363;font-weight:normal; }
    .Feedback-Label                 {font-family: Tahoma, Arial;font-size: 14px;color:#636363;font-weight:normal; }
	.ArticleImage					{margin: 10px 10px 10px 10px;}

	.ContactInfo{font-family:Tahoma, Geneva, sans-serif;font-size: 11px;color:#FFFFFF;font-weight:normal; text-align:left }
h1 
{
    font-family: Tahoma, Arial;font-size: 16px;color:#d9d9d9;font-weight:bold; text-align:left;
}
h3
{
    color:#b6b5b5; 
    }
h2, h3 {
	margin-top: 0px;
	font-family: Tahoma, Arial;font-size: 14px;color:#d9d9d9;font-weight:bold;text-align:left;
}

h4, h5, h6 {
}


a 
{
    text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
.post .links a {
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

img
{  border-style: none;
}


#header-wrapper {
display:table;width:100%;margin:0 auto;
position:relative;


}

/* Header */

#header {
	width: 988px;
	height: 136px;
	margin: 0px auto;
	background-image: url('http://www.wizcom.gr/Portal/Template/Skins/_wizcom/images/WizcomLogo.jpg');background-repeat:no-repeat;
	position:relative;
	z-index:4;
}


#header h1 {
	float: left;
	margin: 0px;
	padding-top: 20px;
	font-size: 42px;
	letter-spacing: -2px;
}

#header h2 {
	float: right;
	margin: 10px 0px 0px 0px;
	padding-top: 28px;
	font-size: 16px;
	letter-spacing: 0px;
	color: #FFFFFF;
}
#inner-header {
	float: right;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	font-size: 16px;
	letter-spacing: 0px;
	color: #FFFFFF;
	width:314px;
	height:136px;
	background-image: url('http://www.wizcom.gr/Portal/Template/Skins/_wizcom/images/HeaderRightBg.jpg');background-repeat:no-repeat;

}

#header a {
	text-decoration: none;
	color: #FFFFFF;
}

#Footer-link a {
	text-decoration: none;
	color: #FFFFFF;
}
/* Menu */

#menu {
	width: 638px;
	height: 39px;
	margin: 0px 0px 0px 36px;
	position: absolute; 
	bottom: 0;
	background-image: url('http://www.wizcom.gr/Portal/Template/Skins/_wizcom/images/MenuBg.jpg');background-repeat:no-repeat;
	/*display: table-cell;
    vertical-align: middle;
    text-align:left;*/

}



/* Content */

#content {
	background: #FFFFFF;
	width: 100%;
	margin: 0px auto;
	padding: 2px 0px 0px 0px;
	background-image: url('http://www.wizcom.gr/Portal/Template/Skins/_wizcom/images/ContentBg.jpg');background-repeat:repeat-x;
	}
#html {
	width: 988px;
	margin: 0px auto;
	padding: 2px 0px 0px 0px;

}
#promotion {
	width: 988px;
	margin: 0px auto;
	padding: 2px 0px 0px 0px;
	text-align:center;
}

#inner-html {
	width: 988px;
	margin: 0px auto;
	padding: 18px 0px 0px 0px;
	background-image: url('http://www.wizcom.gr/Portal/Template/Skins/_wizcom/images/HtmlContentBg.png');background-repeat:no-repeat;
	color:#575757;
}
#inner-html-content {
	width: 916px;
	margin: 0px auto;
	padding: 2px 0px 0px 0px;
	background: #FFFFFF;
	color:#575757;
}

/* Footer */

#footer {
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	height: 260px;
	background-image: url('http://localhost/webedit/Portal/Template/Skins/_intouch/images/FooterBg.jpg');background-repeat:repeat-x;
}
#inner-footer {
	width: 988px;
	height: 136px;
	margin: 0px auto;
	position:relative;
	color: #7e8081;

}
#footer-left {
	width: 638px;
	height: 39px;
	margin: 5px 0px 0px 36px;
	float:left;
	position: absolute; 
	top: 0;
	text-align:left;
	}
#footer-right {
	float: right;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	font-size: 16px;
	letter-spacing: 1px;
	color: #FFFFFF;
	width:356px;
	height:201px;
	background-image: url('http://www.wizcom.gr/Portal/Template/Skins/_wizcom/images/footerrightbg.jpg');background-repeat:no-repeat;
	

}
#inner-footer-right {
	float: right;
	margin: 4px 36px 4px 4px;
	padding-top: 6px;
	font-size: 16px;
	letter-spacing: 0px;
	color: #a8a8a8;
	width:278px;
	height:201px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;

}

#footer p {
	margin: 0px;
	padding-top: 0px;
	text-align: center;
	font-size: 11px;
}

#footer a {
	color: #666666;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

#footer a:hover {
	color: #666666;
}
#copyright {
	font-size: 9px;
	text-align:center;
	color:#565454;
}
/*ul {
	list-style-type: none;
	margin:0px;
	clear:left;
	list-style-image:none;

}
li {
	padding-bottom:0.6em; 
	padding-left:25px;
	padding-right:0px;
	background-repeat:no-repeat;
	background-position:0px 0em;
	padding-top:0px;
	}
li.facebook {
	background-image: url('http://www.wizcom.gr/Portal/Template/Skins/_wizcom/images/facebook_icon.jpg');
	background-repeat:no-repeat;
	font-size: 11px;
	text-align:left;
	color:#ff0000;
	}
	

li.twitter {
	background-image: url('http://www.wizcom.gr/Portal/Template/Skins/_wizcom/images/twitter_icon.jpg');background-repeat:no-repeat;
	}
	*/
	
	footer-rights-links {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;color: #a8a8a8;text-decoration: none;}

	.menu-active{font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 12px;
	   font-weight: bold;color: #31363c; text-align: Center;
	   background-image:url('http://www.wizcom.gr/Portal/Template/Skins/_wizcom2009/images/menuSeparator.gif');
	   background-repeat:no-repeat; 
	   width:80px;
	   padding-top:0px;  
	   padding-bottom:0px; 
	   padding-left: 0px;
	   padding-right:0px;
	   margin: 4px 4px 4px 4px;
	   }
    
    .menu-active a:link{color: #31363c;text-decoration: none;background: transparent ! important;}
    .menu-active a:visited{color: #31363c;text-decoration: none;background: transparent ! important;}
    .menu-active a:active{color: #31363c;text-decoration: none;background: transparent ! important;}
    .menu-active a:hover{color: #31363c;text-decoration: Underline;background: transparent ! important;}

/*
*/
	.internal-link{font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;
	   font-weight: bold;color: #8bb11d; 
	   }
    
    .internal-link a:link{color: #8bb11d;text-decoration: none;}
    .internal-link a:visited{color: #8bb11d;text-decoration: none;}
    .internal-link a:active{color: #8bb11d;text-decoration: none;}
    .internal-link a:hover{color: #8bb11d;text-decoration: Underline;}


	.internal-link-orange{font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 11px;
	   font-weight: normal;color: #c96728; 
	   }
    
    .internal-link-orange a:link{color: #c96728;text-decoration: none;}
    .internal-link-orange a:visited{color: #c96728;text-decoration: none;}
    .internal-link-orange a:active{color: #c96728;text-decoration: none;}
    .internal-link-orange a:hover{color: #c96728;text-decoration: Underline;}

/*
*/



	.menu-inactive{font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 12px;
	   font-weight: normal;color: #31363c; text-align: Center;
	   background-image:url('http://www.wizcom.gr/Portal/Template/Skins/_wizcom2009/images/menuSeparator.gif');
	   background-repeat:no-repeat; 
	   width:80px;
	   padding-top:0px;  
	   padding-bottom:0px; 
	   padding-left: 0px;
	   padding-right:0px;
	   margin: 4px 4px 4px 4px;
	   }
    
    .menu-inactive a:link{color: #31363c;text-decoration: none;background: transparent ! important;}
    .menu-inactive a:visited{color: #31363c;text-decoration: none;background: transparent ! important;}
    .menu-inactive a:active{color: #31363c;text-decoration: none;background: transparent ! important;}
    .menu-inactive a:hover{color: #31363c;text-decoration: Underline;background: transparent ! important;}

    .submenu-inactive{font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;color: #141414; text-align: Left;
	    border-top: 0px solid #b6b6b6;border-right: 1px solid #C0C0C0;border-left: 1px solid #C0C0C0;border-bottom: 1px solid #C0C0C0;
	    padding-right: 2px;width:100%; vertical-align:bottom; background-color:#989898; padding-top:2px;  padding-bottom:2px; padding-left: 2px;}
    .submenu-inactive a:link{font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;color: #FFFFFF;text-decoration: none;}
    .submenu-inactive a:visited{font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;color: #FFFFFF;text-decoration: none;}
    .submenu-inactive a:active{font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;color: #FFFFFF;text-decoration: none;}
    .submenu-inactive a:hover{font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;color: #c0c0c0;text-decoration: Underline;}

	.tab-active{font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #FFFFFF; text-align: Center;
	    border-top: 0px solid #b6b6b6;border-right: 0px solid #76B8C3;border-left: 0px solid #FFFFFB;border-bottom: 0px solid #D9DBDE;
	  padding-right: 0px;width:70px; vertical-align:middle; height:10px; padding-top:0px;  padding-bottom:0px; padding-left: 0px;}
    .tab-active a:link{font-weight: bold;text-decoration: none;}
    .tab-active a:visited{font-weight: bold;text-decoration: none;}
    .tab-active a:active{font-weight: bold;text-decoration: none;}
    .tab-active a:hover{font-weight: bold;text-decoration: Underline;}




	.footer-tab-inactive{font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 10px;font-weight: normal;color: #696969; text-align: Center;
	   padding-right: 0px;width:75px; vertical-align:middle; height:10px; padding-top:0px;  padding-bottom:0px; padding-left: 0px;}
    .footer-tab-inactive a:link{font-family: Tahoma, Arial, Helvetica, sans-serif;font-weight: normal;text-decoration: none;}
    .footer-tab-inactive a:visited{font-family: Tahoma, Arial, Helvetica, sans-serif;font-weight: normal;text-decoration: none;}
    .footer-tab-inactive a:active{font-family: Tahoma, Arial, Helvetica, sans-serif;font-weight: normal;text-decoration: none;}
    .footer-tab-inactive a:hover{font-family: Tahoma, Arial, Helvetica, sans-serif;font-weight: normal;text-decoration: Underline;}
*{margin:0;padding:0;}
                                         
        

#side1 {
position:absolute;
width:50%;
left:0px; 
top:0px;
height:100%;
z-index:-1; background-image: url('http://localhost/webedit/Portal/Template/Skins/_intouch/images/PromotionPane_LeftBg.jpg'); background-repeat:repeat-x;
}

#side2 {
position:absolute;
right:0px; 
top:0px;
width:50%;height:100%;
z-index:-1;
background-image: url('http://localhost/webedit/Portal/Template/Skins/_intouch/images/PromotionPane_RightBg.jpg'); background-repeat:repeat-x;}



#container {
width:100%;
min-width:768px;   
height:80%;
margin:0px;
position:absolute;
top:0px;
}



#content {
z-index:2;
background:#fff;margin:auto;position:relative;

}



#footer  
{
	font-family: Tahoma,Verdana, Geneva, Arial, sans-serif;
	background-color: #171b1c;
	text-align: center;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 260px;
	position: relative; bottom: 0;
	font-size: 11px;color:#636363;font-weight:normal;line-height: 150%;

 }
body {
	background: #eeeeee;
	text-align: left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0; 
	padding:0; 
	border:0px;
	background-image: url('http://localhost/webedit/Portal/Template/Skins/_intouch/images/PageBottom.gif'); background-repeat:repeat-x; background-position:bottom;

}
.clear {
	clear:both;
 
	}

div.header-container {
   position: relative;
   margin-right:auto;
   margin-left:auto;
   width:980px;
   height:90px;
   }

div.header-left-element {
   position: absolute;
   left: 0;
   width: 50%;
   }

div.header-right-element {
   position: absolute;
   right: 0;
   width: 50%;
   text-align: right;
   } 
   div.menu-element {
   position: relative;
   margin-right:auto;
   margin-left:auto;
   width:980px;
   height:80px;
   text-align:right;
   color:#FFF;
   vertical-align:middle;
   } 
   div.menu-container {
   position: relative;
   margin-right:0;
   width:auto;
   float:right;
   height:80px;
   text-align:right;
   color:#FFF;
   vertical-align:middle;
   } 
	div.promotion-container {
	position: relative;
	margin-right:auto;
	margin-left:auto;
	width:auto;
	height:283px;
	text-align:left;
	background-image: url('http://www.yannakopoulos.gr/Portal/Template/Skins/_yannakopoulos/images/PromotionPaneBg-streched.png'); 
	background-repeat:repeat-x; 
	background-position:top center;
   } 
   div.promotion-element {
   position: relative;
   margin-right:auto;
   margin-left:auto;
   width:980px;
   height:283px;
   text-align:left;
   color:#FFF;
   background-image: url('http://www.yannakopoulos.gr/Portal/Template/Skins/_yannakopoulos/images/PromotionPaneBg.png'); 
	background-repeat:repeat-x; 
	background-position:top center;
   } 
   div.html-content-container {
   position: relative;
   margin-right:auto;
   margin-left:auto;
   width:980px;
   height:auto;
   }
   div.html-content-element-left {
   position: relative;
   left:0;
   text-align:left;
   color:#FFF;
   vertical-align:top;
   font:Tahoma, Geneva, sans-serif;
   font-size:11px;
   color:#FFF;
   line-height: 150%;
   } 
   div.html-content-element-right {
   position: relative;
   left:0;
   text-align:left;
   color:#FFF;
   vertical-align:top;
   font:Tahoma, Geneva, sans-serif;
   font-size:11px;
   color:#FFF
   } 
   div.html-content-element {
   position: relative;
   text-align:left;
   color:#FFF;
   vertical-align:top;
   font:Tahoma, Geneva, sans-serif;
   font-size:11px;
   color:#FFF
   } 
   div.html-content-element-main {
   position: relative;
   right:0;
   text-align:left;
   color:#FFF;
   } 
   div.html-extended-content-container {
   position: relative;
   margin-right:auto;
   margin-left:auto;
   width:980px;
   height:auto;
   }
   div.footer-container {
   position: relative;
   margin-right:auto;
   margin-left:auto;
   width:1000px;
   height:108px;  
   background-image: url('http://www.yannakopoulos.gr/Portal/Template/Skins/_yannakopoulos/images/FooterBg.png'); 
   background-repeat:repeat-x; 
   background-position:top center; 
   text-align:center;
   }

    #navMenu {
	margin:0; 
	padding:0;
	list-style:none;	
	font-family:arial;
	text-align:center;
	line-height:40px;
	}

	#navMenu li {
		float:left;	
		background:url(http://www.queness.com/resources/html/fadein/default.jpg) no-repeat center center;	/* default background image	*/
		width:120px;							/* width and height of the menu item */
		height:40px;
		border-left:0px solid #111;				/* simulate pixel perfect using border */
		border-right:0px solid #333;
		border-top:0px solid #555;
		border-bottom:0px solid #333;
		position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
	}

	#navMenu li a {
		z-index:20;		/* z-index must be higher than .hover class */
		display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
		height:40px;
		position:relative;
		color:#777;
	}

 	#navMenu li .hover {
		background:url(http://www.queness.com/resources/html/fadein/over.jpg) no-repeat center center;		/* mouseover image	*/
		position:absolute;	/* must be postion absolute 	*/
		width:120px;	/*	width, height, left and top to fill the whole LI item	*/
		height:40px;
		left:0; 
		top:0;	
		z-index:0;		/* display under the Anchor tag	*/
		display:none;	/* hide it by default	*/
		border-left:1px solid #111;				/* simulate pixel perfect using border */
		border-right:1px solid #333;
		border-top:1px solid #555;
		border-bottom:0px solid #333;
		background-color:#900
	}	

	#navMenu li.selected {
		background:url(http://www.queness.com/resources/html/fadein/selected.jpg) no-repeat center center;	/* selected image	*/
	}

   /* TEST MENU---------------------------------------------------------------------------
 
 
 
/* Navigation menu styles */

ul{
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

ul li{
	border:0px solid #444444;
	display:block;
	float:left;
	height:25px;
	list-style-type:none;
	overflow:hidden;
	text-align:right;
}

ul li a, ul li a:hover, 
ul li a:visited{
	text-decoration:none;
}

.menu-normal, .menu-normal:visited,
.menu-hover, .menu-hover:visited,
.menu-active,.menu-active:visited {
	outline:none;
	padding:5px 10px;
	display:block;
}

.menu-hover,.menu-hover:visited,
.menu-active,.menu-active:visited {
	margin-top:-25px;
	background:url(http://www.yannakopoulos.gr/portal/template/skins/_yannakopoulos/images/grey_bg.gif) repeat-x ;
	color:#FFF;
	font-weight:bold
}

.menu-active,.menu-active:visited {
	margin:0;
}
 
.menu-normal, .menu-normal:visited{
	color:#eaeaea;
	background:url(http://www.yannakopoulos.gr/portal/template/skins/_yannakopoulos/images/dark_bg.gif) repeat-x ;
}
 
 
 
 /**/
 
.slideshow { height: 243px; width: 980px; margin: auto; background-color: transparent;z-index: 10; }
.slideshow img {background: transparent !important;}
#background{
position: absolute;
left: 0px;
top: 0px;
z-index: 10;
}
#text{
position: absolute;
left: 10px;
top: 20px;
z-index: 15;
}