body{

  margin: 0;
  padding: 0;
  background-color: #63000e;
  text-align: center;
  background-image: url(bg.jpg);
  background-repeat: repeat
}
a {text-decoration:none}
a:hover{text-decoration:underline}

img{
  border:0
}


#wrapper{
  margin: 0 auto;
  width: 1001px;
  background-image: url(top.jpg);
  background-repeat: no-repeat;
  background-position: top
}
#top{
  width: 1001px;
  background-image: url(top.jpg);
  background-repeat: no-repeat;
  background-position: top  ;

  float: left
}
#top1{
  width: 1001px;
  background-image: url(cont_bg.jpg);
  background-repeat: repeat-y;
  background-position: top  ;

  float: left
}
#footer_bg{
   width: 1001px;
  background-image: url(bottom.jpg);
  background-repeat: no-repeat;
  background-position: bottom;

  bottom: 0;
  position: relative;
  float: left
}
#logo {
  float: left;
  clear: both;
  left: 38px;
  top:30px;
  position: absolute
}
#menu{
    float: left;
  clear: both;
  left: 288px;
  top:286px;
  position: relative
}
#content{
  float:left;
  clear: both;
  width: 1001px ;
  margin-top: 300px;

}
#left{
   float:left;

  width: 220px;
  text-align: left;

}
#left ul.me1{
   list-style-type: none;
  margin: 0;
  padding: 0
}
#menu ul.me2{
   list-style-type: none;
  margin: 5px 0 15px 0px;
  padding: 0;
  float: left
}
#menu ul.me2 li{
   list-style-type: none;
  margin: 0px 0 0px 30px;
  padding: 0;
  float: left
}
#left ul.me2{
   list-style-type: none;
  margin: 20px 0 15px 0;
  padding: 0;

}
#menu_left1{

}
#menu_left2{

  padding-bottom: 30px   ;
  padding-left: 20px;

}
#menu_left{


}
/*----------------------όμενώ-----------------------*/
.m1{ color: #f800d7; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px }
.m2{ color: #8de70a; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px }
.m3{ color: #ff6b00; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px }
.m4{ color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px }
.m5{ color: #00fffc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold }
.m6{ color: #ff9600; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold }
.m7{ color: #ff4ae1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold }



#right{
  float:left;
  width: 730px;
  padding: 0 20px 20px 20px;
  text-align: justify;
  color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px
}
#right a{

  color: #f0ff00;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px
}

#right h1{

  color: #f0ff00;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding: 0;
  margin: 0
}

#footer{
  width: 1001px;
  height:116px ;
  float: left;
  clear: both;

}
#contact{
  width: 764px;
  height: 49px;

  margin: 0 0 0 229px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 14px;
  text-align: left;
  padding: 5px 0 0 20px
}

#copy{
 float: left;
  clear: both;
  background-image: url(footer.jpg);
  width: 1001px;
  height: 41px;
  margin-top: 10px
}

#copy_left{
  float:left;
  margin: 5px 0 0 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #fff
}
#copy_left div{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #af718f
}
#copy_left div a{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #af718f
}
#copy_menu{
  float: right;
  margin: 10px 20px 0 0      ;
    font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #fff;
}
#copy_menu a{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #fff;
  margin: 0 5px 0 5px
}