/* The Simple Base CSS Framework - http://meyerweb.com/eric/tools/css/reset/ v1.0 | 20080212 */
	/* This is simple reset and base framework CSS file to start development */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 12px;
		vertical-align: baseline;
		background: transparent;
		}
	body {
		line-height: 1.4em;
		}
	ol, ul {
		list-style: none;
		}
	blockquote, q {
		quotes: none;
		}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
		}
	
	/* remember to define focus styles! */
	:focus {
		outline: 0;
		}
	
	/* remember to highlight inserts somehow! */
	ins {
		text-decoration: none;
		}
	del {
		text-decoration: line-through;
		}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
		}
	
	/* -------------------------------------------------------------- 
	   
	   Boilerplate typography.css
	   * Sets up some sensible default typography.
	  
	-------------------------------------------------------------- */
	
	/* This is where you set your desired font size. The line-heights 
	   and vertical margins are automatically calculated from this. 
	   The percentage is of 16px (0.75 * 16px = 12px). */
	body { font-size: 75%; }
	
	
	/* Default fonts and colors. */
	body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Verdana, Arial, Helvetica, sans-serif; }
	
	
	/* Headings
	-------------------------------------------------------------- */
	h1,h2,h3,h4,h5,h6 { font-weight: bold; }
	
	h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
	h2 { font-size: 2em; margin-bottom: 0.75em; }
	h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
	h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
	h5 { font-size: 1em; margin-bottom: 1.5em; }
	h6 { font-size: 1em; }
	
	
	/* Text elements
	-------------------------------------------------------------- */
	p { margin: 0 0 10px 0; }
	
	ul, ol { margin: 0 1.5em 1.5em 1.5em; }
	ul { list-style-type: circle; }
	ol { list-style-type: decimal; }
	
	dl { margin: 0 0 1.5em 0; }
	dl dt { font-weight: bold; }
	dl dd { margin-left: 1.5em; }
	
	abbr, acronym { border-bottom: 1px dotted #000; }
	address { margin-top: 1.5em; font-style: italic; }
	del { color: #000; }
	
	a { color: #009; text-decoration: underline; }
	a:hover { text-decoration: none; }
	
	blockquote { margin: 1.5em; }
	strong { font-weight: bold; }
	em, dfn { font-style: italic; }
	dfn { font-weight: bold; }
	pre, code { margin: 1.5em 0; white-space: pre; }
	pre, code, tt { font: 1em monospace; line-height: 1.5; } 
	tt { display: block; margin: 1.5em 0; line-height: 1.5; }
	
	
	/* Tables
	-------------------------------------------------------------- */
	table { margin-bottom: 1.4em; }
	th { border-bottom: 2px solid #ddd; font-weight: bold; }
	td { border-bottom: 1px solid #ddd; }
	th,td { padding: 4px 10px 4px 0; }
	tfoot { font-style: italic; }
	caption { background: #ffc; }
	
	
	/* Some default classes for bug hunting
	-------------------------------------------------------------- */
	.hide { display: none; }
	.highlight { background: #ffc; }
	
	/*  Clearfix - To clear floats without the use of empty clearing div
	
	http://www.positioniseverything.net/easyclearing.html 
	-------------------------------------------------------------- */
	.clearfix:after {
		clear: both;
		content: '.';
		display: block;
		visibility: hidden;
		height: 0;
		}
	.clearfix {
		display: inline-block;
		}
	* html .clearfix {
		height: 1%;
		}
	.clearfix {
		display: block;
		}