/* CSS Document */
#container {
	position:relative;
	width: 980px;
	margin: auto;
	height: 100%;
	padding-left: 10px;	
	padding-right: 10px;
	background-color: #FFFFFF;	
	}
	
			
		#branding{
		clear:both;
		width: 980px;
		height: 108px;
		background: url(../../images/branding-bg.gif) no-repeat;
		/*background-color: #062082;*/
		}	
		
		
				#brandingNav1{
					width: 980px;
					height: 29px;
					float: left;
					margin: 0px 0px 0px 0px;
				
				}	

				#logo{
					width: 280px;
					height: 40px;
					float: left;
					margin: 3px 0px 0px 0px;
				}	

				#brandingNav2{
					width: 980px;
					height: 29px;
					float: left;
					margin: 0px 0px 0px 0px;
					
				}	

				#main{
					width: 980px;
					float: left;
					margin: 0px 0px 0px 0px;
					
				}	

						#navWrapper{
							width: 200px;
							float: left;
							margin: 0px 0px 0px 0px;
							border-top: 2px solid #E6EAED;
						}	
		
								#nav{
									width: 200px;
									float: left;
									margin: 2px 0px 0px 0px;
								}	
		
								#navSecondary{
									width: 200px;
									float: left;
									margin: 2px 0px 0px 0px;
								}	
		

						#mainWrapper{
							width: 770px;
							float: right;
							margin: 0px 0px 0px 0px;
							border-top: 2px solid #E6EAED;
							
						}	

								#heading{
									width: 770px;
									float: left;
									margin: 0px 0px 0px 0px; 
									border-bottom: 1px dotted #637286;
								}	


							#contentWrapper{
								width: 400px;
								float: left;
								display: inline;
								margin: 0px 0px 0px 0px;
								
								
							}	
	
									#content{
										width: 360px;
										float: left;
										display: inline;
										margin: 0px 0px 0px 0px;
										padding: 10px 10px 30px 10px;
									
										
									}	

									#mainFeatured{
										width: 360px;
										float: left;
										display: inline;
										margin: 0px 10px 0px 10px;
											
										
									}	

									#cantFind{
										width: 380px;
										float: left;
										display:inline;
										margin: 10px 0px 30px 10px;
										padding: 0px;
										font-size: 0.7em;
										
									}	


							#sidebar{
								width: 360px;
								float: right;
								display: inline;
								margin: 0px 0px 0px 0px;								
								
							}	
	
									#sidePicture{
										width: 360px;
										float: left;
										margin: 10px 0px 0px 0px;										
									}	

									#sideContact{
										width: 360px;
										float: left;
										margin: 20px 0px 0px 0px;
										padding: 5px 0px 5px 0px;
										background-color: #F2F4F6;
										border: 1px solid #ccc;
										
									}	

									.sideUsed{
										width: 360px;
										float: left;
										margin: 10px 0px 10px 0px;
										padding: 0px 0px 10px 0px;
										background-color: #F2F4F6;
									}	

		#footer
		{
			clear: both;
			width: 980px;
			margin: 50px 0px 0px 0px;
			padding: 10px 0px 0px 0px;
			height: 80px;
			text-align: center;
			border-top: 1px dotted #ccc;
		}





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