/*
Author: Dendrizzles ( Based on the 960gs )
Version: 1.0
*/

/* Eric Meyer's CSS RESET 
----------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

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

.clearfix { 
display: inline-block; 
} /* Hide from IE Mac \*/ 

.clearfix { 
display: block; 
} /* End hide from IE Mac */ 

.none { 
display: none; 
}

/* ------------------------------------------------------------------- 
960 Grid Static
----------------------------------------------------------------------*/    
.container_12
{
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    height: 100%;
}

.gridRow{
	float: left;
	width: 960px;
}

.alpha {
	margin-left: 0px !important;
}	

.omega {
	margin-right: 0px !important;
}	

/*Grid - 10 Columns
----------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
        display: inline;
        float: left;
        margin-left: 10px;
        margin-right: 10px;
}
	
/*Grid >> 10 Columns*/       
.container_12 .grid_1 {width: 60px;}
.container_12 .grid_2 {width: 140px;}
.container_12 .grid_3 {width: 220px;}
.container_12 .grid_4 {width: 300px;}
.container_12 .grid_5 {width: 380px;}
.container_12 .grid_6 {width: 460px;}
.container_12 .grid_7 {width: 540px;}
.container_12 .grid_8 {width: 620px;}
.container_12 .grid_9 {width: 700px;}
.container_12 .grid_10 {width: 780px;}
.container_12 .grid_11 {width: 860px;}
.container_12 .grid_12 {width: 940px;}


/* ------------------------------------------------------------------- 
960 Responsive Grid
---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 768px){
	
	.container_12
	{
	    width: 100%;
	    min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.gridRow{
		float: left;
		width: 100%;
	}

	.alpha {
		margin-left: 10px !important;
	}	

	.omega {
		margin-right: 10px !important;
	}
				
	/*Grid - 10 Columns
	----------------------------------------------------------------------*/
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12 {
		    width: auto;
	        float: none;
	        display: block;
	     	clear: both;  
	}

	/*Grid >> 10 Columns   */   
	.container_12 .grid_1 { width: auto}
	.container_12 .grid_2 { width: auto;}
	.container_12 .grid_3 { width: auto;}
	.container_12 .grid_4 { width: auto;}
	.container_12 .grid_5 { width: auto;}
	.container_12 .grid_6 { width: auto;}
	.container_12 .grid_7 { width: auto;}
	.container_12 .grid_8 { width: auto;}
	.container_12 .grid_9 { width: auto;}
	.container_12 .grid_10 { width: auto;}
	.container_12 .grid_11 { width: auto;}
	.container_12 .grid_12 { width: auto;}

	.container_12 img { width: 100%; display: block; }
	}

/*Display Control*/
.displayNone { display:none; }
.displayInline { display:inline; }
.displayBlock { display:block; }
.responsiveImg{width: 100%; display: block; }

/*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; }

/* ------------------------------------------------------------------- 
Margins
----------------------------------------------------------------------*/    
/*1px Margin*/
.marginTop_1 { margin-top: 1px; }
.marginRight_1 { margin-right: 1px; }
.marginBottom_1 { margin-bottom: 1px; }   
.marginLeft_1 { margin-left: 1px; } 

/*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; } 

/*8px Margin*/ 
.marginTop_8 { margin-top: 8px; }
.marginRight_8 { margin-right: 8px; }
.marginBottom_8 { margin-bottom: 8px; }   
.marginLeft_8 { margin-left: 8px; } 

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

/*12px Margin*/ 
.marginTop_12 { margin-top: 12px; }
.marginRight_12 { margin-right: 12px; }
.marginBottom_12 { margin-bottom: 12px; }   
.marginLeft_12 { margin-left: 12px; }  

/*13px Margin*/ 
.marginTop_13 { margin-top: 13px; }
.marginRight_13 { margin-right: 13px; }
.marginBottom_13 { margin-bottom: 13px; }   
.marginLeft_13 { margin-left: 13px; }  

/*14px Margin*/ 
.marginTop_14 { margin-top: 14px; }
.marginRight_14 { margin-right: 14px; }
.marginBottom_14 { margin-bottom: 14px; }   
.marginLeft_14 { margin-left: 14px; } 

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

/*20px Margin*/ 
.marginTop_20 { margin-top: 20px; }
.marginRight_20 { margin-right: 20px; }
.marginBottom_20 { margin-bottom: 20px; }   
.marginLeft_20 { margin-left: 20px; }  

/*25px Margin*/ 
.marginTop_25 { margin-top: 25px; }
.marginRight_25 { margin-right: 25px; }
.marginBottom_25 { margin-bottom: 25px; }   
.marginLeft_25 { margin-left: 25px; }  

/*24px Margin*/ 
.marginTop_24 { margin-top: 24px; }
.marginRight_24 { margin-right: 24px; }
.marginBottom_24 { margin-bottom: 24px; }   
.marginLeft_24 { margin-left: 24px; } 

/*28px Margin*/ 
.marginTop_28 { margin-top: 28px; }
.marginRight_28 { margin-right: 28px; }
.marginBottom_28 { margin-bottom: 28px; }   
.marginLeft_28 { margin-left: 28px; } 

/*30px Margin*/ 
.marginTop_30 { margin-top: 30px; }
.marginRight_30 { margin-right: 30px; }
.marginBottom_30 { margin-bottom: 30px; }   
.marginLeft_30 { margin-left: 30px; }  

/*35px Margin*/ 
.marginTop_35 { margin-top: 35px; }
.marginRight_35 { margin-right: 35px; }
.marginBottom_35 { margin-bottom: 35px; }   
.marginLeft_35 { margin-left: 35px; } 

/*45px Margin*/ 
.marginTop_45 { margin-top: 45px; }
.marginRight_45 { margin-right: 45px; }
.marginBottom_45 { margin-bottom: 45px; }   
.marginLeft_45 { margin-left: 45px; } 

/*55px Margin*/ 
.marginTop_55 { margin-top: 55px; }
.marginRight_55 { margin-right: 55px; }
.marginBottom_55 { margin-bottom: 55px; }   
.marginLeft_55 { margin-left: 55px; } 

/*72px Margin*/ 
.marginTop_72 { margin-top: 72px; }
.marginRight_72 { margin-right: 72px; }
.marginBottom_72 { margin-bottom: 72px; }   
.marginLeft_72 { margin-left: 72px; }  

/*80px Margin*/ 
.marginTop_80 { margin-top: 80px; }
.marginRight_80 { margin-right: 80px; }
.marginBottom_80 { margin-bottom: 80px; }   
.marginLeft_80 { margin-left: 80px; }  

/*95px Margin*/ 
.marginTop_95 { margin-top: 95px; }
.marginRight_95 { margin-right: 95px; }
.marginBottom_95 { margin-bottom: 95px; }   
.marginLeft_95 { margin-left: 95px; }  

/*120px Margin*/ 
.marginTop_120 { margin-top: 120px; }
.marginRight_120 { margin-right: 120px; }
.marginBottom_120 { margin-bottom: 120px; }   
.marginLeft_120 { margin-left: 120px; } 


/* ------------------------------------------------------------------- 
TYPE TREATMENT
----------------------------------------------------------------------*/    
/*Type*/
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.em { font-style: italic; }

/*Type Alignment*/
.textAlignCenter { text-align: center; }
.textAlignLeft { text-align: left; }
.textAlignRight { text-align: right; }

.clear { clear: both; display: block; overflow: hidden;visibility: hidden; width: 0; height: 0; }`