/* meyer 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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* global */
body { 
	font-family: 'Arvo', helvetica, sans-serif; 
	font-size: 13px; 
	color: #666; 
	line-height: 1.3; 
	margin: 10px 0;
}
header, section, article, nav, dialog, aside, figure, footer { 
	display: block; 
}
a {
	text-decoration: none;
	color: #333;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: underline;
	color: #aaa;
}
h1 {
	font-family: 'Tangerine', georgia, times, serif;
	font-size: 32px;
	font-weight: bold;
	color: #333;
	text-shadow: 0px 1px 0px #e5e5ee;
}
h1 a:hover { text-decoration: none; color: #555; }
h2 {
	font-size: 14px;
	color: #333;
	font-weight: bold;
}
h3 {
	font-size: 13px;
	font-weight: normal;
}
.clear-both {
	clear: both;
	visibility: hidden;
	display: block;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	width: 0px;
}
.left {
	float: left;
}
.right {
	float: right;
}
small {
	font-size: 11px;
	color: #999;
}
aside {
	background: #f0f0f0;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 200px;
	padding: 20px;
	opacity: 0.95;
	z-index: 100;
}
#content {
	padding: 20px 20px 0px 20px;
	position: absolute;
	top: 0px;
	left: 240px;
	z-index: 1;
}
section {
	margin-bottom: 40px;
	width: 640px;
}
aside ul {
	margin-bottom: 20px;
}
.links {
	margin-bottom: 20px;
}
.love         { font-weight:bold; }
.item         { float: left; margin: 0 20px 20px 0; width: 350px; }
a.thumb       { background-position: 0 0; text-indent: 9999px; overflow: hidden;  width: 350px; height: 197px; display: block; float: left; }
a.thumb:hover { background-position: 0 197px; }
a.doc         { background-image:url(../images/thumb-doc.jpg); }
a.tv          { background-image:url(../images/thumb-tv.jpg); }
a.corporate   { background-image:url(../images/thumb-corporate.jpg); }
a.event       { background-image:url(../images/thumb-event.jpg); }
a.experiments { background-image:url(../images/thumb-experiments.jpg); }

h4            { width: 600px; padding: 10px 20px; font-size: 20px; color: #fff; margin-bottom: 30px; } 
h4.doc        { background-color: #da6571; }
h4.tv         { background-color: #778c41; } 
h4.corporate  { background-color: #d7bda7; }
h4.event      { background-color: #a3c6d3; }
h4.cooking    { background-color: #bbbcbc; }
p             { width: 600px; margin-bottom: 40px;}