html, body {
	margin: 0px;
   	padding: 0px;
   	height: 100%;
	background-color: #fbfcad;
}


.wab_layout_page {
	width: 980px;
	margin: 10px auto;
	background-color: #FFFFFF;
}

/*
.headerbox_m, .headerbox_l, .headerbox_r, .footerbox_m, .footerbox_l, .footerbox_r {
	background-image: url(images/headerbox_m.png);
	background-repeat: no-repeat;
}
*/

.headerbox_m {
	background-image: url(images/headerbox_m.jpg);
	position: relative;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 300px;
	line-height: 200px;
	width: 980px;							/* aloios kanei overflow */
	border: 0px solid #101010;
}

.headerbox_l {
	background-position: 0px 0px;
	height: 50px;
	width: 10px;
	float: left;
}

.headerbox_r {
	background-position: 0px -100px;
	height: 50px;
	width: 10px;
	float: right;
}



.footerbox_m {
	position: relative;
	background-repeat: repeat-x;
	background-position: 0px -200px;
	height: 50px;
	line-height: 50px;
	width: auto;							/* aloios kanei overflow */
	clear: both;
	color: #000000;
	font-style: italic;
	text-align: center;
	border: 0px solid #101010;
}

.footerbox_l {
	background-position: 0px -150px;
	height: 50px;
	width: 10px;
	float: left;
}

.footerbox_r {
	background-position: 0px -250px;
	height: 50px;
	width: 10px;
	float: right;
}

.wab_layout_header_flags {
	position: absolute; 
	right: 5px; 
	top: 5px;
	display: none;
	text-align: center;
	font-size: 75%;
	color: #000000;
}	


/*
 ********************************************************************************************
 * CONTENT	
 ********************************************************************************************
 */

.wab_layout_page_content {
	background-image: url(images/pagecontentbox_m.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
 	min-height: 400px;
  	height: auto !important;
  	height: 400px;
}

.wab_layout_page_content_left {
	background-color: #f8f9c9;
	width: 200px;
	float: left;
	padding: 10px;
}

.wab_layout_page_content_center {
	background-color: inherit;
	width: 520px;
	float: left;
	padding: 10px;
}

.wab_layout_page_content_right {
	background-color: inherit;
	width: 200px;
	float: left;
	padding: 10px;
}



/*
 ********************************************************************************************
 * TEXT FORMAT	
 ********************************************************************************************
 */
.title1 {
	font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
	font-size: 150%;
	color: #333399;	
}

.title2 {
	font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
	font-size: 175%;
	color: #333399;	
}

.text {
	font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
	font-size: 100%;
	color: #333a42;	
	margin-top: 5px;
	margin-bottom: 15px;
	text-align: justify;
}

.textsmallbold {
	font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
	font-size: 90%;
	color: #333a42;	
	font-weight: bold;
}

 
/*
 ********************************************************************************************
 * NAV HOR 1	
 ********************************************************************************************
 */
.wab_header_logo {
	float: left;
	background-image: url(images/headerlogo.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0px;	
	height: 50px;
	width: 155px;
	position: relative;
	clear: none;
}
 
.navhor11 {
	list-style: none;
	padding: 0px;
	margin: 0px;
	float: left;
}

.navhor11 li {
	float: left;
	display: block;
	height: 48px;
	line-height: 48px;
	width: 100px;
	border: 0px solid #00FF00;
	margin-top: 1px;
	margin-bottom: 1px;
}

.navhor11 li.separator {
	background-image: url(images/horizontal.png);
	background-position: 0px -400px;
	width: 10px;
}

.navhor11_normal {
	color: #333a42;	
}

.navhor11_selected {
	/* color: #C0C0C0; */	
	background-image: url(images/horizontal.png);
	background-position: 0px -300px;
}

.navhor11 a {
	text-decoration: none;
	border: 0px solid #0000FF;
	float: left;
	width: 100%;
	text-align: center;
	font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
	font-size: 110%;
	color: inherit;	
}

.navhor11 a:hover {
	color: #C0C0C0;	
	background-image: url(images/horizontal.png);
	background-position: 0px -350px;
}

.navhor11 a span {
	float: left;
	width: 100%;
	text-align: center;
	cursor: pointer;
}

.wab_tab_underline {
	display: none;
	height: 0px;
	background-color: inherit;
	font-size: 0px;
}


/**********************************************************************************/
/* THUMBNAILS */
/**********************************************************************************/
.wab_thumbnails_200_100 {
	height: 130px;
}

.wab_thumbnails_text {
	text-align: center;
	margin: 2px;
	font-weight: bold;
	font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
	font-size: 120%;
	color: #333a42;	
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.wab_headernavigation {
	font-size: 12px; 
	font-family: arial, sans-serif; 
	height: 40px; 
	width: 980px; 
	position: absolute; 
	left: 70px; 
	top: 110px;
}


.dropdown01_c01 {padding:0; list-style:none; background:url(images/back.gif); text-align:center; margin:0 auto; }
.dropdown01_c01 ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px;}
.dropdown01_c01 table {border-collapse:collapse; font-size:1em; float:left; margin:-1px;}

.dropdown01_c01 ul li {float:left; margin:0; text-align:left;}
.dropdown01_c01 ul li a {display:block; line-height:20px; margin:0; padding:0 10px; background:transparent; width:150px;}

.dropdown01_c01 li {display:inline; margin:0 -2px; text-align:left;}
.dropdown01_c01 li a {display:inline-block; height:36px; margin:5px 0 0 0;padding:0 20px 0 0; background:url(images/button.jpg) right top; line-height:30px; text-decoration:none; color:#000;}
.dropdown01_c01 li a.sub {background:url(images/button-arrow.jpg) right top;}

html>/**/body .dropdown01_c01 li {display:inline-block; padding:0;}

* html .dropdown01_c01 li a.sub {margin-right:3px;}
* html .dropdown01_c01 li a {margin-bottom:-4px;}

.dropdown01_c01 li a span {display:block; height:36px; float:left; padding:0 0 0 20px; background:url(images/button.jpg) left top; cursor:pointer;}

.dropdown01_c01 li a:hover {position:relative; background-position:right bottom; color:#fff;}
.dropdown01_c01 li a:hover span {background-position:left bottom;}

.dropdown01_c01 li:hover {position:relative;}
.dropdown01_c01 li:hover > a {background-position:right bottom; color:#808080;}
.dropdown01_c01 li:hover > a span {background-position:left bottom;}

.dropdown01_c01 :hover ul {left:1px; width:105px; top:41px;}
* html .dropdown01_c01 :hover ul {top:36px;}

.dropdown01_c01 :hover ul li {display:block; float:left; margin:0; border-bottom:1px solid #fff;}
.dropdown01_c01 :hover ul li a {display:block; float:left; margin:0; height:25px; line-height:25px; width:95px; background:#ddd; color:#000;}
.dropdown01_c01 :hover ul li a.fly {background:#ddd url(images/arrow.gif) no-repeat right center;}
.dropdown01_c01 :hover ul li a:hover {background:#c60; color:#fff;}
.dropdown01_c01 :hover ul li:hover > a {background:#c60; color:#fff;}

.dropdown01_c01 :hover ul li a.fly:hover {background:#c60 url(images/arrow-over.gif) no-repeat right center;}
.dropdown01_c01 :hover ul li:hover > a.fly {background:#c60 url(images/arrow-over.gif) no-repeat right center;}

.dropdown01_c01 :hover ul ul {left:-9999px;}

.dropdown01_c01 :hover ul :hover ul {left:105px; top:0; width:150px;}

.dropdown01_c01 :hover ul :hover ul li {display:block; float:left; margin:0; border-bottom:1px solid #fff;}
.dropdown01_c01 :hover ul :hover ul li a {display:block; float:left; margin:0; height:25px; line-height:25px; background:#bbb; color:#000;}
.dropdown01_c01 :hover ul :hover ul li a:hover {color:#fff; background:#840;}












/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}






/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFFFFF;
	font-weight: bold;
}
.sf-menu li {
	background:		#ffa330;
	width: 120px;
}
.sf-menu li li {
	background:		#6fabd9;
}
.sf-menu li li li {
	background:		#6fabd9;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#013f1b;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	/*
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
	*/
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}






/* ================================================================ 

GALLERIFIC 

=================================================================== */
div.galleriffic-content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 600px; 
	margin-right: 20px;
	border: 1px solid #808080;
}

div.galleriffic-content a, div.galleriffic-navigation a {
	text-decoration: none;
	color: #222222;
}
div.galleriffic-content a:focus, div.galleriffic-content a:hover, div.galleriffic-content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 405px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 600px;
	height: 405px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 600px;
	height: 405px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 405px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 1px solid #ccc;
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 600px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.galleriffic-navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.galleriffic-navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.galleriffic-navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}