/* CSS Document */

/* Global Styles
--------------------------------------------------------------- */

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

body, html {
	min-height: 101%;
}

body {
	text-align: left;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background: #fff;
	margin: 0px;
	background: url(../../images/layout/body-bg.png) top repeat-x #fff;
}

	body#index,
	body#other {
		background: url(../../images/layout/index-body-bg.png) top repeat-x #fff;	
	}

a:link, a:visited, a:focus {
	color: #0000FF;
	text-decoration: underline;
	outline: none;
}

a:hover, a:active {
	color: #000;
	text-decoration: underline;
}

a img {
	border: none;
}

/* H1/H2/H3 Styles
--------------------------------------------------------------- */

h1 {
	font-size: 2.6em;
	font-weight: normal;
	color: #8b7917;
}

h2 {
	font-size: 2.0em;
	font-weight: normal;
	color: #8d8d8d;
}

h3 {
	font-size: 1.8em;
	font-weight: normal;
	color: #8d8d8d;
}

/* Container Styles
--------------------------------------------------------------- */

#outerContainer {
	width: 100%;
	float: left;
}

#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	font-size: 1.2em;
}

	#contentContainer {
		width: 960px;
		padding: 587px 0px 0px 0px;
	}
	
	#index #contentContainer,
	#other #contentContainer {
		width: 960px;
		padding: 690px 0px 0px 0px;
	}
	
/* Main Styles
--------------------------------------------------------------- */

		#main {
			float: left;
			width: 560px;
			padding: 0px 40px 10px 40px;
		}
		
			#main p {
				margin: 10px 0px 10px 0px;
				font-size: 1.2em;
				line-height: 23px;
			}
			
			#contact #main ul {
				padding: 3px 0px 3px 5px;
				
			}
			
			#main ul {
				font-size: 1.2em;
				padding: 3px 0px 3px 25px;
				
			}
			
				#main ul li {
					padding: 4px 0px;
				}
				
			#gallery #main {
				width: 880px;	
			}
			
			#main-gallery-cta {
				width: 530px;
				height: 77px;
				padding: 43px 0px 0px 30px;
				float: left;
				margin: 10px 0px 10px 0px;
				background: url(../../images/layout/main-gallery-cta.jpg) no-repeat;
			}
			
				#main-gallery-cta a {
					color: #81753a;
					font-size: 2.2em;
					text-decoration: none;
				}
				
				#main-gallery-cta a:hover {
					color: #5b2467;
				}
				
	#main .quote {
		background: #F4F1EC url(../../images/layout/quote-open.jpg) no-repeat left top;
		margin: 20px 0px;
		width: 590px;
		display: inline-block;
	}
	
		#main .quote p {
			padding: 5px 55px;
			color: #C9BDA3;
			margin: 5px;
			display: block;
			float: left;
		}
		
		#main .quote p.end-quote {
			background: url(../../images/layout/quote-close.jpg) no-repeat right bottom;
			color: #8B7917;
		}
			
/* Sidebar/CTA Styles
--------------------------------------------------------------- */
		
		#sidebar {
			width: 320px;
			float: right;
			padding: 0px 0px 10px 0px;
		}
			
			#vintage-cars #sidebar a#gallery-sb-cta,
			#baby-bentley #sidebar a#gallery-sb-cta,
			#bentley-s2 #sidebar a#gallery-sb-cta,
			#rolls-royce-shadow #sidebar a#gallery-sb-cta,
			#rolls-royce-silver-cloud #sidebar a#gallery-sb-cta {
				display: none;
			}
			
			#sidebar a#gallery-sb-cta {
				width: 320px;
				height: 75px;
				float: left;
				background: url(../../images/layout/gallery-sidebar-cta-bg.jpg) no-repeat;
				padding: 205px 0px 0px 0px;
				color: #81753a;
				font-size: 2.4em;
				text-align: center;
				text-decoration: none;
				border-bottom: 12px solid #fff;
			}
			
				#sidebar a#gallery-sb-cta:hover {
					color: #5b2467;
				}
					
			#tel-sb-cta {
				width: 320px;
				height: 56px;
				float: left;
				background: url(../../images/layout/tel-sidebar-cta-bg.jpg) no-repeat;
			}
			
				#tel-sb-cta p {
					font-family: Georgia, "Times New Roman", Times, serif;
					color: #eee6b8;
					text-align: right;
					font-size: 2.4em;
					padding: 10px 40px 0px 0px;
				}
				
#sidebar-tick-cta {
		width: 300px;
		height: 279px;
		float: left;
		display: inline;
		margin: 12px 0px 0px 7px;
		padding:0px 0px 20px 0px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.5em;
		color: #786c2f;
		background: url(../../images/layout/sidebar-tick-cta-bg.jpg) no-repeat;
	}
	
		#sidebar-tick-cta ul {
			float:left;
			padding:15px 10px 0px 10px;
			}
			
			#sidebar-tick-cta ul li {
				float:left;
				list-style:none;
				background: url(../../images/layout/tick.jpg) center left no-repeat;
				padding:7px 0px 7px 50px;
				}
				
		#sidebar-tick-cta img.phonebook {
			float:left;
			padding:0px 0px 0px 20px;
			margin:0px;
			}		
	
		#sidebar-tick-cta p.hbar-cta-tag {
				float: left;
				width:200px;
				color: #a99d57;
				padding: 5px 0px 0px 5px;
				display:block;
			}
			
			#sidebar-tick-cta p.hbar-cta-tel {
				float: left;
				width:200px;
				color: #8e7900;
				padding: 0px 0px 0px 5px;
				font-size: 1.5em;
			}		
			
		#sidebar #sidebar-villa-cta {
			float:left;
			background: #ccc;
			width:290px;
			height:95px;
			display:inline;
			margin-left:7px;
			padding:5px 0px 20px 10px;
			background:url(../../images/layout/sidebar-villa-cta.jpg) no-repeat;
			}		
			
			#sidebar #sidebar-villa-cta p {
				float:left;
				padding:0px;
				width:290px;
				font-size:1.9em;
				color: #000;
				}	
				
				#sidebar #sidebar-villa-cta a {
					float:right;
					padding:10px 10px 0px 0px;
					color: #0000FF;
					font-size:1.5em;
					text-decoration:none;
					}
					
					#sidebar #sidebar-villa-cta a:hover {
						color: #FF0000;
						}

/* Header Styles
--------------------------------------------------------------- */

#header {
	width: 960px;
	height: 145px;
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0px;
}

	#logo {
		width: 390px;
		height: 145px;
		float: left;
	}
	
	#cta-top-right {
		height: 120px;
		float: right;
		padding: 25px 0px 0px 0px;
		font-family: Georgia, "Times New Roman", Times, serif;
	}
	
		#cta-top-right p {
			text-align: right;
			font-size: 2.2em;
			color: #a28b18;
			line-height: 1.1em;
		}
		
			#cta-top-right p span {
				text-transform: uppercase;	
			}
	
		#cta-top-right p.phone {
			color: #7e2a91;
			font-size: 3.2em;
			letter-spacing: -1.5px;
		}


#starburstCTA {
	position:absolute;
	z-index:100;
	top:360px;
	left:20px;
	margin:0px;
	padding:0px;
	background:url(../../images/layout/starburstCTA.jpg) top left no-repeat;
	width:226px;
	height:169px;
	}


#index #starburstCTA,
#other #starburstCTA {	
	top:350px;
	left:0px;
	}
	
	#starburstCTA p {
		position:absolute;
		padding:0px;
		font-size:1.4em;
		color: #592266;
		}
		
		#starburstCTA p.discount {
			padding:10px 0px 0px 12px;
			font-size:2.4em;
			}
			
		#starburstCTA p.for-all {
			padding:45px 0px 0px 12px;
			font-size:1.2em;
			}	
			
		#starburstCTA p.year {
			padding:58px 0px 0px 10px;
			font-size:2.6em;
			color: #873699;
			}	
			
			#starburstCTA p.callnow {
				padding:98px 0px 0px 12px;
				font-size:1.2em;
				}
				
				#starburstCTA p.phonenumber {
					padding:117px 0px 0px 12px;
					font-size:2.6em;
					color: #873699;
					}

/* Horizontal Navigation Styles
--------------------------------------------------------------- */

#navigation {
	width: 950px;
	height: 125px;
	padding: 0px 0px 0px 10px;
	z-index: 10;
	position: absolute;
	left: 0px;
	top: 158px;
}

	#navigation ul {
		margin: 0px;
		padding: 0px;
	}
	
		#navigation ul li {
			display: inline;
			list-style: none;
		}
			  
			#navigation ul li a {
				height: 26px;
				width: 146px;
				float: left;
				padding: 99px 12px 0px 0px;
				color: #fff;
				text-decoration: none;
				text-align: center;
				font-size: 1.1em;
				font-family: Georgia, "Times New Roman", Times, serif;
			}

				#navigation ul li a.contact-a {
					border-right: none;
				}

				#navigation ul li a:hover {
					color: #000;
				}
					
					#navigation ul li a.vintage-cars-a {
						background: url(../../images/layout/vintage-navLink-bg.jpg) no-repeat;	
					}
					
					#navigation ul li a.baby-bentley-a {
						background: url(../../images/layout/babyBentley-navLink-bg.jpg) no-repeat;	
					}
					
					#navigation ul li a.bentley-s2-a {
						background: url(../../images/layout/bentleyS2-navLink-bg.jpg) no-repeat;	
					}
					
					#navigation ul li a.rolls-royce-shadow-a {
						background: url(../../images/layout/rrShadow-navLink-bg.jpg) no-repeat;	
					}
					
					#navigation ul li a.rolls-royce-silver-cloud-a {
						padding: 99px 0px 0px 0px;
						font-size: 1.0em;
						background: url(../../images/layout/rrSilverCloud-navLink-bg.jpg) no-repeat;	
					}
				
				#navigation ul li ul {
					margin: 0px;
					padding: 0px;
				}
				
					#navigation ul li ul li {
						display: inline;
						list-style: none;
					}
				
						#navigation ul li ul li a {
							float: left;
							height: 25px;
							width: 80px;
							color: #927e15;
							text-decoration: none;
							text-align: left;
							padding: 0px 0px 0px 20px;
							font-size: 1.4em;
						}
		
		#navigation ul li.main-a {
			height: 110px;
			width: 146px;
			float: left;
			padding: 15px 12px 0px 0px;
		}
		
		#navigation ul li.main-a {
			background: url(../../images/layout/navLink-bg.png) no-repeat;	
		}

/* Header Bar Styles
--------------------------------------------------------------- */

#header-bar {
	width: 960px;
	height: 262px;
	position: absolute;
	z-index: 10;
	top: 312px;
	left: 0px;	
	background: url(../../images/layout/hbar-bg.jpg) top left no-repeat;
}

#index #header-bar,
#other #header-bar {
	width: 960px;
	height: 381px;
	position: absolute;
	z-index: 10;
	top: 283px;
	left: 0px;
	background: url(../../images/layout/index-hbar-bg.jpg) no-repeat;
}

	#header-bar img {
		float: right;	
	}
	
	#header-bar p.hbarLine1 {
		color: #a58e18;
		font-size: 3.2em;
		padding: 260px 0px 0px 0px;
	}
	
	#header-bar p.hbarLine2 {
		color: #5b2467;
		font-size: 4.0em;
		padding: 0px 0px 0px 210px;
	}
	
	


/* Footer Styles
--------------------------------------------------------------- */

#outerFooter {
	float: left;
	width: 100%;
	background: url(../../images/layout/footer-bg.png) top repeat-x #fcf7d9;
}

#footer {
	clear: both;
	width: 800px;
	color: #c5b86d;
	margin: 0px auto;
	padding: 50px 0px 10px 0px;
	font-size: 1.2em;
}

	#footer .index-a,
	#footer .contact-a {
		display: none;
	}

	#footer h2 {
		margin: 0px;
		color: #8b7917;
		padding: 5px 5px 10px 5px;
		font-size: 1.3em;
		font-style: italic;
		width: 250px;
	}
		
	#footer li {
		list-style: none;
	}
	
	#footer p, #footer ul {
		margin: 0px;
		padding: 0px;
	}

	#footer a {
		white-space: nowrap;
		color: #c5b86d;
		text-decoration: none;
	}
		
		#footer a:hover {
			color: #cab437;
			text-decoration: underline;
		}

/* Footer Services Styles
--------------------------------------------------------------- */	

	#footer #footer-services {
		float: left;
		width: 280px;
		margin: 0px;
	}
	
		#footer #footer-services ul li {
			float: left;
		}
	
			#footer #footer-services ul li a {
				float: left;
				width: 230px;
				padding: 3px 5px;
				border-bottom: 1px dotted #cab437;
			}
		
/* Footer Areas Styles
--------------------------------------------------------------- */	

	#footer #footer-areas {
		float: left;
		width: 170px;
	}
	
		#footer #footer-areas h2 {
			width: 300px;
		}
	
		#footer #footer-areas ul {
			float: left;
			width: 155px;
		}
	
		#footer #footer-areas ul li {
			float: left;
			width: 125px;
			padding: 3px 5px;
			border-bottom: 1px dotted #cab437;
		}
		
/* Footer Address Styles
--------------------------------------------------------------- */	

	#footer #footer-address {
		float: left;
		width: 170px;
	}
	
		#footer #footer-address h2 {
			width: 170px;
		}
		
		#footer #footer-address p {
			line-height: 20px;
			padding: 3px 5px;
		}
				
/* Footer Help & Advice
--------------------------------------------------------------- */	

	#footer #footer-help {
		float: right;
		width: 165px;
	}
	
		#footer #footer-help h2 {
			width: 155px;
		}
		
			#footer #footer-help ul li {
				float: left;
			}
					
			#footer #footer-help ul li a {
				float: left;
				width: 165px;
				padding: 3px 5px;
				border-bottom: 1px dotted #cab437;
			}
		
		#footer #footer-help p {
			line-height: 20px;
			padding: 3px 5px;
		}
		
		#footer #footer-help .bottomLink {
			margin-bottom: 5px;
		}
		
		
/* Footer Bottom Styles
--------------------------------------------------------------- */	

		#footer #footer-bottom {
		width: 800px;
		float: left;
		margin:10px 0px 0px 0px;
		text-align: center;
	}

/* Float Styles
--------------------------------------------------------------- */

.left, .img-left {
	float: left;
}

	.img-left {
		margin: 10px 10px 10px 0px;
	}

.right, .img-right {
	float: right;
} 

	.img-right {
		margin: 10px 0px 10px 10px;
	}

/* Generic Styles
--------------------------------------------------------------- */

.clearfix {
	clear: both;
}