@charset "utf-8";

/* -------------------- >>> RESET <<< -------------------- */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,table,th,td{margin:0;padding:0;}
table {border-collapse:collapse; border-spacing:0;} /* IE whenever need cellspacing */
li {list-style:none;}
q:before,q:after {content:'';}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select {margin:0;font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend {color:#000000;}


/* -------------------- >>> FONTS <<< -------------------- */
/*
	px		%			built-in size	default
	--		------		-------------	-------
	26		197
	25		189
	24		182			x-large
	23		174
	22		167
	21		161.6
	20		153.9
	19		146.5
	18		138.5		large
	17		131
	16		123.1		medium
	15		116
	14		108
	13		100			small			(default)
	12		93
	11		85
	10		77			x-small
	 9		-			xx-small
*/

body {font:13px/1.231 arial,helvetica,clean,sans-serif;}

p, li {line-height:1.4;}

h1 {font-size:x-large;}
h2 {font-size:large;}
h3 {font-size:medium;}
h4 {font-size:small;}
h5 {font-size:x-small;}
h6 {font-size:xx-small;}
h1,h2,h3,h4,h5,h6 {line-height:1; margin-bottom:1em;}
table {font-size:inherit; font:100%;}
pre,code,kbd,samp,tt {font-family:monospace;}


/* -------------------- >>> BASE <<< -------------------- */

img {vertical-align:bottom;}
a img {border:none;}
a:focus {outline:none;}	/* FireFox fix */

abbr,acronym { /* indicating to users that more info is available */
	border-bottom:1px dotted #000000;
	cursor:help;
}
p {margin-bottom:1em;}
blockquote,ul,ol,dl {margin:1em;}
ol,dl {margin-left:2em;}
ol li {list-style: decimal outside;}
ul li {padding-left:1em;}
ul li {
			background:url("../img/bullet_black.gif") no-repeat left 0.6em;
		}
dl dd {margin-left:1em;}


/* -------------------- >>> COLORS <<< -------------------- */

html {background-color:#ffffff; color:#000000;}
a:link {color:blue;}
a:visited {color:purple;}
a:hover {color:magenta;}
a:active {color:red;}


/* -------------------- >>> CSS UTILS <<< -------------------- */

.last {margin-bottom:0;}
.left {float:left;}
.right {float:right;}


/**
 * @see http://www.positioniseverything.net/easyclearing.html
 */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/**
 * @see http://www.hedgerwow.com/360/bugs/css-select-free.html
 * Example:
 *	<div class="select-free">
 *		your content here
 *	<!--[if lte IE 6.5]><iframe></iframe><![endif]--></div>
 */
.select-free {
	position:absolute;
	z-index:10;/*any value*/
	overflow:hidden;/*must have*/
	width:100px;/*must have for any value*/;
}
.select-free iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px/*must have for any big value*/;
}