@charset "utf-8";

#thegame #thelogogameon {
	background-image: url(logo_stasy_gr.gif);
	background-repeat:no-repeat;
	float: left;
	width: 140px;
	height: 96px;
	margin-left: 10px;
	margin-top: 3px;
}

#thegamebanner #thelogogameoff {
    background-image: url(logo_stasy_gr.gif);
    background-repeat: no-repeat;
    float: left;
    height: 96px;
    margin-left: 0;
    margin-top: 3px;
    width: 140px;
    z-index: 10;
}

/* the game --------------------------------------------------------*/

/* Το trigger για το game */
#thegamebanner {
	background-image: url(game02.gif);
	background-repeat:no-repeat;
	width: 980px;
	height: 143px;
	border:none;
	cursor:pointer;
}

#thegame {
	display:none;
	background-image:url(game01.gif);
	background-repeat:no-repeat;
	background-position: 10px 0;
	margin-left: -10px;
	width: 1000px;
	height: 200px;
	z-index: 200;
	position:absolute;
	background-color:#FFF
}

#thegameclose {
	float:right;
	color: #666;
	margin-top: 182px;
	margin-right: 8px;
	cursor:pointer;
}

/*----------------------------------------*/

/* Unisex ιδιότητες για τα .divinfoΧ, .divinfoΧa και .divtriggerΧ */
/* Βλέπε παρακάτω για επεξήγηση */

.divinfo1, .divinfo2, .divinfo3, .divinfo4, .divinfo5, .divinfo6, 
.divinfo7, .divinfo8, .divinfo9,
.divinfo1i, .divinfo2i, .divinfo3i, .divinfo4i, .divinfo5i, .divinfo6i, 
.divinfo7i, .divinfo8i, .divinfo9i
{
	display: none;
	font-size: 0.9em;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	background-repeat: no-repeat;
}

.divinfo1, .divinfo2, .divinfo3, .divinfo4, .divinfo5, .divinfo6, 
.divinfo7, .divinfo8, .divinfo9
{
	width: 290px;
	height: 40px;
}

.divinfo1i, .divinfo2i, .divinfo3i, .divinfo4i, .divinfo5i, .divinfo6i, 
.divinfo7i, .divinfo8i, .divinfo9i
{
	width: 300px;
	height: 200px;
	background-color: #FFF;
	padding: 10px;
}

.divinfo1a, .divinfo2a, .divinfo3a, .divinfo4a, .divinfo5a, .divinfo6a, 
.divinfo7a, .divinfo8a, .divinfo9a
{
	display: none; 
	position: absolute; 
	z-index:110; 
	width: 50px;
	height: 40px;
}

.divtrigger1, .divtrigger2, .divtrigger3, .divtrigger4, .divtrigger5,
.divtrigger6, .divtrigger7, .divtrigger8, .divtrigger9
{
    position: absolute;
	width: 40px;
	height: 32px;
}

/* Το τιτλάκι μέσα στα .divinfoX */
.thegametitle {
	font-weight: bold;
	color: #A28633;
	font-size: 1.1em;
}

/*----------------------------------------*/

/* Οι πληροφορίες (κείμενο, εικόνες, ...) μπαίνουν στο .divinfoXi */
/* Το .divinfoXa χρησιμοποιείται ως trigger για το hover out. */

.divinfo1 {
	margin-left: 260px;
	margin-top: 73px;
	background-image: url(sef.gif);
	background-position: 6px 6px;
}

.divinfo1i {
	margin-left: 310px;
	margin-top: 113px;
}

.divinfo1a {
	margin-left: 260px;
	margin-top: 73px;
}

/* Το .divtriggerX είναι το trigger για την εμφάνιση των .divinfoX και .divinfoXa */
.divtrigger1 {
	margin-left: 264px;
	margin-top: 78px;
}

/*----------------------------------------*/

.divinfo2 {
	margin-left: 63px;
	margin-top: 108px;
	background-image: url(paralies.gif);
	background-position: 6px 6px;
}

.divinfo2i {
	margin-left: 113px;
	margin-top: 148px;
}

.divinfo2a {
	margin-left: 63px;
	margin-top: 108px;
}

/* Το .divtriggerX είναι το trigger για την εμφάνιση των .divinfoX και .divinfoXa */
.divtrigger2 {
	margin-left: 66px;
	margin-top: 112px;
}

/*----------------------------------------*/

.divinfo3 {
	margin-left: 452px;
	margin-top: 76px;
	background-image: url(thhsio.gif);
	background-position: 6px 6px;
}

.divinfo3i {
	margin-left: 502px;
	margin-top: 116px;
}

.divinfo3a {
	margin-left: 452px;
	margin-top: 76px;
}

/* Το .divtriggerX είναι το trigger για την εμφάνιση των .divinfoX και .divinfoXa */
.divtrigger3 {
	margin-left: 456px;
	margin-top: 79px;
}

/*----------------------------------------*/

.divinfo4 {
	margin-left: 452px;
	margin-top: 41px;
	background-image: url(theatro.gif);
	background-position: 6px 6px;
}

.divinfo4i {
	margin-left: 502px;
	margin-top: 81px;
}

.divinfo4a {
	margin-left: 452px;
	margin-top: 41px;
}

/* Το .divtriggerX είναι το trigger για την εμφάνιση των .divinfoX και .divinfoXa */
.divtrigger4 {
	margin-left: 456px;
	margin-top: 45px;
}

/*----------------------------------------*/

.divinfo5 {
	margin-left: 588px;
	margin-top: 35px;
	background-image: url(sintagma.gif);
	background-position: 6px 6px;
}

.divinfo5i {
	margin-left: 638px;
	margin-top: 75px;
}

.divinfo5a {
	margin-left: 588px;
	margin-top: 35px;
}

/* Το .divtriggerX είναι το trigger για την εμφάνιση των .divinfoX και .divinfoXa */
.divtrigger5 {
	margin-left: 596px;
	margin-top: 36px;
}

/*----------------------------------------*/

.divinfo6 {
	margin-left: 708px;
	margin-top: 37px;
	background-image: url(mousio.gif);
	background-position: 6px 6px;
}

.divinfo6i {
	margin-left: 758px;
	margin-top: 77px;
}

.divinfo6a {
	margin-left: 708px;
	margin-top: 37px;
}

/* Το .divtriggerX είναι το trigger για την εμφάνιση των .divinfoX και .divinfoXa */
.divtrigger6 {
	margin-left: 715px;
	margin-top: 41px;
}

/*----------------------------------------*/

.divinfo7 {
	margin-left: 679px;
	margin-top: 105px;
	background-image: url(akropolis.gif);
	background-position: 6px 6px;
}

.divinfo7i {
	margin-left: 729px;
	margin-top: 145px;
}

.divinfo7a {
	margin-left: 679px;
	margin-top: 105px;
}

/* Το .divtriggerX είναι το trigger για την εμφάνιση των .divinfoX και .divinfoXa */
.divtrigger7 {
	margin-left: 682px;
	margin-top: 108px;
}

/*----------------------------------------*/

.divinfo8 {
	margin-left: 594px;
	margin-top: 106px;
	background-image: url(mousikis.gif);
	background-position: 94px 6px;
}

.divinfo8i {
	margin-left: 520px;
	margin-top: 146px;
}

.divinfo8a {
	margin-left: 836px;
	margin-top: 106px;
}

/* Το .divtriggerX είναι το trigger για την εμφάνιση των .divinfoX και .divinfoXa */
.divtrigger8 {
	margin-left: 841px;
	margin-top: 108px;
}

/*----------------------------------------*/

.divinfo9 {
	margin-left: 655px;
	margin-top: 42px;
	background-image: url(oaka.gif);
	background-position: 126px 6px;
}

.divinfo9i {
	margin-left: 580px;
	margin-top: 82px;
}

.divinfo9a {
	margin-left: 895px;
	margin-top: 42px;
}

/* Το .divtriggerX είναι το trigger για την εμφάνιση των .divinfoX και .divinfoXa */
.divtrigger9 {
	margin-left: 900px;
	margin-top: 44px;
}

/*----------------------------------------*/