/* 
2009.Cascading Stylesheet 
Created by Atanas Mahony for ChiosOnline - www.chiosonline.gr
*/

@import url(reset.css);

/* Global
----------------------------------------------- */

body{ background:#c5e2f7 url(../images/ebhbg.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif;font-size:12px;}
p{ font:12px/1.5 Arial, Helvetica, sans-serif; color:#333; }

a:link{ text-decoration:none; color:#ed7244; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
a:hover{ color:#F00;}
a:visited{text-decoration:none;}

h1, h2,h3,h4,h5,h6{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;}

h1{}
h2{color:#069; font-size:18px; padding:4px 7px;}
h3{color:#069; font-size:16px; padding:4px 7px;}
h4{color:#069; font-size:14px; padding:4px 7px;}
h5{color:#069; font-size:13px; padding:4px 7px;}
h6{color:#069; font-size:12px; padding:4px 7px; font-weight:bold;}

address{ font:normal 13px/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif; color:#2b9ad9;}



table{ width: 80%; background:#c5e2f7; border:1px solid #bbd6ea; margin: 10px auto; padding:1px;}
input{ border:1px solid #bbd6ea; height: 20px; padding:3px;}
tbody tr{ }
tbody td{ margin: 10px;padding:10px; border:1px solid #fff;}
input.button{ padding:5px 10px; background:#3f4e58; vertical-align: middle; height:30px; color:#fff; }

.ullist { list-style:circle; padding:10px 20px; color:#3f4e58;}
.ullist li{ margin:2px 0px; max-width: 300px; padding: 2px 0px; line-height:1.2; border-bottom: 1px solid #CCC; font:bold 12px Tahoma, Geneva, sans-serif; color:#F90;} 

/* //  Language Navigation */
#langnav{ float:right; display: block; width: auto; height:40px; background: transparent; width:240px;}
#langnav ul{padding-top: 10px; float:right;}
#langnav ul li{float:left; padding-right: 5px;}
#langnav ul li a{ color:#fff; background:#39C; font: bold 10px Arial, Helvetica, sans-serif; display:block; padding:5px; }
#langnav ul li a: hover{ background:#06F;}

/* Structure
----------------------------------------------- */
#container{ width:804px; margin:0px auto; background:#b6d1e5; border: 1px #c0ddf1 solid; border-width:0px 1px;}
#wrapper{ width:800px; margin:0px auto; background:#fff; border: 1px #a8c0d2 solid; border-width: 0px 1px 2px 1px;}

#header{ position:relative; height:110px;}

/* // Header */



/* // Content */


/* // Footer */


/* Navigation
----------------------------------------------- */
#holder{ position:relative; width:798px; height:420px; margin-bottom:20px;}
#navigation{width:798px; height:45px; display:block; position:absolute; top: 0; left: 1px; z-index: 99; background:url(../images/menubg.png);}
#navigation li{ float:left; min-height:43px;}
#navigation li a{ color:#fff; text-align:center; text-decoration:none; font: normal 12px/3 Arial, Helvetica, sans-serif; padding:17px 23px; border-left:1px #fff solid;}

#navigation li a:hover, #navigation li a.activelink{ background:#FFF; color:#06C;}


#promo{ position:absolute; top: 0; left:1px; z-index:1;}

#content{ padding: 5px 0px; margin-bottom:40px; width:800px;}


.inner{ padding:0px 20px;}

#footer{ height: 30px; background:#11537a; width: 800px;}

#footer ul{ margin:10px auto; width:700px;}
#footer ul li{ display: inline; padding:2px 3px;}
#footer li a{ color:#c5e2f7;}





/* Classes
----------------------------------------------- */

.addtop{ position:absolute; top:50px; right:30px;}

.banner{ width: 600px; margin:10px auto;}
/* // Image Classes */

.imgright{ clear:right;}
.imgleft{ clear:left;}
/* // List Classes */


/* // Other Classes */


/* Typografy
----------------------------------------------- */


/* Tables
----------------------------------------------- */



.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.block{ display:block;}
.block1{ display:block; padding:0px 3px;}
.block1{ display:block; padding:0px 3px;}
.textCenter{ text-align: center; }
.textRight{ text-align: right; }
.textLeft{ text-align: left; }



.m5{ margin: 5px;}
.m7{ margin:7px;}
.m10{margin: 10px;}

.m-left-5{margin-left: 5px;}
.m-left-7{margin-left: 7px;}
.m-left-10{margin-left: 10px;}

.m-bottom-10{margin-bottom: 10px;}
.margin-10-0{ margin: 15px 0px 15px 10px;}


.0auto{ margin:0px auto;}

.width350{width: 350px;}

.width400{width: 400px;}


#TA_rated64{width: 200px; float:left; display:block;}
#webshots{width: 200px; float:left; padding-top:10px; display:block;}
#zoovel{width: 160px; float:left; display:block; padding-top:10px}
#Header{ *margin-left:0px!important;}