@import url("reset.css");
@import url("fancy-box.css");
@import url("404.css");

body
{
	background: #222 url("../images/bg.png") repeat;
	color: #333;
	font-size: 14px;
	padding: 40px 0;
	font-family: "myriad-pro", Arial, Helvetica, sans-serif;
}

/* Misc Styles */

a { color: #5D0000; text-decoration: none; }
a:hover { color: #111; text-decoration: none; }
.preloader { background: url("../images/loader.gif") center center no-repeat; display: inline-block; }
hr { clear: both; margin: 15px 0; padding: 0; border: 0; height: 1px; color: #CCC; background: #CCC; }
img.alignright { float: right; margin: 0 0 10px 15px; }

/* Main Styles */

#container
{
	margin: 0 auto;
	width: 900px;
	padding: 20px;
	background: #FFF;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000;
}

	#container #headercont
	{
		width: 900px;
	}
	
		#container #headercont #headerleft
		{
			position: relative;
			float: left;
			width: 400px;
			height: 120px;
		}
		
			#container #headercont #headerleft h1 a
			{
				position: absolute;
				left: 0;
				text-indent: -9999px;
				width: 400px;
				height: 120px;
				background: url("../images/logo.png") no-repeat top left;
			}
			
				#container #headercont #headerleft h1 a:hover
				{
					background: url("../images/logo.png") no-repeat bottom left;
				}
				
			#container #headercont #headerleft p
			{
				font-weight: normal;
				font-style: italic;
				font-size: 22px;
				color: #AAA;
				letter-spacing: 3px;
				padding: 0 0 30px 0;
				font-family: "adrianne", Georgia, Times New Roman, Times, serif;
			}
		
		#container #headercont #headerright
		{
			float: left;
			width: 500px;
			text-align: right;
		}
		
			#container #headercont #headerright p
			{
				color: #222;
				padding: 40px 0 0 0;
				font-size: 24px;
				font-weight: normal;
				font-style: italic;
				font-family: "adrianne", Georgia, Times New Roman, Times, serif;
			}
			
				#container #headercont #headerright p span
				{
					color: #555;
				}
	
	#container #menucont
	{
		width: 900px;
		height: 46px;
		margin: 0 0 15px 0;
		background: #5D0000 url("../images/bg-menucont.png") repeat-x;
	}
		
		#container #menucont ul li
		{
			display: inline;
		}
		
			#container #menucont ul li a
			{
				float: left;
				padding: 0 15px;
				line-height: 46px;
				color: #FFF;
				font-style: italic;
				font-size: 16px;
				font-family: "adrianne", Georgia, Times New Roman, Times, serif;
				text-shadow: 1px 1px 1px #470000;
			}
				
			#container #menucont ul li a:hover
			{
				background: #880000;
				color: #FFF;
			}
			
				#container #menucont ul li.active a
				{
					background: #440000;
					color: #FFF;
				}
	
	#container #gallerycont
	{
		width: 900px;
		height: 300px;
		margin: 0 0 15px 0;
	}
	
		/*** Fading Gallery Styles **/
	
		#container #gallerycont #slideshow
		{
			position: relative;
			width: 900px;
			height: 300px;
		}
		
		#container #gallerycont #slideshow img
		{
			position: absolute;
			top: 0;
			left: 0;
			z-index: 8;
			opacity: 0.0;
		}
		
		#container #gallerycont #slideshow img.active
		{
			z-index: 10;
			opacity: 1.0;
		}
		
		#container #gallerycont #slideshow img.last-active
		{
			z-index: 9;
		}
	
		/** End Fading Gallery Styles **/
	
	#container #hometitle
	{
		width: 900px;
		background: #FFF;
		border-bottom: 1px dashed #AAA;
	}
	
		#container #hometitle h4
		{
			margin: 0 0 10px 0;
			color: #AAA;
			font-weight: normal;
			letter-spacing: -1px;
			font-style: italic;
			font-family: "adrianne", Georgia, Times New Roman, Times, serif;
			padding: 10px 0;
			font-size: 26px;
		}
	
	#container #maincont
	{
		width: 900px;
		line-height: 25px;
		padding: 15px 0 0 0;
		margin: 0 0 15px 0;
		background: url("../images/bg-maincont.gif") repeat-y;
	}
	
	#container #maincont p { margin: 0 0 15px 0; }
	
	#container #maincont h1, #container #maincont h2, #container #maincont h3, #container #maincont h4, #container #maincont h5 { margin: 0 0 15px 0; color: #333; font-weight: normal; letter-spacing: -1px; font-style: italic; font-family: "adrianne", Georgia, Times New Roman, Times, serif; }
	#container #maincont h1 { font-size: 26px; }
	#container #maincont h2 { font-size: 24px; }
	#container #maincont h3 { font-size: 24px; }
		#container #maincont #mainright h3 { margin: 0 0 20px 0; }
	#container #maincont h4 { font-size: 22px; }
	#container #maincont h5 { font-size: 22px; }
	#container #maincont ul { margin: 0 0 20px 35px; list-style-type: square; }
	#container #maincont ul li { padding: 0 0 0 2px; }
	#container #maincont ol { margin: 0 0 20px 35px; list-style-type: decimal; }
	#container #maincont ol li { padding: 0 0 0 2px; }
	#container #maincont blockquote { font-family: Georgia; font-size: 13px; font-style: italic; background: #181818; border-left: 3px solid #00FFFF; padding: 15px; margin: 0 0 20px 0; }
	
		#container #maincont #mainleft
		{
			float: left;
			width: 610px;
			padding: 0 20px 0 0;
			
			min-height: 500px;
			height: auto !important;
			height: 500px;
		}
		
			#container #maincont #mainleft .areascont
			{
				width: 610px;
				margin: 0 0 20px 0;
				line-height: 25px;
				font-size: 18px;
				font-style: italic; font-family: "adrianne", Georgia, Times New Roman, Times, serif;
			}
			
				#container #maincont #mainleft .areascont .arealeft
				{
					float: left;
					width: 165px;
					text-align: right;
					padding: 0 20px 0 0;
				}
				
				#container #maincont #mainleft .areascont .arearight
				{
					float: left;
					width: 165px;
					padding: 0 0 0 20px;
				}
				
					#container #maincont #mainleft .areascont .arealeft ul, #container #maincont #mainleft .areascont .arearight ul
					{
						margin: 0;
					}
					
					#container #maincont #mainleft .areascont .arealeft ul li, #container #maincont #mainleft .areascont .arearight ul li
					{
						list-style-type: none;
					}
				
				#container #maincont #mainleft .areascont .areacentre
				{
					float: left;
					width: 240px;
					padding: 5px 0 0 0;
				}
			
			#container #maincont #mainleft #contactcont
			{
				width: 610px;
				margin: 0 0 15px 0;
			}
			
				#container #maincont #mainleft #contactcont ul
				{
					list-style-type: square;
					margin: 0 0 15px 20px;
				}
				
					#container #maincont #mainleft #contactcont ul li
					{
						margin: 0 0 0 5px;
					}
			
				#container #maincont #mainleft #contactcont #contactleft
				{
					float: left;
					width: 305px;
				}
				
				#container #maincont #mainleft #contactcont #contactright
				{
					float: left;
					width: 305px;
				}
				
			#container #maincont #mainleft #gallery
			{
				width: 610px;
			}
			
				#container #maincont #mainleft .gallery .imgcont
				{
					float: left;
					width: 180px;
					height: 130px;
					margin-bottom: 20px;
				}
				
					#container #maincont #mainleft .gallery .middle
					{
						margin: 0 20px 20px 20px;
					}
					
			#container #maincont #mainleft .ourcarscont
			{
				width: 610px;
			}
			
				#container #maincont #mainleft .ourcarscont ul
				{
					margin: 0;
				}
			
				#container #maincont #mainleft .ourcarscont ul li
				{
					display: inline;
					float: left;
					list-style-type: none;
				}
				
				#container #maincont #mainleft .ourcarscont ul li a
				{
					float: left;
					width: 170px;
					height: 120px;
					margin: 14px 0 0 0;
					padding: 5px;
					border: solid 1px #EFEFEF;
				}
				
						#container #maincont #mainleft .bottommargin ul li a
						{
							margin: 0 0 15px 0;
						}
				
					#container #maincont #mainleft .ourcarscont ul li.middle a
					{
						margin: 14px 29px 0 29px;
					}
					
						#container #maincont #mainleft .bottommargin ul li.middle a
						{
							margin: 0 29px 15px 29px;
						}
					
				#container #maincont #mainleft .ourcarscont ul li a:hover
				{
					border: solid 1px #CCC;
					-moz-box-shadow: 1px 1px 5px #999;
					-webkit-box-shadow: 1px 1px 5px #999;
					box-shadow: 1px 1px 5px #999;
				}
				
			#container #maincont #mainleft .carpricescont
			{
				width: 610px;
			}
			
				#container #maincont #mainleft .carpricescont .carpricesleft
				{
					float: left;
					width: 400px;
				}
				
				#container #maincont #mainleft .carpricescont .carpricesright
				{
					float: left;
					width: 180px;
					padding: 0 0 0 30px;
				}
		
		#container #maincont #mainright
		{
			float: left;
			width: 250px;
			font-size: 13px;
			padding: 0 0 0 20px;
			line-height: 20px;
		}
		
			#container #maincont #enqstartform
			{
				margin: 0 0 5px 0;
			}
			
				#container #maincont #enqstartform form ul
				{
					list-style-type: none;
					margin: 0;
				}
				
					#container #maincont #enqstartform form ul li input
					{
						margin: 0 0 10px 0;
						padding: 8px 8px;
						width: 232px;
						border: 1px solid #CCC;
						text-shadow: 1px 1px 1px #FFF;
						font-family: "myriad-pro", Arial, Helvetica, sans-serif;
						font-size: 14px;
						background: #EFEFEF url("../images/bg-menucont-links.png") repeat-x;
						color: #555;
						-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
					}
					
						#container #maincont #enqstartform form p
						{
							text-align: right;
							margin: 0;
						}
						
				#container #maincont #mainright .tab
				{
					float: left;
					margin: 0 0 10px 0;
					position: relative;
					width: 250px;
				}
				
					#container #maincont #mainright .tab a
					{
						float: left;
						text-transform: uppercase;
						width: 224px;
						background: #EFEFEF url("../images/bg-menucont-links.png") repeat-x;
						color: #555;
						font-size: 12px;
						z-index: 5;
						line-height: 42px;
						text-shadow: 1px 1px 1px #FFF;
						padding: 0 12px;
						border: 1px solid #CCC;
						-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
					}
					
						#container #maincont #mainright .tab a:hover
						{
							background: #5D0000 url("../images/bg-menucont.png") repeat-x;
							color: #FFF;
							width: 226px;
							border: 0;
							line-height: 44px;
							text-shadow: 1px 1px 1px #470000;
						}
		
	#container #footercont
	{
		clear: both;
		width: 900px;
		padding: 20px 0 0 0;
		text-align: center;
		line-height: 20px;
		font-size: 12px;
		color: #555;
		border-top: 1px dashed #AAA;
	}





/* Button Styles */

a.button
{
	display: inline-block;
	padding: 6px 14px;
	background: #5D0000 url("../images/bg-menucont.png") repeat-x;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-transform: uppercase;
	
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}

	a:hover.button
	{
		background: #111;
		text-decoration: none;
		cursor: pointer;
	}
	
input.button
{
	display: inline-block;
	padding: 6px 14px;
	background: #5D0000 url("../images/bg-menucont.png") repeat-x;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #470000;
	border: 0;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

	input.button:hover
	{
		background: #111;
		text-decoration: none;
		cursor: pointer;
		text-shadow: 1px 1px 1px #000;
	}