/* ------------------------------------------------------ RESET ------------------------------------------------------ */  
/* These styles reset browser defaults */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, section, article, aside, hgroup, header, footer, nav, dialog, figure, menu, video, audio, embed, mark, progress, meter, time, canvas, details, datalist, output          

						{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; 
						background:transparent; font-family:inherit; font-weight:inherit; font-style:inherit; white-space:normal; text-align:left;}


:focus              	{outline:0;}

del, ins            	{text-decoration:none;}

table               	{border-collapse:collapse;border-spacing:0;}

textarea            	{font-family:inherit; font-size:100%; font-weight:normal; font-style:normal; white-space:normal; text-align:left; margin:0; padding:0;}

/* HTML 5*/
object, article, aside, footer, header, nav, section, dialog, figure, hgroup, menu               

 						{display:block;}

nav ul              	{list-style-type:none;}




/* ------------------------------------------------------ BASE STYLES ------------------------------------------------------ */
/* These styles add default html element styles */


body                    {font-family:Arial, Helvetica, sans-serif; font-size:75%; line-height:1.5;}

div						{position: relative;}

b,strong,th,thead     	{font-weight:bold;}

cite,dfn,em,i			{font-style:italic;}

address                 {font-style:normal;}

code,pre,var            {font-family:mono-space,monospace;}

pre					    {white-space:pre;}

del                     {text-decoration:line-through;}

abbr,acronym            {text-transform:uppercase; font-size:85%; letter-spacing:.1em;}

abbr[title],
acronym[title],
dfn[title]              {cursor:help; border-bottom:1px dotted #666;}

blockquote              {padding:1.5em;}
q                       {quotes:"\201C""\201D""\2018""\2019";}

sup,sub                 {font-size:80%; line-height:0;}
sup                     {vertical-align:super;}
sub                     {vertical-align:sub;}

ul,ol					{margin-left:1.5em;}
ul					    {list-style:disc outside;}
ol					    {list-style:decimal outside;}

hr                      {position:relative; border:none; height:1px; width:100%; background:#999;}
small                   {font-size:0.85em;}


th:first-child, 
td:first-child		    {padding-left:0;}
th:last-child, 
td:last-child		    {padding-right:0;}



	/* ------------------- sprites ------------------- */
	/*  
	 *  usage on anchor tag:
	 *      .link_example,
	 *      .link_example a {width:200px; height:18px; background-image:url("../images/example-sprite.png")}
	 *      .link_example a:hover {background-position:0 -18px}
	 *  
	 *  usage on button:
	 *      .btn_example {width:200px; height:18px; background-image:url("../images/example-sprite.png")}
	 *      .btn_example:hover {background-position:0 -18px}
	 */

	.nav_sprite,
	.nav_sprite a,
	.nav_sprite li                      {overflow:hidden; background-position:0 0; background-repeat:no-repeat;}
	
	p.nav_sprite,
	div.nav_sprite,
	span.nav_sprite,
	a.nav_sprite,
	ul.nav_sprite li                    {text-indent:-9999px;}
	ul.nav_sprite                       {margin-left:0;}

	p.nav_sprite a,
	div.nav_sprite a,
	a.nav_sprite                        {display:block;}
	
	button.nav_sprite                   {display:block; text-indent:-9999px; border:0; cursor:pointer;}
 	a.nav_sprite                        {float:left; margin-right:1em;}
		
		
	/* ------------------- navigation ------------------- */
	/* horizontal */
	ul.nav_horizontal                   {list-style:none; margin-left:0;}
	ul.nav_horizontal li                {float:left; margin:0; padding:0; background:none;}
	ul.nav_horizontal li a              {display:block; text-decoration:none; margin:0 1em 0 0;}
	ul.nav_horizontal.alignright li a   {margin:0 0 0 1em;}

	/* vertical */
	ul.nav_vertical                     {list-style:none; margin-left:0;}
	ul.nav_vertical ul                  {margin:0;}
	ul.nav_vertical li                  {margin:0; padding:0; background:none;}
	ul.nav_vertical li a                {display:block; text-decoration:none;}