html, body { 
    height: 100%; 
    margin: 0; 
    padding: 0; 
    overflow-y: hidden;	
}

#fl-bg
{
    display:          block;
    width:            100%;
    height:           100%;
    position:         absolute;
    z-index:          -9999;
    overflow-y:       hidden;
    overflow-x:       hidden;
	background-color:#000;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ GIA THN PROTH SELIDA MONO KAI TO GENIKO BOX ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.container {
	width:990px;
	margin:0 auto;	
	position:relative;	
}

.menuArea{
	background:url(../images/shadow.png);
	height:149px;
}

.langSelect {	
	font:normal 15px Arial;
	color:#fff;
}
.langSelect a {	
	color:#fff;
	text-decoration:none;
}
.langSelect a:hover {		
	text-decoration:underline;
}

.quickLinks {
	font:normal 11px/20px Tahoma;
	color:#fff;
	background:url(../images/shadow.png);
	padding-right:20px;
	text-align:right;
}
.quickLinks a {	
	color:#fff;
	text-decoration:none;
}
.quickLinks a:hover {		
	text-decoration:underline;
}

.logo
{
    width:303px;
    height:149px;
	float:left;
}
.logo a {
	display:block;
	background:url(../images/logo.png) center center no-repeat;  
    width:303px;
    height:149px;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ GIA THN PROTH SELIDA MONO KAI TO GENIKO BOX ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */



/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ GIA TIS YPOLOIPES ESOTERIKES SELIDES ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.main {
	position:relative;
	z-index:2;
	background:url(../images/shadow.png);
	color:#fff;
	font:normal 12px Arial;
	padding:20px;
	clear:both;
	margin-top:39px;
	height:413px;
}

.title
{
    color:#fff;
	font:normal 21px Arial;
}

.main img
{
    border:3px solid #fff;
}

.main a
{
    color:#bbb9b1;
}
.main a:hover
{
    text-decoration:none;
}


/********************* Menu **********************/
.menu {
	width:687px;
	height:84px;
	float:left;
	padding-top:33px;
}

.menu ul {
	margin:0;
	padding:0;
}

.menu ul li {
	list-style:none;
	display:block;	
	height:84px;
	float:right;
}

.menu ul li a {
	text-decoration:none;
	font:normal 15px Tahoma;
	color:#FFF;
	display:block;	
	height:84px;
	text-align:center;
	line-height:84px;
	padding:0 15px;
}

.menu ul li a:hover{
	text-decoration:underline;
}

.menuSep{
	width:1px;
	height:84px;
	background-color:#fff;
}


/********************* Footer **********************/
.footer {
	height:39px;
	color:#fff;
	font:normal 12px/39px Arial, Helvetica, sans-serif;	
	background:url(../images/shadow.png);
	margin-top:39px;
	padding-right:20px;
	text-align:right;
}

.footer a {
	text-decoration:none;
	color:#fff;	
}

.footer a:hover {	
	text-decoration:underline;
}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ GIA PHOTO GALLERY ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.shadow{
	background:url(../images/shadow_grey.png);
	height:83px;
	width:83px;
}
a:hover .shadow{
	background:none;
}
.imageContainer{
	width:93px;
	height:           93px;
	border:1px solid #000;
	margin-top:12px	
}
.imageContainer:hover{	
	border:1px solid #fff;	
}
.imageContainer a{
	display:block;
	cursor:pointer;
	margin:           2px;
}


.pageCounter {
	bottom:20px;
	width:663px;
}

.pageCounter ul {
	margin:0;
	padding:0;
	width:155px;
	margin:20px auto 0 auto;
}

.pageCounter ul li {
	list-style:none;
	float:left;
}

.pageCounter ul li.spacer {
	width:10px;
	height:1px;
}

.pageCounter ul li a {
	text-decoration:none;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#333;
}
.pageCounter ul li a:link, .pageCounter ul li a:visited {
	text-decoration:none;
	color:#333;
}
.pageCounter ul li a:hover {
	text-decoration:underline;
	color:#000;
}
.pageCounter ul li a:active {
	text-decoration:none;
	color:#333;
}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ GIA PHOTO GALLERY ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */