/*
@@@@@@@@@@@@@@@@@@@@@@
ALIGNMENT
@@@@@@@@@@@@@@@@@@@@@@

	about				constants for alignment
	
	syntax

*/
		
	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	alignment
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	
		/*+ float
		..........................................................................*/
	
			.floatLeft{float:left;}
			.floatRight{float:right;}
		
		/*+ center a block
		..........................................................................*/
	
			.marginAuto{margin-left:auto; margin-right:auto;}
		
		/*+ alignment
		..........................................................................*/
			
			.alignLeft{text-align:left;}
			.alignRight{text-align:right;}		
			.alignCenter{text-align:center;}		
			.alignJustify{text-align:justify;}		
		
		/*+ vertical alignment
		..........................................................................*/
			
			.alignTop{vertical-align:top;}
			.alignMiddle{vertical-align:middle;}
			.alignBottom{vertical-align:bottom;}
			
			
			
	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	push
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	
		/*+ noPush
		..........................................................................*/
			
			.noPush{margin:0px 0px 0px 0px; }
	
		/*+ pushLeft
		..........................................................................*/
			
			.pushLeft{margin-left:10px;}
			
			.pushLeftGrand{margin-left:50px;}
			.pushLeftHeavy{margin-left:40px;}
			.pushLeftGreater{margin-left:30px;}
			.pushLeftBase{margin-left:20px;}
			.pushLeftLesser{margin-left:15px;}
			.pushLeftLight{margin-left:10px;}
			.pushLeftMinimal{margin-left:5px;}
			
			
		/*+ pushRight
		..........................................................................*/
			
			.pushRight{margin-right:10px;}
			
			.pushRightGrand{margin-right:50px;}
			.pushRightHeavy{margin-right:40px;}
			.pushRightGreater{margin-right:30px;}
			.pushRightBase{margin-right:20px;}
			.pushRightLesser{margin-right:15px;}
			.pushRightLight{margin-right:10px;}
			.pushRightMinimal{margin-right:5px;}
			
		/*+ pushDown
		..........................................................................*/
			
			.pushDown{margin-top:10px;}
			
			.pushDownGrand{margin-top:50px;}
			.pushDownHeavy{margin-top:40px;}
			.pushDownGreater{margin-top:30px;}
			.pushDownBase{margin-top:20px;}
			.pushDownLesser{margin-top:15px;}
			.pushDownLight{margin-top:10px;}
			.pushDownMinimal{margin-top:5px;}
			
		/*+ pushDown
		..........................................................................*/
			
			.pushUp{margin-bottom:10px;}
			
			.pushUpGrand{margin-bottom:50px;}
			.pushUpHeavy{margin-bottom:40px;}
			.pushUpGreater{margin-bottom:30px;}
			.pushUpBase{margin-bottom:20px;}
			.pushUpLesser{margin-bottom:15px;}
			.pushUpLight{margin-bottom:10px;}
			.pushUpMinimal{margin-bottom:5px;}
			
		/*+ pullToLeft
		..........................................................................*/
			
			.pullToLeft{position:relative; left:-10px; }
			
			.pullToLeftGrand{position:relative; left:-50px;}
			.pullToLeftHeavy{position:relative; left:-40px;}
			.pullToLeftGreater{position:relative; left:-30px;}
			.pullToLeftBase{position:relative; left:-20px;}
			.pullToLeftLesser{position:relative; left:-15px;}
			.pullToLeftLight{position:relative; left:-10px;}
			.pullToLeftMinimal{position:relative; left:-5px;}
			
			
	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	pull
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
			
		/*+ noPull
		..........................................................................*/
			
			.noPull{top:0px;}
	
			
		/*+ pullDown
		..........................................................................*/
			
			.pullDown{position:relative; top:10px; }
			
			.pullDownGrand{position:relative; top:50px;}
			.pullDownHeavy{position:relative; top:40px;}
			.pullDownGreater{position:relative; top:30px;}
			.pullDownBase{position:relative; top:20px;}
			.pullDownLesser{position:relative; top:15px;}
			.pullDownLight{position:relative; top:10px;}
			.pullDownMinimal{position:relative; top:5px;}
			
		/*+ pullDown
		..........................................................................*/
			
			.pullUp{position:relative; top:10px; }
			
			.pullUpGrand{position:relative; top:-50px;}
			.pullUpHeavy{position:relative; top:-40px;}
			.pullUpGreater{position:relative; top:-30px;}
			.pullUpBase{position:relative; top:-20px;}
			.pullUpLesser{position:relative; top:-15px;}
			.pullUpLight{position:relative; top:-10px;}
			.pullUpMinimal{position:relative; top:-5px;}
			
			
	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	position
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	
		/*+ posBottomRight
		..........................................................................*/
			
			.posBottomRight{position:absolute !important; bottom:0px; right:0px; z-index:100; }


/*
@@@@@@@@@@@@@@@@@@@@@@
OPACITY
@@@@@@@@@@@@@@@@@@@@@@

	about				constants for making transpart content or to show/hide content
	
	syntax

*/

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	opacity
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
		
		/*+ opacity
		..........................................................................*/
			
			.opNone{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0;}
			.opLower{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=15); opacity:0.15;}
			.opLow{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"; filter: alpha(opacity=35); opacity:0.35;}
			.opMedium{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity:0.5;}
			.opHigh{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; filter: alpha(opacity=65); opacity:0.65;}
			.opHigher{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); opacity:0.85;}
			.opFull{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity:1;}
			
		/*+ display
		..........................................................................*/
			
			.show{display:block;}
			.hide{display:none;}
			
			.showBlock{display:block;}
			.showInline{display:inline;}
			.showInlineBlock{display:inline-block;}

/*
@@@@@@@@@@@@@@@@@@@@@@
TEXT
@@@@@@@@@@@@@@@@@@@@@@

	about				constants for type
	
	syntax

*/

	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	text
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

		/*+ text
		..........................................................................*/
			
			.bold{font-weight:bold; }
			.italic{font-style:italic; }
			.underline{text-decoration:underline; }
			.underline a{text-decoration:underline; }
			.linethrough{text-decoration:line-through; }
			.uppercase{text-transform:uppercase; }
	
/*
@@@@@@@@@@@@@@@@@@@@@@
CONSTRUCT
@@@@@@@@@@@@@@@@@@@@@@

	about				General styles for component construction 
	
	syntax

*/


	/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	content
	///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
			
		/*+ image replacement
		..........................................................................*/
			
			[class^="img"]{text-indent:-4000px; overflow:hidden; display:inline-block; background-repeat:no-repeat; background-position:top left;}