/* Classic layout classes - very useful */

.clear
{
	font-size: 		0;
	clear: 			both;
	height: 		0px;
	line-height: 	0%;
}

 .clearafter:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearafter {display: inline-block;}

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

.hidden
{
	display: 		none;
}

div
{
	position: 		relative;
}

/* Alignment */

.alignright
{
	text-align: 	right;
	position: 		relative;
}

.alignleft
{
	text-align: 	left;
	position: 		relative;
}

.floatright
{
	float: 			right;
}

.floatleft
{
	float: 			left;	
}

.aligncenter
{
	text-align: 	center;
	position: 		relative;
}

.leftmargin
{
	margin-left: 	10px;
}


/* Debugging */

.highlight
{
	background-color: #FFFF00;
} 

.border
{
	border: 		1px solid #333333;
}

.noborder
{
	border: 		0;
}

.nolist
{
	list-style: 	none;
}

.nopadding
{
	padding: 		0;
}

.nomargin
{
	margin: 		0;
}

.nobg
{
	background-image:	none !important;
}

/* Simple formatting */

.strong
{
	font-weight: 	bold;
}