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,

/* Eric Meyer's Reset Stylesheet: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Luca */
body { background: #fff; font-family:  Arial, Helvetica, sans-serif; font-size: 62.5%; }
#container { width: 940px; margin: 0 auto; font-size: 1.2em; }
#header { margin-top: 40px; text-align: right; }
#header span, #header span a { background: #666; color: #fff; padding: 2px; text-decoration: none; font-weight: bold; }
#main { clear: both; float: left; margin-top: 40px; }
#left_col { width: 250px; float: left; }
#left_col h1 { width: 200px; height: 60px; background: url(images/logo.gif) no-repeat; text-indent: -9999px; }
#left_col ul { margin: 40px 50px 0 0; text-align: right; list-style: none; }
#left_col ul li { display: block; border-bottom: 1px solid #aaa; padding: 10px 0 3px 0; }
#left_col ul li:last-child { border: 0; }
#left_col ul li a { color: #f00; text-decoration: none; }
#left_col ul li.next  { text-align: left; }
#left_col ul li.next a { color: #000; }
#left_col ul li a:hover { background: #f00; color: #fff; }
.artist img { margin-top: 40px; }
.exhibitions, .contacts { float: left; margin-top: 20px; }
.contacts p { float: left; width: 200px; }
.exhibitions img { margin: 10px 10px 10px 0; float: left; }
#right_col a img { border-bottom: 3px solid #fff; }
#right_col a:hover img { border-bottom: 3px solid #f00; }
#right_col { margin-top: 8px; width: 690px; float: left; text-align: justify; }
#right_col h2 { font-size: 2em; color: #f00; border-bottom: 1px solid #aaa; padding-bottom: 5px; }
#right_col h3 { font-size: 1.6em; color: #999;  }
#right_col p { padding: 10px 0; }
#right_col p.cura, #right_col p.more { text-align: right; }
#right_col p.about { text-align: right; margin: 30px 0; }
#right_col p.fck img { margin-bottom: 30px; }
#right_col p.sorry { margin-bottom: 30px; }
#right_col a { color: #f00; text-decoration: none; }
#right_col a:hover { background: #f00; color: #fff; }
#right_col strong { font-weight: bold; }
#right_col em { font-style: italic; display: inline; }
#right_col p em { width: 95%; }
#gmap { width: 490px; height: 400px; float: right; margin-top: 10px}
#map { background: url(images/map1.jpg); margin-top: 20px; }
#map a { display: block; width: 690px; height: 413px; border: 0; text-decoration: none; background: url(images/map0.gif) 0 440px no-repeat; }
#map a:hover { background: url(images/map0.gif) 0 0; cursor: default; }
#footer { clear: both; float: left; margin: 30px 0 0 0; position: relative; left: 250px; border-top: 1px solid #aaa; width: 690px; padding: 10px 0 20px 0; text-align: right; color: #666; }

.row { width: 100%; float: left; margin-top: -20px; clear: both; }
.one, .two, .three { float: left; display: block; width: 200px; height: 300px; }
.one p, .two p, .three p { width: 200px; padding: 0; text-align: left;  }
.one, .two { margin-right: 45px; }
