@charset "utf-8";
/* CSS Document */

html,body{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
background-image:url(../graphics/repeated-bg.jpg);
background-position:top center;
background-repeat:repeat;}

img{
border:none;
}

#top_bg{
height:527px;
width:100%;
overflow:hidden;
background-image:url(../graphics/top_bg.jpg);
background-position:top center;
background-repeat:repeat-x;
position:absolute;
top:0;
left:0;
z-index:1;}

#wrapper{
margin:auto;
width:1002px;}

#header{
position:relative;
width:962px;
height:573px;
margin:0 0 0 20px;
overflow:hidden;
background-image:url(../graphics/header_bg.jpg);
/*background-position:top right;*/
background-position:210px 0px;
background-repeat:no-repeat;
z-index:2;
}

#logo{
text-align:center;
z-index:1;
}

#iphone{
margin:-2px auto;
width:208px;
height:413px;
z-index:2;
background-image:url(../graphics/iphone.jpg);
background-position:top center;
background-repeat:no-repeat;
}


#iphone_menu{
position:absolute;
top:257px;
left:40px;}

#iphone_menu a,#iphone_menu a:active,#iphone_menu a:visited{
font-size:12px;
color:#cccccc;
line-height:29px;
text-decoration:none;
}


#iphone_menu a:hover{
text-decoration:none;
color:#FFFFFF;
}

/*#iphone ul{ 
padding:100px 0 0 33px;
list-style-type:none;
text-align:left;}

#iphone ul li{/*
/*padding:9px 0 4px 0;*/
/*line-height:28px;
} 

#iphone ul li a,#iphone ul li a:active,#iphone ul li a:visited{
font-size:12px;
color:#cccccc;
text-decoration:none;}

#iphone ul li a:hover{
text-decoration:none;
color:#FFFFFF;}*/

#menu{
position:absolute;
top:10px;
right:-10px;
background-image:url(../graphics/menu_bg.png);
background-repeat:no-repeat;
width:398px;
height:64px;}

#menu ul{
margin:0;
padding:30px 0 0 10px;
list-style-type:none;}

#menu ul li{
display:inline;
padding:10px 10px 10px 10px;
}

#menu ul li a,#menu ul li a:active,#menu ul li a:visited{
font-size:14px;
color:#cccccc;
text-decoration:none;
font-weight:bold;}

#menu ul li a:hover, .active{
color:#ffffff;}

#sidebar{
background-color:#FFFFFF;
height:571px;
overflow:hidden;
width:217px;
}

#ticker{
width:100%;
height:201px;
overflow:hidden;
position:relative;
background-image:url(../graphics/ticker_bg.png);
background-position:top center;
background-repeat:no-repeat;
margin:-15px 0 0 0;
z-index:5;}

#ticker_content{
width:398px;
height:134px;
overflow:hidden;
padding:30px 0 10px 50px;
color:#FFFFFF;}

#slider_wrapper{
position:absolute;
background-image:url(../graphics/slider_wrapper_bg.png);
background-position:top center;
background-repeat:no-repeat;
top:-18px;
left:415px;
width:507px;
height:246px;
overflow:hidden;
z-index:15;
padding:35px 0 0 150px;}

#content_on_slider{
font-size:12px;
color:#808080;
width:225px;
text-align:justify;}

#content{
width:922px;
margin:auto;
text-align:justify;}

h1{
font-size:18px;}

h2{
margin:0;
padding:5px 0 5px 0;
font-size:15px;
color:#4c4c4c;}

h3{
margin:0;
padding:5px 0 0 0;
font-size:16px;
color:#a9c5e0;
border-bottom:#a9c5e0 thin solid;
width:100%;}

h4{
margin:0;
padding:0;
padding:5px 0 0 0;
font-size:16px;
color:#a9c5e0;}


#footer{
width:962px;
margin:10px auto;
border-top:#CCCCCC thin solid;
padding:10px 0 5px 0;
text-align:center;
}

#footer ul{
list-style:none;
margin:0;
padding:0;
}

#footer ul li{
display:inline;
padding:0 10px 0 10px;}


#footer a{
color:#999999;
text-decoration:none;}

#footer a:hover{
text-decoration:underline;}

/*MODAL BOXES */
#modal_link a,#modal_link a:active,#modal_link a:visited{
color:#a9c5e0;
text-decoration:none;}

#modal_link a:hover{
text-decoration:underline;}

#photismos_div,#diadiktio_div,#tilephona_div,#synagermos_div,#kinisi_div,#ohimatos_div,#psiksi_div,#thermostates_div{
position:absolute;
top:220px;
right:180px;
width:359px;
height:171px;
overflow:hidden;
background-color:#192c54;
z-index:5;
padding:5px 20px 0px 20px;
color:#a9c5e0;
display:none;
}

#content_td{
background-image:url(../graphics/content_middle.png);
background-position:top center;
background-repeat:repeat-y;
padding:0 20px 0 20px;}

#box_content{
position:absolute;
top:100px;
right:30px;
width:609px;
height:441px;
overflow:hidden;
z-index:5;
color:#a9c5e0;
/*background-color:#192c54;*/
padding:5px 20px 0px 20px;
 }
 
 
#ajax_content{
width:570px;
height:400px;
overflow:hidden;
z-index:6;
paddinh:0 10px 0 10px;} 
 
#response{
display: none;
border: 1px solid #ccc;
background: #FFFFA0;
padding: 10px;
width: 450px;
}
 
 
/*MODAL BOXES */