@charset "utf-8";
* {margin:0; padding:0}

/* STRUCTURE
------------------------------------------ */
html{}
body {
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
text-align:left;
color:#000;
line-height:18px;
width:100%;
overflow-y:scroll;
background-color:#F7F5F2;
background-repeat:no-repeat;
background-position:-35px 0;
}

#container{position:relative; margin-left:50px; width:910px}
#header{width:910px; position:relative}
#sidebar{width:380px; float:left; margin-top:132px}
#content{margin:80px 0 30px 390px; overflow:hidden; width:520px}

/* CONTENT
------------------------------------------ */
h1 {font-size:16px; margin-bottom:2px}
h2 {font-size:14px}

a {color:#86837E; text-decoration:none; outline-color:-moz-use-text-color; outline-style:none; outline-width:0}
a:hover {}
a img {border:none}

#menuwrapper{padding:6px 0; background-color:#F7F5F2}
#menu{list-style:none; float:left; width:725px; color:#C6CAC9; font-size:32px; line-height:35px; letter-spacing:-1px}
#menu li{display:inline}

#lang_menu{float:right; width:100px; list-style:none; font-size:11px; text-align:right}
#lang_menu li{display:inline; color:#CCC}
#lang_menu a{text-decoration:none; color:#999}
#lang_menu a:hover{text-decoration:underline}

#collections-title{font-size:14px; font-weight:bold; color:#C6CAC9; margin:13px 0 10px 0}

#tagline{font-size:14px; color:#86837E; margin-left:2px}
#greeting{font-size:90px; font-weight:bold; text-align:right; width:511px; letter-spacing:-3px; line-height:90px}

#copacabana, #facebook, #blogspot{display:block; background:url('graphics/graphics.png') no-repeat; text-indent:-9999px}
#copacabana{margin-bottom:10px; background-position: -6px -83px; width:100px; height:89px}
#related_sites{margin-top:30px}
#facebook{background-position: 0 0; width:18px; height:19px; float:left}
#facebook:hover{background-position: 0 -26px; cursor:pointer}
#blogspot{background-position: -64px 0; width:50px; height:19px; margin-left:21px}
#blogspot:hover{background-position: -64px -26px; cursor:pointer}

#contact-tab{height:69px; width:99px; position:absolute; top:0; right:0; text-align:center}
#contact-title{font-size:14px; font-weight:bold; width:100%; height:13px; float:left; color:#FFF; background-color:#86837E; padding:40px 0 16px 0}
#contact-title:hover{background-color:#4A4949}
#contact-title.expanded{background-color:#4A4949}
#contact-title.expanded:hover{background-color:#86837E}
#contact-wrapper{background-color:#992222; width:100%; display:none}
#contact{background-color:#4A4949; color:#FFF; line-height:17px; height:291px; padding:30px 0 0 50px; min-width:903px}
#contact a{color:#A9DC00}
#contact a:hover{text-decoration:underline; cursor:pointer}
#contact_email{margin-left:169px}
#thessaloniki-main{width:300px; float:left; margin-top:28px}
#thessaloniki-outlet{width:300px; float:left; margin-top:28px; display:none}
#chalkidiki{width:300px; float:left; margin-top:28px}
#contact h3{margin-bottom:16px}
#contact .map{margin-top:22px; color:#A9DC00}

#greydot{margin-bottom:5px}
.grey{color:#999}
.bold{font-weight:bold}
.hidden{display:none}
.clearfloat{clear:both; height:0; font-size:1px; line-height:0}

#products{list-style:none; width:2000px; height:auto}
#products li{border-bottom:1px solid #F69; float:left; width:100%; font-size:16px; font-weight:bold}
#products li a{color:#4A4949; float:left; width:519px; padding:11px 3px 4px 3px}
#products li a:hover{background-color:#7599FF}
#products li img{margin-left:11px; position:relative; top:-5px}
#products li .text{color:#999; font-size:12px; font-weight:normal; margin:3px 3px 11px 3px; width:519px; clear:left; float:left; display:block}
.extlink{display:none}

#slideshow {position:relative; width:520px; height:330px}
#slideshow img{position:absolute; top:0; left:0; border:1px solid #BBB}
#slideshow_caption{margin:15px 0 40px 0; color:#676666}
#slideshow_caption p{margin-top:6px}
/* #slideshow_caption p:first-child{border-bottom:1px solid #CCC; padding-bottom:5px} */

.c1 a:hover,.c1 a.selected{color:#0DFFCE}
.c2 a:hover,.c2 a.selected{color:#00FF8C}
.c3 a:hover,.c3 a.selected{color:#3BD8FF}
.c4 a:hover,.c4 a.selected{color:#6E81FF}
.c5 a:hover,.c5 a.selected{color:#D19EF0}
.c6 a:hover,.c6 a.selected{color:#FF8BFF}
.c7 a:hover,.c7 a.selected{color:#FF8B7C}
.c8 a:hover,.c8 a.selected{color:#FFB84D}
.c9 a:hover,.c9 a.selected{color:#F5DC00}
.c10 a:hover,.c10 a.selected{color:#D1D11F}
.c11 a:hover,.c11 a.selected{color:#A9DC00}

#products li.d1{border-color:#0DFFCE}
#products li.d2{border-color:#00FF8C}
#products li.d3{border-color:#3BD8FF}
#products li.d4{border-color:#6E81FF}
#products li.d5{border-color:#D19EF0}
#products li.d6{border-color:#FF8BFF}
#products li.d7{border-color:#FF8B7C}
#products li.d8{border-color:#FFB84D}
#products li.d9{border-color:#F5DC00}
#products li.d10{border-color:#D1D11F}
#products li.d11{border-color:#A9DC00}

#products li.d1 a:hover{background-color:#0DFFCE}
#products li.d2 a:hover{background-color:#00FF8C}
#products li.d3 a:hover{background-color:#3BD8FF}
#products li.d4 a:hover{background-color:#6E81FF}
#products li.d5 a:hover{background-color:#D19EF0}
#products li.d6 a:hover{background-color:#FF8BFF}
#products li.d7 a:hover{background-color:#FF8B7C}
#products li.d8 a:hover{background-color:#FFB84D}
#products li.d9 a:hover{background-color:#F5DC00}
#products li.d10 a:hover{background-color:#D1D11F}
#products li.d11 a:hover{background-color:#A9DC00}

#map_overlay {
	display:none;
	z-index:10000;
	background-color:#333;
	width:80%;
	height:80%;
	border:1px solid #666;
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}

#map_overlay .close {
	background-image:url(graphics/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

#map_overlay .contentWrap{overflow:hidden; width:100%; height:100%}