@charset "utf-8";
/*
	SCREEN.480.CSS
	This file loads after screen.320.css and extends the rules in that file.
	Styles in this file are intended to operate from 480px up to 750px before requiring an over-ride.
	
	--------------------------------------------------------------------------------------------------------------------------
	FILE INFO
	Last updated:     2013/04/10
	Last updated by:  Stuart Brown
	----------------------------------------------------------------------------------------------------------------------- */


	.home { /* paper
	  Using a class and not just body because IE8/9 crash hard with respond.js if you use a background-image combined with body selector */
		background-image: url(../images/480/html.jpg);
		background-position: 50% 0px; }
		
	.trikehome { /* twt trikes */
		background-image: url(../images/480/trikesbg.jpg);
		background-position: 50% 0px; }
		
	#site_context {
		height: 1016px; }		
	#site_context .container {
		 /*height: 1016px;*/
		 height: auto;
		}		

	.banner_text {
		width: 80%;
		font-size: 50px; line-height: 60px; }
	h1 {
		/* em fallback */ font-size: 2em;
		font-size: 2rem; line-height: 1.4; }

/* site nav */
	ul.nav {
	position: relative;
	width: 460px;
	height: 50px;
	margin: 0px auto 0;}
	ul.nav a {
		position: absolute; 
		top: 7px; 
		left: 5px;
		width: 110px;
		font-size: 15px;
		margin-top:-20px;
	}
	ul.nav a[href="http://acww.com.au/catalog/index.php?main_page=index&cPath=21"] {
		left: 115px; }
	ul.nav a[href="nnews.html"] {
		top: 7px;
		/*left: 230px;*/
		left: 248px;		
		}
	ul.nav a[href="ncontact.html"] {
		top: 7px; left: 345px; }
	ul.nav a:hover,
	ul.nav a:focus {
		color: #000; text-shadow: 0 1px 1px rgba(255,255,255,.6), 0 0 6px rgba(255,255,255,.9); text-decoration: none; box-shadow: none; outline: none;}
				
/* main_image */
	.main_image{
		position: relative; top: -10;
		width: 460px; 
		height: 500px;
		margin: 0 auto;}
		
		
	.introImage320 {
	height: 0px;}
	.introImage480 {
	height: 490px;}
	.introImage750 {
	height: 0px;}
	.introImage960 {
	height: 0px;}
			
/* About Us section */

	#about_context {
		height: 1800px;   }
	#about_context .container {
		/*height: 1800px;  */
		height: auto;  
	}
	.about_area {
		width: 420px; 
		/*height: 1180px;  */
		height: auto;  
		}
		
/* Contact section */

	#contact_context {
		height: 1900px;   }
	#contact_context .container {
		/* height: 1900px; */ }
	.contact_area {
		position: relative;
		width: 420px; 
		/*height: 1170px;*/
		height: auto;
		margin: 0 auto;  }
	.contactImage480 {
		height: 333px;}
	.contactshowroom {
		height: 333px;}		
		
/* Dunlop Wires section */

	#dunlop_context {
		height: 2210px;   }
	#dunlop_context .container {
		height: 2210px;  }
	.dunlop_area {
		width: 420px; 
		height: 1300px;  }

/* F5000 section */

	#f5000_context {
		height: 1800px;   }
	#f5000_context .container {
		height: 1800px;  }
	.f5000_area {
		width: 420px; 
		/*height: 1180px;  */
		height: auto;  
	}
		
				
/* Fitting section */

	#fitting_context {
		height: 3400px;   }
	#fitting_context .container {
		height: 3400px;  }
	.fitting_area {
		width: 420px; 
		height: 2700px;  }


	.fittingimg {
		height : 180px;}

/* LA Fitting section */

	#lafitting_context {
		height: 3400px;   }
	#lafitting_context .container {
		height: 3400px;  }
	.lafitting_area {
		width: 420px; 
		height: 2700px;  }
		

/* LA Custom Wires section */

	#LAwires_context {
		height: 2310px;   }
	#LAwires_context .container {
		height: 2310px;  }
	.LAwires_area {
		width: 420px; 
		height: 1400px;  }

/* Hubs section */

	#hub_context {
		/*height: 1800px;   */
		height: 1530px;
	}
		
	#hub_context .container {
		/*height: 1800px;  */
		height: auto;  
		}
	.hub_area {
		width: 420px; 
		/*height: 1180px; */
		height: auto; 
	}
		
/* PCD section */

	#PCD_context {
		height: 1910px;   }
	#PCD_context .container {
		height: 1910px;  }
	.PCD_area {
		width: 420px; 
		height: 1270px;  }
		

/* TWT section */

	#twt_context {
		/*height: 1800px;   */
		height: auto;   
	}
	#twt_context .container {
		/*height: 1800px;  */
		height: auto;  
	}
	.twt_area {
		width: 420px; 
		/*height: 1180px;  */
		height: auto;  
	}

/* Trikes section */

	#trikes_context {
		height: 3620px;   }
	#trikes_context .container {
		height: 3620px;  }
	.trikes_area {
		width: 420px; 
		height: 2980px;  }
				
/* summary board */
	.summary-board {
	width: 400px;
	/*height: 310px;*/
	height: auto;
	padding: 40px 40px 0px; }
	
/* lower pic */
	.gold_wheel{
		position: relative;
		width: 260px; 
		height: 240px;
		margin: 0 auto;
		/*padding-top: 0;*/
		padding-top: 25px;
	}

/* lower image */
	.lower_image{
		position: relative;
		width: 470px; 
		height: 240px;
		margin: 0 auto;
		/*padding-top: 0;*/
		padding-top: 40px;
	}


	.specials,
	.menus {
		max-width: 480px; margin: 2em auto;	}

	#news .twitter {
		float:left;
		margin-left: 1em;	}
	.rnli {
		margin-top: 4em;
 }

	#contact .container {
		max-width: 425px;	}

	.footer {
		position: relative;
		width: 450px; 
		/*margin: 0 auto;*/
		margin: 100px auto 0;
		padding-top: 0; }