/* TWO COLUMN LAYOUT */

body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	}
#main_wrapper {
	width:900px; /* widths of columns will change proportionately as this width is changed */
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	text-align:left; /* resets the centering hack for IE6 on the body tag */
}

#main_wrapper_inner{margin:10px;}

#header{
	height:155px;
	margin-bottom:2px;
	}

/************* --- COMMON STYLES APPLIED TO ALL INNER SELECTORS ----*************/
#header_inner, #content_inner, #nav_inner{
	overflow:hidden; /* clips oversize elements that would otherwise expand divs and break the layout */
	}
#header_inner { 
	padding:0px; /* creates space between the box  and the content */
	}
	
#header_inner  #logo{ 
	width:366px; /* creates space between the box  and the content */
	float:left;
	height:125px;
	}

#header_inner #headerImg{ 
	width:272px; /* creates space between the box  and the content */
	float:left;
	height:125px;
	margin-left:242px;
	
	}

#header_inner  #topLinks{ 
	margin-top:10px;
	height:20px;
	border-top:1px dotted #cacaca;
	border-bottom:1px dotted #cacaca;
	
}

#header_inner  #topLinks ul{ 
	list-style-type:none;  /* no bullet points*/
}	

#header_inner  #topLinks ul li{ 
	display:inline;        /* create horizontal menu items */
	margin-right:10px;
	}	
#content {
	width:600px;; /* this width + content width must total 100% */
	float:left; /* floats on nav and content divs make them sit side by side */
	margin-top:0px; 	
	}
	
#content_inner { 
	margin-top:15px;  
}
	

#content #content_inner #banner{margin-bottom:10px;}

#content #content_inner .step1 {float:left; margin-bottom:10px; width:194px; height:200px;}

#content #content_inner .step1 .text {margin-top:98px; width:96%; margin-left:auto; margin-right:auto;}


#content #content_inner .step2{float:left; margin-bottom:10px; width:194px; height:200px; margin-left:9px;}

#content #content_inner .step2 .text{margin-top:98px; width:96%; margin-left:auto; margin-right:auto; }


#content #content_inner .step3{float:left; margin-bottom:10px; width:194px; height:200px; margin-left:9px;}

#content #content_inner .step3 .text{margin-top:98px;width:96%; margin-left:auto; margin-right:auto;}



#content #content_inner .services{float:left; width:100%;}
#content #content_inner .services #service_inner{margin-top:10px;}

#content #content_inner .aboutUs{float:left; width:100%;}
#content #content_inner .aboutUs #aboutUs_inner{margin-top:10px;}



#content h1{height:16px; padding:3px;}

#nav {
	float:left; /* floats on nav and content divs make them sit side by side */
	width:272px;; /* this width + nav width must total 100% */
	margin-left:8px;
	}
	
#nav_inner {
	padding-top:15px;  
	padding-bottom:15px;
}
	
#nav #nav_inner .postCode{float:left; margin-bottom:10px; height:173px; width:272px; position:relative;}
#nav #nav_inner .postCode .textBox{position:absolute; top:130px; left:90px;}
#nav #nav_inner .postCode .btn{position:absolute; top:128px; left:180px;}	
#nav #nav_inner .copyHolder{float:left; margin-bottom:10px;}
	
	
#nav #nav_inner ul { list-style-type:none; }


#nav_inner #basket{float:left; margin-top:10px; margin-left:15px; }

#nav_inner #navLinks{float:left; margin-top:15px;}
	
	
#footer {
	clear:both; /* makes the footer sit below whichever column is longest */
	
}


#footer_inner {
	padding:.5em 1em; /* creates space between the box and the content */
	text-align:center;
}

#footer_inner ul {
	  list-style-type:none /* no bullet points */
}

#footer_inner ul li {
	 display:inline /* create horizontal links */
}