/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

/* v1.0 | 20080212 */

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,
b, 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: 100%;
	vertical-align: baseline;
	background: transparent;
}
table, caption, tbody, tfoot, thead, tr, th, td {vertical-align: top;}
body {
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 62.5%;*/
	font-size: 12px;
	margin: 0;
	padding: 0;
	background: #e3e3e3;
	width: 100%;
}
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;
}
a img { border: none; }

.clear { display: inline-block; }   
.clear:after{
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

/* CORNER */
.corner {
	background: transparent;
}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}

.xb2 {margin:0 2px; border-width:0 2px;}
.xb3 {margin:0 1px;}
.xb4 {height:1px; margin:0 1px;}

.xb2, .xb3, .xb4 { border-left:1px solid #cecccd; border-right:1px solid #cecccd;}
.xb1 {margin:0 4px;}
/* END CORNER */

.bold {
	font-weight: bold;
}

* a, * a:link, * a:visited, * a:active {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

* a:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.clearboth {height: 0px;clear: both;}
.text-right{text-align: right;}
.text-center {text-align: center;}
.text-justify {text-align: justify;}
.white {color: #fff;}
.float-left { float: left; }
.float-right { float: right; }
.marleft-five {	margin-left: 5px; }
.marleft-ten { margin-left: 10px; }
.martop-five { margin-top: 5px; }
.martop-ten { margin-top: 10px; }
.marright-five { margin-right: 5px; }
.marright-ten { margin-right: 10px; }
.marbottom-five { margin-bottom: 5px; }
.marbottom-ten { margin-bottom: 10px; }
.margintop-twenty {margin-top: 20px;}
.marginbottom-twenty {margin-top: 20px;}
.padtop-ten {padding-top: 10px;}
.padtop-five {padding-top: 5px;}
.padbottom-ten {padding-bottom: 10px;}
.padbottom-five {padding-bottom: 5px;}