/******************************
   AUTHOR:  Simeon Stavrev
   WAXX Agency | http://waxx.org
 ******************************/



/**************************************************************
   Width classes used by the site columns
 **************************************************************/

.width100 {
	width: 100%;
}

.width99 {
	width: 99%;
}

.width75 {
	width: 74%;
}

.width66 {
	width: 65.1%;
}

.width50 {
	width: 49.3%;
}

.width33 {
	width: 32.5%;
}

.width25 {
	width: 24.7%;
}

.width10 {
	width: 10%;
}

/**************************************************************
   Alignment classes
 **************************************************************/

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right;
}

.alignCenter {
	text-align: center;
}



/**************************************************************
   Padding
 **************************************************************/

.padding-5, .padding5 {
	padding: 5px;
}

.padding-10, .padding10 {
	padding: 10px;
}

.padding-15, .padding15 {
	padding: 15px;
}

.padding-20, .padding20 {
	padding: 20px;
}

/**************************************************************
   Margin
 **************************************************************/

.margin-5{
	margin: 5px;
}

.margin-10{
	margin: 10px;
}

.margin-15{
	margin: 15px;
}

.margin-20{
	margin: 20px;
}

.marginBottom10{
	margin-bottom: 10px;
}

.marginBottom20{
	margin-bottom: 20px;
}

/**************************************************************
   Generic display classes
 **************************************************************/

.clear {
	clear: both;
}

.bold {
	font-weight: bold;
}

.block {
	display: block;
}

.hidden{
	display: none;
}

.overflow{
	overflow: auto;
}

.small {
	font-size: 0.85em;
}

.green {
	color: green;
}

.red {
	color: red;
}

.grey {
	color: #666;
}

.grey a {
	color: #000;
}

.grey a:hover {
	color: #999;
}



/**************************************************************
   Images
 **************************************************************/

img.floatRight {
	margin: 5px 0px 10px 15px;  
}

img.floatLeft {
	margin: 5px 15px 10px 0px;
}

a img {  
	border: 0;
}

a:hover img {  
	/* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
	border: 0px solid #FFF !important;
	border: 0px solid #8BE6FA;
}