/* =CSS RESET ========================*/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,     
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,     
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,     
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {    
vertical-align: baselinebaseline;    
font-family: inherit;    
font-weight: inherit;    
font-style: inherit;    
font-size: 100%;    
outline: 0;    
padding: 0;    
margin: 0;    
border: 0;    
}    
/* remember to define focus styles! */   
:focus {    
outline: 0;    
}    
body {    
line-height: 1;    
color: black;    
}    
ol, ul {    
list-style: none;    
}    
/* tables still need cellspacing="0" in the markup */   
table {    
border-collapse: separate;    
border-spacing: 0;    
}    
caption, th, td {    
font-weight: normal;    
text-align: left;    
}    
/* remove possible quote marks (") from <q> & <blockquote> */   
blockquote:before, blockquote:after, q:before, q:after {    
content: "";   
}   
blockquote, q {   
quotes: "" "";    
}    

/* =CSS RESET ========================*/
body {
	font:  normal 11px/20px "Arial";
	color: #535353;
	background: url(../images/bg/bg_main.jpg) left top repeat-x;
	margin:0;
}
input, select {
	font-size: 11px;
	*font-size: 10px;
}
.clear{
	clear:both;
}

/* =FONT COLOR ========================*/
a{
	color: #535353;
	text-decoration:none;
}
a:hover{
	color: #8c999f;
	text-decoration:none;
}
.f1{
	color:#757575;
	font-size:11px;
	font-weight:bold;
}
.f2{
	color:#7d7d7d;
}
.f3{
	color:#8c999f;
}