/*
-----------------------------------------------
Site: Triad Digital Master CSS File
Author: Triad Digital Media
Version: 1.0
Last Update: 00/00/00 - 0:00pm
----------------------------------------------- */    
    
body { background-color: #fff;}      
    
/*  =Misc
----------------------------------------------------------------------*/
/* Type */
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.em { font-style: italic; }

/* Color */
.black { color: #000; }
.white { color: #fff; }

/* Borders */
.borderNone { border: none; }
.borderTop { border-top: 1px solid #999; }
.borderRight { border-right: 1px solid #999; }
.borderBottom { border-bottom: 1px solid #999; }
.borderLeft { border-left: 1px solid #999; }

/* Clearing Methods */
/*  =Method 1: /* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */    
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
    }
.clearfix {
	display: inline-block;
    }
* html .clearfix {
	height: 1%;
    }
.clearfix {
	display: block;
    }
    
/*  =Method 2  */      
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
    }

       
/* =Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/
/* Main Outer TDM Wrapper */ 
#TDM_MainWrap {
    text-align: center;
    }
/* Inner Wrapper */     
#TDM_InnerWrap {
    width: 850px;
    margin: 0 auto;
    text-align: left;
	font-size: 12px;
    }
/* Header Container: Point of Context */               
#TDM_Header {
    position: relative;
    float: left;
    }
/* Content Container: Point of Context */     
#TDM_Content {
   
    float: left;
    }
          
/* Grids */   
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9
.grid_10
 {
    margin: 0;
	display: inline;
    }    

/* Grid >> 16 Columns */       
.grid_1 { width: 76px; } /* Base Unit */
.grid_2 { width: 162px; } /* 2 Units */   
.grid_3 { width: 248px; } /* 3 Units */
.grid_4 { width: 334px; } /* 4 Units */
.grid_5 { width: 420px; } /* 5 Units */
.grid_6 { width: 506px; } /* 6 Units */
.grid_7 {width: 592px; } /* 7 Units */
.grid_8 {width: 678px; } /* 8 Units */
.grid_9 { width: 764px; } /* 9 Units */
.grid_10 { width: 850px; } /* 10 Units */

/*Display Control*/
.displayInline {
	display:inline;
}
.displayNone {
	display:none;
}

/* Float Control */        
.floatLeft { float: left; }
.floatRight { float: right; }

/*Position Control*/
.positionRelative { position:relative; }
.positionAbsolute { position:absolute; }
.positionFixed { position: fixed; }
.positionStatic { position:static; }
.positionInherit { position:inherit; }

/* Margin Control */

/* 3px Margin */
.marginTop_3 { margin-top: 3px; }
.marginRight_3 { margin-right: 3px; }
.marginBottom_3 { margin-bottom: 3px; }   
.marginLeft_3 { margin-left: 3px; } 

/* 4px Margin */
.marginTop_4 { margin-top: 4px; }
.marginRight_4 { margin-right: 4px; }
.marginBottom_4 { margin-bottom: 4px; }   
.marginLeft_4 { margin-left: 4px; } 

/* 5px Margin */
.marginTop_5 { margin-top: 5px; }
.marginRight_5 { margin-right: 5px; }
.marginBottom_5 { margin-bottom: 5px; }   
.marginLeft_5 { margin-left: 5px; } 

/* 10px Margin */ 
.marginTop_10 { margin-top: 10px; }
.marginRight_10 { margin-right: 10px; }
.marginBottom_10 { margin-bottom: 10px; }   
.marginLeft_10 { margin-left: 10px; }  

/* 15px Margin */ 
.marginTop_15 { margin-top: 15px; }
.marginRight_15 { margin-right: 15px; }
.marginBottom_15 { margin-bottom: 15px; }   
.marginLeft_15 { margin-left: 15px; }  

/* 50px Margin */ 
.marginTop_50 { margin-top: 50px; }
.marginRight_50 { margin-right: 50px; }
.marginBottom_50 { margin-bottom: 50px; }   
.marginLeft_50 { margin-left: 50px; }  

/* Margin Clearing */      
.clearMargin { margin: 0 0 0 0; }
.clearMarginLeft { margin-left: 0; }
.clearMarginRight { margin-left: 0; }

/* Padding Control */

/* 10px Padding */ 
.paddingTop_10 { padding-top: 10px; }
.paddingRight_10 { padding-right: 10px; }
.paddingBottom_10 { padding-bottom: 10px; }   
.paddingLeft_10 { padding-left: 10px; }