/* Colours */

body {
	background-color: #f5f5f5;
	color: #333;
15px 10px; }
a { color: #222; }
a { border-bottom: 0px solid #ccc; }
em { color: #999;}
em a { color: #666;}
em.background {
	color: #999999;
}

em3 a{ color: #999;}

/* Typography */

body, input {
	font-family: "Helvetica", "Helvetica Neue", arial, sans-serif;
	line-height: 1.1;
}
ul li, p, em { font-size: 11px; font-style: normal; letter-spacing: -0.01em; }
h1 { font-family: times, serif;font-size: 13px; font-weight: normal; }
h2 { font-family: times, serif;font-size: 13px; font-weight: normal; text-decoration: none; font-style: italic; }
h2:hover { color: black; text-decoration: none; }

h3 { font-family: times, serif;font-size: 13px; font-weight: normal; text-decoration: none; font-style: italic; line-height: 1.6; }
h4 {
	font-family: arial, sans-serif;
	font-size: 20px;
	font-weight: 100;
	text-decoration: none;
	font-style: normal;
	line-height: 1.3;
	color: #bcd1a1;
	text-align: justify;
}


h3:hover {
	color: #7B993F;
	text-decoration: none;
}

a { text-decoration: none; }
a:hover { background-color: #829743; color:#fff; text-decoration: none; }

silvertext { font-family: times, serif;font-size: 13px; font-weight: normal; text-decoration: none; font-style: italic; }

/* Layout */

body { padding: 10px 0px 30px; text-align: center;}

div#container {
	margin: 0px auto;
	width: 600px;
	padding: 5px;
	padding-bottom: 40px;
	text-align: left;
	position: relative;
	top:40px;
	padding-left: 90px;
	background-color: #fff;
	margin-bottom: -20px;
	padding-top: 40px;
}

img#logo{position: absolute; top:28px; text-align: none; left:00px; z-index: 999;}


.col { float: left; margin: 0px 0px 0px 20px; padding: 0px; }
.col .col { margin: 0px; }

.tab { width: 153px; }

.one { width: 60px; }
.two { width: 600px; }
.three { width: 220px; }
.four { width: 300px; }
.five { width: 380px; }
.six { width: 320px; }
.seven { width: 640px; }
.eight { width: 680px; }
.nine { width: 700px; }
.ten { width: 600px; }
.eleven { width: 700px; }
.twelve { width: 740px; }

h1 em, h2 em { display: block; }

p, h2 { margin: 0px 0px 5px; }
hr { display: block; clear: both; margin: 0px 0px 30px; padding: 0px; height: 0px; overflow: hidden; visibility: hidden; }

a img { border: 0px; }
.col hr { margin: 0px 0px 15px; }


h2 { overflow: hidden; }
input#filter { display: inline; width: auto; padding: 1px 0px; border: 0px; background: #eee; font-size: hidden; color: hidden; }

div#content ul.project-list { margin: 0px 0px 0px 20px; padding: 0px; list-style: none; width: 690px; }
div#content ul.project-list li { margin: 0px 20px -1px 0px; float: left; }
ul.project-list div.thumbnail a { border: 0px; background-color: #fff;}
ul.project-list div.summary { margin: 0px 0px 0px 20px; }



h2.title, div#content p.category, div#content ul.project-list li, div.description, p.para, div#images, div#media { border-top: 1px solid #ffffff; padding: 20px 0px 0px; border-top-style: dotted; }

div#content ul.project-list li { border-bottom: 1px solid #ccc; padding: 20px 0px; border-bottom-style: dotted; }

div#media { overflow: hidden; }
div.media { margin: 0px 0px 10px; }
div#media div#images { padding: 0px; }

div#content div.description { margin: 0px 0px 0px 20px; }
div.description div#images { margin: 0px 0px 10px; border: 0px; padding: 0px; }

p#footer {
	display: inline;
	color: #999;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
p#footer em { display: block; }