/* Start GLOBAL RESET */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, .reset-style {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul, li {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* END GLOBAL RESET */


/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	line-height:100%;
}


/* @group Utility Classes */
.block {
	display: block;
}
.flat li {
	display: inline;
}
.inner2 {	margin: 2px; }
.inner4 { margin: 4px; }
.inner10 { margin: 10px; }
.inner_20_px {	margin: 20px;}
.inner_1_em {	margin: 1em;}
.inner_2_em {	margin: 2em;}
.width_100 {	width: 100%;}
.border-white {	border: 1px solid #fff;}
.under {	z-index: -10;}
.inline {	display:  inline;}
.block {	display: block;}
.clear {	clear: both; }
.none {	clear: none;}
.left {
	float: left;
	display: inline;
	position: relative;
}
.right {
	float: right;
	display: inline;
}
.center {
	float: none;
	display:  inline;
	margin: 0 auto;
}
.bottom {
	vertical-align: bottom;
}
.align-center {
	text-align: center;
}
.both {
	clear: both;
}
/* @end */

/* @group Position Classes */
.row {
	width: 100%;
	clear: both;
}
.half {
	width: 49.5%;
	float: left;
}
.third {
	width: 33%;
	float: left;
}
.two-thirds {
	width: 66%;
	float: left;
}
.quarter {
	width: 25%;
	float: left;
}
.three-quarter {
	width:  74.9%;
	float: left;
}
/* @end */