html {
	overflow: scroll; /* show scrollbars to prevent funny page jumping between different length pages */
}

body {
	background: #f0eeea url('/images/template/header_bg.png') 50% 0 repeat-x;
	width: 100%;
	padding: 0 0 1em 0; /* alter this if you want to pad the site from the top or bottom */
	text-align: center;
}

/* wrapper to locate page to centre in all browsers */
#wrapper { 
	margin: 0 auto;
	width: 960px; 
	text-align: left;
} 

/* container needed to style containing bars */
#container { 
	float: left;
	width: 960px;
	margin-bottom: 100px;
	}

/* this changes the gap between the home, why etc and the black bar */
#headerBar { 
	float: left; 
	width: 960px;  
	height: 200px;
	margin: 0;
	padding: 0;
}

	#swiftLogo {
		width: 200px;
		height: 151px;
		margin: 20px 0 20px 0;
		float: left;
		text-indent: -9999px;
		background: url('/images/template/logo.png') no-repeat;
	}	

	#pageMenu {
		width: 445px;
		height: 60px;
		list-style-type: none;
		float: right;
		margin: 140px 0 0 0;
		padding: 0;
		background: url('/images/template/menu_loc.gif') no-repeat 5px 52px;
	}
		
		#pageMenu li {
		 line-height: 30px;
		 float: left;
		 margin: 0 0 0 15px;
		 padding: 0;
	     }
		/* This changes the shadow on the Home, Why etc */
		#pageMenu li a {
		 display: block;
		 height: 12px;
		 text-indent: -9999px;
		 }
		
		#homeLink { width: 75px; }
		#homeLink a { background: url('/images/template/menu/home.gif') 0 -12px no-repeat; height: 12px; overflow: hidden; }
		#homePage #homeLink a, #homeLink a:hover { background-position: 0 0; }
		#aboutLink { width: 100px; }
	    #aboutLink a { background: url('/images/template/menu/why.gif') 0 -12px no-repeat; height: 12px; overflow: hidden; }
	    #aboutPage #aboutLink a, #aboutLink a:hover { background-position: 0 0; height: 12px; }
		#servicesLink { width: 100px; }
	    #servicesLink a { background: url('/images/template/menu/services.gif') 0 -12px no-repeat; height: 12px; overflow: hidden; }
	    #servicesPage #servicesLink a, #servicesLink a:hover { background-position: 0 0; height: 12px; }
		#contactLink { width: 90px; }
	    #contactLink a { background: url('/images/template/menu/contact.gif') 0 -12px no-repeat; height: 12px; overflow: hidden; }
	    #contactPage #contactLink a, #contactLink a:hover { background-position: 0 0; height: 12px; }
        

/* This changs the height and width of the black bar with all of the Services in, You need to alter the image size however */	
#sectionMenu {
	float: left;
	width: 940px;
	height: 128px;
	border: 10px solid #1e2225;
	background: url('/images/template/header_bar_bg.png') repeat-x;
	color: #cbc3b7;
	margin-bottom: 20px;
    }
/* This section changes the layout of where Services would appear on the left hand side*/
    #sectionMenu h1 {
     margin: -20px 0 0 0;   
    }
/* This section changes the layout of where the page menus go home, why swift etc.*/	
	#sectionMenu ul {
	 float: left;
	 width: 220px;
	 margin: 5px -10px 0 30px;
	 list-style-type: none;
	 padding: 0;
     }
	
		#sectionMenu ul li {
			line-height: 24px;
		}
		
	#gitBox {
		width: 139px;
		height: 42px;
		margin: 15px 20px 0 -40px;
		float: right;
	}
	
		#gitBox a {
			text-indent: -9999px;
			display: block;
			height: 42px;
			background: url('/images/template/git_spr.png') 0 0 no-repeat;
		}
	
		#gitBox a:hover {
			background-position: 0 -42px;
		}
        
	#qqBox {
		width: 139px;
		height: 42px;
		margin: -10px 20px 0 -20px;
		float: right;
	}
	
		#qqBox a {
			text-indent: -9999px;
			display: block;
			height: 42px;
			background: url('/images/template/qq_spr.png') 0 0 no-repeat;
		}
	
		#qqBox a:hover {
			background-position: 0 -42px;
		}        
        
	#remoteBox {
		width: 139px;
		height: 42px;
		margin: 6px 35px 0 0;
		float: right;
	}
	
		#remoteBox a {
			text-indent: -9999px;
			display: block;
			height: 42px;
			background: url('/images/template/remote_spr.png') 0 0 no-repeat;
		}
	
		#remoteBox a:hover {
			background-position: 0 -42px;
		}
		
	#logBox {
		width: 139px;
		height: 42px;
		margin: 10px 35px 0 0;
		float: right;
	}
	
		#logBox a {
			text-indent: -9999px;
			display: block;
			height: 42px;
			background: url('/images/template/log_spr.png') 0 0 no-repeat;
		}
	
		#logBox a:hover {
			background-position: 0 -42px;
		}


#mainWrapper {
	width: 960px;
	float: left;
	background: #fff;
}

	/* comment in a bar if you need it, remembering to amend the mainBar width */
	/*
	#leftBar { 
		display: block;
		width: 212px;
		float: left; 
		margin: 0;
		padding: 0;
		background: #fee;
	}
	*/

	#mainBar { 
		display: block;
		width: 720px; 
		float: left; 
		margin: 0 0 50px 0;
		padding: 0;
	}
	
	
	
	
	
	
		 #contactcolOne {
			float: left;
			width: 360px;
			margin: 0;
			}
			
		#contactcolTwo {
			background: #e6e2da;
			float: left;
			width: 360px;
			margin-top: 10px;
			}
		
			#contactcolTwo label {
				float: left;
				width: 130px;
				margin: 2px 10px 0 -25px;
				text-align: right;
				}
			
			#contactcolTwo input {
				margin: 2px 0 15px 0;
				width: 200px;
				}
				
			#contactcolTwo fieldset {
				margin-top: 10px ;
				}
				
			#contactcolTwo textarea {
				width: 200px;
				height: 100px;
				}
			
			#contactcolTwo .fld_submit {
				background: url(/images/template/submit.gif) no-repeat;
				cursor: pointer;
				width: 105px;
				height: 35px;
				border: 0;
				color: #fff;
				font-size: 1.4em;
				}
				
		
		#rightBar .top, #rightBar .serviceTop  {
			width: 220px;
			height: 20px;
			float: right;
			background-image: url('/images/template/tw_header.png');
		}
		
		#rightBar .mid, #rightBar .serviceMid{ 
			display: block;
			width: 220px;
			float: right;
			color: #cbc3b7;
			background-image: url('/images/template/tw_bg.png');
			padding-bottom: 5px;
		}
		
		#rightBar .serviceBot {
			width: 220px;
			height: 20px;
			float: right;
			background-image: url('/images/template/sw_footer.png');
			background-repeat: no-repeat;
		}
			#rightBar h2 {
				font-size: 1.6em;
				font-weight: normal;
				margin: 10px 20px;
			}
		
			#rightBar p {
				margin: 10px 20px;
			}
			
			#rightBar .tw_sep {
				margin: 0;
				padding: 0;
				height: 1px;
				width: 220px;
				background: url('/images/template/tw_sep.png');
				background-repeat: no-repeat;
				margin: 0 0;
			}
			
		#rightBar .bot {
			width: 220px;
			height: 52px;
			float: right;
			background-image: url('/images/template/tw_footer.png');
		}
		
			#rightBar .bot a {
				display: block;
				height: 52px;
				text-indent: -9999px;
			}
	
	#quoteBar {
		width: 960px;
		float: left;
	}
	
		#quoteBar .page_sep {
			
		}
	

#footerBar {
	position: fixed;
	clear: left;
	width: 960px;
	height: 40px;
	text-align: center;
	color: #928e8a;
	background-image: url('/images/template/footer_bar.png');
	padding: 0;
	bottom: 0;
	left: 50%;
	margin-left: -480px;
}