@charset "utf-8";

/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 Author : AbleMarketing
 created: 2012/01/06
	updated: 

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/


/*=== CONTENTS ===========================================
	
	1: UNIVERSAL RESET 
		: clear
		
	2: FONT RESET
	
	3: LINK SETTING
	
	4: CLEARFIX
	
========================================================*/



/*
===== 1: UNIVERSAL 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100.01%;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	vertical-align: baseline;
}

html {
	overflow-y: scroll;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
	
body {
	text-align: left;
	background: #FFFFFF;
}

table {
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

caption, cite {
	font-style: normal;
	font-weight: normal;
}
	
th, td {
	font-weight: lighter;
	/*text-align: center;*/
}

dl, ul, ol {
	clear: both;
	list-style: none;
	zoom: normal;
}

dt, dd, li {
	list-style: none;
}

hr, .areaAnchor, .anchor {
	display: none;
}

input.btn {
	width: auto;
}

img, object {
	border: 0;
}

img, input, object {
	vertical-align:middle
}

em {
	visibility: hidden;
	color: #CCCCCC;
	font-size: 7px;
}

acronym, abbr {
	cursor: default;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}


/* clear
--------------------*/

.clear {
	clear: both;
} 






/*
===== 2: FONT RESET ==================================================================
*/

body {
	vertical-align: baseline;
	color: #000000;
	font-size: 10px;
}

html:\66irst-child body {/*-------------------------------------------- for Safari2/Opera */
	font-size: 10px;
}






/*
===== 3: LINK SETTING ============================================================
*/

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus { outline: none; }
a:active { text-decoration: underline; }






/*
===== 4: CLEARFIX ===========================================================================
*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix { display: inline-block; }
.clearfix { display: block; }



/*It is a code in which clear is done as for the main browser
--------------------*/



div:after {/*for modern browser*/
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}