/*------- Created by Nick Fassolas 2007 ---------*/
body {
margin : 0;
background-image : url(../ui/bg.jpg);
font : normal 80%/1.5em 'Trebuchet MS', Tahoma, sans-serif;
text-align : center;
background-repeat : repeat-x;
}
#container {
width : 830px;
border : 0 solid gray;
margin-top : 0;
padding : 0;
margin-left : auto;
margin-right : auto;
}
#banner {
margin-bottom : 0;
margin-top : 0;
background-image : url(../ui/header.jpg);
text-indent : -9999px;
height : 256px;
background-repeat : no-repeat;
}
#sub_header {
background-image : url(../ui/sub_header.jpg);
background-repeat : no-repeat;
height : 294px;
}
#sub_header .sub_header_img {
background-repeat : no-repeat;
height : 192px;
width:770px;
margin-left : auto;
margin-right : auto;
}
#sub_header #img1 {
background: url(../ui/Sub_HEADER_img1.jpg);
}
#sub_header #img2 {
background: url(../ui/Sub_HEADER_img2.jpg);
}
#sub_header #img3 {
background: url(../ui/Sub_HEADER_img3.jpg);
}
#sub_header #salmon {
background: url(../ui/Sub_HEADER_img_salmon.jpg);
}
#sub_header #caviar {
background: url(../ui/Sub_HEADER_img_caviar.jpg);
}
#sub_header #roe {
background: url(../ui/Sub_HEADER_img_roe.jpg);
}
#sub_header #foie {
background: url(../ui/Sub_HEADER_img_foie.jpg);
}
#sub_header #cheese {
background: url(../ui/Sub_HEADER_img_cheese.jpg);
}
#sub_header #deli {
background: url(../ui/Sub_HEADER_img_deli.jpg);
}
#sub_header #pota {
background: url(../ui/Sub_HEADER_img_wine.jpg);
}
#sub_header #dora {
background: url(../ui/Sub_HEADER_img_gifts.jpg);
}
#sub_header #recipe {
background: url(../ui/Sub_HEADER_img_recipe.jpg);
}
#sub_header #order {
background: url(../ui/Sub_HEADER_img_order.jpg);
}
#main_image {
height : 220px;
background-image : url(../images/mainimage.jpg);
}
#content {
width:770px;
text-align : left;
padding : 0;
margin-left : auto;
margin-right : auto;
margin-top:-95px;
}
#main {
float : left;
width : 68%;
margin : 7px;
padding : 0;
}
#main h1 {
padding : 10px 0 0 5px;
margin : 0 0 0 10px;
border-bottom : 1px solid #f2f2f2;
font : normal 1.5em 'Trebuchet MS', Tahoma, Sans-serif;
}
#main ul li {
list-style-image: url(../UI/bullet_green.gif);
margin-bottom: 6px;
list-style-position: outside;
	
}

.post {
margin : 0 0 20px;
padding : 0;
background : #fff url(../images/gradientbg.jpg) repeat-x;
border : 1px solid #efeded;
}
.post p {
padding-left:2px;
}
.post .post-footer {
background-color : #fafafa;
border : 1px solid #f2f2f2;
padding : 5px;
margin-top : 20px;
font-size : 95%;
}
.post .post-footer .date {
background : url('../ui/clock.gif') no-repeat 0 center;
padding-left : 20px;
margin : 0 10px 0 5px;
}
.post .post-footer .readmore {
background : url('../ui/page.gif') no-repeat 0 center;
padding-left : 20px;
margin : 0 10px 0 5px;
}
.post .post-footer .visit {
background : url('../ui/link_go.gif') no-repeat 0 center;
padding-left : 20px;
margin : 0 10px 0 5px;
}
#group1, #group2, #group3 {
height : 72px;
width : 194px;
}
#group1 a, #group2 a, #group3 a {
display : block;
text-indent : -9999px;
height : 72px;
}
#groups {
height : 72px;
padding-top : 20px;
padding-bottom : 20px;
padding-left : 25px;
padding-right : 25px;
margin-left : auto;
margin-right : auto;
}
#group1 {
background : transparent url(../images/1.jpg) no-repeat scroll 0 0;
float : left;
}
#group2 {
background : transparent url(../images/2.jpg) no-repeat scroll 0 0;
float : left;
margin-left : 75px;
}
#group3 {
background : transparent url(../images/3.jpg) no-repeat scroll 0 0;
float : right;
}
#sidebar {
float : right;
width : 190px;
margin-top : 1px;
margin-right : 13px;
padding : 5px;
}
#sidebar h1 {
padding : 10px 0 5px 10px;
margin : 0;
}
.sidebox {
background : #e6e9f4;
border : 1px solid #efeded;
margin-bottom : 10px;
}
#sidebar ul.sidemenu {
list-style : none;
margin : 10px 0 15px 0;
padding : 0;
background : #eceef6;
}
#sidebar ul.sidemenu li {
padding : 0 10px;
}
#sidebar ul.sidemenu a {
display : block;
font-weight : normal;
color : #333;
height : 1.5em;
padding : 0.3em 0 0.3em 15px;
line-height : 1.5em;
border-bottom : 1px dashed #d4d4d4;
text-decoration : none;
}
#sidebar ul.sidemenu a.top {
border-top : 1px dashed #d4d4d4;
}
#sidebar ul.sidemenu a:hover {
padding : 0.3em 0 0.3em 10px;
border-left : 5px solid #fffa9e;
color : #000;
background : #d7e3cb;
}
a {
background : inherit;
color : #72a545;
text-decoration : none;
}
a:hover {
background : inherit;
color : #006699;
text-decoration : underline;
}
h1, h2, h3 {
font : bold 1em 'Trebuchet MS', Tahoma, Sans-serif;
}
h1 {
font-size : 1.4em;
color : #8d83b5;
}
h2 {
	font-size : 1.2em;
	color: #234669;
	line-height: 160%;
}
h3 {
font-size : 1.2em;
}
p, h1, h2, h3 {
margin : 10px 15px;
}
ul, ol {
margin : 10px 30px;
padding : 0 15px;
}
img {
border : 1px solid #dadada;
padding : 5px;
background : #fafafa;
margin-left : 3px;
}
#gal img {
border : 0px solid #dadada;
padding : 0px;
background : #fafafa;
margin-left : 0px;
}
img.float-right {
margin : 5px 0 auto 10px;
}
img.float-left {
margin : 5px 10px auto 0;
}
blockquote {
margin : 15px;
padding : 0 0 30px 3px;
background-color : #fafafa;
background-position : 8px 10px;
border : 1px solid #f2f2f2;
border-left : 3px solid #8d83b5;
font : bold 1.2em/1.5em "Trebuchet MS", Tahoma, sans-serif;
color : #666666;
}
#footer {
font : normal 1em/1.7em 'Trebuchet MS', Tahoma, Arial, sans-serif;
clear : both;
padding : 5px;
margin-left : auto;
margin-right : auto;
background-image : url(../ui/back_footer.jpg);
height : 478px;
text-align : left;
}
#footer #salmon {
background : url(../ui/solomos_start.jpg) no-repeat scroll 0 0;
height : 478px;
margin-top:-5px;
}
#footer h1, #footer p {
margin-left : 0;
}
#footer-content {
border-top : 1px solid #eaeaea;
margin : 0 auto;
padding-left : 15px;
width:830px;
}
#footer-content a {
text-decoration : none;
color : #777;
}
#footer-content a:hover {
text-decoration : underline;
color : #333;
}
#footer-content ul {
list-style : none;
margin : 0;
padding : 0;
}
#footer-content .col {
width : 32%;
padding : 0 5px 30px 0;
}
#footer-content .col2 {
width : 33%;
padding : 0 0 30px 0;
margin-top : 60px;
}
.float-left {
float : left;
}
.float-right {
float : right;
}
.align-left {
text-align : left;
}
.align-right {
text-align : right;
}
.align-center {
text-align: center;
}
.clear_all {
clear : both;
}
.gray {
color : #bfbfbf;
}
p.small {
margin:0;
padding:0;
font-size:8px;
}
.blue_back {
background-color: #eceef6;
}
#sidebar img.side {
border:none;
padding:0;
margin-top:10px;
}
.doro {
background-image: url(../UI/decor.jpg);
background-repeat: no-repeat;
text-align: center;
height:153px;
width:189px;
margin:0;
text-indent:-9999px;

}
a.smoked_salmon {
background-image: url(../products/images/salmon.jpg);
background-repeat: no-repeat;
text-align: left;
height:70px;
width:540px;
margin:0;
display:block;
font-size:22px;
color:#5a5a5a;
padding:10px;
}
a.smoked_salmon:hover {
background-image: url(../products/images/salmon-ov.jpg);
text-decoration:none;
color:#fff;
}
a.caviar {
background-image: url(../products/images/caviar.jpg);
background-repeat: no-repeat;
text-align: left;
height:70px;
width:540px;
margin:0;
display:block;
font-size:22px;
color:#5a5a5a;
padding:10px;
}
a.caviar:hover {
background-image: url(../products/images/caviar-ov.jpg);
text-decoration:none;
color:#fff;
}
a.brik {
background-image: url(../products/images/aygotaraxo.jpg);
background-repeat: no-repeat;
text-align: left;
height:70px;
width:540px;
margin:0;
display:block;
font-size:22px;
color:#5a5a5a;
padding:10px;
}
a.brik:hover {
background-image: url(../products/images/aygotaraxo-ov.jpg);
text-decoration:none;
color:#fff;
}
a.foie {
background-image: url(../products/images/foia.jpg);
background-repeat: no-repeat;
text-align: left;
height:70px;
width:540px;
margin:0;
display:block;
font-size:22px;
color:#5a5a5a;
padding:10px;
}
a.foie:hover {
background-image: url(../products/images/foia-ov.jpg);
text-decoration:none;
color:#fff;
}
a.allantika {
background-image: url(../products/images/allantika.jpg);
background-repeat: no-repeat;
text-align: left;
height:70px;
width:540px;
margin:0;
display:block;
font-size:22px;
color:#5a5a5a;
padding:10px;
}
a.allantika:hover {
background-image: url(../products/images/allantika-ov.jpg);
text-decoration:none;
color:#fff;
}
a.deli {
background-image: url(../products/images/deli.jpg);
background-repeat: no-repeat;
text-align: left;
height:70px;
width:540px;
margin:0;
display:block;
font-size:22px;
color:#5a5a5a;
padding:10px;
}
a.deli:hover {
background-image: url(../products/images/deli-ov.jpg);
text-decoration:none;
color:#fff;
}
a.drinks {
background-image: url(../products/images/drinks.jpg);
background-repeat: no-repeat;
text-align: left;
height:70px;
width:540px;
margin:0;
display:block;
font-size:22px;
color:#5a5a5a;
padding:10px;
}
a.drinks:hover {
background-image: url(../products/images/drinks-ov.jpg);
text-decoration:none;
color:#fff;
}
a.dora {
background-image: url(../products/images/dora.jpg);
background-repeat: no-repeat;
text-align: left;
height:70px;
width:540px;
margin:0;
display:block;
font-size:22px;
color:#5a5a5a;
padding:10px;
}
a.dora:hover {
background-image: url(../products/images/dora-ov.jpg);
text-decoration:none;
color:#fff;
}
#main ul.prods {
	list-style-type: none;
	margin : 0 0 20px;
	padding : 0;
	list-style-image: none;
}
#main ul.prods li {
	list-style-type: none;
	list-style-image: none;
}
li.details {
	font-weight: bold;
	color: #FFFFFF;
	margin-top: -36px;
	text-align:right;
}
.bold {
font-weight:bold;
}
#main .post ul li.award {
	list-style-image: url(../UI/award.gif);
	padding-bottom:20px;
	color:#6c6b86;
	font-weight:bold;

}
.post ul li.award span.color_555 {
	color:#555;
}
/*- Menu Tabs H--------------------------- */

    #tabsH {
	float:left;
	width:100%;
	font-size:100%;
	line-height:normal;
	margin-top:-42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
      }
    #tabsH ul {
	margin:0;
	padding:10px 10px 0 30px;
	list-style:none;
      }
    #tabsH li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsH a {
      float:left;
      background:url("../ui/tableftH.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsH a span {
      float:left;
      display:block;
      background:url("../ui/tabrightH.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#ccccff;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsH a span {float:none;}
    /* End IE5-Mac hack */
    #tabsH a:hover span {
      color:#fff;
      }
    #tabsH a:hover {
      background-position:0% -42px;
      }
    #tabsH a:hover span {
      background-position:100% -42px;
      }
	 #tabsH a.current span {
      background-position:100% -42px;
      }
	  #tabsH a.current span {
      color:#fff;
      }
	  
/* form elements */
form {
	margin:10px 15px; padding: 0;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; 
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 2px;
	border:1px solid #eee;
	font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
	color:#777;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	background: #FFF url(gradientbg.jpg) repeat-x; 
	padding: 2px 3px; 
	color: #333;	
	border: 1px solid #DADADA;	
}
th {
	background: #74A846;
	height: 29px;
	padding-left: 11px;
	padding-right: 11px;
	color: #fff;
	text-align: left;
	border-left: 1px solid #B6D59A;
	border-bottom: solid 2px #FFF;
}
tr {
	height: 30px;
	border: 0 solid #fff;
}
td {
	border: 0 solid #fff;
	padding-left: 11px;
	padding-right: 11px;

}
table {
	border: none;
	margin: 10px 15px;	
}

#projects, #projects2, #projects3, #projects4, #projects5, #projects6, #projects7 {
height:95px;
margin-left:22px;
margin-top:18px;
}
#projects .thumbnails, #projects2 .thumbnails, #projects3 .thumbnails, #projects4 .thumbnails, #projects5 .thumbnails, #projects6 .thumbnails, #projects7 .thumbnails {
border:5px solid #FFFFFF;
height:70px;
margin:3px 10px 5px 0;
padding:0;
width:100px;
}
#projects a:hover img, #projects2 a:hover img, #projects3 a:hover img, #projects4 a:hover img, #projects5 a:hover img, #projects6 a:hover img, #projects7 a:hover img {
border:5px solid #555555;
}