/*
Description: patmosworkshop.com
Author URI: http://www.whitehat.gr/
*/

body {font-size:62.5%; text-align:center; background:url(../../images/bg.jpg) repeat-x #fff; line-height:1.4em;}

body, input, div, p, span, ul, li, h1, h2, h3, h4, h5, table, td, th  {
	font-family: Verdana, sans-serif, serif;
	color:#85746a; 
	}	

/*----- GLOBAL -------- */
* {padding:0; margin:0;} img, img a {border:none;} a {outline:none;} 
.left {float:left;} .right {float:right;} .centered {margin:0 auto;}
.indent {text-indent:-9999px;}
hr {clear:both; visibility:hidden; font-size:0; line-height:0; height:1%;} 
.clear {clear:both;}
a, a:visited {color:#85746a; text-decoration:none;}
a:hover, a:active {color:#5b5957;}

.hr {display:block; background:url('../../images/hr-c.jpg') no-repeat; width:100%; height:25px; margin:0 0 0 0px;}
.comment {font:1em verdana, sans-serif; color:#9d5527; font-weight:normal; font-style:italic; padding:3px 0 0 0;}

/*---- HEADINGS --------*/

h1 {}
h2 {font-family: "Times New Roman", Times, Georgia; color:#55473e; font-weight:normal;}
h3 {font-family: "Times New Roman", Times, Georgia; color:#55473e; font-weight:normal;}
h4 {font-family: "Times New Roman", Times, Georgia; color:#9d5527; font-weight:normal;}

/*----- STRUCURE ------*/

#wrap {width:905px; margin:0 auto; padding:10px 0 20px 0;}
#logo, #logogr {float:left;}
#logo a, #logo a:visited {display:block; width:584px; height:53px; background:url(../../images/patmos-conv-logo_en.jpg) no-repeat;}
#logogr a, #logogr a:visited {display:block; width:584px; height:53px; background:url(../../images/patmos-conv-logo_gr.jpg) no-repeat;}
#lang {float:right; padding:45px 4px 0 0;}

#breadcrumb {float:right; margin:0 3px 0 0;}

#main {position:relative; width:869px; height:600px; background:url(../../images/content-bg.jpg) no-repeat; padding:18px; }
#navigation {position:relative; float:left; margin:0 auto; width:848px; background:#f3ecd9; border:1px solid #ddd5bf; padding:0 10px 0 8px; z-index:1;}

#navigation li {float:left; display:block; margin:9px 0 0 10px; padding-bottom:4px !important; font:1.6em "Times New Roman", Times, Georgia; background:url(../../images/list-bg.jpg) no-repeat right center; color:#55473e; font-weight:normal; word-spacing:-.04em;}
#navigation li a, #navigation li a:visited {float:left; display:block; color:#675e54; padding:0 20px 0 5px; margin:0 0 0 0 !important;}
#navigation li a:hover, #navigation li a:active {color:#9d5527; font-weight:normal !important;}
	.withoutpipe {background:none!important; margin-right:0 !important;}
	.withoutpipe a, .withoutpipe a:visited{padding:0 0 0 5px !important;}
	
	#withsubmenu {position:relative; margin-right:7px !important;}
	#withsubmenu a {padding:0 17px 0 5px !important;}
	a.arrow-click, a.arrow-click:visited {width:22px !important; height:20px; margin:0 0 0 5px !important; padding:0 !important; background:url(../../images/arrow-down.jpg) no-repeat top left;}
	/*a.arrow-click:hover, a.arrow-click:active {background:url(../images/arrow-down-a.jpg) no-repeat top left;}*/
	a.arrow-click-up, a.arrow-click-up:visited {width:22px !important; height:20px; margin:0 0 0 5px !important; padding:0 !important; background:url(../../images/arrow-up.jpg) no-repeat top left !important;}
	/*a.arrow-click-up:hover, a.arrow-click-up:active  {background:url(../images/arrow-up-a.jpg) no-repeat top left !important;}*/

#submenu {display:none; width:106%; position:absolute; padding:10px 0 15px 0; top:25px; left:-10px; background:#fff; border:1px solid #ddd5bf; border-top:none; border-bottom:2px solid #ddd5bf;}
#submenu li {float:none !important; font-size:.8em; background:none!important; list-style-type:none; padding:0 21px !important; margin:0 0 4px 0!important; text-align:left;}
#submenu li a, #submenu li a:visited{font:1em verdana, sans-serif !important; display:block!important; float:none !important; border-bottom:1px solid #ddd5bf; padding: 6px 0 3px 0 !important;}

#photo-a {position:relative;}
#photo-a, #photo-b, #photo-c, #photo-d, #photo-e {margin:10px 0 10px 1px; width:865px; height:358px; border:1px solid #a39b97;}
#photo.loading {background: url(../../images/spinner.gif) no-repeat center center;}
* html #photo {margin:0;}
#text_link {position:absolute; left:0; bottom:0; width:100%; padding:5px 0; background:#fff; -moz-opacity: .8; filter:alpha(opacity=80); opacity: .8; text-align:left;}
#text_link span a, #text_link span a:visited {padding:0 10px; font-size:1.1em; color:#000; text-decoration:underline;}
#text_link span a:hover, #text_link span a:active {color:#500f0f; text-decoration:underline;}

#content {clear:both; padding:20px 0 0 0;}
#introduction {padding:0 20px 0 20px;}
#introduction dl {width:380px; text-align:left; margin:0 0 40px 0; min-height:120px; height:auto !important; height:120px;}
#introduction dt {font:2.2em "Times New Roman", Times, Georgia; color:#9d5527; font-weight:normal; border-bottom:1px dashed #c1b7af; padding:0 0 5px 0; margin:0 0 16px 0;}
#introduction dt a, #introduction dt a:visited {color:#55473e;}
#introduction dt a:hover, #introduction dt a:active {color:#9d5527;}
#introduction dd {font-size:1.1em;}
#introduction dd p {font-size:1em;}
#introduction dd img {width:68px; height:62px; border:1px solid #c1b7af; padding:2px; margin:0 10px 0 0;}
.read-more {clear:both; display:block; text-align:right; padding:4px 0 0 5px; font-size:10px}
.read-more a, .read-more a:visited {color:#9d5527;}
.read-more a:hover, .read-more a:active {color:#85746a;}


#page {text-align:left; padding:0 5px 40px 5px;}
#page p {font-size:1.1em; line-height:1.6em; padding:10px 15px 15px 15px; color:#666;}
#page h2 {font-size:3em; margin:0 0 15px 0; font-weight:normal; border-bottom:1px dashed #c1b7af; padding:0 0 15px 0;}
#page h3 {font-size:2em; margin:25px 0 10px 0; font-weight:normal; padding:0 0 0 15px; color:#7D6058; line-height:1em;}
#page h4 {font-size:1.7em; margin:20px 0 -5px 0; font-weight:normal; padding:0 0 0 15px;}
#page p img {border:1px solid #c1b7af; padding:2px; margin:0 10px 10px 10px;}
#page p a img:hover {background:#CFBA80;}
p.description {font-style:italic; padding:0 30px 20px 30px; font-size:1.4em !important;}
p.note-photos {clear:both; width:92%; float:left; margin:10px 16px; display:block; background:#f8f8f8; border:1px solid #e6e1e0; padding:15px 20px 5px 10px !important; font-style:italic; color:#969388 !important;}

#page ol {padding:0 30px 0 50px;}
#page ul {padding:0 30px 0 50px; list-style-type:none;}
#page li {font:1.2em Verdana, sans-serif; padding:0 0 8px 0; line-height:1.3em;}

.workshops-intro {width:360px; padding:10px 20px 10px 20px; }
.workshops-intro dt {font-size:2.6em; border-bottom:1px solid #ececec; color:#cfba80; padding:10px 0 10px 0; margin:0 0 10px 0;}
.workshops-intro dt span {font-size:1.2em; color:#7d6058;}
.workshops-intro dd {float:left; font-size:1.4em; color:#7d6058; margin:0 0 3px 0;}
.workshops-intro dd img {float:left; width:76px; height:56px; border:1px solid #c1b7af; padding:2px; margin:4px 0px 0 5px;}
dd.description {font:1.7em "Times New Roman", Times, Georgia; color:#7d6058; padding:0 0 3px 2px;}
dd.description-w {font-size:1.1em; color:#85746A; padding:0 0 0 2px; font-family:verdana, sans-serif !important; line-height:1.6em;}
dd.description-w p {font-size:1em;}
dd.description-w p a, dd.description-w p a:visited {color:#CFBA80; text-decoration:underline;}
dd.description-w p a:hover, dd.description-w p a:active {color:#5b5957; text-decoration:none;}
dd.description span {margin:2px 0 0 0; display:block; font-size:.7em; font-style:italic;}
#current-workshop {width:auto !important; float:none !important; display:block; background:#f8f8f8; border:1px solid #e6e1e0; margin:0 0 20px 0;}
#current-workshop dd {float:none !important; display:block;}

.order {font-size:1.2em;}
.by {font-style:italic; font-size:.8em; color:#85746A !important;}
.byby {font-style:italic; font-size:.8em; color:#85746A !important; padding: 10px 10px !important; margin: 30px 50px 35px 50px !important; background:#f8f8f8; border:1px solid #e6e1e0;}
.byby a, .byby a:visited {color:#5b5957;} 
.byby a:hover, .byby a:active {color:#9d5527;} 


.smaller {font-size:.7em;}
.more-info {display:block; background:#f8f8f8; border:1px solid #e6e1e0; margin:10px 0 0 0;}
.more-info p {background:url(../../images/questionmark.jpg) no-repeat center left; margin:0 20px 0 20px; padding:14px 0 14px 40px !important;}
.more-info p a, .more-info p a:visited {border-bottom:1px solid #928278; padding:0 0 2px 0; color:#5b5957;}
.more-info p a:hover, .more-info p a:active {border-bottom:1px solid #5b5957;}

#workshops-details { padding:0 15px;}
#workshops-details dl {float:left; margin:20px 0 50px 0; padding:0 0 0 10px; border-left:10px solid #CFBA80;}
#workshops-details dl img {border:1px solid #c1b7af; padding:2px; margin:4px 5px 0 0;}
.workshop-info {float:left; font:2.2em "Times New Roman", Times, Georgia; margin:0; line-height:.8em; padding:5px 0 0 10px; color:#7D6058; letter-spacing:.-1em;}
.workshop-info p {margin:0 !important; padding:0 0 0 0 !important; font-size:1em !important; line-height:.8em !important; letter-spacing:.-1em !important;}
.workshop-info-det {font: .7em verdana sans-serif; color:#55473E;}
.order-number {font-size:7em; line-height:1em; color:#999;}

.workshop-info-description {font:1em Verdana sans-serif; padding:10px 0 0 10px; line-height:1.5em;}
.workshop-info-description p {font:1 Verdana sans-serif!important; padding:0 !important; margin:0 !important;}
p.note-photos-items {clear:both; width:85%; float:left; margin:20px 25px 0 25px !important; display:block; background:#f8f8f8; border:1px solid #e6e1e0; padding:10px 15px !important; font-size:1em !important; font-style:italic; color:#969388 !important;}
.note-photos-items img {margin:0 20px 0 0 !important;}

#more-work-details {padding:0 0 0 15px;}
#more-work-details h3 {font-size:2em; margin:0 0 5px 0 !important; padding-left:0 !important;}
#more-work-details h4 {font-size:1.4em; margin:10px 0 0 2px !important; padding-left:0 !important;}
#more-work-details p {padding:0 0 0 0; margin:0 0 30px 2px;}
#more-work-details table {width:100%; margin:2px 0 30px 0;}
#more-work-details table th {background:#f3edda; font:1.4em Verdana, sans-serif; padding:5px 10px;}
#more-work-details table td {background:#fbf8f1; font:1.1em Verdana, sans-serif; padding:7px 10px;}
	.white-tr td {background:#fff !important;}


#footer {padding:0 0 40px 0;}
#footer ul {float:left; border-top:1px solid #e9e4e1; border-bottom:1px solid #e9e4e1; margin:0 auto; width:838px; padding:15px 10px 13px 18px;}
#footer ul li {float:left; list-style-type:none; color:#5e5147; font-size:1.3em Georgia, Times, sans-serif, serif; margin:0 15px 0 0;}
#footer ul li a, #footer ul li a:visited {color:#5e5147; padding:0 10px 0 0;}
#footer ul li a:hover, #footer ul li a:active {color:#9d5527;}
#copyright {float:right !important; margin:0 !important; padding:0 !important;}


#whitehat {float:left; display:block; font:.9em Verdana, sans-serif color:#9b9a9a; background:url(../../images/whitehat.jpg) no-repeat; margin:10px 0 10px 18px; padding:14px 0 2px 0; line-height:1em;}
#whitehat a, #whitehat a:visited {color:#9b9a9a;}
#whitehat a:hover, #whitehat a:active {color:#9d5527;}

.note {display:block; background:#f8f8f8; border:1px solid #e6e1e0; margin:0 0 50px 0; padding:10px 20px 15px 20px;}
.note p {margin-bottom:0 !important;}


#contact {padding: 20px 0 0 0;}
.map {float:left; width:400px; height:330px; background:#e6e1e0; border:1px solid #e6e1e0; margin:0 7px 0 0 ;}

#contact-details {float:left;}
#contact table { width:450px; margin:-2px 0 20px 0;}
#contact table th {background:#f3edda; font:1.4em Verdana, sans-serif; padding:5px 10px;}
#contact table td {background:#fbf8f1; font:1.1em Verdana, sans-serif; padding:7px 10px;}
	.white-tr td {background:#fff !important;}
	
.tabs {margin:25px 0 0 0; min-height:180px; height:auto !important; height:180px;}
ul.tabNavigation {list-style:none; margin:0 !important; padding:0 !important;}
ul.tabNavigation li {display:inline;}
ul.tabNavigation li a {padding:7px 10px !important; background-color:#fbf8f1; color:#85746A; text-decoration: none; font:1em Verdana, sans-serif;}
ul.tabNavigation li a.selected, ul.tabNavigation li a:hover {background-color:#f3edda; color:#55473e; padding-top:10px;}
ul.tabNavigation li a:focus {outline: 0;}

div.tabs > div {padding:10px 10px 10px 10px !important; margin-top:7px; background:#f3edda}
div.tabs > div p {margin-bottom:0 !important;}

#ligatus-logo {display:block; width:200px; height:37px; background:url(../../images/ligatus-logo.jpg) no-repeat; border:1px solid #e6e1e0; padding:2px 5px; clear:both;}