@charset "utf-8";

/* quick reset */
* {margin:0; padding:0}
ul {list-style:none}
li {margin:0 0 3px 20px; list-style-type:square}
img {border:0}

/* generic */
body {font:normal 18px "Times New Roman", Times, serif; color:#342023; background:#e3d1bd url('bg.png') repeat-x top left}
h1,h2,h3 {font-weight:bold; font-style:italic}
h1 {display:none}
h2 {font-size:24px; color:#bf3a1b; margin:0; padding:11px 0 0 20px; height:57px; background:transparent url('heading.png') no-repeat top left}
h3 {font-size:20px; color:#fff}
p {margin:10px 20px 20px 20px}
a {color:#2f3965}
a:hover {text-decoration:none}

/* blocks */
#header {height:526px; background:transparent url('header.jpg') no-repeat top center}
#logo {top:15px; left:170px}
#menu {top:287px; width:100%}
#menu ul {list-style:none; text-align:center;}
#menu ul li {display:inline; font:bold 24px "Trebuchet MS", Arial, Helvetica, sans-serif}
#menu ul li a {color:#e9dccc; text-decoration:none; padding:0 10px}
#menu ul li a:hover, #menu ul li .active {color:#efb549}
#symimap {top:350px; left:710px}
#welcome {width:100%; top:410px; left:0; text-align:center; font-size:30px; color:#bf3a1b}
.flag {top:20px; right:130px; font-size:18px} .flag a {color:#300}
#content {background:#e3d1bd url('tile.jpg') repeat-y top center}
#plakakia {height:54px; background:#b03328 url('plakakia.jpg') repeat-x top left}
#footer {height:226px; text-align:center; color:#5e3f45; background:#e3d1bd url('footer.jpg') no-repeat top center}
#footer p {padding:165px 0 0 0}
#footer a {color:#bf3a1b; text-decoration:none}
#footer a:hover {color:#000}

/* gallery */
#gallery a img {border:1px solid #bbb; padding:2px; margin:0 20px 10px 0; vertical-align:top}

/* re-usable */
.rel {position:relative; width:960px; margin:0 auto}
.abs {position:absolute}
.div {height:55px; margin:10px 0; background:transparent url('divider.png') no-repeat top center}
.hide {display:none}
.clear {clear:both}

/* slider */
#slider {position:relative}
.scroll {height:auto; width:760px; overflow:auto; overflow-x:hidden; position:relative; clear:left}
.scrollContainer div.panel {padding:10px 0; height:auto; width:760px}