/*
#container
		#branding
				#brandingLogo
				#brandingNavSub
				#brandingSecondaryLogo
				#brandingNav
		#mainNav
		#content
				#breadcrmb
		#secondaryContent
		#footer
.clearfix

*/

#container
{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

	
	
	/*/BRANDING */			
	#branding
	{		
		float: left; /* FIXES FIREFOX EXTRA MARGIN AT TOP */
		display: block;
		width:100%;
	}
	
			#brandingLogo
			{
				float: left;
				margin: 5px 0px 5px 0px;
			}
			
			#brandingNavSub
			{
				float: left;
				margin: 5px 0px 0px 5px;
			}
			
			#brandingSecondaryLogo
			{
				float: right;
				margin: 0px;
			}

			#brandingNav
			{
				clear: both;
				/* moves the brandingNav menu up to reduce white space */
				margin: -5px 0px 0px 0px; 
				padding: 0px 0px 12px 0px;	
			}
				
				
		
		/*MAIN NAV */
		#mainNav
		{
			clear: both;				
			display: block;			
			background: url(../../menu/mainNavBg.jpg) no-repeat left 5px;
			width: 900px;
			height: 40px;
				
		}
		
		/* CONTENT */
		#content
		{
			float: left;
			margin-left: 5px;
			width:630px;
		}
		
				
				/* breadcrum */
				#breadcrumb
				{
					margin: 5px 0px 0px 0px;
				}
				
				
				#contentOffers
				{
					margin-top: 10px;
					width: 620px;
				}
				
				#contentMain
				{
					
					margin-top: 10px;
					border-top: solid 1px #ccc;
					padding-top: 5px;				
					width: 620px;
				}
			
		
		/* SECONDARY */
		#secondaryContent
		{
			float: left;
			margin-left: 0px;
		}
		
		
		#footer
		{
			clear: both;
			float:left;			
			display:block;
			margin-top: 30px;
			border-top: solid 1px #cccccc;
			padding-top: 10px;	
		}		
		
		
		
		/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */