/* RESET */
/* ----------------------------------------- */

/* Global reset */

*,
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5, 
h6,
pre,
form,
label,
fieldset,
input,
p,
blockquote,
th,
td { 
	margin:0; 
	padding:0 }

table {
	 border-collapse:collapse; 
	 border-spacing:0 }
	 
fieldset,
img { 
	border:0 }
	
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var { 
	font-style:normal; 
	font-weight:normal }

ol,
ul,
li { 
	list-style:none }

caption,
th { 
	text-align:left }

h1,
h2,
h3,
h4,
h5,
h6 { 
	font-size:100%;
	font-weight:normal }

q:before, 
q:after { 
	content:''}

/* Global reset-RESET */

/* The below restores some sensible defaults */
strong { 
	font-weight:bold }
	
em { 
	font-style:italic }
	
a img { 
	border:none } 

/* Gets rid of IE's blue borders */

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}