/*

#container 
		#branding
				#brandingHeader
				#brandingLogo
		#Nav
		#main
				#mainContent				
						#mainContentBack
				#mainContentGallery
				#mainContentImage 
		#footer
				#footerLinks
				#footerPhone

*/





/*
LAYOUT --------------------- */


#container {
	position:relative;
	width: 980px;
	left: 50%;
	margin-left: -490px;
		
	}
	
			
		#branding{
		clear:both;
		width:980;
			
		}	
				
		
				#brandingHeader{
					width: 81.5%;
					float: left;
				}	
				
				
				#brandingLogo{
					width: 18.5%;
					float: right;
				}	
	
		#Nav{
			width: 980px;
			height: 26px;
			padding: 0px 0px 0px 0px;
			margin:0px;
			/*background-image: url(../menu/branding-menu-bar.gif);*/
			vertical-align:middle;
			float: left;
			filter:alpha(opacity=70);
			-moz-opacity:.70;
			opacity:.70;
		}	
			
					
		#main{
			width: 980px;
			margin:0px 0px 10px 0px;
			padding:0px 0px 0px 0px;
			background:url(../../images/lightgrey-bg.png) repeat-y;
			/*background-color:#BABABA;	
			filter:alpha(opacity=60);
			-moz-opacity:.60;
			opacity:.60;*/
		}	
		
		
				#mainContent {
					position:relative;
					display:inline;
					float: right;
					/*width: 430px;*/
					width:44%;
					min-height:355px;
					margin: 11px 10px 10px 0px;
					padding: 10px 10px 10px 10px;
					background-color:#FFFFFF;
				
				}		
				
				
						#mainContentBack {
							position:absolute;
							top: 10px;
							right: 10px;
						}
						
				#mainContentGallery {
					position:relative;
					display:inline;
					float: left;				
					width:44%;
					min-height:355px;
					margin: 10px 0px 10px 10px;
					padding: 0px 0px 0px 0px;
					
					
				}
					
				#mainContentImage {
					position:relative;
					display:inline;
					float: left;
					max-width: 500px;
					margin: 10px 0px 10px 10px;	
					padding: 0px 0px 0px 0px;					
					
				}
				
		
		#footer{
			width: 980px;
			margin: 5px 0px 0px 0px;
			padding: 5px 0px 0px 0px;
			height: 60px;
			background:url(../../images/lightgrey-bg.png) repeat-y;
			/*border-top: 1px dashed #ccc;*/
		}
	
				#footerLinks{
					float: left;
				}

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