/* CSS Document */

* {
outline: 0;
text-decoration: none;
vertical-align: top;
}



/* body */

body {
background: url(../graphics/layout/banner.gif) 50% 0 no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
margin: 0;
text-align: center;
}

	.b {
	font-weight: bold;
	}
	
	.red{
	color: #FE2F28;
	}
	
	img {
	border: none;
	}



/* top navigation */

#nav, #footer {
background: #FE2F28;
color: #FE2F28;
font-size : 1.1em;
margin: 98px 0 0;
}

	#nav p, #footer p {
	margin: 0 auto;
	padding: 5px 0 4px;
	text-align: left;
	width: 800px;
	}
	
	#nav a {
	color: #fff;
	float: left;
	height: 35px;
	margin: 0 36px 0 0;
	text-indent: -1000em;
	}
	
		#nav a#nav-home {
		background: url(../graphics/layout/home.gif) no-repeat;
		width: 45px;
		}
	
			#nav a#nav-home:hover {
			background: url(../graphics/layout/home-hover.gif) no-repeat;
			}
	
		#nav a#nav-products {
		background: url(../graphics/layout/products.gif) no-repeat;
		width: 85px;
		}
	
			#nav a#nav-products:hover {
			background: url(../graphics/layout/products-hover.gif) no-repeat;
			}
	
		#nav a#nav-contact {
		background: url(../graphics/layout/contact.gif) no-repeat;
		width: 97px;
		}
	
			#nav a#nav-contact:hover {
			background: url(../graphics/layout/contact-hover.gif) no-repeat;
			}
	
		#nav a#nav-testimonials {
		background: url(../graphics/layout/testimonials.gif) no-repeat;
		width: 111px;
		}
	
			#nav a#nav-testimonials:hover {
			background: url(../graphics/layout/testimonials-hover.gif) no-repeat;
			}
	
	

/* banner */

p#banner {
background: url(../graphics/layout/banner-1.jpg) no-repeat;
border-top: 1px solid #fff;
height: 120px;
margin: 0 auto;
padding: 0;
text-indent: -1000em;
width: 800px;
}



/* content */

#content {
font-size: 1.2em;
line-height: 1.7em;
margin: 0 auto;
padding: 0 0 20px;
text-align: left;
width: 800px;
}



/* panel boxes */

#rightwithnav {
float: right;
width: 620px;
}

ul#leftnav {
float: left;
font-weight: bold;
list-style: none;
margin: 20px 0 0 0;
padding: 0;
width: 160px;
}

#left {
float: left;
width: 580px;
}

#right {
float: left;
margin: 20px 0 0 20px;
width: 200px;
}



/* left navigation */

ul#leftnav li {
background: #fff;
border-bottom: 1px solid #FE9793;
margin: 1px 0;
padding: 5px 7px;
}

	ul#leftnav li.header {
	background: #FE2F28;
	color: #fff;
	}

	ul#leftnav li.alt {
	background: #FFF4F4;
	}
	
		ul#leftnav li a {
		color: #000;
		}
		
			ul#leftnav li a:hover {
			color: #FE2F28;
			}
	

/* main content */

#content h1 {
color: #FE2F28;
font-size: 2em;
line-height: 1.2em;
margin: 0;
padding: 19px 0 0;
}

	#content p {
	margin: 0;
	padding: 14px 0 0;
	}
	
	#content a {
	color: #FE2F28;
	}
	
		#content a:hover {
		color: #000;
		text-decoration: underline;
		}
		
		#content a.dark {
		color: #000;
		}
		
			#content a.dark:hover {
			color: #FE2F28;
			}
		
		#content .large {
		font-size: 1.2em;
		}



/* right side */

#right p {
font-size: .8em;
line-height: 1.2em;
margin: 0;
padding: 0 0 8px;
text-align: center;
}

	#right p img {
	border: 1px solid #ccc;
	margin: 0 0 2px;
	}
	
	
	
/* contact page */

table.opening {
border-collapse: collapse;
border: 1px solid #FE2F28;
margin: 14px 1px 0;
padding: 0;
}

	table.opening thead tr th {
	background: #FE2F28;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 3px 5px;
	text-align: left;
	}
	
	table.opening tbody tr td {
	padding: 0 5px;
	margin: 0;
	}

iframe#map {
border: 1px solid #000;
float: right;
margin: 20px 0 20px 20px;
}



/* image galleries */

table#gallery {
border-collapse: collapse;
margin: 14px 0 0;
padding: 0;
width: 580px;
}

	table#gallery td {
	border: none;
	margin: 0;
	text-align: center;
	}
	
		table#gallery td.tab1 {
		border-right: 1px solid #eee;
		padding: 0 4px 14px 0;
		}
	
		table#gallery td.tab2 {
		border-right: 1px solid #eee;
		padding: 0 4px 14px;
		}
	
		table#gallery td.tab3 {
		padding: 0 0 14px 5px;
		}
	
		table#gallery td img {
		border: 1px solid #ccc;
		}



/* footer */

#footer {
margin: 0;
}

#footer p {
color: #fff;
padding: 6px 5px;
text-align: center;
}

	#footer p a {
	color: #fff;
	margin: 0 10px;
	}

		#footer p a:hover {
		color: #000;
		}



/* enquiry form */

table#contact {
border-collapse: collapse;
border: none;
padding: 0;
margin: 14px 0 0;
}

	table#contact td {
	border-bottom: 1px solid #eee;
	padding: 5px 0;
	margin: 0;
	vertical-align: top;
	}
	
		table#contact td.left {
		border-right: 1px solid #eee;
		margin: 0 5px 0 0;
		}
	
	table#contact input, table#contact textarea {
	background: #fff;
	border: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 3px;
	margin: 0 0 0 5px;
	}
	
		table#contact input.checkbox {
		border: none;
		padding: 0;
		margin: 0 0 0 10px;
		}
		
		table#contact input#submit {
		background: #FE2F28;
		border: none;
		color: #fff;
		font-weight: bold;
		padding: 5px 10px;
		margin: 0;		
		}



/* fixes */

#nav p,
#content {
height: 1%;
}

	html>body #nav p,
	html>body #content {
	height: auto;
	overflow: auto;
	}