/* CSS Document */

html {
margin: 0 auto;
padding: 0px;
}
body {
background:url(images/backgr.jpg) repeat-x;
background-color: #2a7cce;
margin: 0 auto;
padding: 0px;
}

h2{
font: 15px "Tahoma", Arial, Helvetica;
background:none;
color: #f4eace;
font-weight:bold;
}
h3{
font: 14px "Tahoma", Arial, Helvetica;
background:none;
font-weight:bold;
color: #2a7cce;
margin: 0;
padding:0;
}
h4{
font: 12px "Tahoma", Arial, Helvetica;
background:none;
font-weight:bold;
color: #a7a29c;
margin: 0 0 10px 0;
padding:0;
}
/* -------------------------------/ 
========	DIVS
---------------------------------- */
div#container {
position: relative;
background:url(images/mainbg.gif) repeat-y;
width: 731px;
height: auto;
margin: 0 auto;
padding: 0px;
z-index:10;
}

div#wrapper{
display:block;
width: 731px;
height: auto;
margin: 0 auto;
}

img#mainimage{
display:block;
width: 731px;
padding: 0 0 0px 0px;
margin: 0 auto;
z-index: 3;
}

div#lang {
width: auto;
height: auto;
float:left;
margin: 0;
padding:0;
z-index:1;
}

div#mainbtn{
	position:relative;
	top: -50px;
	margin: 0 auto;
	padding: 0px;
	width: 700px;
	height: 140px;
	z-index: 1;
	clear: both;

}

div#b1{
float: left;
margin: 0px;
padding-left:0px;
width: 250px;
}
div#b1 img,div#b2 img {
border:none;
}

div#b2{
width: 290px;
float: right;
margin: 0px;
padding-right:0px;
}

#b1, #b2 h2{
text-align: center;
letter-spacing:0.02em;
}
div#b1 img{
margin: 0px auto;
behavior: url(iepngfix.htc);
}

div#b2 img{
margin:0px auto;
position:relative;
left: 70px;
padding: 0 0;
behavior: url(iepngfix.htc);
}

div#address{
display:block;
position:relative;
background:url(images/gradientaddress.png) repeat-y;
behavior: url(iepngfix.htc);
width: 611px;
height: 92px;
top: 0px;
margin: 0 auto;
padding: 0px 0px 10px 0px;
}
.address{
text-align:center;
background:none;
color:#FFFFFF;
font:12px 'Tahoma', Arial, Verdana, sans-serif;
line-height: 13px;
letter-spacing: 0.1em;
padding:0px 20px 20px 0px;
margin:0px 0px 10px 0px;
}

div#footer{
position:relative;
width: 732px;
height: 30px;
background: #3180d0;
}
.footerlink {
float:right;
text-align:right;
background:none;
color:#0b3b78;
font:12px 'Tahoma', Arial, Verdana, sans-serif;
line-height: 13px;
padding-right: 15px;
padding-top: 5px;
text-decoration:none;
}

.footerlink:hover{
color:#FFFFFF;
}

.maplink {
float:left;
text-align:right;
background:none;
color:#0b3b78;
font:12px 'Tahoma', Arial, Verdana, sans-serif;
line-height: 13px;
padding-right: 15px;
padding-top: 5px;
text-decoration:none;
}

.maplink:hover{
color:#FFFFFF;
}

.maillink{
background:none;
color:#fff;
font:12px 'Tahoma', Arial, Verdana, sans-serif;
line-height: 13px;
text-decoration:none;
}

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

div#language {
position:relative;
top:-378px;
left: 280px;
width: 200px;
height: auto;
float: left;
margin: 0 auto;
padding:0;
z-index: 1;
background:none;
}

ul#langbar { 
list-style-type: none;
width : 200px; 
height: 83px ; 
margin : 0px;
padding :0px; 
}

li#lang_en {
float: left;
width: 71px;
height: 83px;
background:url(images/imglang_en.png) no-repeat top left;
behavior: url(iepngfix.htc);
}

li#lang_en a:hover {
float: left;
width: 69px;
height: 83px;
margin-left: 0px;
background:url(images/imglang_en_on.png) no-repeat top left;
behavior: url(iepngfix.htc);
}
li#lang_gr {
float: left;
width: 69px;
height: 83px;
margin-left: 5px;
background:url(images/imglang_gr.png) no-repeat top left;
behavior: url(iepngfix.htc);
}

li#lang_gr a:hover {
float: left;
width: 69px;
height: 83px;
margin-left: 0px;
background:url(images/imglang_gr_on.png) no-repeat top left;
behavior: url(iepngfix.htc);
}

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


/*---------------------------------- Inthernal Pages styling ----------------------------------*/


/* -------------------------------/ 
========	Chios map page
---------------------------------- */

div#chiosmap{
padding: 0;
margin: 0px;
display:block;
position:relative;
right: 13px;
}
/* -------------------------------/ 
========	Photo Gallery page
---------------------------------- */

div#photopage{ 
width: 680px;
clear:both;
}
div#phototxt{ 
width: 25%;
float:left;
padding: 10px 0 0 10px;
}

div#photomenu{
float:right;
}

/* -------------------------------/ 
========	Contact Page
---------------------------------- */

div#contact{
width: 680px;
}

div#contacttxt{
width: 200px;
text-align:left;
float:left;
padding: 0 0 0 20px;
}

div#contactform{
width: 380px;
text-align:right;
float:right;
border: none;
margin: 0 auto;
padding: 20px 0 0 0;
}

.inputbox, textarea {
width: 70%;
border: 1px solid #AAA;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
padding: 2px 0px 2px 0px;
margin: 10px 0px 0px 0px;
}