/* Holly Hack */
div#wrapper:after, div.section:after, div.content:after
	{	clear: both;
		display: block;
		content: ".";
		height: 0;
		visibility: hidden;
	}
	
html, 
body 
	{
		height: 0;
	}
		
body
	{	
		font-size: 75%; /* 75% makes 1em = 12px in all elements in the document.*/
		font-family:  helvetica, arial, sans-serif;
		background: #fff;
		color: #222;
		padding: 0;
		margin: 0;
	}
	
/* start all block level elements that will contain text.
	Follow these rules and you will avoid font-size multiplying:- 
	1. the following elements must be the only block level elements that contain text as a child node (more distant ancestors are fine)
	2. the following elements must not be a ancestor or or descendent to each other i.e they must not be 'inside' one another
*/
h1, 
h2, 
h3, 
h4,			 
h5,
p,
li, 
select, 
option, 
input,
dl,
dt,
dd,
hr,
div,
b
	{	
		font-size: 1em;	/* 11px from top of ascender to bottom of descender in arial */
		margin: 0;
		padding: 0;
	}
	
ul,  
ol,
li,
dl

/** 
 * end all block level elements that will contain text
 * ul, ol and dl cannot go in rule above otherwise you will get font-size multiplication, as it is the parent of li 
**/
	{	
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
h1.img_header,
h2.img_header 
	{
		text-indent: -1000000px;
		display: block;
		clear: both;
	}
	
h1#logo.img_header
	{
		width: 160px;
		height: 141px;
		margin: -5px 20px 0 30px;
		float: left;
		background: url(../images/img_logo.png) no-repeat bottom left;
	}
	
h1#logo.img_header a
	{
		width: 160px;
		height: 141px;
		display: block;
	}
	
h1#logo_inden.img_header
	{
		width: 106px;
		height: 29px;
		margin: 26px 20px 0 5px;
		background: url(../images/img_logo_inden.png) no-repeat bottom left;
	}
	
h2#inbrief.img_header 
	{
		width: 340px;
		height: 225px;
		background: url(../images/hd_inbrief.png) no-repeat bottom left;
	}
	
h2#showcase_veda.img_header
	{
		width: 285px;
		height: 30px;
		margin-top: 5px;
		background: url(../images/hd_veda.png) no-repeat bottom left;
	}
	
h2#showcase_agama.img_header
	{
		width: 285px;
		height: 30px;
		margin-top: 5px;
		background: url(../images/hd_agama.png) no-repeat bottom left;
	}
	
h2#showcase_monuments.img_header
	{
		width: 285px;
		height: 30px;
		margin-top: 5px;
		background: url(../images/hd_monuments.png) no-repeat bottom left;
	}
	
h2#showcase_other.img_header
	{
		width: 285px;
		height: 30px;
		margin-top: 5px;
		background: url(../images/hd_other.png) no-repeat bottom left;
	}
	
h2#showcase_digital.img_header
	{
		width: 285px;
		height: 30px;
		margin-top: 5px;
		background: url(../images/hd_digital.png) no-repeat bottom left;
	}
	
h2#showcase_logo.img_header
	{
		width: 345px;
		height: 30px;
		margin-top: 5px;
		background: url(../images/hd_logo.png) no-repeat bottom left;
	}	
	
h2#some_work.img_header
	{
		width: 154px;
		height: 30px;
		margin-top: 5px;
		background: url(../images/hd_some_work.png) no-repeat bottom left;
	}

p	
	{
		font-size: 11px;
		line-height: 18px;
		letter-spacing: 0px;
		display: block;
	}
	
div.content#more_info p 
	{	
		color: #333;
		padding: 20px 0 0px 0;
	}
	
div.project_info p 
	{
		color: #666;
		padding: 15px 0 20px 0;
	}

a:link,
a:hover,
a:visited 
	{
		color: #666;
		text-decoration: none;
	}

a:hover
	{
		text-decoration: underline;
	}
	
div#wrapper 
	{
		padding: 70px 0 30px 0;
	}
	
	
div#mrhead.content
	{
		width: 339px;
		float: left;
	}
	
div#info.content
	{
		width: 340px;
		float: left;
	}
	
div#more_info div.left
	{
		width: 160px;
		float: left;
		padding-left: 4px;
	}
	
div#more_info div.right
	{
		width: 160px;
		float: right;
	}
	
div#showcase.content
	{
		width: 520px;
		float: left;
	}

div#showcase_content.content
	{
		margin-top: 40px;
	}
	
div#showcase_index.content
	{
		width: 160px;
		float: left;
	}
	
div.project_info
	{
		padding: 15px 0 25px 0;
	}
	
ul.showcase_index
	{
		margin-top: 40px;
		margin-left: -3px;
		height: 300px;
	}

ul.showcase_index li 
	{
		display: block;
		font-size: 11px;
		letter-spacing: 0px;
		padding: 2px 0 2px 0
	}
	
ul.showcase_index li a
	{
		display: block;
		padding: 3px 0 4px 5px;
		color: #111;
		text-decoration: none;
	}
	
ul.showcase_index li a:hover,
ul.showcase_index li.selected a
	{
		color: #fff;
		background-color: #111;
	}

div.hr hr
	{
		display: none;
	}
	
div.hr
	{
		display: block;
		width: 40px;
		height: 1px;
		color: #111;
		background-color: #111;
	}