/*  ------------------------------------- \
	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-block;
}

/* Hides from IE-mac \*/
* html .clearfix, * html #body {height: 1%;}
.clearfix, #body {display: block;}
/* End hide from IE-mac */