/*
 *
 *   doc name  xx  Wulf's Universal CSS Quick Classes
 *   desc      xx  CSS Classes to Make Life Easier
 *   author    xx  Ulf Lonegren
 *   version   xx  1.0  xx  Jan. 19 2009
 *
 * 
**/


/*ooooooooooooooooooooooooooooooooooooo*/
/*xxxxxx    Table of Contents    xxxxxx*/
/*ooooooooooooooooooooooooooooooooooooo*/
/*

	[U1] Font Classes
	[U2] Global Classes
	[U3] Layout

*/
/*ooooooooooooooooooooooooooooooooooooo*/
/*ooooooooooooooooooooooooooooooooooooo*/


/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*ooooooooooooooooooooooooooooxxxxxx   [U1] Font Classes    xxxxxxoooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

/*xxxxxx    Font Sizes    xxxxxx*/

.size10 {font-size:77%;} /* for setting 10px */
.size11 {font-size:85%;} /* for setting 11px */
.size12 {font-size:93%;} /* for setting 12px */
.size13 {font-size:100%;} /* for setting 13px */
.size14 {font-size:108%;} /* for setting 14px */
.size15 {font-size:116%;} /* for setting 15px */
.size16 {font-size:123.1%;} /* for setting 16px */
.size17 {font-size:131%;} /* for setting 17px */
.size18 {font-size:138.5%;} /* for setting 18px */
.size19 {font-size:146.5%;} /* for setting 19px */
.size20 {font-size:153.9%;} /* for setting 20px */
.size21 {font-size:161.6%;} /* for setting 21px */
.size22 {font-size:167%;} /* for setting 22px */
.size23 {font-size:174%;} /* for setting 23px */
.size24 {font-size:182%;} /* for setting 24px */
.size25 {font-size:189%;} /* for setting 25px */
.size26 {font-size:197%;} /* for setting 26px */
.size28 {font-size:215.4%;} /* for setting 28px */


/*xxxxxx    Text Decoration    xxxxxx*/

.highlight-neutral  { background:#ffc; }
.highlight-bad      { background:#ffc7ce; }
.highlight-good     { background:#c6efce; }

/*xxxxxx    Font Familys    xxxxxx*/

.helv { font-family:Helvetica, Arial, sans-serif; }
.arial { font-family:Arial, Helvetica, sans-serif; }

/*xxxxxx    Font Styles    xxxxxx*/

.bold  { font-weight:bold; }
.em      { font-style:italic; }

/*xxxxxx    Font Colors    xxxxxx*/

.darkbrown { color:#2e1d10; }
.teal { color:#3ebac9; }

 
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooxxxxxx   [U2] Global Classes    xxxxxxooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
 
 
.show {display:block; visibility:visible;} /* Shows the element. */
	
.hidden {display:none; visibility:hidden;} /* Hides the element.*/
	
.visible {visibility:visible;} /* Makes the element visible.*/
	
.vis-hidden {visibility:hidden;} /* Hides an element but still takes up space, not fullly hidden like .H*/
	
.float-r {float:right;} /* Floats the element to the right.*/
	
.float-l {float:left;}/* Floats the element to the left.*/ 
	
.inline {display:inline;} /* Changes the display type to “inline”.*/
	
.block {display:block;} /* Makes the element a block-level element.*/
	
.clear {clear:both; padding:0; margin:0;} /* Clears floated elements.*/
	
.center {margin:0 auto;}/* Makes block element centred.*/
 
.text-left {text-align:left;}
	
.text-right { text-align:right; }
	
.text-center { text-align:center; }
	
.text-justify { text-align:justify; }

.img-left { float:left;margin:4px 10px 4px 0; }
	
.img-right { float:right;margin:4px 0 4px 10px; }
	
.nopadding { padding:0; }
	
.noindent { margin-left:0;padding-left:0; }
	
.nobullet { list-style:none;list-style-image:none; }

.hr {background: #dfdfdf; height: 1px; margin: 15px 0; width: 100%; line-height:1px; font-size:1px;} /* Uses a DIV to create faux HR tag */

.hanging-quote {margin-left:-.3em;}/* Roman Haning Punctuation */

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide */



/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*ooooooooooooooooooooooooooooxxxxxx   [U3] Layout    xxxxxxoooooooooooooooooooooooooooo*/
/*oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

.wrapper976{
	width:976px;
	margin:0 auto;
	overflow:visible;
	}

.wrapper950{ 
	width:900px;
	padding:0px 25px;
	margin:0 auto;
	overflow:auto;
	}
	
.w-bg1{ 
	background:url(images/wrapper-bg1.gif) repeat-y;
	}
	
.w-bg2{ 
	background:url(images/wrapper-bg2.gif) repeat-y;
	}
	
.w-bg3{ 
	background:url(images/wrapper-bg3.gif) repeat-y;
	}