body { background-color: /*#F2F2F2;*/
	
	/*#e4e4e4;*/
#ececec;
}

/* Colours */

body, a { color: black; }
a { /*border-bottom: 1px dotted #384344;*/color: gray; }
h1 a { text-decoration: none; }
em { color: #00d47c;
}
em a { color: #666; }
em.background { color: #707070; }

/* Typography */

body, input { font-family: helvetica, "Helvetica Neue", arial, sans-serif; line-height: 1.3; font-size: 10px; }
ul li, p, em { font-size: 12px; font-style: normal;  letter-spacing: -0.01em; line-height: 1.5; font-family: helvetica, "Helvetica Neue", arial, sans-serif;}

ul {padding-left: 0px;
	
}

li {font-size: 12px;
	list-style-type: none; }


/* My Comment */
h1, h2 { font-size: 13px; font-weight: normal; padding: 0px 0px 0px 0px; text-align: left; }
a { text-decoration: none;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #1535353;
}


	 
	 

.intro { font: 14px/1.4 helvetica, sans; /*color: #20d4a8;*/
}

a.project {font-family: helvetica;
	
}
a.home {
	color: #161616;
}

a.title {font-size: 11px; font-family: adobe garamond; color: #00a4d5;
	
}

a.nav {color: black; font-size: 12px;
	font-weight: bold;
}


a.nav2 {/*font-size: 14px;*/ margin-left: 10px; /*color: #535353;*/ font-size: 12px; color: black;
	font-weight: bold;
}

#nav a:hover {color : blue; 
	
}



#contact a:hover {color : blue; 
	
}
/*a.contact {
	color: #535353; 
}*/

.project {font-family: helvetica;
	font-weight: bold; font-size: 23px; color: #00d47c;
}


/* Layout */

body { padding: 10px 0px 40px 0px; text-align: center; }
div#container { /*margin: 0px auto; width: 960px; padding: 0px 0px 0px 0px; text-align: left;*/ 
margin: 10px auto; width: 960px; position: relative; padding: 0px 0px 0px 0px; min-height: 450px; 
/*	background: url('/images/grid-bg.gif') 20px 0px;*/
}

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

* {
	
}

ol { margin: 0px; padding-left: 0px;	
}

em.notes {
	color: #535353;
}

.one { width: 100px; }
.two { width: 229px; }
.three { width: 200px; }
.four { width: 300px; }
.five { width: 400px; }
.six { width: 460px; }
.seven { width: 735px; }
.eight { width: 700px; }
.nine { width: 700px;}
.ten { width: 720px; }
.eleven { width: 940px; }
.twelve { width: 940px; }

/*div#nav {font-family: adobe garamond, serif; font-size: 13px; float: left; position: absolute; top: 100px; left: 10px;float: left; text-align: left; color: #535353; }*/

h1 em, h2 em { display: block; /*padding-top: 6px;*/ }

p, h2 { margin: 0px 0px 4px;color: #535353; }
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 10px; }

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

div#content ul.project-list { position: absolute; top: 0px; left: 0px;padding: 0px; list-style: none; width: 948px; }

div#thumbs {position: absolute; top: 330px; left: 230px; }

div#content ul.project-list li { display:inline; float: left; position: relative; margin-left: 4px; margin-right: 4px; }

.content { padding-top: 11px; line-height: 1.5;
	
}

div#sidebar { position: absolute; left: 475px; top: 45px; text-align: left;
	
}

div#sidebar-left {position: absolute; left: 0px; top: 45px; text-align: left;
	
}

div#sidebar-middle {position: absolute; left: 238px; top: 45px; text-align: left;
	
}

div#pic { display:inline; position: absolute; left: 716px; top:100px;
	
}

.sub { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 12px;
	font-weight: bold;
}

ul.project-list div.thumbnail a { border: 1px; }
ul.project-list div.summary { margin: 0px 0px 0px; clear: both; /*background-color: #8ED3E7;*/ /*padding: 6px;*/}

h2.title, div#content p.category, div#content ul.project-list li, div.description, p.para, div#images, div#media { /*border-top: 1px solid #535353;*/ padding: 10px 0px 10px; }



div#title {font-family: adobe garamond, serif; font-size: 13px; display:inline; float: left; position: absolute; top: 10px; left: 5px; float: left; text-align: left; color: #858585;border-top: 1px dotted; padding-top: 10px; 	}

div#header {display:inline; float: left; position: absolute; left: 241px; top: 100px; text-align: left; color: #535353; border-top: dotted 1px; padding-top: 10px; width: 700px;  }
	


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

div#media { overflow: hidden; position: relative; /*border-top: 1px solid #384344;*/ /*margin-left: 10px; margin-right: 10px;*/ }

div#content {position: absolute; top: 270px; left: 0px;  }

span.note {
	font-weight: bold;
}

span.mono {font-size: 74px;
	
}

div#contenttwo {position: absolute; top: 275px; left: 241px;  }

a:hover {color : blue; text-decoration: none;
	
}

	
div.description {margin: 0px 0px 0px 0px; }

div.description div#media { margin: 0px 0px 10px; border: 0px; padding: 0px;  }

div#colorbox {/*background-color: #bbfcff; margin: 10px auto;*/  position: absolute;  float: left; position: absolute; left: 241px; top: 100px; /*padding: 22px 22px 22px 22px; min-height: 140px; max-height: 160px;*/ width: 700px; border-top: dotted 1px;  padding-top: 10px; 
}

p#footer { /*margin: 20px 0px 40px 231px;*/	display: inline; line-height: 1; position: inherit; font-size: 12px; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; padding-bottom: 20px; }

div#rule {border-top: dotted 1px; padding-top: 10px; margin-top: 40px;
	
}

div#footer {position: absolute;left: 0px;top: 950px; padding-bottom: 20px; border-top: dotted 1px; width:  940px;	}

/*p#footer em { display: block; }*/

a.atom-rss { /*margin: 0px 0px 0px 6px; padding: 2px 3px 0px;*/ font-size: 10px; letter-spacing: 0.08em; /*background: #ddd;*/ }

div#contact { display:inline; /*position: absolute; top: 250px; left: 0px; float: left;*/position: absolute; top: 20px; left: 716px; float: right; text-align: left; /*border-top: 1px dotted; padding-top: 10px;*/  }



.notes {color: #00d43f;}

div#notes {position: absolute;  top: 10px; left: 475px;
	
}

p.title {
	font:  11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

p.project {font-size: 23px;	
	font-weight: bold;
	
}



div#nav {font-family: adobe garamond, serif; font-size: 13px; display:inline; position: absolute; left: 241px; top: 10px;; float: left;/*position: absolute; top: 120px; left: 10px;*/float: left; text-align: left; /*line-height: 24px;*/ color: #535353; width: 700px; border-top: 1px dotted;padding-top: 10px; /*padding-bottom: 50px;*/}

div#info {font-family: adobe garamond, serif; font-size: 13px; display:inline; position: absolute; top: 60px; left: 730px; float: right; text-align: left; color: #535353;  }

div#news {font-family: adobe garamond, serif; font-size: 13px; display:inline; position: absolute; top: 100px; left: 716px; float: left; text-align: left; color: #535353; /*border-top: dotted 1px;*/ padding-top: 12px; }

p.serif { font-family: adobe garamond, serif; font-size: 13px;
	
}

p.heading { font-family: adobe garamond; 
	
}

.info {/*border-top: 1px solid #535353; line-height: 12px; padding: 6px 0px 4px 0px;*/
	
}



.news {/*border-top: 1px solid #535353;*/padding-top: 5px; line-height: 1.5; padding-right: 20px; font-size: 12px; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: 535353;
	
}

/*.footer {font-size: 10px; text-align: left;
	
}*/

div#list {position: absolute; top: 270px; left: 0px; text-align: left;

}

#list a:hover { color : blue; /*background-color: white;*/
}

em.italic {text-decoration: none; font-style: italic;color: #535353; display: inline;
	
}