/* Holly Hack */
div.content:after, ul.list:after
	{	
		clear: both;
		display: block;
		content: "";
		height: 0;
		visibility: hidden;
	}
	
html, 
body 
	{
		height: 100%;
	}
		
body
	{	
		font-size: 75%; /* 75% makes 1em = 12px in all elements in the document.*/
		font-family: helvetica, arial, sans-serif;
		background: #0E0309 url(../images/gradient_bg.png) repeat-x;
		color: #EC008C;
		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;
	}

a
	{
		text-decoration: none;
		color: #EC008C;
	}
	
a:hover
	{
		color: #A50060;
		border-bottom: 1px dotted #A50060;
	}
	
a.img_link
	{
		display: block;
		text-indent: -9999px;
	}

a.img_link:hover,
ul.list#what_we_do_list li a:hover,
ul.list#music_recommendations li a:hover,
ul.list#book_recommendations li a:hover
	{
		border: none;
	}
	
a.img_link#download_vcard
	{
		background: url(../images/btn_download_vcard.png) no-repeat;
		width: 164px;
		height: 25px;
		margin: 1em 0 2em 0;
	}

a.img_link.close_btn
	{
		background: url(../images/btn_close.png) no-repeat;
		width: 10px;
		height: 11px;
		float: left;
		position: relative;
		top: -0.8em;
		left: 0.8em;
	}
	
div.section#footer a.img_link
	{
		height: 18px;
		position: relative;
		top: -0.1em;
	}
	
a.img_link.dini_btn
	{
		width: 190px;
		height: 29px;
		margin: 0.7em 0 0.7em 0;
	}

a.img_link.dini_btn#facebook
	{
		background: url(../images/btn_facebook.png) no-repeat;
	}
	
a.img_link.dini_btn#lastfm
	{
		background: url(../images/btn_lastfm.png) no-repeat;
	}
	
a.img_link.dini_btn#delicious
	{
		background: url(../images/btn_delicious.png) no-repeat;
	}

a.img_link#valid_xhtml
	{
		background: url(../images/btn_validxhtml.png) no-repeat;
		width: 70px;
	}

a.img_link#valid_css
	{
		background: url(../images/btn_validcss.png) no-repeat;
		width: 55px;
	}

a.img_link#rss
	{
		background: url(../images/btn_rss.png) no-repeat;
		width: 46px;
	}
	
h1.img_header#dini_badge
	{
		width: 130px;
		height: 125px;
		background: url(../images/img_star.png) no-repeat;
		float: left;
		position: relative;
		top: -120px;
	}
	
h1.img_header,
h2.img_header
	{
		text-indent: -9999px;
	}

h2.img_header
	{	
		margin: 0 0 0.5em 0;
	}
	
h1.img_header#logo
	{
		width: 154px;
		height: 184px;
		background: url(../images/logo.png) no-repeat;
		margin: 0 0 0 26px;
	}

h2.img_header#works
	{
		background: url(../images/hd_works.png) no-repeat;
		width: 99px;
		height: 34px;
		float: left;
		margin-right: 70px;
	}

h2.img_header#recommendations
	{
		background: url(../images/hd_recommendations.png) no-repeat;
		width: 276px;
		height: 34px;
	}

h2.img_header#what_we_do
	{
		background: url(../images/hd_what_we_do.png) no-repeat;
		width: 190px;
		height: 34px;
	}
	
h2.img_header#latest_news
	{
		background: url(../images/hd_latest_news.png) no-repeat;
		width: 276px;
		height: 34px;
	}

h2.img_header#hi
	{
		background: url(../images/hd_hi.png) no-repeat;
		width: 35px;
		height: 34px;
	}

h2.img_header#contact
	{
		background: url(../images/hd_contact.png) no-repeat;
		width: 114px;
		height: 34px;
	}

h3.green
	{
		margin: 0 0 0.5em 0;
		font-weight: 100;
		text-decoration: none;
		color: #A4CD39;
		font-size: 1.5em;
		display: block;
	}
	
h3.green em
	{
		display: block;
		font-style: normal;
	}

h3.grey
	{
		margin: 0 0 0.5em 0;
		font-weight: 100;
		text-decoration: none;
		color: #333;
		font-size: 1.25em;
	}

h3.grey em
	{
		display: block;
		font-style: normal;
	}
	
p
	{
		font-size: 1.12em;
		line-height: 140%;
	}
	
p.spaced
	{
		padding: 0 0 2em 0;
	}
	
div.service_text
	{
		clear: both;
	}

div#business_plan_text p.spaced
	{
		color: #FFB380;
	}
	
div#financial_text p.spaced
	{
		color: #809FFF;
	}
		
div#operations_text p.spaced
	{
		color: #EB80FF;
	}

div#web_text p.spaced
	{
		color: #FF8D80;
	}	

div#identity_text p.spaced
	{
		color: #80FFE3;
	}
			
div.content#bottom 
	{
		color: #BF6097;
	}

p.dini_btns
	{
		padding: 2em 0 2em 0;
	}

ul.list#casestudies li.casestudy_expanded div.row p.casestudy_expanded_text
	{
		color: #333333;
		font-size: 1.08em;
		line-height: 110%;
	}
	
h3.green span.blog_date,
h3.green span.blog_author,
span.hint
	{
		color: #999999;
		font-size: 12px;
	}

h3.green span.blog_date,
span.hint
	{
		padding: 0 0.5em 0 0;
	}
	
h3.green span.blog_author
	{
		background: url(../images/icon_pencil.png) no-repeat;
		padding: 0 0 0 1.5em;
	}

span.green
	{
		color: #A4CD39;
	}
	
div.section#footer span
	{
		float: left;
		display: block;
		padding: 0 0.5em 0 0.5em;
	}
	
div#wrapper
	{
		margin: 0;
		padding: 0;
		display: block;
		clear: both;
	}
	
div.section#diagonal
	{
		height: 6px;
		background: url(../images/green_diagonal.png);
	}

div.content#body
	{
		padding: 2em 0 0 150px;
		width: 850px;
		float: left;
		background: url(../images/img_dfpattern.png) top left repeat-y;
	}

div.content#top
	{
		padding: 69px 26px 2em 26px;
		display: block;
		clear: both;
	}

div.content#top div.row#works_container
	{
		width: 660px;
		float: left;
	}
	
div.content#bottom	
	{
		width: 658px;
		padding: 26px 26px 5em 26px;
		background: url(../images/img_innerbg.png) no-repeat;
		display: block;
		clear: both;
	}

div.content#bottom_left
	{
		width: 192px;
		padding: 0 20px 0 0;
		float: left;
	}

div.content#bottom_right
	{
		width: 440px;
		float: right;
	}
	
div.content#copyright_text
	{
		width: 700px;
		margin: 0 auto 0 auto;
	}
	
div.section#footer
	{
		background: #270218;
		padding: 0.9em 0 0.7em 0;
		text-align: center;
		clear: both;
		color: #980058;
	}
	
ul.list#casestudies li.casestudy_expanded div.row
	{
		width: 318px;
		float: left;
	}
	
div.hr
	{
		width: 100%;
		background: url(../images/img_divider.png);
		height: 3px;		
	}

div.hr hr
	{
		display: none;
	}
	
ul.list#casestudies
	{
		width: 430px;
		float: left;
	}
	
ul.list#casestudies li.casestudy
	{
		padding: 0.9em 0 0.9em 0;
		display: block;
	}
	
ul.list li.divider
	{
		width: 100%;
		background: url(../images/img_divider.png) repeat-x;
		height: 3px;
	}

ul.list#casestudies li.casestudy,
ul.list li.divider
	{
		margin-left: 50px;
	}
	
ul.list#casestudies li.casestudy_expanded
	{
		width: 460px;
		height: 120px;
		margin: 0.9em 0 0.9em 0;
		padding: 20px;
		background: url(../images/img_casestudy_bg.png) no-repeat;
	}

ul.list#casestudies li.casestudy_expanded img
	{
		width: 112px;
		height: 112px;
		display: block;
		float: left;
		margin-right: 15px;
	}
	
ul.list#music_recommendations,
ul.list#book_recommendations,
ul.list#what_we_do_list
	{
		padding: 0 0 1.5em 0;
		display: block;
		clear: both;
	}
	
ul.list#music_recommendations li,
ul.list#book_recommendations li,
ul.list#what_we_do_list li	
	{
		border: 6px solid #391B39;
		float: left;
		display: block;
	}

ul.list#music_recommendations li a img,
ul.list#book_recommendations li a img,
ul.list#what_we_do_list li a img
	{
		border: none;
	}

ul.list#music_recommendations li
	{
		width: 60px;
		height: 60px;
		margin: 0 0 0 16px;
	}
	
ul.list#music_recommendations li.first
	{
		margin: 0 0 0 0;
	}
	
ul.list#book_recommendations li	
	{
		width: 62px;
		height: 78px;
		margin: 0 0 0 15px;
	}
	
ul.list#book_recommendations li.first
	{
		margin: 0 0 0 0;
	}
	
ul.list#what_we_do_list
	{
		margin: 15px 0 0 0;
	}
	
ul.list#what_we_do_list li
	{
		width: 48px;
		height: 48px;
		margin: 0 0 0 22px;
		border: none;
	}
	
ul.list#what_we_do_list li.first
	{
		margin: 0 0 0 0;
	}