*	{padding: 0; margin: 0;}
body	{
	color: #333333;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	
	background: #eee;
	}
html > body	{
	font-size: 12px;
	}
a	{
	color: orange;
	}
a:hover	{
	color: grey;
	}
/*	HTML	*/



/*	LAYOUT	*/
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#main-container	{
	width: 950px;
	margin: 0 auto;
	}
#header-container	{
	background: #fff;
	height: 80px;
	display: block;
	border-bottom: 1px solid #eee;
	position: relative;
	}
#body-container	{
	background: #fff;
	float: left;
	padding-top:20px;
	}
#main	{
	width: 600px;
	float: left;
	margin-left: 25px;
	}
#secondary	{
	width: 270px;
	float: left;
	margin-left: 30px;
	margin-right: 25px;
	}

/*	#header	*/
#header-container a img	{
	display: block;
	}
#header-container img	{
	position: absolute;
	top: 10px;
	left: 25px;
	
	}
#header-container h2	{
	font-size: 2em;
	position: absolute;
	top: 30px;
	left: 200px;
	}
#header-container h2 span.g1	{
	color: #EEEEEE;
	}
#header-container h2 span.g2	{
	color: #CCCCCC;
	}
#header-container h2 span.g3	{
	color: #999999;
	}
#header-container h2 span.g4	{
	color: #666666;
	}
#header-container h2 span.g5	{
	color: #333333;
	}
#header-container h2 span.g6	{
	color: #000000;
	}

/*	#main	*/

/* HIGHLIGHTED PROJECT */
#main .highlighted-project.first	{
	margin-right: 45px;
	background: url(../images/highlighted projects/zimbabwe_sharons_funeral_2010-1.jpg) no-repeat top left;
	}
.highlighted-project	{
	width: 270px;
	display: block;
	float: left;
	height: 180px;
	margin-bottom: 30px;
	}
/* PROJECT	*/
.project-title-info	{
	
	}
body.home .project-title-info h2.title a	{
	font-size: 4em;
	}
.project-title-info h2.title a	{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 2em;
	text-decoration: none;
	color: #333;
	margin-bottom: 10px;
	display: block;
	line-height: 1em;
	}
.project-title-info h2.title a:hover {
	color: orange;
	} 
.project-title-info h2.title a.selected	{
	border-bottom: 1px solid #333;
	padding-bottom: 10px;
	font-size: 3.4em;
	line-height: 1.2em;
	} 
.project-title-info h2.title a.selected:hover	{
	color: #666;
	}
.project-title-info	{
	margin-bottom: 10px;
	}
.project-title-info p	{
	padding-bottom: 20px;
	line-height: 2em;
	}	
.project-panel p	{
	padding-bottom: 20px;
	line-height: 2em;
	}
.project-panel p span.pic-caption	{
	font-weight: bold;
	display: block;
	font-size: 1.2em;
	padding-bottom: 10px;
	}
p.info	{
	color: #999;
	}
.project-title-info div#flashcontent	{
	display: block;
	margin: 0 0 20px 0;
	height: 454px;
	}
.project-panel	{
	display: block;
	margin-bottom: 30px;
	border-bottom: 1px solid #666;
	padding-bottom: 10px;
	float: left;
	}
.img-border	{
	border: 1px solid #333;
	padding: 1px;
	display: block;
	margin: 0 0 20px 0;
	float: left;
	}
.project-panel p a img	{
	border: 1px solid #333;
	padding: 1px;
	display: block;
	margin: 0 10px 10px 0;
	float: left;
	}	
div.vimeo	{
	border: 1px solid #333;
	padding: 1px;
	display: block;
	margin: 0 0 20px 0;
	}	
	

.img-border div.vimeo	{
	border: 1px solid #333;
	padding: 1px;
	display: block;
	margin: 0 0 20px 0;
	}
.img-border div#flashcontent	{
	display: block;
	margin: 0 0 20px 0;
	height: 454px;
	}	
	
	

.panel.project h2.title a	{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 2em;
	text-decoration: none;
	color: #333;
	margin-bottom: 10px;
	display: block;
	}
.panel.project h2.title a:hover	{
	color: orange;
	}
.panel.project a img	{
	border: 1px solid #333;
	padding: 1px;
	display: block;
	margin: 0 0 20px 0;
	}
.panel.project div.vimeo	{
	border: 1px solid #333;
	padding: 1px;
	display: block;
	margin: 0 0 20px 0;
	}
.panel.project p	{
	padding-bottom: 20px;
	line-height: 2em;
	}
p.info	{
	color: #999;
	}
.panel.project div#flashcontent	{
	display: block;
	margin: 0 0 20px 0;
	height: 454px;
	}
/*	#secondary	*/
#secondary	{
	
	}
#secondary ul	{
	list-style: none;
	}
#secondary ul li a	{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 2em;
	text-decoration: none;
	color: #333;
	margin-bottom: 10px;
	display: block;
	}
#secondary ul li a:hover	{
	color: orange;
	} 
#secondary ul li li a	{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 1.2em;
	text-decoration: none;
	color: #333;
	margin-bottom: 10px;
	display: block;
	}
#secondary ul li li a:hover	{
	color: orange;
	} 	
#secondary ul li a.mail	{
	font-size: 1.2em;
	color: orange;
	}
#secondary ul li a.mail:hover	{	
	color: #666;
	}
/*	#footer	*/
#footer	{
	clear: both;
	}