@import url("table.css");
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	}

.sIFR-hasFlash h2 {
	visibility: hidden;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
}

/* ------- End of sFIR styles ----- */


/* -------------------------------/ 
=====	General CSS
---------------------------------- */


html { 
  padding:0px;
  margin:0px auto;
}

body {
  background: #fff url(images/mainbg.jpg) no-repeat top center;
  font-size: 11px;
  font-family: Tahoma, Arial, SunSans-Regular, Sans-Serif;
  color:#564b47;  
  margin:0px auto;
  padding:0px;
}

h1 { 
color: #43a4e4;
font-size: 20px;
border-bottom: #cfdce2 1px solid;
font-weight: normal;
padding: 0;
margin: 0;
}

h2 { 
color: #43a4e4;
font-size: 16px;
font-weight: normal;
padding-left: 5px;
margin-top: 5px;
margin-bottom: 0px;
}


p { 
color: #333333;
font-family: "Tahoma", Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none; 
padding: 10px 0px 5px 0px;
margin: 0;
}

a:link {
font-family: Tahoma, Arial, Helvetica, sans-serif;
color:#473107;
font-size: 10px;
text-decoration: none;
}
a:visited {
font-family: Tahoma, Arial, Helvetica, sans-serif;
color:#473107;
font-size: 10px;
text-decoration: none;
}
a:hover{ 
font-family: Tahoma, Arial, Helvetica, sans-serif;
color:#000;
font-size: 10px;
text-decoration:underline;
}
a.content_link:link {
font-family: Tahoma, Arial, Helvetica, sans-serif;
background:none;
color:#00b4fe;
font-size: 11px;
text-decoration: underline;
}
a.content_link:visited {
font-family: Tahoma, Arial, Helvetica, sans-serif;
color:#00b4fe;
font-size: 11px;
text-decoration: underline;
}
a.content_link:hover {
font-family: Tahoma, Arial, Helvetica, sans-serif;
color:#0036fe;
font-size: 11px;
text-decoration: underline;
}
.contact_link {
font-family: Tahoma, Arial, Helvetica, sans-serif;
background-color: #429cc6;
color:#ffffff;
font-size: 10px;
text-decoration: none;
}
a.contact_link:link {
font-family: Tahoma, Arial, Helvetica, sans-serif;
background-color: #429cc6;
color:#ffffff;
font-size: 10px;
text-decoration: none;
}
a.contact_link:visited {
font-family: Tahoma, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size: 10px;
text-decoration: none;
}
a.contact_link:hover {
font-family: Tahoma, Arial, Helvetica, sans-serif;
color:#003d5a;
font-size: 10px;
text-decoration: none;
}

/* -------------------------------/ 
========	Positioning DIVS
---------------------------------- */

#box {
width:auto;
height:auto;
margin: 0px auto;
padding:0px;
}

#container {
width: 750px;
height: auto;
margin: 0px auto;
padding:0px;
background-color:#fff;
}

#header {
width: 750px;
height: 353px;
float:left;
margin: 0px auto;
padding:0px;
/*
background-image:url(images/tmp.jpg);
background-repeat:no-repeat;
*/
}

#nav {
width: 750px;
height: 37px;
margin-left: 0px;
margin-right: 0px;
float:left;
padding:0px;
background:url(images/menubg.gif) repeat-x; 
}

#content {
width: 750px;
height: auto;
margin: 0px auto;
padding:0px;
background-color:#CCCCCC;
}

div#subcontent {
position: relative;
width: 750px;
height: 100%;
margin: 0px auto;
margin-left: 0px;
float:left;
padding:0px;
background:#fff;
}

div#subcontent1 {
width: 430px;
height: auto;
margin: 0px auto;
margin-left: 0px;
margin-right: 0px;
float:left;
padding-top:0px;
background:#FFFFFF;
}

div#subcontent2 {
width: 320px;
height: auto;
margin: 0px auto;
margin-left: 0px;
margin-right: 0px;
float:left;
padding:0px;
background:#fff;
}

div#footer {
width: 750px;
height: 54px;
margin: 0px auto;
margin-top: 15px;
padding:0px;
float:none;
background:url(images/contactusbg.gif) repeat-x;
}

/*
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
											Main Properties
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
///////////////////////////////////////////////////////////////////////////////////////////////////////



**** -------------------------------/ 
========	Begining of the nav css
---------------------------------- */

ul#nav_main { 

list-style-type : none; 
position : relative; 
width : 750px; 
height : 37px; 
margin : 0; 
padding : 0; 
background :url(images/menubg.gif) repeat-x ;
}

li#nm_1 { 
position:absolute; 
top : 0px; 
left: 0px; 
width : 105px; 
height : 37px;
background:url(images/nav_gr/images/menu_gr_01.gif) no-repeat 0 0;
}

li#nm_1 a:hover{
position:absolute; 
top : 0px; 
left: 0px; 
width : 105px; 
height : 37px;
background:url(images/nav_gr/images/menu_gr_on_01.gif) no-repeat 0 0;
}

li#nm_1 a#current{
position:absolute; 
top : 0px; 
left: 0px; 
width : 105px; 
height : 37px;
background:url(images/nav_gr/images/menu_gr_on_01.gif) no-repeat 0 0;
}

li#nm_2 { 
position:absolute;
top : 0px; 
left: 105px;
width : 71px; 
height : 37px;
background:url(images/nav_gr/images/menu_gr_02.gif) no-repeat 0 0;
}

li#nm_2 a:hover{
position:absolute; 
width : 71px; 
height : 37px;
background:url(images/nav_gr/images/menu_gr_on_02.gif) no-repeat 0 0;
}

li#nm_2 a#current{
position:absolute; 
width : 71px; 
height : 37px;
background:url(images/nav_gr/images/menu_gr_on_02.gif) no-repeat 0 0;
}

li#nm_3 { 
position:absolute;
top : 0px; 
left: 176px;
width : 129px; 
height : 37px;
background:url(images/nav_gr/images/menu_gr_03.gif) no-repeat 0 0;
}

li#nm_3 a:hover{
position:absolute; 
width : 129px; 
height : 37px;
background:url(images/nav_gr/images/menu_gr_on_03.gif) no-repeat 0 0;
}

li#nm_3 a#current{
position:absolute; 
width : 129px; 
height : 37px;
background:url(images/nav_gr/images/menu_gr_on_03.gif) no-repeat 0 0;
}

li#nm_4 { 
position:absolute;
top : 0px; 
left: 305px;
width : 120px; 
height : 37px;
background:url(images/nav_gr/images/menu_gr_04.gif) no-repeat 0 0;
}

li#nm_4 a:hover{
position:absolute; 
width : 120px; 
height : 37px;
background:url(images/nav_gr/images/menu_gr_on_04.gif) no-repeat 0 0;
}

li#nm_4 a#current{
position:absolute; 
width : 120px; 
height : 37px;
background:url(images/nav_gr/images/menu_gr_on_04.gif) no-repeat 0 0;
}

li#nm_5 { 
position:absolute;
top : 0px; 
left: 425px;
width : 59px; 
height : 37px;
background:url(images/nav_gr/images/menu_gr_05.gif) no-repeat 0 0;
}

li#nm_5 a:hover{
position:absolute; 
width : 59px; 
height : 37px;
background:url(images/nav_gr/images/menu_gr_on_05.gif) no-repeat 0 0;
}

li#nm_5 a#current{
position:absolute; 
width : 59px; 
height : 37px;
background:url(images/nav_gr/images/menu_gr_on_05.gif) no-repeat 0 0;
}

li#nm_6 { 
position:absolute;
top : 0px; 
left: 484px;
width : 140px; 
height : 37px;
background:url(images/nav_gr/images/menu_gr_06.gif) no-repeat 0 0;
}

li#nm_6 a:hover{
position:absolute; 
width : 140px; 
height : 37px;
background:url(images/nav_gr/images/menu_gr_on_06.gif) no-repeat 0 0;
}

li#nm_6 a#current{
position:absolute; 
width : 140px; 
height : 37px;
background:url(images/nav_gr/images/menu_gr_on_06.gif) no-repeat 0 0;
}

li#nm_7 { 
position:absolute;
top : 0px; 
left: 624px;
width : 126px; 
height : 37px;
background:url(images/nav_gr/images/menu_gr_07.gif) no-repeat 0 0;
}

li#nm_7 a:hover{
position:absolute; 
width : 126px; 
height : 37px;
background:url(images/nav_gr/images/menu_gr_on_07.gif) no-repeat 0 0;
}

li#nm_7 a#current{
position:absolute; 
width : 126px; 
height : 37px;
background:url(images/nav_gr/images/menu_gr_on_07.gif) no-repeat 0 0;
}

ul#nav_main a { 
display : block;
font-family: Arial, Helvetica, sans-serif;
text-indent: -9999px;
font-size: 100%;
font-weight:normal;
color:#f8f8f3;
background:none;
width : 100%; 
height : 37px; 
text-decoration : none;
overflow:hidden;
}

/* -------------------------------/ 
======== Positioning the columns
---------------------------------- */

div#subcontent1a, div#subcontent1b {
padding-left:15px;
padding-right: 25px;
}

div#subcontent1a{
padding-top: 20px;
}

div#subcontent1b{
padding-top: 0px;
padding-bottom: 15px;
}


/* -------------------------------/ 
========	table settings
---------------------------------- */

div#additional{
width: 287px;
padding-top: 0px;
padding-left: 20px;
padding-bottom: 0px;
}

div#tableoffers h1{
color: #43a4e4;
font-size: 20px;
border-bottom: #cfdce2 1px solid;
font-weight: normal;
padding: 0;
margin-top: 0px;
}

div#tableoffers{
width: 287px;
padding-top: 3px;
padding-bottom: 0px;
float: left;
}

table {
	color: #24637d;
	font-size: 11px;
  font-family: Tahoma, Arial, SunSans-Regular, Sans-Serif;
  border-collapse: collapse;
  margin-top: 10px;
}

tbody a {
	padding: 1px 2px;
	color: #00b4fe;
	text-decoration: none;
	border-bottom: 1px dotted #00b4fe;
}
td, th {
padding-left: 8px;
  border-bottom: 1px solid #fff;

  }
tbody tr{
	width: 287px;
	height: 40px;
	background-color: #c6e1ee;
	color: #24637d;
}

tbody a:active,tbody a:hover,tbody a:focus,tbody a:visited {
	color: #00b4fe;
}

tbody tr:hover {
	background-color: #EEE;
	color: #333
}

tbody tr:hover a {
	background-color: #FFF
}

tbody td+td+td+td a {
	color: #C30;
	font-weight: bold;
	border-bottom: 0
}

tbody td+td+td+td a:active,tbody td+td+td+td a:hover,tbody td+td+td+td a:focus,tbody td+td+td+td a:visited {
	color: #E63C1E
}

/* -------------------------------/ 
========	language settings
---------------------------------- */

div#lang {
width: auto;
height: auto;
float:left;
margin: 0;
padding:0;
}

ul#langbar { 
list-style-type : none; 
width : 320px; 
height: auto; 
margin : 0px; 
padding :0px; 
float: left;
background:url(images/spacer.gif) repeat-x;
}

li#lang_en, li#lang_gr, li#photogal {
float: right;
margin-top: 10px;
padding-left: 10px;
}

li#lang_en {
width: 34px;
height: 25px;
background:url(images/lang_en.jpg) no-repeat;
}

li#lang_gr {
width: 34px;
height: 25px;
padding-left: 5px;
background:url(images/lang_gr.jpg) no-repeat;
color: #FFFFFF;
}

li#photogal {
width: 100px;
height: 22px;
margin-left: -15px;
margin-top: 10px;
background:url(images/gallery.jpg) no-repeat;
color: #FFFFFF;
}

ul#langbar a { 
display : block;
font-family: Arial, Helvetica, sans-serif;
text-indent: -9999px;
font-size: 100%;
font-weight:normal;
color:#f8f8f3; 
width : auto; 
height : 25px; 
text-decoration : none;
overflow: hidden;
}

/* -------------------------------/ 
========	Main Images settings
---------------------------------- */

/* ---- images at right ---*/

div#subimages {
width: auto;
height: auto;
float:left;
margin: 0;
padding-bottom: 10px;
}

div#subimages a{
background:url(images/bullet.gif) no-repeat left center;
margin:5px 15px 5px 20px;
padding: 0px 0px 0px 20px;
overflow:auto;
}


div#webcamlink {
width: auto;
height: auto;
float:left;
margin: 0;
padding-bottom: 15px;
}

div#webcamlink a{
background:url(images/bullet.gif) no-repeat left center;
padding-left:20px;
overflow:auto;
}


div#webcam a{
margin:0;
padding: 0;
overflow:auto;
}


ul#image {
position: relative;
top: 10px;
right: 15px;
float:right;
list-style-type : none; 
width : auto; 
height : auto;
margin: 0;
padding: 0;
}

li#img1, li#img2, li#img3, li#img4, li#img5, li#img6 {
margin: 0px;
padding-bottom: 20px;
}

/* ---- images at left ---*/

ul#imagesmall { 
list-style-type : none; 
width : auto; 
height : auto; 
margin : 0; 
padding : 0; 
float: left;
}

li#smimg {
width: 150px;
height: 98px;
padding-top: 15px;
padding-right:20px;
padding-bottom: 10px;
}

.contimage{
margin: 0 auto;
padding-left: 90px;
padding-top:20px;
}


/* -------------------------------/ 
========	Footer settings
---------------------------------- */

ul#fimage { 
list-style-type : none; 
width : auto; 
height : auto; 
margin : 0; 
padding-left: 15px; 
float: left;
}

li#contactus {
width: 72px;
height: 54px;
margin: 0;
padding:0px;
background:url(images/contactus.gif) no-repeat;
}

ul#ftext {
width: 740px;
height: 10px;
display:inline;
list-style-type: none;
margin : 0px;
padding-left: 0px;
}

li#address,li#tel, li#fax, li#email {
font-size: 10px;
float:left;
margin: 0;
padding-top: 11px;
padding-left:15px;
}

ul#ftext2 {
width: 740px;
height: 10px;
list-style-type: none;
margin : 0px auto;
float:right;
}

li#credits {
position:relative;
text-align:right;
top: -16px;
padding-right: 15px;
font-size: 10px;
margin: 0;
}

/* -------------------------------/ 
========	DIV#VIDEO settings
---------------------------------- */

h4 {
font: 13px 'Trebuchet MS', Tahoma Arial, Verdana;
color: #3f9bbb;
font-weight: bold;
background:#d9f8ff;
padding-left: 7px;
padding-right: 7px;
padding-bottom: 3px;
padding-top: 3px;
line-height: 14px;
margin: 10px 15px 0px 0px;
}

#video{
position:relative;
display:inline;
width: 220px;
height: 20px;
margin: 0 auto;
padding: 0;
}

#video ul{
list-style-type:none;
color:#4fbad4;
}
#video li{
position:relative;
top: -35px;
right: 30px;
padding-left: 5px;
float:right;
color:#4fbad4:
}

#video a, #video a:hover,#video a:visited{

font: 11px Tahoma, Arial, Verdana, sans-serif;
color:#4fbad4;
text-decoration:none;
}

#video a:hover{
color:#003b60;
}

/* -------------------------------/ 
========	DIV#pan settings
---------------------------------- */

h5 {
font: 13px 'Trebuchet MS', Tahoma Arial, Verdana;
color: #8c8069;
font-weight: bold;
background:#ffeecb;
padding-left: 7px;
padding-right: 7px;
padding-bottom: 3px;
padding-top: 3px;
line-height: 14px;
margin: 10px 15px 0px 0px;
}

#pan{
position:relative;
top: -7px;
display:inline;
width: 220px;
height: 20px;
margin: 0 auto;
padding: 0;
}

#pan ul{
list-style-type:none;
color:#ab9a76;
}
#pan li{
position:relative;
top: -35px;
right: 30px;
padding-left: 5px;
float:right;
color:#4ab9a76:
}

#pan a, #pan a:hover,#pan a:visited{

font: 11px Tahoma, Arial, Verdana, sans-serif;
color:#ab9a76;
text-decoration:none;
}

#pan a:hover{
color:#003b60;
}


/* -------------------------------/ 
========	Additional settings
---------------------------------- */

ul#parlist{
list-style-type:square;
color:#43a4e4;
letter-spacing: 0.1em;
}

hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
      }
	  
	  
#foursteps{ display:block; position:absolute;top: 280px; left: 480px;}


/* -------------------------------/ 
========	update@30.04.2009 
---------------------------------- */	  

#promo_banners{width: 100%; margin:0px auto; z-index:1;  display:block; float:left; }
.banner_holder{margin: 0px auto; width:750px; background: #a6dffa;height: 46px; padding:3px 0px; border:1px solid #94d5f5; border-width: 1px 0px;}
.banner_holder a{ float:right; border:none; margin-right: 15px;}
.banner_holder a img{ border:none;}