/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
* @edited and customised by arsondpi.gr
*/
* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	font-size: 11px;
	font-family: Arial, sans-serif;
	background: #fff;
	color: #6c625c;
	line-height:1.5em;
}

#wrapper { 
	width: 960px; 
	margin: 0 auto; 
	text-align: left; 
	background: transparent; 
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #978981;}
a:active { text-decoration: none; color: #978981;}
a:visited { text-decoration: none; color: #978981;}
a:hover { text-decoration: overline; color: #6c625c;}

a img { border: none; }

a { outline: none; }

#menu {
    width: 960px;
    height: auto;
	float: left;
	min-height: 105px;
}
#menu .container { padding: 0; margin-bottom: 20px; }

#menu ul {
	border-top: 1px solid #978981;
	float: left;
	list-style: none;
	width: 170px;
	margin:0 10px;
	padding:10px 0;
}
/* ----------- menu links stuff / not compressed in case it needs changing ----------- */
#menu ul li a:link,
#menu ul li a:active,
#menu ul li a:visited { text-decoration: none; color: #978981; }
#menu ul li:hover, #menu ul li.section-title:hover { text-decoration: overline; color: #6c625c;}

#menu ul li.section-title, 
#menu ul li.section-title:link,
#menu ul li.section-title:active,
#menu ul li.section-title:visited,
#menu ul li:first-child,
#menu ul li.section-title:hover, #menu ul li:first-child:hover  { font-weight: bold; text-decoration: none;  color: #978981; }
#menu ul li.section-title:hover, #menu ul li:first-child:hover { text-decoration: overline; }
 
#menu ul li.active a { color: #413b37; background-color: #f0eeed; }
#menu li a { display: block; }


#menu ul:last-child { font-weight: bold; }

#menu p:first-child { display: none; }

/* ----------- section, exhibit title and content box for #content ----------- */
.where_am_i { float:left; width:170px; color: #978981; position:relative; }
.where_am_i_1 { position:absolute; left: 0; text-transform: uppercase; width:70px; text-align: left; font-size: 90%; line-height: 180%; }
.where_am_i_2 { color: #413b37; font-weight: bold; position:absolute; right: 0; width: 100px; text-align: right; }
.content_box { margin-left: 190px; width: 740px; }

#content {
    height: 100%;
    margin: 0;
    top: 0;
    width: 960px;
}

.container {
    padding: 0 10px 25px 10px;
}

#content p { width: 360px; margin-bottom: 1.5em; }
#content .container { display: block;  }

p {
    margin: 0 0 1.5em 0;
}

h1 { font-size: 2em; line-height: 2em; }
h2 { font-size: 1.7em; line-height: 1.7em; }
h3 { font-size: 1.3em; line-height: 1.3em; }
h4 { font-size: 1.1em; line-height: 1.1em; }

h1, h2, h3, h4, h5 { color: #6c625c; margin: 1em 0; width: 170px; }
h5 { font-size: 1em; line-height: 1em; font-weight: normal; padding: 0; margin: 0; }

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 360px; margin: 0; padding: 0 0 12px 0; }
#num p { width: 200px; }



#once { clear: left; }

.clear-both { clear: both; }

iframe { border: 0; }

.movie_box { border-bottom: 1px dotted #978981; display:block; margin:0 0 10px; padding-bottom: 1em; }

/* ----------- top stuff and logo ----------- */

#topbar {
	position: relative;
	top: 0;
	left:0;
	width: 960px;
	height: 50px;
}
#mr_d_logo, #mr_d_logo:link, #mr_d_logo:active, #mr_d_logo:visited, #mr_d_logo:hover {
	position: absolute;
	top: 20px;
	left: 10px;
	width: 45px;
	height: 13px;
	background: url(mr_d_logo.png) 0 13px;
	cursor: pointer;
	text-indent: -99999px;
}
#mr_d_logo:hover {
	background: url(mr_d_logo.png) 0 0;
}

/* ----------- languages ----------- */

#en, #en:link, #en:active, #en:visited, #en:hover,
#pt, #pt:link, #pt:active, #pt:visited, #pt:hover {
	position:absolute;
	left: 770px;
	text-align: right;
	color: #978981;
	width: 170px;
	font-size: 9px;
	top: 14px;
	cursor: pointer;
	line-height: 9px;
	text-decoration: none;
}
#en:hover, #pt:hover {
	color: #6c625c;
}
/* ----------- simple news stuff ----------- */
.news { width: 360px; }
.news_title { font-weight: bold; text-transform: uppercase; }
.news_when { }
.news_permalink { border-bottom: 1px dotted #978981; }

/* ----------- lines and rules ----------- */
#line1 { border-top:1px dotted #413b37; width: 170px; height: 11px; position: relative; float: left; margin-right: 20px; }
#line2 { border-top:1px dotted #6c625c; width: 740px; height: 11px; position: relative; float: left; }

hr.dotty{ border: 0; border-top:1px dotted #978981; width: 360px; height: 1px; text-align: left; margin: 0.8em 0 0.8em 0; padding: 0; }


/**
* Shop css
* 
* @edited and customised by arsondpi.gr
*/
.shopinfo { width: 550px; padding-bottom: 1em; }

.shop_box_h {
	margin: 0;
	padding: 19px 0; /* because of the 1px border */
	position: relative;
	width: 740px;
	height: 600px;
	border: 0;
	border-top: 1px dotted #978981;
}

.shop_box_v {
	margin: 0;
	padding: 19px 0; /* because of the 1px border */
	position: relative;
	width: 740px;
	height: 600px;
	border: 0;
	border-top: 1px dotted #978981;
}

.item_info {
	margin: 0 0 0 570px;
	padding: 0;
	text-align: left;
	width: 170px;
}

#content .item_info p {
	width: 170px;
}

.item_title { height: 15px; color: #978981; }

/* landscape items here */

#item1, #item2 {
	border: 0;
	width: 550px;
	height: 380px;
	position: absolute;
}

.item_photos_l {
	margin: 0;
	padding: 0;
	width: 550px;
	height: 600px;
	float: left;
}

.thumb_l, img.thumb_l {
	border: 0;
	margin: 8px 5px 0 0;
	vertical-align: middle;
	width: 85px;
	height: 55px;
}

.thumb_nav_l {
	width: 560px;
	position: absolute;
	top: 400px;
}
/* ---------- */

/* portrait items here - recheck if need to apply */

#item_portrait {
	border: 0;
	width: 360px;
	height: 550px;
	position: absolute;
	float: left;
}

.item_photos_v {
	margin: 0;
	padding: 0;
	width: 550px;
	height: 550px;
	float: left;
}

.thumb_v, img.thumb_v {
	border: 0;
	margin: 0 12px 15px 0;
	vertical-align: middle;
	width: 55px;
	height: 85px;
}

.thumb_nav_v {
	width: 170px;
	margin-left: 380px;
}
/* ---------- */

select { 
	border:1px solid #978981; 
	display:block; 
	padding: 2px; 
	width:168px; 
	background: #fff; 
	color:#6c625c;
}

select, input { outline: none; }

.buythis { margin-top: 2em; color: #6c625c; padding: 2px; width: 170px; font-size: 99%; }

#termslink { display: block; width: 550px; }
#terms { width: 550px; 	border-top: 1px dotted #978981; padding-top: 0.5em; }