/* CSS Document */
#container {
	position:relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 100%;
	}
	
			
		#brandingWrapper{
			width: 100%;
			height: 136px;
			float: left;
			background-color: #000;
			background: url(../../images/branding-bg.jpg) repeat-x;
		}	
		
				#branding{
					clear:both;
					width: 980px;
					height: 136px;
					margin: auto;
					background-color: #000;
				}	
		
		#mainWrapper{
			width: 100%;
			background: url(../../images/bg.jpg) repeat-y center;
			float:left;
		}	

				#main{
					clear:both;
					width: 982px;
					margin: auto;
				}	
		

						#navWrapper{
							width: 180px;
							float: left;
							margin: 0px 0px 0px 0px;						
							display: inline;
							position: relative;
						}	
				
								#nav{
									width: 180px;
									float: left;				
									display: inline;				
									margin: 0px 0px 0px 0px;								
									position: absolute;
									top: 20px;
									left:5px;
								}	
				
		
						#contentWrapper{
							width: 790px;
							float: left;
							display: inline;
							margin: 0px 0px 0px 0px;
							background-color: #f1f1f1;
							border-left: 5px solid #333; 
							border-right: 5px solid #333; 							
						}	
				
								#contentTop{
									width: 790px;
									float: left;
									margin: 0px 0px 0px 0px;
									padding:  0px 0px 0px 0px;
									background: url(../../images/content-top.jpg) repeat-x;
									min-height: 39px;
								}	
				
								#content{
									width: 750px;
									float: left;
									margin: 0px 0px 0px 0px;
									padding: 20px 20px 30px 20px;
								}	
				
								#contentBottom{
									width: 790px;
									float: left;
									margin: 0px 0px 0px 0px;
									padding:  0px 0px 0px 0px;
									height: 39px;
								}	
				
		

		#footerWrapper{
			width: 100%;
			height: 80px;
			background-color: #000;
			background: url(../../images/footer-bg.jpg) repeat-x;
			float: left;
		}	



				#footer
				{
					clear: both;
					width: 980px;
					margin: auto;
					padding: 10px 10px 0px 0px;
					height: 80px;
					text-align: center;
					background: url(../../images/footer.jpg) repeat-x;
				}
		




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