@charset "utf-8";
/* CSS Document */

/* RESET */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
/* /RESET */

body{
background: url('../images/corner.png') top left no-repeat #F2F2F2;
color: #4D4D4D;
font-family: "Myriad Pro", "Myriad Web", Myriad, Corbel, Tahoma, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 1.5;
}
em, cite{
font-style:italic;
}
.rdquo, .ldquo{
font-family: Georgia;
font-weight: bold;
font-size: 63px;
line-height: 1.5;
color: white;
display: block;
width: 63px;
height: 63px;
margin-bottom: -21px;
text-indent: 0;
}
.ldquo{
text-align: left;
margin-top: -21px;
margin-left: -42px;
margin-right: -21px;
float: left;
}
.rdquo{
float: right;
text-align: right;
margin-top: -42px;
}
a{
color: #000;
text-decoration: underline;
}
a:visited{
color: #4D4D4D;
}
a:hover{
text-decoration: none;
color: #4D4D4D;
}
a img{
vertical-align: middle;
}
p, address{
line-height: 1.5;
margin-bottom: 1.5em;
}
p+p{
text-indent: 1.5em;
}
.text ul{
margin-top: -21px;
margin-bottom: 21px;
line-height: 1.5;
text-indent:0em;
list-style: url('../images/diamond.gif');
padding-left: 1.5em;
}
.text ul li{
line-height: 1.5;
text-indent:0em;
padding-left: 1.5em;
}
blockquote{
margin-bottom: 21px;
}
blockquote p+p{
text-indent: 21px;
}
blockquote p, blockquote h3{
margin-bottom: 0;
margin-left: 42px;
}
blockquote cite{
margin-left: -21px;
padding-top: 21px;
}
blockquote .cite{
padding-top: 21px;
}

h1{
background: url('../images/header.gif') top left no-repeat white;
margin-left: 305px;
height: 176px;
}
h1 a{
display: block;
height: 176px;
width: 485px;
text-indent: -10000px;
}
h2{
height: 30px;
margin-bottom: 12px;
background: url('../images/welcome.gif') no-repeat top left;
text-indent: -1000px;
}
h3{
margin-top: 1em;
margin-bottom: 0.5em;
font-weight: bold;
}
.gallery h3{
margin-bottom:21px;
}
address{
font-style: normal;
padding: 0;
margin: 0;
}
#lang{
height: 42px;
margin-left: 305px;
}
#lang ul{
width: 485px;
height: 21px;
text-align: right;
}
#lang ul li{
line-height: 1.5em;
display: block;
float: right;
padding-left: 10px;
padding-right: 10px;
height: 16px;
height: 21px;
}
#lang ul li.active{
background: white;
}
#container{
width: 990px;
}
#content{
padding-top: 19px;
padding-bottom: 42px;
width: 685px;
float: right;
}
.text{
float: left;
width: 485px;
}
.gallery{
float: left;
width: 676px;
}
.images{
float: right;
width: 189px;
padding-top: 42px;
}
.images ul{
display: block;
width: 189px;
margin: 0 auto;
}
.images ul li, .gallery ul li{
width: 189px;
height: 147px;
margin-bottom: 21px;
text-align: center;
vertical-align: middle;
}
.images ul li a, .gallery ul li a{
text-decoration: none;
text-align: center;
display: block;
background: white;
border: 21px solid white;
border-top: 0;
border-bottom: 0;
line-height: 147px;
width: 147px;
height: 147px;
vertical-align: middle;
overflow: hidden;
}
.images ul li a:hover, .gallery ul li a:hover{
border-color: #f2f2f2;
}
.images ul li img, .gallery ul li a img{
line-height: 147px;
vertical-align: middle;
}
.gallery ul li a{
border: none;
}
.gallery ul li {
float: left;
margin-right: 22px;
width: 147px;
}
#menu{
margin-top: 66px;
float: left;
width: 305px;
}
#menu li{
height: 42px;
width: 305px;
text-indent: -1000px;
}
#menu li a{
display: block;
background: url('../images/welcome.gif') no-repeat 37px 0px;
height: 30px;
margin-bottom: 12px;
padding-left: 37px;
width: 268px;
}
#menu li a:hover, 
body.about #menu li.about a, 
body.contact #menu li.contact a, 
body.scientific #menu li.scientific a, 
body.artist #menu li.artist a, 
body.workshops #menu li.workshops a{
background-position: 37px -30px;
background-color: white;
}
h2.error{
background-image: url('../images/error.gif');
}
#menu li.about a, body.about h2{
background-image: url('../images/about.gif');
}
#menu li.scientific a, body.scientific h2{
background-image: url('../images/scientific.gif');
}
#menu li.artist a, body.artist h2{
background-image: url('../images/artist.gif');
}
#menu li.workshops a, body.workshops h2{
background-image: url('../images/workshops.gif');
}
#menu li.contact a, body.contact h2{
background-image: url('../images/contact.gif');
}

#contactForm p{
clear: both;
float: left;
text-indent: 0;
width: 485px;
}
#contactForm label, .label{
display: block;
float: left;
text-align: left;
height: 21px;
width: 100px;
}
#contactForm input{
height: 16px;
}
#contactForm textarea{
height: 210px;
float: left;
overflow: auto;
}
#contactForm input.button{
margin-top: 5px;
padding-right: 5px;
padding-left: 5px;
width: 210px;
font-weight: bold;
float: right;
background-color: white;
color: #4d4d4d;
height: auto;
}
#contactForm input, #contactForm textarea{
margin: 0;
padding: 2px;
float: right;
padding-right:5px;
border: 1px solid #BFBFBF;
width: 355px;
font-family: "Myriad Pro", "Myriad Web", Myriad, Corbel, Tahoma, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #4d4d4d;
}
#contactForm input:focus, #contactForm textarea:focus{
border: 1px solid #4d4d4d !important; 
background-image: none !important;
color: #000;
}
#contactForm .error input,#contactForm .error textarea{
border-color: #FFDFDF;
background: white url(../images/cross.png) right 2px no-repeat;
}
#contactForm .okay input,#contactForm .okay textarea{
background: white url(../images/tick.png) right 2px no-repeat;
border-color: #E7FFDF;
}