/*** this file incorporates the new eric meyers's reset and the malo framework ***/
/*** created by Diptanshu Sharma (http://www.google.com/profiles/diptanshu) ***/

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%; 
	}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need cellspacing, cellpadding etc in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/*** Typography by Ben Henschel ***/

body,ul,ol,dl,td,th,caption,pre,p,blockquote,input,textarea
{
	font-family:"Lucida Grande",Arial,"Lucida Sans Unicode",Verdana,sans-serif,Tahoma;
	line-height:1.6; 
	font-size:1em;
	color:#000;
}

/* == sample font families ==
body{ font-family:Verdana,Geneva,sans-serif; }
body{ font-family:Georgia,Utopia,Palatino,'Palatino Linotype',serif; }
body{ font-family:'Courier New','Courier',monospace; }
*/

ul {list-style-type:square;}
ol {list-style-type:decimal;}

h1 {font-size:30px; margin-bottom:12px; font-weight: 400; font-family: Georgia,Utopia,Palatino,'Palatino Linotype',serif;}
h2 {font-size:22px; margin-bottom:10px; font-family: Arial, "Lucida Grande", Verdana, sans-serif;}
h3 {font-size:18px; margin-bottom:8px; /* font-family: "Times New Roman",Times, serif;border-bottom:solid 1px #9c9;  */font-weight:400; color:#333;}
h4 {font-size:16px; margin-bottom:5px; font-weight:bold; font-family: Arial, "Lucida Grande", Verdana, sans-serif;}
h5 {font-size:14px; margin-bottom:5px; font-weight:bold; font-family: Arial, "Lucida Grande", Verdana, sans-serif;}
h6 {font-size:14px; margin-bottom:5px; font-family: Arial, "Lucida Grande", Verdana, sans-serif;}
p { margin-bottom:10px;}
li { margin-bottom:7px;}

blockquote  { margin: 0 0 18px 18px; color: #666; font-style: italic; }
strong {font-weight: bold;}
em     {font-style:italic;}

/*** malo ***/

.dp0,.dp5,.dp10,.dp15,.dp20,.dp25,.dp30,.dp33,.dp35,.dp40,.dp45,.dp50,.dp55,.dp60,.dp65,.dp67,.dp70,.dp75,.dp80,.dp85,.dp90,.dp95,.dp100{float:left;display:inline;}

.dp0{width:0%;}	
.dp5{width:5%;}
.dp10{width:10%;*width:9.9%;}
.dp15{width:15%;*width:14.9%;}
.dp20{width:20%;*width:19.9%;}
.dp25{width:25%;*width:24.9%; }
.dp30{width:30%;*width:29.9%;}
.dp33{width:33.33%;*width:33.3%;}
.dp35{width:35%;*width:34.9%;}
.dp40{width:40%;*width:39.9%;}
.dp45{width:45%;*width:44.9%;}
.dp50{width:50%;*width:49.9%;}
.dp55{width:55%;*width:54.9%;}
.dp60{width:60%;*width:59.9%;}
.dp65{width:65%;*width:64.9%;}
.dp67{width:66.67%;*width:66.6%;}
.dp70{width:70%;*width:69.9%;}
.dp75{width:75%;*width:74.9%;}
.dp80{width:80%;*width:79.9%;}
.dp85{width:85%;*width:84.9%;}
.dp90{width:90%;*width:89.9%;}
.dp95{width:95%;*width:94.9%;}
.dp100{width:100%;*width:99.9%;}

.clear { display:block;clear:both;height:-1px!important; }
.floatleft { float:left; margin-right:10px;}
.floatright { float:right; margin-left:10px;}