/* ------------------------------ 
Resetting Again 
------------------------------ */
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; note(hide)*/ 
}

/*  test */
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;padding:0;outline: 0;
}
body {
	line-height: 1;	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: 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:focus, a:active{
	outline:0;
}

/* Better CSS Coding */

a:link, a:visited{color:#CC0000; text-decoration:none;}
a:hover{text-decoration:none;color:#CC0000;}

.border_dot{
width:auto;height:1px;margin:3px 0px 10px 0px;
background:url(../images/border_dot.gif) repeat-x;
clear:both;
}

img.img-border-1 {border:1px solid #333333;}
a:hover img.img-border-1 {border:1px solid #fff;}

/* clearfix */

.clearfix{overflow:hidden;}
* html .clearfix{height:1%}

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

.right{float: right;margin:0;padding:0;}
.left{float:left;margin:0;padding:0;}
.col{float:left;margin:0;padding:0;}
.row{clear:both;margin:0;padding:0;}
.clear{clear:both;margin:0;padding:0;}

/*-------- CSS for Typography -------*/

h1{font-size:20px;font-weight:normal;}
h2{font-size:14px;font-weight:normal;}
h3{font-size:13px;font-weight:normal;}
h4{font-size:12px;font-weight:normal;}
p{line-height:16px; font-size:12px; padding:0px 0px 10px 0px;text-align:justify;}
strong{font-weight:600;}

/* css padding */

.padding_10{
	margin:0;
	padding:10px;
}

/* css line height 1px,2px,3px,4px,5px;6px,7px,8px,9px,10px */
.line_1{height:1px; padding:0;border-top:#ccc solid 1px;margin:3px 0px 10px 0px;clear:both;}
.line_2{height:2px; padding:0;border-top:#121212 solid 2px;margin:3px 0px 10px 0px;clear:both;}
.line_3{height:3px; padding:0;border-top:#121212 solid 3px;margin:3px 0px 10px 0px;clear:both;}
.line_4{height:4px; padding:0;border-top:#121212 solid 4px;margin:3px 0px 10px 0px;clear:both;}
.line_5{height:5px; padding:0;border-top:#121212 solid 5px;margin:3px 0px 10px 0px;clear:both;}
.line_6{height:6px; padding:0;border-top:#121212 solid 6px;margin:3px 0px 10px 0px;clear:both;}
.line_7{height:7px; padding:0;border-top:#121212 solid 7px;margin:3px 0px 10px 0px;clear:both;}
.line_8{height:8px; padding:0;border-top:#121212 solid 8px;margin:3px 0px 10px 0px;clear:both;}
.line_9{height:9px; padding:0;border-top:#121212 solid 9px;margin:3px 0px 10px 0px;clear:both;}
.line_10{height:10px; padding:0;border-top:#121212 solid 10px;margin:3px 0px 10px 0px;clear:both;}

/* css space height 10px,20px,30px,40px,50px,60px,70px,80px,90px,100px */
.space_10{height:10px;margin:0;padding:0;display:block;clear:both;}
.space_20{height:20px;margin:0;padding:0;display:block;clear:both;}
.space_30{height:30px;margin:0;padding:0;display:block;clear:both;}
.space_40{height:40px;margin:0;padding:0;display:block;clear:both;}
.space_50{height:50px;margin:0;padding:0;display:block;clear:both;}
.space_60{height:60px;margin:0;padding:0;display:block;clear:both;}
.space_70{height:70px;margin:0;padding:0;display:block;clear:both;}
.space_80{height:80px;margin:0;padding:0;display:block;clear:both;}
.space_90{height:90px;margin:0;padding:0;display:block;clear:both;}
.space_100{height:100px;margin:0;padding:0;display:block;clear:both;}

/* css space height max */
.space_150{height:150px;margin:0;padding:0;display:block;clear:both;}
.space_200{height:200px;margin:0;padding:0;display:block;clear:both;}
.space_250{height:250px;margin:0;padding:0;display:block;clear:both;}
.space_300{height:300px;margin:0;padding:0;display:block;clear:both;}
.space_350{height:350px;margin:0;padding:0;display:block;clear:both;}
.space_400{height:400px;margin:0;padding:0;display:block;clear:both;}
.space_450{height:450px;margin:0;padding:0;display:block;clear:both;}
.space_500{height:500px;margin:0;padding:0;display:block;clear:both;}
.space_550{height:550px;margin:0;padding:0;display:block;clear:both;}