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

body{
	background:#000000 url(../images/wood.jpg) top center repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	height:100%;
	bottom:0;
	margin:0;
	padding:0;
	text-align:center;
}

#wrapper{
	width:992px;
	min-height:500px;
	margin:0 auto;
	text-align:left;
}

/*------------------------------------TOP MENU----------------------------------*/
/*------------------------------------------------------------------------------*/
#top_menu{
	width:410px;
	height:43px;
	background:url(../images/top_menu_panel.png) top left no-repeat;
	margin:20px 35px -30px 0;
	padding:0;
	float:right;
	display:inline;
}
#top_links{
	list-style-type:none;
	margin:7px 12px 0 30px;
	padding:0;
	position:absolute;
}
#top_links li{
	display:inline;
	color:#776d3c;
	padding-left:4px;
}
#top_links li a{
	font-size:13px;
	font-weight:bold;
	padding-right:4px;
	color:#776d3c;
	cursor:pointer;
}
#top_links li a:link, #top_links li a:visited, #top_links li a:hover{
	color:#776d3c; 
	text-decoration:none; 
	cursor:pointer;
}
.search_box{
	width:76px; 
	height:13px; 
	border:#776d3c 1px solid; 
	background:#f0ebd3 url(../images/search1.jpg) top left no-repeat; 
	color:#776d3c; 
	font-size:11px; 
	padding-left:17px;
	position:relative;
	bottom:4px;
}
.search_form{position:relative; left:280px; top:14px; width:150px;}
.form_style{
	margin:-17px 0 0 17px;
	position:absolute;
}
.flag{position:relative; top:2px; left:7px;}
/*------------------------------------TOP MENU----------------------------------*/
/*-----------------------------------------------------------------END----------*/

/*------------------------------------HEADER------------------------------------*/
/*------------------------------------------------------------------------------*/
#header{
	width:992px;
	height:212px;
	margin:0;
	padding:0;
	float:left;
}
.group1{
	width:439px;
	height:166px;
	margin:0;
	padding:0;
	float:left;
}
#corner_top_left{
	width:94px;
	height:147px;
	background:url(../images/corner_top_left.png) top left no-repeat;
	margin:0;
	padding:0;
	float:left;
}
#corner_top_right{
	width:94px;
	height:147px;
	background:url(../images/corner_top_right.png) top left no-repeat;
	margin:0;
	padding:0;
	float:left;
	margin-top:-46px;
	margin-left:0px;
}
#header_top_shadow{
	width:804px;
	height:46px;
	background:url(../images/shadow_top.png) top left repeat-x;
	margin:0;
	padding:0;
	float:left;
}
#menu_part, #menu_part1{
	width:320px;
	height:81px;
	background-color:#f0ebd3;
	margin:0;
	padding-left:25px;
	padding-top:20px;
	float:left;
}
#menu_part1{width:335px; padding-left:10px;}
#logo{
	width:114px;
	height:166px;
	background:url(../images/logo.jpg) top left no-repeat;
	margin:0;
	padding:0;
	float:left;
}
#logo_left{
	width:393px;
	height:65px;
	background:#f0ebd3 url(../images/line_left.jpg) top right no-repeat;
	margin:0;
	padding:0;
	float:left;
	text-align:right;
}
#logo_right{
	width:393px;
	height:65px;
	background:#f0ebd3 url(../images/line_right.jpg) top left no-repeat;
	margin:0;
	padding:0;
	float:left;
	text-align:left;
}
#header_shadow_left{
	width:46px;
	height:65px;
	background:url(../images/shadow_left.png) top left repeat-y;
	margin:0;
	padding:0;
	float:left;
}
#header_shadow_right{
	width:46px;
	height:65px;
	background:url(../images/shadow_right.png) top left repeat-y;
	margin:0;
	padding:0;
	float:left;
}

.menu_item_selected{
	width:138px;
	height:60px;
	float:left;
	margin-right:10px;
	text-align:center;
}
.menu_item_selected a, 
.menu_item_selected a:link, 
.menu_item_selected a:visited, 
.menu_item_selected a:hover{color:#766d3a; text-decoration:none;}

.menu_item{
	width:138px;
	height:32px;
	float:left;
	margin-right:10px;
	padding-top:28px;
	text-align:center;
}
.menu a, 
.menu a:link, 
.menu a:visited, 
.menu a:hover{color:#766d3a; text-decoration:none;}


/*------------------------------------HEADER------------------------------------*/
/*------------------------------------------------------------------END---------*/

/*------------------------------------MIDDLE------------------------------------*/
/*------------------------------------------------------------------------------*/
#middle{
	width:992px;
	min-height:300px;
	background:url(../images/middle_back.png) top left repeat-y;
	margin:0;
	padding:0;
	float:left;
}
#middle_inner{
	width:900px;
	min-height:300px;
	margin:0 46px 0 46px;
	padding-left:0;
	float:left;
}
#middle_inner1{
	width:860px;
	min-height:300px;
	margin:0 46px 0 46px;
	padding:0 20px 0 20px;
	float:left;
}
#middle_inner2{
	width:625px;
	min-height:200px;
	margin-left:20px;
	margin-right:5px;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:60px;
	float:left;
}
#middle_inner3{
	width:635px;
	min-height:100px;
	margin-left:20px;
	margin-right:5px;
	padding-top:10px;
	padding-bottom:30px;
	float:right;
}
#flash_main{
	width:860px;
	height:256px;
	padding:0;
	padding-left:20px;
	padding-right:20px;
	margin:0;
	float:left;
	position:absolute;
	z-index:0;
}
#flash_main1{
	width:860px;
	height:256px;
	padding:0;
	margin:0;
	float:left;
}
#welcome{
	width:298px;
	height:160px;
	margin-top:250px;
	margin-left:255px;
	padding:25px 5px 0 35px;
	background:#f0ebd3 url(../images/curve.jpg) top right no-repeat;
	float:left;
	position:absolute;
}
#right_panel{
	width:262px;
	background:#f0ebd3 url(../images/shadow_right_panel.jpg) top right no-repeat;
	padding:25px 5px 0 35px;
	margin-top:231px;
	margin-left:598px;
	position:absolute;
}
.tip{
	background:url(../images/leaf.jpg) top left no-repeat;
	padding:2px 0px 10px 20px;
	margin-bottom:8px;
	width:190px;
	border-bottom:#bfb99a solid 1px;
}
#banner{
	width:640px;
	height:166px;
	margin-left:20px;
	padding:0;
	float:left;
}
#submenu{
	width:200px;
	padding:0;
	margin:0;
	float:left;
}
#submenu_top{
	width:200px;
	height:54px;
	background:url(../images/submenu_top.jpg) top left no-repeat;
	margin:0;
	padding:0;
	float:left;
}
#submenu_bottom{
	width:200px;
	height:51px;
	background:url(../images/submenu_bottom.jpg) top left no-repeat;
	margin:0;
	padding:0;
	float:left;
}
#submenu_middle{
	width:180px;
	min-height:100px;
	padding:10px;
	margin:0;
	float:left;
	background-color:#dfd9ba;
}
.submenu_item{
	padding:0px 0px 10px 0px;
	margin-bottom:8px;
	width:180px;
	border-bottom:#bfb99a solid 1px;
	font-size:13px;
	color:#776d3c;
	text-align:left;
	text-decoration:none;
}
.submenu_item a{
	background:url(../images/leaf1.jpg) top left no-repeat;
	padding:0px 0px 10px 20px;
	margin-bottom:8px;
	width:160px;
	border-bottom:#bfb99a solid 1px;
	font-size:13px;
	color:#776d3c;
	text-align:left;
}
.submenu_item a:hover{
	color:#731e20; 
	background:url(../images/leaf1_over.jpg) top left no-repeat;
}
.submenu_item_selected a{background:url(../images/leaf1_selected.jpg) top left no-repeat;padding:0px 0px 10px 20px;}
.submenu_item_selected{ color:#776d3c; font-size:13px; font-weight:bold; padding:0px 0px 10px 0px; margin-bottom:8px; border-bottom:#bfb99a solid 1px; text-decoration:none;}

/*------------------------------------MIDDLE------------------------------------*/
/*---------------------------------------------------------------END------------*/

/******************carousel*******************/
#wines_carousel{
	width:220px;
	height:342px;
	margin:0;
	padding:0;
	float:left;
	margin-left:50px;
	margin-top:50px;
	position:absolute;
	z-index:1;
}
#carousel_left{
	width:8px;
	height:342px;
	background:url(../images/carousel_left_shadow.png) top left no-repeat;
	margin:0;
	padding:0;
	float:left;
}
#carousel_right{
	width:8px;
	height:342px;
	background:url(../images/carousel_right_shadow.png) top left no-repeat;
	margin:0;
	padding:0;
	float:left;
}
#carousel_inner{
	width:204px;
	height:324px;
	background:#FFFFFF url(../images/carousel_back.jpg) bottom left no-repeat;
	margin:0;
	padding:0;
	float:left;
}
#carousel_top{
	width:220px;
	height:6px;
	background:url(../images/carousel_top_shadow.png) top left no-repeat;
	margin:0;
	padding:0;
	float:left;
}
#up, #down{
	width:204px;
	height:14px;
	margin:0;
	padding-top:5px;
	float:left;
	text-align:center;
}
#show{
	width:204px;
	height:250px;
	margin:0;
	padding:0;
	float:left;
}
.space{height:40px; display:block;}
.wine_name{float:left; width:139px; padding-left:5px;}
/************************end carousel*******************/

/*------------------------------------FOOTER------------------------------------*/
/*------------------------------------------------------------------------------*/
#footer{
	width:992px;
	height:144px;
	margin:0;
	padding:0;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:20px;
}
#corner_bottom_left{
	width:178px;
	height:144px;
	background:url(../images/corner_bottom_left.png) top left no-repeat;
	margin:0;
	float:left;
}
#corner_bottom_right{
	width:238px;
	height:109px;
	background:url(../images/corner_bottom_right.png) top left no-repeat;
	margin:0;
	padding:35px 72px 0 0;
	float:left;
}
#footer_center{
	width:494px;
	height:58px;
	background:#f0ebd3 url(../images/footer_center_back.jpg) top left no-repeat;
	margin:0;
	padding:35px 0 0 10px;
	float:left;
}
#footer_bottom_shadow{
	width:504px;
	height:51px;
	background:url(../images/shadow_bottom.png) top left repeat-x;
	margin:0;
	padding:0;
	float:left;
}
/*------------------------------------FOOTER------------------------------------*/
/*---------------------------------------------------------------END------------*/

h1{font-size:20px; color:#776d3c; margin:0 0 10px 0; font-family:"trebuchet MS", Arial, Verdana; font-weight:normal;}
h2, h3{font-size:15px; color:#766d3a; margin:25px 10px 0 10px; font-family:"trebuchet MS", Arial, Verdana; font-weight:normal;}

/*den einai sifr*/
h4{font-size:13px; color:#b4a13f; font-weight:bold; font-family:"trebuchet MS", Arial, Verdana; margin:5px 0 5px 0; }
h5{font-size:13px; color:#731e20; font-weight:bold; font-family:"trebuchet MS", Arial, Verdana; margin:5px 0 5px 0; }

.text1{
	font-size:12px;
	color:#776d3c;
	text-align:justify;
	line-height:17px;
}
.text1 a, .text1 a:link, .text1 a:visited{ text-decoration:none; font-weight:bold; color:#776d3c;}
.text1 a:hover{ text-decoration:underline;}
.text2{
	font-size:13px;
	color:#776d3c;
	text-align:left;
	text-decoration:none;
}
.text2 a, .text2 a:link, .text2 a:visited{ text-decoration:none; color:#776d3c;}
.text2 a:hover{ text-decoration:underline;}
.text3{
	font-size:11px;
	color:#a09766;
	text-align:left;
	line-height:17px;
}
.text3 a, .text3 a:link, .text3 a:visited{ text-decoration:none; color:#a09766;}
.text3 a:hover{ text-decoration:underline;}

.text4{
	font-size:11px;
	color:#776d3c;
	font-weight:bold;
}
#logo_fix{
width:132px;
height:33px;
margin:40px 0 0 120px; 
background:url(../images/artabout.png) top left no-repeat;
cursor:pointer;
}

.news_border{border:#DFD9BA 1px solid;}
.contact_fields{border:#DFD9BA 1px solid;}

/**************************LIVE VALIDATION STYLES*/
.LV_validation_message{
	font-size:12px;
    font-weight:bold;
    padding:0 0 0 5px;
}
.LV_valid {
    color:#b4a13f;
}	
.LV_invalid {
    color:#731e20;
}   
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #b4a13f!important;
}   
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #731e20!important;
}
/**************************LIVE VALIDATION STYLES*/
/************************************END******/

.button{
	height:36px;
	float:left;
	cursor:pointer;
	text-decoration:none;
}
.button_left{
	width:24px;
	height:36px;
	background:url(../images/button_left.jpg) top left no-repeat;
	float:left;
}
.button_middle{
	height:36px;
	background:url(../images/button_middle.jpg) top left repeat-x;
	padding-top:4px;
	float:left;
	text-decoration:none;
}
.button_right{
	width:26px;
	height:36px;
	background:url(../images/button_right.jpg) top left no-repeat;
	float:left;
}

/*********photo gallery***********/
#photo_gallery{
	width:640px;
	height:306px;
	margin-left:20px;
	padding:0;
	float:left;
}
#photo{
	width:510px;
	height:306px;
	background:url(../images/photo_back.jpg) top left no-repeat;
	margin:0;
	padding:7px 0 0 7px;
	float:left;
}
.thumbnail{
	width:129px;
	height:76px;
	background:url(../images/thumb_back.jpg) top left no-repeat;
	padding:0;
	float:left;
}
.deco{float:left;}

