@charset "UTF-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
	}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
	background: #000000;
	}

p {
	font-size: 70%;
	line-height: 1.3em;
	}
	
a {
	font-size: 70%;
	line-height: 1.3em;
	}

h1 {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
	margin-bottom: 8px;
	letter-spacing: 0.05em;
	}


h3 {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	color: #CC0000;
	margin-bottom: 8px;
	letter-spacing: 0.05em;
	}
	
h4 {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
	margin-bottom: 4px;
	}
	
ul#nav {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 110%;
	list-style: none;
	margin-top: 27px;
	}
	
	ul#nav li{
	display: inline;
	}
	
	ul#nav li a{
	display: block;
	color: #999999;
	text-decoration: none;
	height: 26px;
	padding-top: 12px;
	text-align: center;
	float:left;
	}
	
	ul#nav li a:hover{
	color: #FF0000;
	}
	
	ul#nav li a.active{
		color: #111111;
		padding-top: 12px;
		width: 132px;
 		height: 26px;
		text-align: center;
		background: url(../images/tab_white.png) no-repeat top;
		}
		
		ul#nav li a.active-short{
		color: #111111;
		padding-top: 12px;
		width: 95px;
 		height: 26px;
		text-align: center;
		background: url(../images/tab_white-short.png) no-repeat top;
		}
		
		
	ul#nav li a.home{
		width: 95px;
		}
		
	ul#nav li a.about{
		width: 95px;
		}
		
	ul#nav li a.garage{
		width: 132px;
		}
		
	ul#nav li a.servicing{
		width: 132px;
		}
		
	ul#nav li a.repair{
		width: 95px;
		}
		
	ul#nav li a.mot{
		width: 95px;
		}
		
	ul#nav li a.alfa{
		width: 95px;
		}
		
	ul#nav li a.fiat{
		width: 95px;
		}
		
	ul#nav li a.contact{
		width: 95px;
		}


/* Tools */

.clear {
	clear: both;
	}
	
.left {
	float: left;
	}
	
.right {
	float: right;
	}
	
.border {
	border: 1px solid #999999;
	}
	
.margin-top {
	margin-top: 3px;
	}
	
.link {
	font-size: 11px;
	color: #CCCCCC;
	text-decoration: underline;
	}
	
.link:hover {
	color: #CC6666;
	}


/* CSS Header Section */

	
div#headerwrap {
	margin: 0 auto;
	background: url(../images/bg_tile.gif) repeat-x bottom #000000;
	height: 135px;
	}
	
	div#header-inner-wrap {
	width: 950px;
	margin: 0 auto;
	padding-left: 25px;
	}
	
		div#header-left {
		width: 630px;
		float: left;
		padding-top: 20px
		}
		
		.logo {
			width: 183px;
			float: left;
			border: 0px;
			}
		
		div#header-right {
		width: 226px;
		float: right;
		padding-top: 20px
		}



/* Body Section */


div#pagewrap {
	width: 975px;
	margin: 0 auto;
	}


	/* Row 1 - Picture and Right Buttons */
	
	div#row1wrap {
		width: 975px;
		height: 210px;
		margin-top: 1px;
		}
		div#row1wrap {
			width: 975px;
			height: 210px;
			background: url(../images/image_red.jpg);
			}
			div#row1wrap-content {
				width: 975px;
				height: 210px;
				background: url(../images/italiancsr_content.jpg);
				}
				
			div#row1wrap-content-2 {
				width: 975px;
				height: 210px;
				background: url(../images/mot_poole_bournemouth.jpg);
				}
				
			div#right-features {
				margin-top: 2px;
				width: 287px;
				height: 207px;
				float: right;
				}
				
				
	/* Row 2 - 3 Larger Text Zones */
		
	div#row2wrap {
		width: 975px;
		margin-top: 2px;
		}
		
		div#row-2-col-1 {
			width: 652px;
			height: auto;
			float: left;
			}
			div#row-2-box-1 {
			width: 265px;
			min-height: 100px;
			padding: 18px 30px 18px 30px;
			float: left;
			background-color: #444444;
			}
			div#row-2-box-1-content {
				width: 593px;
				min-height: 150px;
				padding: 18px 30px 18px 30px;
				float: left;
				background-color: #444444;
				}
				
				div#row-2-box-1-content-2 {
				width: 593px;
				height: 178px;
				padding: 18px 30px 18px 30px;
				float: left;
				background-color: #444444;
				}
				
				div#row-2-box-1-contact {
					width: 220px;
					height: 600px;
					padding: 18px 30px 18px 30px;
					float: left;
					background-color: #444444;
					}
				
				div#row-2-box-1-full {
					width: 915px;
					padding: 18px 30px 18px 30px;
					float: left;
					background-color: #444444;
					}
					
					div#row-2-box-1-full a {
					font-size: 100%;
					color: #FFF;
					}
			
			div#row-2-box-2 {
			width: 264px;
			min-height: 100px;
			float: right;
			padding: 18px 30px 18px 30px;
			background-color: #444444;
			}
			
			div#row-2-box-2-contact {
				width: 309px;
				height: 600px;
				float: right;
				padding: 18px 30px 18px 30px;
				background-color: #555;
				}
				
				div#contact_box_left {
					font-size: 80%;
					color: #111111;
					}
					
					ul#sitemap {
						font-size: 80%;
						color: #FFFFFF;
						list-style: none;
						margin-left: 40px;
						}
					
						.red {
							color: #FF0000;
							}
						
						.notes {
							font-size: 80%;
							}
			
			.arrow-white {
				margin-right: 5px;
				}
			
		div#row-2-col-2 {
			width: 320px;
			height: auto;
			float: right;
			}
			
			
			div#row-2-box-3 {
				width: 260px;
				height: 100px;
				padding: 18px 30px 18px 30px;
				background-color: #444444;
				}
				
				div#row-2-box-3-content {
					width: 250px;
					min-height: 150px;
					color: #FFF;
					padding: 18px 30px 18px 40px;
					background: url(../images/content_panel.jpg);
					}
					
				div#row-2-box-3-content-2 {
					width: 250px;
					height: 178px;
					color: #FFF;
					padding: 18px 30px 18px 40px;
					background: url(../images/content_panel.jpg);
					}
					
					ul#expect {
						font-size: 70%;
						line-height: 18px;
						color: #2e3c43;
						}
						
				div#row-2-box-3-contact {
					width: 300px;
					padding-top: 20px;
					padding-left: 20px;
					height: 616px;
					background-color: #444444;
					}
		
		
	/* Row 3 - 3 Smaller Feature Zones */	
			
	div#row3wrap {
		width: 975px;
		min-height: 90px;
		margin-top: 3px;
		background: #333333;
		padding-bottom: 15px;
		}
		
		div#row-3-col-1 {
			width: 652px;
			float: left;
			}
			
			div#row-3-box-1 {
				width: 306px;
				padding: 15px 10px 0px 10px;
				float: left;
				}
				
				.thumb {
					width: 93px;
					border: 1px solid #999999;
					margin-right: 5px;
					float: left;
					}
				.zone-wrap {
					width: 200px;
					float: right;
					}
			
			div#row-3-box-2 {
				width: 314px;
				padding: 15px 10px 0px 0px;
				float: right;
				}
			
		div#row-3-col-2 {
			width: 320px;
			float: right;
			}
			
			div#row-3-box-3 {
				width: 310px;
				padding: 15px 10px 0px 0px;
				}
		
		
	/* Red Footer Area */	
				
	div#row-footer {
		width: 915px;
		padding: 20px 30px 10px 30px;
		background-color: #663333;
		}
		
		.footer-links {
			list-style-type: none;	
			}
		
			.footer-links li{	
				}
				
				.footer-links li a{
					text-decoration: none;
					font-size: 70%;
					color: #FFFFFF;		
					}
					
					.footer-links li a:hover{
	color: #FFFFFF;
	text-decoration: underline;
						}
		
		
		div#row-footer-col-1 {
			width: 320px;
			float: left;
			}
			div#row-footer-box-1 {
				width: 140px;
				float: left;
				}
				
			div#row-footer-box-2 {
				width: 180px;
				float: right;
				}
			
		div#row-footer-col-2 {
			width: 595px;
			float: right;
			}
			div#row-footer-box-3 {
				width: 180px;
				float: left;
				}
				
			div#row-footer-box-telephone {
				width: 263px;
				float: right;
				}		
				
				.small-text {
					font-size: 70%;
					color: #FFFFFF;
					}
					
				.note-text {
					font-size: 11px;
					color: #aaa;
					}
					
				.red-small {
					font-size: 11px;
					color: #111;
					}
					
				.fields {
					width: 300px;
					margin-top: 2px;
					margin-bottom: 5px;
					height: 20px;
					}
					
				.fields-multiline {
					width: 300px;
					margin-top: 2px;
					margin-bottom: 5px;
					height: 70px;
					}
					
				.fields-small {
					width: 130px;
					margin-top: 2px;
					margin-bottom: 5px;
					height: 20px;
					float: right;
					}
					
					.telephone-spacing {
					margin-top: 5px;
					margin-bottom: 15px;
					}
					.we_accept {
					font-size: 60%;
					color: #996666;
					}
		
		
	/* Credits */		
					
	div#row-credits {
		width: 975px;
		height: 30px;
		padding-top: 8px;
		margin-bottom: 80px;
		font-size: 60%;
		color: #666666;
		}
		
		div#rights {
		width: auto;
		float: left;
		padding-top: 8px;
		font-size: 100%;
		color: #666666;
		}
		
		div#credits a {
		display: block;
		text-decoration: none;
		width: auto;
		float: right;
		padding-top: 8px;
		font-size: 120%;
		color: #666666;
		}
		
		div#creds {
		margin-top: 10px;
		margin-left: 560px;
		width: 277px;
		height: 42px;
		padding: 8px 8px 8px 35px;
		font-size: 90%;
		color: #666666;
		background: url(../images/creds_tag.png);
		}
		
		div#creds a {
		line-height: 20px;
		color: #666666;
		text-decoration: underline;
		}
		
		div#creds a:hover {
		color: #111111;
		}