blockquote {
		margin: 1em 0;
		padding: 0;
		position: relative;
		text-indent: 2em;
		background-color: #F0F1F6;
	}

	.bqstart,
	.bqend { font-size: 300%; }

	/* apply IE specific rules first */
	.bqstart {
		text-indent: 0;
		margin: -0.6em 0 -2em 0;
		float: left;
		position: relative; /* relative positioning to stop from disappearing in IE when the blockquote has a background color - probably peek-a-boo or something */
	}

	blockquote > .bqstart {
		/* add extra non-ie rules */
		position: absolute;
		top: -0.2em;
		left: 0;
		/* remove IE specific rules */
		float: none;
		margin: 0;

	}

	.bqend {
		position: absolute;
		margin-top: -0.6em;
		right: 0;
		text-indent: 0;
	}

	blockquote > .bqend {
		margin-top: -0.1em;
	}



	/*
	 *	extra huge quote mark example
	 *****************************************************/
	.hugeQuotes {
		margin: 2em 0;
		padding: 0;
		position: relative;
		text-indent: 4em;
		background-color: transparent;
	}

	.hugeQuotes .bqstart,
	.hugeQuotes .bqend {
		font-size: 700%;
	}

	/* apply IE specific rules first */
	.hugeQuotes .bqstart {
		text-indent: 0;
		margin: -2.4em 0 -5em 0;
		float: left;
		position: relative; /* relative positioning to stop from disappearing in IE when the blockquote has a background color - probably peek-a-boo or something */
	}

	.hugeQuotes  > .bqstart {
		/* add extra non-ie rules */
		position: absolute;
		top: -0.4em;
		left: 0;
		/* remove IE specific rules */
		float: none;
		margin: 0;

	}

	.hugeQuotes .bqend {
		position: absolute;
		margin-top: -1.2em; /* notice this is 1/2 of the start quotation mark, there may be some exponential relationship there */
		right: 0;
		text-indent: 0;
	}

	.hugeQuotes  > .bqend {
		margin-top: -0.2em;
	}

	/*
	 * extra huge quote mark example
	 * with background colour, we have to account for the
	 * size of the quotation marks
	 *****************************************************/
	.hugeQuotesTwo {
		margin: 2em 0;
		padding: 1em 0;
		position: relative;
		text-indent: 4em;
		background-color: #F0F1F6;
	}

	.hugeQuotesTwo .bqstart,
	.hugeQuotesTwo .bqend {
		font-size: 700%;
	}

	/* apply IE specific rules first */
	.hugeQuotesTwo .bqstart {
		text-indent: 0;
		margin: -2.4em 0 -5em 0;
		float: left;
		position: relative; /* relative positioning to stop from disappearing in IE when the blockquote has a background color - probably peek-a-boo or something */
	}

	.hugeQuotesTwo  > .bqstart {
		/* add extra non-ie rules */
		position: absolute;
		top: -0.2em;
		left: 0;
		/* remove IE specific rules */
		float: none;
		margin: 0;

	}

	.hugeQuotesTwo .bqend {
		position: absolute;
		margin-top: -1.4em;
		right: 0;
		text-indent: 0;
	}

	.hugeQuotesTwo  > .bqend {
		margin-top: 0em;
	}