/*

    layouts.css
    ==================

    */


    /***  PAGE  ***************************************************************/


    div.layout.page {
    	position: relative;
        width: 100%;
    }
    
    /*@media screen and ( min-width: 481px ) and ( max-width: 1199px ) {
    	
    	
    		
	}*/


    /***   HEADER   *************************************************************/

	div.layout.header {
		position: relative;
		z-index: 10;
	}
	
	div.layout.header {
		max-width: 1600px;
		margin: 0 auto;
		margin-bottom: 5px;
		background-image: url('../img/bg-hdr-squares-1600x142.jpg');
		background-repeat: no-repeat;
		/*background-size: 100%;*/
		background-position: center bottom;
	}
	
	@media (max-width: 1199px) {
		        
        div.layout.header {
			background-size: 130%;
		}
		
	}
	
	@media (max-width: 500px) {
		        
        div.layout.header {
        	background-size: 345%;
		}
		
	}

	
	
	/***   HEADER CONTENT, MAIN, FOOTER, ROW   *************************************************************/

    div.layout.headerContent, 
    div.layout.main, 
    div.layout.footer div.widget.grid div.row,
    div.layout.bottomBar div.widget.grid div.row {
		max-width: 1200px;
        margin: 0 auto;
	}
	
	@media screen and ( max-width: 1199px ) { /* apply these styles to all screens that are lesser than px value */
        div.layout.header, 
        div.layout.main, 
        div.layout.footer,
        div.layout.bottomBar {
	        padding-right: 5px !important;
	        padding-left: 5px !important;
	    }
    }

    @media print {
		div.layout.header {            
			display: none;
        }
    }
	
	/***  TOP NAVIGATION  See jetmenu.css  *****************************************************/
	
	div.layout.navigation {
		float: right;
		text-align: right;
	}
	
	@media (max-width: 767px) {
		        
        div.layout.navigation {
			margin-top: 0;
			margin-bottom: 0;
			text-align: left;
		}
		
	}
	
	
	/***  LOGO  ***************************************************************/

	
    div.layout.logo {
    	clear: both;
		float: left;
        width: 212px;
        margin-top: 15px;
       /* margin-top: -30px;*/
        padding-bottom: 15px;
    }
    
    /*@media (max-width: 767px) {
    
    	div.layout.logo {
			max-width: 100%;
        }
		        
        div.layout.logo img {
			max-width: 100%;
			height: auto;
        }
	}*/


    /***  tagline link to MCG   *****************************************************/
    
    div.layout.taglineMCG {
		float: right;
		padding-top: 90px;
		padding-bottom: 10px;
	}
		div.layout.taglineMCG img {
			height: auto;
			max-width: 100%;
			width: auto;
		}
		
	@media (max-width: 586px) {
		        
        div.layout.taglineMCG {
			padding-top: 0;
		}
		
	}


    /***  BANNER  ***********************************************************/
	

	div.layout.banner {
		max-width: 1600px;
		height: 352px;
		margin: 0 auto;
		margin-bottom: 75px; 
		background-image: url('../img/banner-1600x352.jpg');
		background-repeat: no-repeat;
		/*background-size: 100%;*/
		background-position: center 0;
	}
	
	
	@media (max-width: 1199px) {
		        
        div.layout.banner {
        	margin-bottom: 0;
			background-size: 130%;
		}
		
	}
	
	@media (max-width: 999px) {
		        
        div.layout.banner {
        	height: 285px;
		}
		
	}
	@media (max-width: 768px) {
		        
        div.layout.banner {
        	height: 218px;
		}
		
	}
	
	@media (max-width: 500px) {
		        
        div.layout.banner {
        	height: 352px;
        	background-size: 345%;
		}
		
	}
	
	@media (max-width: 350px) {
		        
        div.layout.banner {
        	height: 252px;
        	background-size: 345%;
		}
		
	}

    @media print {        
		div.layout.banner {            
			display: none;
        }
    }
    
    
    
	/*** HEADER BAR SUBPAGE ***********************************************************/
	

		.bar {
			float: left;
			width: 100%;
			height: 100px;
			margin-bottom: 75px;
			
			background: #0a863e;
			background: -moz-linear-gradient(left,  #0a863e 0%, #7cd6a2 100%);
			background: -webkit-linear-gradient(left,  #0a863e 0%,#7cd6a2 100%);
			background: -o-linear-gradient(left,  #0a863e 0%,#7cd6a2 100%);
			background: -ms-linear-gradient(left,  #0a863e 0%,#7cd6a2 100%);
			background: linear-gradient(to right,  #0a863e 0%,#7cd6a2 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a863e', endColorstr='#7cd6a2',GradientType=1 );
		}
		
	
	
    /***  MAIN CONTENT ********************/
	

	div.layout.main { 
    	 	
    }
    	
    
	/* Full width row */
    
	div.layout.rowFullWidth {
		width: 100%;
	}
    	
    	
	
	/* lead-ins boxes :: figcaption overlay see: widgets.css :: grid customization see grid.css */
	
	div.layout.main.lead-ins div.row > div {
		height: auto;
		border-bottom: 1px solid #ccc;
    }

	
	
	/* Testimonials Slider Row */
    
    
    div.layout.main div.row.testimonials {
    	margin-bottom: 0;
    	background: url("../img/bg-umbrella.png") center right no-repeat;
    }
    
	

	
	
	/***  SIDEBAR  ************************************************************/


    /*  See elements.css line */
    	


    /***  FOOTER  See elements.css for ul styling, grid.css  ******************/

    div.layout.footerTop { 
    	clear: both;
		width: 100%;
		height: 25px;		
		margin-top: 75px;
			
		background: #7cd6a2;
		background: -moz-linear-gradient(left,  #7cd6a2 0%, #0a863e 100%);
		background: -webkit-linear-gradient(left,  #7cd6a2 0%,#0a863e 100%);
		background: -o-linear-gradient(left,  #7cd6a2 0%,#0a863e 100%);
		background: -ms-linear-gradient(left,  #7cd6a2 0%,#0a863e 100%);
		background: linear-gradient(to right,  #7cd6a2 0%,#0a863e 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a863e', endColorstr='#7cd6a2',GradientType=1 );

	}
	div.layout.footer { 
    	clear: both;
		width: 100%;
		padding-top: 25px;
	}


    @media print {
        div.layout.footer {
            display: none;
        }
    }
    
	
	

    /* End */