/*

Turners Commercials - Pages Stylesheet
Handwritten by Oliver Coningham (AztecMedia.eu)
http://www.turnerscommercials.co.uk/

*/

																					/* ------------ Home ------------ */

#home #nav { 
	background: url('../images/nav-bg.jpg') no-repeat 0 0; 
	}

#home #nav-home a { 
	background: url('../images/nav-home.gif') no-repeat 0 0; 
	}
#home #nav-about a { 
	background: url('../images/nav-about.gif') no-repeat 0 0; 
	}
#home #nav-products a { 
	background: url('../images/nav-products.gif') no-repeat 0 0; 
	}
																					
#home #content { 
	background: url('../images/content-bg.gif') repeat-y 0 0;
	}

#home #content-inner {
	background: url('../images/content-inner-bg.gif') no-repeat bottom left;
	}

#home #content ul {
	margin: 0;
	}

#home #content ul li {
	list-style: none;
	}
		
#home #content #content-1 {
	float: left;
	padding: 0 20px;
	width: 190px;
	}
																			
#home #footer {
	background: url('../images/footer-bg.jpg') no-repeat 0 0;
	}
	
#home #nav-home a, 
#home #nav a:hover {
	background-position: 0 -67px;
	}


																					/* ------------ Products ------------ */

#content #copy #product-links {
	height: 222px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 460px;
	}

#content #copy #product-links li {
	float: left;
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	}

#product-links a {
	display: block;
	float: left;
	height: 100px;
	text-indent: -25000px;
	width: 220px;
	}

#product-couplings,
#product-air {
	width: 240px;
	}
#product-couplings a {
	background: url('../images/product-couplings.jpg') no-repeat 0 0;
	}
#product-air a {
	background: url('../images/product-air.jpg') no-repeat 0 0;
	}
#product-drawbeams a {
	background: url('../images/product-drawbeams.jpg') no-repeat 0 0;
	}
#product-under a {
	background: url('../images/product-drawbars.jpg') no-repeat 0 0;
	}
	
#product-links a:hover {
	background-position: 0 -100px;
	}

#products #nav { 
	background: url('../images/nav-bg.jpg') no-repeat 0 0; 
	}

#products #nav-home a { 
	background: url('../images/nav-home.gif') no-repeat 0 0; 
	}
#products #nav-about a { 
	background: url('../images/nav-about.gif') no-repeat 0 0; 
	}
#products #nav-products a { 
	background: url('../images/nav-products.gif') no-repeat 0 0; 
	}
																					
#products #content { 
	background: url('../images/content-bg.gif') repeat-y 0 0;
	}
	
#products #content-inner {
	background: url('../images/content-inner-bg.gif') no-repeat bottom left;
	}

#products #content #content-1 {
	float: left;
	padding: 0;
	width: 230px;
	}
																			
#products #footer {
	background: url('../images/footer-bg.jpg') no-repeat 0 0;
	}
	
#products #nav-products a, 
#products #nav a:hover {
	background-position: 0 -67px;
	}
	
#products #content #subnav {
	float: right;
	margin-top: 32px;
	text-indent: -25000px;
	width: 215px;
	}
	
#products #content #subnav a {
	display: block;
	height: 30px;
	width: 215px;
	}
	
#subnav-couplings a { background: url('../images/subnav-couplings.png') no-repeat 0 0; }
#subnav-air a { background: url('../images/subnav-air.png') no-repeat 0 0; }
#subnav-drawbeams a { background: url('../images/subnav-drawbeams.png') no-repeat 0 0; }
#subnav-under a { background: url('../images/subnav-under.png') no-repeat 0 0; }
#subnav-mfc a { background: url('../images/subnav-mfc.png') no-repeat 0 0; }

#products #content #subnav a:hover {
	background-position: 0 -30px;
	}

#products #content #subnav a.selected {
	background-position: 0 -60px;
	}


																					/* ------------ Photos ------------ */

#photos #copy { 
	width: 690px; 
	}	


																					/* ------------ Contact Us ------------ */

#contact #content-1 { 
	width: 335px; 
	}

#contact #copy { 
	width: 335px; 
	}
	
#contact #contact-form div {
	margin-bottom: 5px;
	}

#contact #contact-form p {
	margin-top: 10px;
	}

#contact #contact-form label {
	display: block;
	float: left;
	width: 100px;
	}
		
#contact #contact-form div,
#contact #contact-form input,
#contact #contact-form textarea {
	vertical-align: top;
	}
	
#contact #contact-form input,
#contact #contact-form textarea {
	background-color: #fff;
	border: 1px solid #ccc;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px;
	width: 220px;
	}
				
#contact #contact-form #submit {
	background: none;
	border: 0;
	float: right;
	height: 33px;
	margin: 0;
	padding: 0;
	width: 134px;
	}
	
#contact #map_canvas {
	margin-bottom: 1.5em;
	}
	
	
																					/* ------------ About Us ------------ */

#about .testimonials { 
	background: url('../images/line.gif') repeat-x 0 0;
	padding-top: 1.5em;
	}