.clear { clear: both; }

/* Header */

#header-container {

	height: 180px;
	background-color: #1d1d1d;
	margin: 0;
	min-width: 980px;
	
}

#header {

	width: 980px;
	margin: 0 auto;
	position: relative;
	
}

#header h1 {

	float: left;
	width: 327px;
	height: 97px;
	margin: 42px 0 0 0;
	padding: 0;
	
}

#header h1 a {

	display: block;
	width: 327px;
	height: 97px;
	background: url(../images/logo.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	outline: 0;

}

#header nav {

	position: absolute;
	bottom: -41px;
	right: 0;
	
}

#header ul {

	margin: 0;
	padding: 0;
	font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B',helvetica,arial,sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 24px;
	float: right;
	text-transform: uppercase;

}

#header li {

	float: left;
	display: inline-block;
	list-style: none;
	padding: 0 0 0 50px;
	
}

#header li a {

	text-decoration: none;
	color: #fff;
	display: inline-block;
	padding: 0 0 28px 0;
	border-bottom: 5px solid #1d1d1d;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	
}

#header li a:hover { border-bottom: 5px solid #c31818; }

/* MPU */

#mpu-container {

	background: url(../images/mpu-container.gif) repeat-x;
	
}

#mpu {

	width: 980px;
	margin: 0 auto;
	height: 330px;
	background: url(../images/mpu.jpg) no-repeat;
	padding-top: 45px;
	
}

#mpu h2 {

	width: 471px;
	height: 75px;
	background: url(../images/mpu-h2.png) no-repeat;
	text-indent: -9999px;
	margin: 0;
	padding: 0;

}

#mpu h3 {

	width: 525px;
	font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B',helvetica,arial,sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 24px;
	color: #585858;
	letter-spacing: -2px;
	margin: 15px 0 40px;
	
}

#mpu h3 strong {

	font-weight: 500 !important;
	font-size: 30px !important;

}

#mpu .button {

	display: inline-block;
	font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B',helvetica,arial,sans-serif;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 3px;
	font-size: 14px;
	color: #fff;
	background-color: #1d1d1d;
	margin: 0 20px 0 0;
	padding: 15px 30px 10px;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 5px solid #1d1d1d;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	
}

#mpu .get-a-quote { 

	background-color: #c21818; 
	border-bottom: 5px solid #c21818;	

}

#mpu .get-a-quote:hover { border-bottom: 5px solid #a11010;	background-color: #d42020; }
#mpu .find-out-more:hover { border-bottom: 5px solid #000; background-color: #323232; }

/* Content */

#content-container { background-color: #fdfdfd; min-width: 980px; }

#content {

	width: 980px;
	margin: 0 auto;
	background: url(../images/content-top.gif) no-repeat;
	padding: 45px 0 35px;
	
}

#content figure {

	width: 300px;
	float: left;
	margin-right: 40px;
	
}

#content figure.he-man { margin-right: 0; }

#content figure.he-man h4 { background: url(../images/he-man.gif) 100% 0 no-repeat; }

#content figure h4 {

	margin: 0 0 25px;
	padding: 0 0 25px;
	border-bottom: 5px solid #f3f3f3;
	text-transform: uppercase;

}

#content figure h4 strong {

	font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B',helvetica,arial,sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 22px;
	color: #1d1d1d;
	display: block;
	letter-spacing: -1px;	
	padding-top: 5px;
	
}

#content figure h4 span {

	display: block;
	font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B',helvetica,arial,sans-serif;
	font-weight: 500;
	font-style: normal;	
	font-size: 27px;
	color: #c21818;
	letter-spacing: -2px;
	
}

#content figure p {

	font-size: 13px;
	font-family: helvetica,arial,sans-serif;
	color: #595959;
	line-height: 23px;
	
}

#content figure p a {

	font-weight: bold;
	color: #c21818;
	text-decoration: none;
	font-size: 11px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;	
	
}

#content figure p a:hover { color: #1d1d1d; }

.divider { 

	background: url(../images/divider.gif) #fdfdfd 50% 0 no-repeat; 
	height: 13px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	min-width: 980px; 
}

/* Testimonials Container */

#testimonials-container { background-color: #fff; min-width: 980px; }

#testimonials {

	background: url(../images/testimonials.gif) 50% 0 no-repeat;
	width: 980px;
	margin: 0 auto;
	padding-top: 45px;
	
}

#page #testimonials { background: none !important; }


#testimonials figure { 

	margin: 0; 
	height: 120px;
	width: 980px;
	overflow: hidden;
	
}

#testimonials figure h5 {

	margin: 0 0 15px 0;
	padding: 0;
	text-align: center;
	font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B',helvetica,arial,sans-serif;
	font-weight: 500;
	font-style: italic;
	font-size: 22px;
	letter-spacing: -1px;
	
}

#testimonials figure small {

	display: block;
	font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B',helvetica,arial,sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #c21818;
	text-align: center;
	
}

#testimonials ul#logos {

	margin: 0 auto 50px;
	padding: 0;
	width: 685px;
	height: 55px;
	
}

#testimonials ul#logos li {

	list-style: none;
	float: left;

}

#testimonials ul#logos li a {

	display: block;
	height: 55px;
	background: url(../images/logos.gif) no-repeat;
	text-indent: -9999px;
	
}

#testimonials ul#logos li a.peugeot { width: 85px; }
#testimonials ul#logos li a.toyota { width: 105px; background-position: -85px 0 !important; }
#testimonials ul#logos li a.mini { width: 125px; background-position: -190px 0 !important; }
#testimonials ul#logos li a.vauxhall { width: 95px; background-position: -315px 0 !important; }
#testimonials ul#logos li a.toyota { width: 105px; background-position: -85px 0 !important; }
#testimonials ul#logos li a.ford { width: 115px; background-position: -420px 0 !important; }
#testimonials ul#logos li a.citroen { width: 95px; background-position: -535px 0 !important; }
#testimonials ul#logos li a.renault { width: 65px; background-position: -630px 0 !important; }

/* Footer */

#footer-container { background-color: #1d1d1d; min-width: 980px; }

footer {

	height: 130px;
	width: 980px;
	margin: 0 auto;
	
}

footer h5 {

	float: left;
	margin: 30px 0 0 0;
	padding: 0;
	
}

footer h5 a {

	display: block;
	width: 215px;
	height: 73px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/footer-logo.gif) no-repeat;

}

footer div.footer-contact {

	width: 300px;
	float: right;
	text-align: right;
	margin: 30px 0 0 0;
	
}

footer div.footer-contact span {

	display: inline-block;
	width: auto;
	font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B',helvetica,arial,sans-serif;
	font-weight: 500;
	font-style: normal;
	color: #fff;
	line-height: 36px;
	
}

footer span.tel {

	font-size: 36px;
	margin-bottom: 4px;
	letter-spacing: -1px;
	background: url(../images/tel.gif) 0 3px no-repeat;
	padding-left: 42px;
	
}

footer span.email a {

	text-decoration: none;
	font-size: 14px;
	background: url(../images/email.gif) 0 3px no-repeat;
	color: #fff;
	padding-left: 25px;

}

/* Copyright */

#copyright-container { background-color: #141414; min-width: 980px; }

#copyright {

	padding: 25px 0;
	width: 980px;
	margin: 0 auto;
	font-size: 11px;
	color: #8a8a8a;
	text-shadow: 0 -1px #000;
	
}

#copyright span {

	display: block;
	width: auto;
	
}

#copyright span.design-by { float: left; }
#copyright span.design-by a { 

	color: #fff; 
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;	

}

#copyright span.design-by a:hover { text-decoration: none; }

#copyright span.copyright { float: right; text-align: right; color: #dadada; }

/* Generic Page */

#page-container {

	background: url(../images/mpu-container.gif) repeat-x;
	
}

#page {

	width: 980px;
	margin: 0 auto;
	padding-top: 35px;
	
}

#page h2 {

	margin: 0 0 25px 0;
	padding: 0 0 25px 0;
	text-transform: uppercase;
	font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B',helvetica,arial,sans-serif;
	font-weight: 500;
	font-style: normal;
	color: #c21818;
	font-size: 36px;
	border-bottom: 5px solid #f3f3f3;
	text-align: center;

}

/* Pages - Pricing */

.pricing p.intro {

	font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B',helvetica,arial,sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 15px;
	text-align: center;
	line-height: 27px;
	margin: 0 15px 15px;

}

.pricing p.intro a { color: #c21818; font-weight: 500; text-decoration: none; }
.pricing p.intro a:hover { color: #1d1d1d; }

.pricing figure {

	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 230px;
	-webkit-box-shadow: 1px 1px 15px 0px #d6d6d6;
	box-shadow: 1px 1px 15px 0px #d6d6d6; 
	margin-bottom: 20px;
	float: left;
	margin-right: 20px;
	padding: 90px 0 10px; 
	
}

.pricing figure.last { margin-right: 0; }

.pricing figure.ford { background: url(../images/ford.gif) 50% 35px no-repeat; }
.pricing figure.vauxhall { background: url(../images/vauxhall.gif) 50% 25px no-repeat; }
.pricing figure.toyota { background: url(../images/toyota.gif) 50% 25px no-repeat; }
.pricing figure.citroen { background: url(../images/citroen.gif) 50% 25px no-repeat; }
.pricing figure.mini { background: url(../images/mini.gif) 50% 25px no-repeat; }
.pricing figure.peugeot { background: url(../images/peugeot.gif) 50% 25px no-repeat; }
.pricing figure.renault { background: url(../images/renault.gif) 50% 25px no-repeat; }

.pricing figure h5 {

	color: #1d1d1d;
	font-size: 44px;
	margin: 0 0 5px 0;
	text-align: center;
	letter-spacing: -1px;
	font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B',helvetica,arial,sans-serif;
	font-weight: 500;
	font-style: normal;
	padding: 0;
	height: 55px;
	overflow: hidden;
}

.pricing figure h5 small { font-size: 20px !important; }

.pricing figure h4 {

	color: #c21818;
	font-size: 16px;
	margin: 0 0 10px 0;
	text-align: center;
	letter-spacing: -1px;
	font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B',helvetica,arial,sans-serif;
	font-weight: 500;
	font-style: normal;	
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0;

}

.pricing-table {

	padding: 25px 0 5px 0;
	margin: 0 0 30px;
	border-bottom: 5px solid #f3f3f3;
	
}

img.signage-prices { 

	display: block;
	margin: 0 auto 20px;
	
}

.other-services {

	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 15px 0px #d6d6d6;
	box-shadow: 1px 1px 15px 0px #d6d6d6; 
	width: 100%;
	margin-bottom: 30px;
	
}

.other-services th, .other-services td {

	padding: 25px;
	text-align: left;
	border-right: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	height: 50px;

}

.other-services th strong, .other-services td {

	display: block;
	font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B',helvetica,arial,sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 18px;
	color: #1D1D1D;

	
}

.other-services th small {

	color: #c21818;
	font-size: 14px;
	letter-spacing: -1px;
	font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B',helvetica,arial,sans-serif;
	font-weight: 500;
	font-style: normal;	
	letter-spacing: 1px;
	text-transform: uppercase;

}

.other-services td { font-size: 20px; }
.other-services td small { font-size: 14px; }

/* Contact */

.contact-form {

	width: 490px;
	float: left;
	border-right: 1px solid #F3F3F3;
	
}

.contact-map {

	width: 449px;
	padding-left: 40px;
	float: left;
	
}

#contact-form {
	
	width: 440px;
	margin: 0 auto;
	
}

#contact-form p {

	clear: both;
	
}

#contact-form label.label {

	width: 125px;
	float: left;
	font-size: 12px;
	color: #1d1d1d;
	font-family: helvetica,arial,sans-serif;
	padding-top: 5px;
	font-weight: bold;
	
}

#contact-form label.label em { color: #c21818; }

#contact-form .text, #contact-form textarea {

	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #e4e4e4;
	width: 280px;
	padding: 6px 5px;
	text-align: left;
	font-size: 12px;
	-moz-transition: all 1s; 
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	
}

#contact-form textarea { height: 100px; }


#contact-form .text:focus, #contact-form textarea:focus { background-color: #f8f7e3; }

#contact-form .none { display: none; }

#contact-form p.message {

	height: auto !important;
	margin: 0 0 6px 125px;
	color: #1d1d1d;
	font-family: helvetica,arial,sans-serif;
	text-align: left;
	
}

#contact-form p.message small { font-size: 11px; }
#contact-form p.message em { color: #c21818; }

#contact-form label.error {

	display: block;
	color: #c21818;
	font-size: 11px;
	clear: both;
	margin: 10px 20px 0;
	font-style: oblique;
	text-align: right;
	
}

#contact-form .submit {

	display: block;
	font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B',helvetica,arial,sans-serif;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 3px;
	font-size: 14px;
	color: #fff;
	margin: 0 20px 0 0;
	padding: 15px 30px 10px;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	background-color: #c21818; 
	border: 0;
	border-bottom: 5px solid #c21818;	
	margin: 15px 0 45px 125px;
	
}

#contact-form .submit:hover  { border-bottom: 5px solid #a11010;	background-color: #d42020; }

#map-container {

	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 15px 0px #d6d6d6;
	box-shadow: 1px 1px 15px 0px #d6d6d6; 
	width: 409px;
	padding: 20px;
	margin-top: 15px;

}

#map { 

	width: 409px;
	height: 375px;
	
}

/* Services */

.services p, .services ul.default {

	font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B',helvetica,arial,sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 15px;
	line-height: 21px;
	color: #505050;

}

.services p.intro { margin-bottom: 25px; }

.services ul.default li { margin-bottom: 20px; }

.services .he-man { clear: right; float: right; margin-left: 35px; }

.services ul.default a { color: #c21818; font-weight: 500; text-decoration: none; }
.services ul.default a:hover { color: #1d1d1d; }
