/* CSS Document */
#container {
	position:relative;
	width: 930px;
	margin: auto;
	height: 100%;
	padding-left: 0px;	
	padding-right: 0px;
	}
	
			
		#branding{
		clear:both;
		width: 930px;
		height: 137px;

		/*background-color: #062082;*/
		}	
		
				
				#logo{
					width: 420px;
					height: 70px;
					float: left;
					margin: 0px 0px 0px 0px;					
				}	


				#nav2{
					width: 500px;
					height: 29px;
					float: left;
					margin: 0px 0px 0px 10px;		
					position: relative;			
				}	
				
				
				        #nav2 #contactus{
				            position: absolute;				           
				            display: block;
				            width: 125px;
				            height: 30px;
				       		top: 40px;
				       		right: 30px;
				        }


				#nav{
					width: 930px;
					clear: both;
			        float: left;
			        display: block;			
					margin: 24px 0px 0px 0px;
				}	



		#main{
			width: 930px;
			clear: both;
			float: left;
			display: block;		
			margin: 0px 0px 0px 0px;
			background: url(../../images/main-bg.jpg) no-repeat top left; 
			
		}	

				#subNavWrapper{
					width: 200px;
					float: left;
					display: inline;
					margin: 0px 0px 0px 0px;
					
				}	

						#subNav{
							width: 200px;
							float: left;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;							
						}	
		
						#subNavSecondary{
							width: 200px;
							float: left;
							margin: 2px 0px 0px 0px;								
						}	
		

				#mainWrapper{
					width: 730px;
					float: right;
					display: inline;
					margin: 0px 0px 0px 0px;
				
				}	


						#contentWrapper{
							width: 500px;
							float: left;
							display: inline;
							margin: 0px 0px 0px 0px;
						
						}	

								#heading{
									width: 460px;
									height: 53px;
									clear: both;
									float: left;
									display: block;
									margin: 0px 10px 0px 10px; 
									position: relative;
								}	
		
								#content{
									width: 440px;
									clear: both;
									float: left;
									display: block;
									margin: 20px 20px 0px 20px;
									padding: 0px 0px 0px 0px;
										
								}	
	
	
								#enquiry{
									width: 440px;
									float: left;
									margin: 40px 20px 10px 20px;
									padding: 10px 10px 10px 10px;
									background-color: #efefef;
									
									   
									
								}	


					#sidebar{				
						width: 220px;
						float: right;
						margin: 70px 0px 0px 0px;						
					}	

                     .sidebarImage{
                        width: 220px;
						float: right;							
						padding: 53px 0px 20px 0px;						
                     }

		#footer
		{
			clear: both;
			width: 980px;
			margin: 50px 0px 0px 0px;
			padding: 10px 0px 0px 0px;
			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 */