* {
    margin  : 0;
    padding : 0;
}

h1 {
	font-family  : "Trebuchet MS", sans serif;
	font-size    : 19px;
	color        : white;
	padding      : 8px 0 0 10px;
}

h2 {
	font-family  : "Trebuchet MS", sans serif;
	font-size    : 14px;
	font-weight  : bold;
	color        : black;
    padding      : 7px 10px 7px 10px;
}

h3 {
	font-family  : "Trebuchet MS", sans serif;
	font-size    : 14px;
	font-weight  : bold;
	color        : #91893E;
	padding      : 5px 10px 5px 10px;
}

p {
	font-family : "Trebuchet MS", sans serif;
	font-size   : 13px;
	padding     : 7px 10px 7px 10px;
    text-align  : justify;
}


a {
	color      : #8c9770;
}

a:hover {
	color      : #373F1F;
}

a, a:hover, a:visited, a:active {
   border  : none;
   outline : none;
}

body {
	position		 : relative;
	text-align		 : center;
	font-family		 : "Trebuchet MS", sans serif;
	font-size		 : 14px;
	background		 : url('../img/background.jpg') top left repeat-x;
    background-color : #E7D5BD;
}

#container {
	margin        : 0 auto;
	width         : 878px;
	background    : white;
	border-left   : 1px solid #E07747;
	border-right  : 1px solid #E07747;
	min-height    : 100%;
	text-align    : left;
}

#banner {
	margin     : 0 auto;
	width      : 882px;
	height     : 126px;
	background : #C3C093;
}

#periexomena {
	float       : left;
	position    : relative;
	font-family : "Trebuchet MS", sans serif;
	font-size   : 12px;
	width       : 643px;
	background  : url('../img/plaisio_middle.jpg') top left repeat-y;
	margin      : 0 0 45px 9px;
}

#plaisio_top {
	width       : 643px;
	height      : 65px;
	background  : url('../img/plaisio_top.jpg') top left no-repeat;
	margin      : 0 0 0 0;
}

#plaisio_bottom {
	float       : right;
	padding     : 0 1px 0 0;
	width       : 642px;
	height      : 25px;
	background  : url('../img/plaisio_bottom.jpg') top left no-repeat;
}

#top_content {
	margin      : 0 auto;
	width       : 880px;
	height      : 19px;
	background  : url('../img/top_content.jpg') top left no-repeat;
}

#footer_container {
    overflow     : hidden; /* Yes this is necessary for the silly IE position: fixed trick to be properly set! */
    position     : absolute; 
    bottom       : 0;
	left         : -1px;
	width        : 100%;
	height       : 45px;
	background   : url('../img/footer_back_small.jpg') top left repeat-x;
	clear        : both;
	text-align   : center;
}

body > #footer_container { 
    position : fixed; 
    bottom   : 0;
}

#footer {
	position     : relative;
	width        : 906px;
	height       : 45px;
	margin       : 0 auto;
	background   : url('../img/footer_background.jpg') top left repeat-x;
	text-align   : center;
}

#footer_logo {
	float       : left;
	width       : 17px;
	height      : 45px;
	background  : url('../img/footer_logo.jpg') top left no-repeat;
	margin      : 3px 0 0 25px;
}

#footer_stoixeia {
	float        : left;
	font-family  : "Trebuchet MS", sans serif;
	font-size    : 11px;
	color        : white;
	margin       : 12px 0 0 10px;
}

#nevma {
	float        : left;
	width        : 62px;
	height       : 31px;
	background   : url('../img/nevma.jpg') top left no-repeat;
	color        : white;
	margin       : 3px 0 0 5px;
}

#nevma:hover {
	background   : url('../img/nevma_hover.jpg') top left no-repeat;
}

#nevma_logia {
	font-family  : "Trebuchet MS", sans serif;
	font-size    : 11px;
	color        : white;
	float        : left;
	margin       : 11px 0 0 158px;
}

#photo_1 {
	float        : right;
	background   : url('../photo/upografes.jpg') top left no-repeat;
	width        : 276px;
	height       : 184px;
	margin       : 7px 10px 10px 10px;
}

.photo_2 {
    float        : right;
	margin       : 0 10px 10px 10px
}

.photo {
    float        : left;
	margin       : 0 10px 0 0;
}

#clear {
	clear : both;
}

#ksenopoulos_small {
	margin     : 0 0 45px 0;
}

hr {
    margin           : 7px 10px 7px 10px;
    background-color : #DFDFDF;
	clear            : both;

}

.biblio_left {
	width        : 623px;
	float        : left;
	text-align   : justify;
	margin       : 20px 0 0 5px;
}

.biblio_left_2 {
	width        : 623px;
	float        : left;
	text-align   : justify;
	margin       : 20px 0 0 5px;
}

.biblio_left ul{
	margin  : 0 25px;
    text-align: left;
}

.biblio_left_2 ul{
	margin  : 0 25px;
    text-align: left;
}

.biblio_left ul li{
	margin  : 0 20px;
    text-align: left;
}

.biblio_left_2 ul li{
	margin  : 0 20px;
    text-align: left;
}

.biblio_left img {
	float   : left;
	margin  : 0 25px 15px 10px;
	border  : solid #9F9840 1px;
}

.biblio_left_2 img {
	float   : left;
	margin  : 0 15px 15px 0;
	border  : none;
}

.biblio_right {
	width        : 613px;
	float        : left;
	text-align   : justify;
	margin       : 20px 0 0 5px;
}

.biblio_right_2 {
	width        : 613px;
	float        : left;
	text-align   : justify;
	margin       : 20px 0 0 5px;
}

.biblio_right ul{
	margin  : 0 25px;
    text-align: left;
}

.biblio_right_2 ul{
	margin  : 0 25px;
    text-align: left;
}

.biblio_right ul li{
	margin  : 0 20px;
    text-align: left;
}

.biblio_right_2 ul li{
	margin  : 0 20px;
    text-align: left;
}

.biblio_right img {
	float   : right;
	margin  : 0 10px 15px 15px;
	border  : solid #9F9840 1px;
}

.biblio_right_2 img {
	float   : right;
	margin  : 0 0 15px 15px;
	border  : none;
}

#back {
	float        : right;
	margin-right : 15px;
	width        : 96px;
	height       : 26px;
	background   : url('../img/back.jpg') top left no-repeat;
}

#back:hover {
	width       : 96px;
	height      : 26px;
	background  : url('../img/back_hover.jpg') top left no-repeat;
}

#happenings {
	height      : 110px;
}

#happening_1 {
	float       : left;
	width       : 230px;
	height      : 94px;
	margin      : 0 10px 0 70px;
	background  : url('../img/imerologio_ksenopoulos.jpg') top left no-repeat;
}

#happening_1:hover {
	background  : url('../img/imerologio_ksenopoulos_hover.jpg') top left no-repeat;
}

#happening_2 {
    float       : right;
	width       : 230px;
	height      : 94px;
	margin      : 0 70px 0 10px;
	background  : url('../img/imerologio_diafora.jpg') top left no-repeat;
}

#happening_2:hover {
	background  : url('../img/imerologio_diafora_hover.jpg') top left no-repeat;
}

.buy {
    float       : left;
    background  : url('../img/buy.jpg') top left no-repeat;
    width       : 115px;
	height      : 40px;
    border      : none;
}

.buy a:hover {
    background   : url('../img/buy_hover.jpg') top left no-repeat;
}

#eshop {
	position   : absolute;
	right      : 0;
	top        : 0;
	width      : 129px;
	height     : 39px;
	background : url('../img/header_right.jpg') top right no-repeat;
}

#eshop:hover {
	background : url('../img/header_right_hover.jpg') top right no-repeat;
}

.more {
	margin     : 0;
	width      : 151px;
	height     : 40px;
	background : url('../img/more.jpg') top right no-repeat;
}

.more:hover {
	background : url('../img/more_hover.jpg') top right no-repeat;
}

.stili01 {
    float: left;
    width: 210px;
    height: 150px;
}

.stili02 {
    float: left;
    width: 210px;
    height: 150px;
}

.text-right {
	margin : 0 0 0 180px;
}

.text-left {
	margin : 0 180px 0 0;
}

.text-right_2 {
	margin : 0 0 0 340px;
}

.text-left_2 {
	margin : 0 320px 0 0;
}

.text-right_3 {
	margin : 0 0 0 390px;
}