#headerTopBar{
	max-width: 1280px;
}
#headerTitle{
	max-width: 1280px;
}
#contentContain{
	max-width: 1280px;
}
#footerContent{
	max-width: 1280px;
}
#extraContainer1{
	max-width: 1280px;
}
#extraContainer2{
	max-width: 1280px;
}
#extraContainer3{
	max-width: 1280px; 
}
#extraContainer4{
	max-width: 1280px;
}
#extraContainer5{
	max-width: 1280px; 
}
#extraContainer6{
	max-width: 1280px; 
}
#extraContainer7{
	max-width: 1280px;
}
#headerContain{
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	text-shadow: none;
	color: transparent;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
@media only screen and (min-width: 900px) {
	#contentMain{
		width: 75%;
		display: inline;
		float: left;
	}
	
	#contentSide{
		width: 25%;
		display: inline;
		float: right;
	}
	
	#footerContain{
		width: 100%;
		clear: both;
	}

}

@media only screen and (max-width: 899px) {
	#contentMain{
		width: 100%;
		display: block;
	}
	
	#contentSide{
		width: 100%;
		display: block;
		margin-top: 50px;
	}
	
	#footerContain{
		width: 100%;
		clear: both;
	}
}
@media only screen and (min-width: 900px) {

	#headerTopBar{
		padding-top: 50px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
    #headerNav{
    	display: inline;
    	float: right;
    }
    
    #headerLogo{
    	display: inline;
    	float: left;
    	margin-top: -15px;
    	margin-right: 20px;
    }
    
    #headerSlogan{
    	display: inline;
    	float: left;
    }
}

@media only screen and (max-width: 899px) {
    #headerSlogan{
    	display: block;
    	text-align: center;
    }
    #headerLogo{
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    	text-align: center;
    }
}

@media only screen and (min-width: 787px) {
	
	#footerMain{
		display: inline;
	}
	
	#footerBread{
		float: right;
		display: inline;
		text-align: right;
	}
}

@media only screen and (max-width: 768px) {
   #footerMain{
   	text-align: center;
   }
   
   #footerBread{
   	text-align: center;
   }
}