/* elaion.css */

@charset "utf-8";

html{}

body{
margin:0px;
width:100%;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #bbb9ae;
background-color:#bcbdc1;
text-align:center;
}

.imgphone {
	margin-left:18px;
	margin-top:8px;
}
			
.mainbody {
	margin:auto;
	width:1000px;
	background-color:#2e3009;
}
.mainbodyinner {
	margin-top:20px;
	margin-left:20px;
	width:960px;
	height:550px;
	background-image:url(images/elia_intro.jpg);
	background-repeat:no-repeat;
	background-position: 0px 20px;
}


.mainbodyinner2 {
	margin-top:20px;
	margin-bottom:19px;
	margin-left:20px;
	width:960px;
	height:99px;
	text-align:left;



	// background-color:#fff;
	
}

.mainbodyinner3 {
	margin-top:20px;
	margin-left:20px;
	width:960px;
	height:550px;
	background-image:url(images/bg.jpg);
	background-repeat:no-repeat;
	background-position: 0px 20px;
	/*sto fonto na balw position */
}


.contentarea{
	width:770px;
	margin-left:65px;
}

.contentarea2{
	width:770px;
	margin-left:65px;
	position:relative;
	margin-top:-15px;
}

.header {
	height:110px;
	margin-top:20px;
	margin-left:20px;
	padding-left:20px;
	width:750px;
	text-align:left;
}

#logo {
	text-decoration:none;
	border:0;
	width : 318px;
	height : 102px;
	margin : 0;
	padding : 0;
	background : url(/images/logo.png) no-repeat 0 0;
}

#logo a {
	display : block;
	height : 102px;
	text-indent : -9999px; 
}

.bottomcontainer {
	margin:auto;
	width:770px;
	height:380px;
	margin-left:20px;
	margin-top:20px;
}

#thegallery {
	width:526px;
	;
	float:left;
	height:350px;
	margin-top:0px;
	overflow:hidden;
	background-color:#43451d;
	padding-left:25px;
}


.leftmenu {
	background-color:#2e3009;
	margin:0px;
	padding-top:25px;
	padding-left:30px;
	padding-right:0px;
	padding-bottom:30px;
	width:190px;
	height:295px;
	float:left;
	text-align:left;
	
	list-style:none;
	font-size:14px;
	color:#bfc733;
    line-height:28px;
}

.leftmenu a {	
	font-size:14px;
	color:#f7f3f0;
	text-decoration:none;	
}

.leftmenu li {
	
	font-size:14px;
	color:#bfc733;
	line-height:0px;
}

.leftmenu li a {
	font-size:14px;
	color:#f7f3f0;
	text-decoration:none;
}


.leftmenublue {
	background-color:#013d93;
	margin:0px;
	padding-top:10px;
	padding-left:9px;
	padding-right:0px;
	padding-bottom:30px;
	width:210px;
	height:310px;
	float:left;
	text-align:left;
	
	list-style:none;
	font-size:14px;
	color:#bfc733;
    line-height:28px;
}

.leftmenublue a {	
	font-size:14px;
	color:#f7f3f0;
	text-decoration:none;	
}

.leftmenublue li {
	list-style:none;
	font-size:14px;
	color:#bfc733;
	line-height:30px;
}

.leftmenublue li a {
	font-size:14px;
	color:#f7f3f0;
	text-decoration:none;
	line-height:26px;
}


.leftmenupurple {
	background-color:#4d1e55;
	margin:0px;
	padding-top:10px;
	padding-left:9px;
	padding-right:0px;
	padding-bottom:30px;
	width:210px;
	height:310px;
	float:left;
	text-align:left;
	
	list-style:none;
	font-size:14px;
	color:#bfc733;
    line-height:28px;
}

.leftmenupurple a {
	font-size:14px;
	color:#f7f3f0;
	text-decoration:none;	
}

.leftmenupurple li {
	list-style:none;
	font-size:14px;
	color:#bfc733;
	line-height:30px;
}

.leftmenupurple li a {
	font-size:14px;
	color:#f7f3f0;
	text-decoration:none;
	line-height:26px;	
}
	

.leftmenucompany {
	background-color:#ffa7db;
	margin:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:25px;
	padding-bottom:30px;
	width:195px;
	height:320px;
	float:left;
	text-align:left;
}

.leftmenucompany li {
	list-style:none;
	font-size:24px;
	color:#bfc733;
	line-height:30px;
}

.leftmenucompany li a {
	font-size:14px;
	color:#f7f3f0;
	text-decoration:none;
	line-height:26px;
}

.leftmenugallery {
	background-color:#013d93;
	margin:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:25px;
	padding-bottom:30px;
	width:195px;
	height:320px;
	float:left;
	text-align:left;
}

.leftmenugallery li {
	list-style:none;
	font-size:24px;
	color:#bfc733;
	line-height:30px;
}

.leftmenugallery li a {
	font-size:14px;
	color:#f7f3f0;
	text-decoration:none;
	line-height:26px;
}


.contentmesi {
	margin:0px;
	padding-top:30px;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:30px;
	width:250px;
	height:290px;
	float:left;
	background-color:#43451d;
	text-align:justify;
}

.contentmesi2 {
	margin:0px;
	padding-top:30px;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:30px;
	width:250px;
	height:290px;
	float:left;
	background-color:#43451d;
	text-align:justify;
	line-height:16px;
}

.contentmesi3 {
	margin:0px;
	padding-top:0px;
	padding-left:0px;
	padding-bottom:0px;
	width:300px;
	height:350px;
	float:left;
	background-color:#43451d;
	text-align:left;
	line-height:16px;
}

.contentmesi4 {
	margin:0px;
	padding-top:0px;
	padding-left:0px;
	padding-bottom:0px;
	width:550px;
	height:350px;
	float:left;
	background-color:#43451d;
	text-align:left;
	line-height:16px;
}


.picsright {
	margin:0px;
	width:250px;
	height:350px;
	float:left;
	text-align:left;
}

.picsright2 {
	position:absolute;
	left:540px;
	top:130px;
	margin:0px;
	width:250px;
	height:350px;
	text-align:left;
	z-index:0;
}

.bottommenu {
	background-color:#2e3009;
	height:30px;
	width:730px;
	padding-left:20px;
	padding-right:20px;
}

.bottommenu2 {
	background-color: #2e3009;
	height: 30px;
	width: 770px;
	padding-left: 0px;
	padding-right: 0px;
}

.bottommenu2 a:link, .bottommenu2 a:visited {
	text-decoration:none;
}

.bottommenu2 a:focus, .holder a:focus, .servicesbottom a:focus, .servicesbottom td a:focus {
	color:#b2dd2e;
}

.servicesbottom {
	background-color:#443401;
	text-align:left;
	height:40px;
	width:770px;
	font-size:9px;
	line-height:8px;
}

.servicesbottom a:link, .servicesbottom a:visited {
	text-decoration:none;
}


.footer {
	width:1000px;
	height:54px;
	padding-top:5px;
	line-height:16px;
	background-image:url(images/footer_bg.jpg);
}

.credits {
	font-size:10px;
	color:#55591c;
	line-height:12px;
	float:right;
	padding-right:10px;
}



.galleries_tab {
     line-height: 0.9;

    background-image:url(images/table_bg.png);
	width:439px;
	height:80px;
	padding-right:17px;
	padding-left:19px;
	padding-bottom:14px;
	padding-top:4px;
}


.offers {

  background-image:url(images/table_bg1.png);
	width:175px;
	height:82px;
	padding-right:5px;
	padding-left:5px;
	padding-bottom:14px;
	padding-top:2px;

}

.social_networks {
    
	float:right;
    background-image:url(images/table_bg2.png);
	width:273px;
	height:82px;
	padding-right:5px;
	padding-left:2px;
	padding-bottom:14px;
	padding-top:2px;

}

.social-banners {
    
	float:right;
	padding-top:18px;
	padding-right:15px;

}


.offers-carousel{
    
	float:left;
	padding-top:18px;
	padding-left:15px;

}

.Social {
	font-size:10px;
	color:#55591c;
	line-height:12px;
	float:left;
	padding-left:25px;
}


.credits a:link, .credits a:visited {
	color:#55591c;
}

.diastima {
	margin-right:15px;
	font-size:10px;
}

.buttons {
	float:right;
	width:66px;
	height:40px;
}

.buttons2 {
	float:left;
	width:66px;
	height:40px;
}

/*  ta headers */
h1 {font-size:14px;line-height: 14px;color: #bdc83b; font-weight:normal;}
h2, h2 a:link, h2 a:visited, h2 a:hover {font-size:14px;line-height: 12px;font-weight:normal;color: #bdc83b;}
h3 {font-size:14px;line-height: 14px;font-weight: 400;color: #fefefc;}
h4 {font-size:1.2em;line-height: 0.8em;font-weight: 900;color: #bdc83b;}
h5 {font-size:1.2em;line-height: 0.8em;font-weight: 900;color: #bdc83b;}
h6 {font-size:1.2em;line-height: 0.8em;font-weight: 900;color: #bdc83b;}

/*links*/
a:link {color: #fbf6fc;}
a:hover {color: #fbf6fc;}
a:visited {color: #fbf6fc;}
img {border: 0 none;}

/* katharisma float */
.clr{clear: both;}

/* perithorio paragraphwn */
p {margin-top:5px;}

/* gia na ftiaksoume to scrollbar me javascript */


a.jScrollArrowUp {
	background:url(images/arrow_up.png) no-repeat;
	margin-top:120px;
}
a.jScrollArrowUp:hover {
}
a.jScrollArrowDown {
	background:url(images/arrow_down.png) no-repeat;
	margin-bottom:120px;
	
}
a.jScrollArrowDown:hover {
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
}


.orange-bar .jScrollPaneTrack {
	background: #f60;
}
.orange-bar .jScrollPaneDrag {
}
.orange-bar .scroll-pane {
	background: #69f;
}
			
.holder {
	float: left;
	margin: 10px;
	text-align:justify;
}

.scroll-pane {
	width: 100%;
	height: 350px;
	overflow: auto;
	float: left;
}

#photos {
	height:350px;
	float:left;
}

#pane3 {
	height: 320px;
	margin-top:5px;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 250;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	width: 12px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 250;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	width: 12px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
}

#tiper {
	z-index: 999999;
	display: none;
	position: absolute;
	padding: 5px;
	background-color: #EEEEEE;
	border: 1px solid #333333;
   -moz-box-shadow: 2px 2px 5px #eeeeee;
   -webkit-box-shadow: 2px 2px 5px #eeeeee;
   -webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 5px;
	-moz-border-radius-topleft: 0;
	border-radius: 5px;
	border-top-left-radius: 0;
   color:#666;
	
}
span.tiper {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}


@media print { 
	/* your print styles go here */
	#header, #footer, #menu { display: none; } 

	body { font-family: Verdana, Geneva, sans-serif; font-size: 12px;} 
	h1 { font-size: 18pt; } 
	h2 { font-size: 16pt; color: #000; }

}


@media screen and (min-width: 480px) and (max-width: 960px) {
    
	
	.header {
	height:110px;
	margin-top:20px;
	margin-left:20px;
	padding-left:20px;
	width:750px;
	text-align:left;
}
	
}