/* CSS Document */
/*  ------------------------------------- \

	Reset CSS

 \   -------------------------------------*/



ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input { 

	margin: 0; padding: 0;

}

/* p */



ul, li {

	list-style: none;

}



a img,

:link img,

:visited img {

	border: none;

}



a{

  text-decoration: none;

}



a:hover{

  text-decoration: underline;

}



/* Base Hacks */



html,body {

	/*part 1 of 100% height hack*/

	height:				100%;

}



/*  ------------------------------------- \

	Utility Classes 

 \   -------------------------------------*/



.floatright {

	float: 				right;

	display:			inline; /*to avoid IE double margin bug*/

}



.floatleft {

	float: 				left;

	display:			inline; /*to avoid IE double margin bug*/

}



.alignright {

	text-align:			right;

}



/* 

	Can use this on an image to replace its typical look and text, with an image. 

	You need to define in a seperate rule for the element the width, height and background image.

	See: http://www.evotech.net/blog/2007/09/css-image-replacement-method/ for more comments

*/

.imgreplacement {

  display:-moz-inline-box;

  display:inline-block;

  background:transparent none 0 0 no-repeat;

  text-indent:-3000px;

  font:0/0 Arial;

  overflow:hidden;

  color:rgba(255,255,255,0);

  vertical-align:bottom;

}





 /* clearfix (already applied on #body)

--------------------------------*/



.clearfix:after,#body:after {

    content:"."; 

    display:block; 

    height:0; 

    clear:both; 

    visibility:hidden;

}



.clearfix,#body {

	display:inline-table;

}



/* Hides from IE-mac \*/

* html .clearfix, * html #body {height: 1%;}

.clearfix, #body {display: block;}

/* End hide from IE-mac */