/* @group Reset */

	* { margin: 0; padding: 0; }

/* @end */

/* @group Type */

	body { font-family: helvetica, arial; }
	
	h1 { font-size: 28px; letter-spacing: -1px; font-weight: normal; }
	
	h2 { font-size: 18px; }
	h3 { font-size: 18px; font-weight: normal; letter-spacing: 0; }
	
	h1 span, h3 span { font-weight: bold; }
	
	p, .items ul li { font-size: 15px; }
	p { line-height: 20px; }
		
	a { text-decoration: none; font-size: inherit; font-weight: bold; }
	
	#footer em { font-style: normal; }

/* @end */

/* @group Colours */

	body { color: #969295; background: #232022; }

	h2, h3 span { color: #f9e4f0; }
	h3 { color: #cfc2c9; }
	a { color: #d4007d; }
	img { background:  #fff; }

	#header h1 { color: #cfc2c9; }
	#header h1 span { color: #f9e4f0; }

	h2 { border-bottom: #5b585c solid 1px; }
	#footer p { border-top: #5b585c solid 1px; }
	#footer em { color: #f9e4f0; }

	.work { background-color: #120a0f; }
	.work { border: #5b585c solid 1px; }
	.work ul li { border-bottom: #5b585c solid 1px; }
	.work ul li.last { border: 0; }
	
	.items { background-color: #dcd9db; }
	.items h2 { color: #120a0f; }
	.items ul li { color: #120a0f; }

/* @end */

/* @group Box */

	body { margin: 35px auto; width: 865px; }
	h1 { float: left; width: 845px; }
	h2 { float: left; width: 825px; padding-bottom: 10px; margin-bottom: 10px; }
	h3 { padding-bottom: 3px; }
	
	img { float: left; margin: 0 0 15px; }
	img.right { margin-left: 15px; }
	
	#header h1 { margin: 10px 0; }
	.brief-synopsis { float: left; width: 495px; }
	.contact-details { float: right; }
	
	ul { float: left; list-style: none; margin: 0; padding: 0; }
	li { float: left; }
	
	.work { float: left; margin: 0 0 30px 0; padding: 19px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
	.work ul li { width: 825px; padding-bottom: 10px; margin-bottom: 30px; }
	.work ul li.last { margin-bottom: 0; }
	
	.items { float: left; margin: 0 0 30px 0; padding: 20px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
	.items ul { padding: 0 205px 0 0; }
	.items ul li { width: 200px; padding-top: 5px; }

	li h3,
	li p { width: 460px; }

	#header,
	#footer { float: left; }
	
	#header { margin-bottom: 30px; }
	#footer { padding-bottom: 30px; }
	
	#footer p { float: left; margin: 40px 0 0; padding: 20px 0 20px; width: 865px; }

/* @end */