@charset "utf-8";

/* --- GENERIC HTML OVERRIDES --- */

	body { 	margin:0;	padding:0; height:100%; font-family: arial, helvetica, verdana; font-size: 13px; outline: none; background-color: #fdfde5; }
	h1 { margin: 0; line-height: 42px; font-size: 35px; font-family: Georgia, Times, Arial; color: #1d1e3a; }
	h2 { margin: 0; font-size: 15px; }
	h2.sidebar { background-color: #444561; margin: 2px; padding: 5px; font-size: 12px; font-weight: bold; color: #FFFFFF; }
	p { line-height: 26px; }
	a:active, a:focus { outline: 0; }
	a, a:visited { color: #1D1E3A }
	a:hover { text-decoration: none; }


/* --- MAIN SITE STRUCTURE --- */

	#outer-container { position:absolute; padding:0; height:100%; width: 100%; min-width: 960px; background-image: url(/images/img-header-bg.jpg); background-repeat: repeat-x; }
	#inner-container { position: absolute; padding: 0; margin: 0; width: 100%; min-width: 960px; min-height: 100%; background-image: url(/images/img-footer-bg.jpg); background-position: bottom left; background-repeat: repeat-x; }
	#content-container { width: 960px; height: 100%; margin-left: auto; margin-right: auto; margin-top: 45px; }
	
	#header { background-image: url(/images/img-titlebar-bg.png); height: 52px; padding: 0 40px; color: #f9f9e1; font-family: Georgia, Times; font-size: 32px; }
	#header-title { padding-top: 6px; float: left; }
	#header-contact { float: right; }
	#header-contact-icon { float: left; padding-top: 11px; margin-right: 6px; }
	#header-contact-number { float: left; font-size: 35px; font-family: Times, Georgia, Arial; padding-top: 4px; }
	#footer { text-align: right; margin: 0 40px; padding-top: 10px; padding-bottom: 10px; background-image: url(../images/img-footer-shadow.png); background-repeat: repeat-x; }
	
	#content { background-color: #F2F1C1; background-image: url(/images/img-page-bg.jpg); background-repeat: repeat-y; margin: 0 40px; margin-top: 35px; height: 100%; min-height: 500px; border-left: 1px solid #d4d3aa; border-right: 1px solid #d4d3aa; }
	#content-leftcol { float: left; width: 198px; height: 100%; }
	#content-rightcol { float: left; width: 680px; height: 100%; }
	
	#navigation { background-color: #dddcb8; background-image: url(/images/img-navigation-flowers.jpg); background-repeat: no-repeat; background-position: bottom right; margin: 10px; border: 1px solid #c3c3ac; }
	#navigation ul { list-style: none; margin: 10px 10px; padding: 0; }
	#navigation li { margin-bottom: 8px; }
	#navigation a, #navigation a:visited { text-decoration: none; color: #1D1E3A; font-weight: bold; padding: 3px; }
	#navigation a:hover { background-color: #454662; color: #FFFFFF; }
	
	#fleet-slideshow {   }
	#fleet-slideshow-title { background-image: url(../images/img-fleetslideshow-bg.jpg); height: 38px; color: #f9f9e1; font-family: Georgia, Times, Arial; font-size: 20px; text-align: center;  line-height: 38px; }
	#fleet-slideshow-cars { height: 95px; }
	
	#page { background-color: #FFFFFF; border-left: 1px solid #6c6e98; padding: 20px; height: 100%; }


/* --- CARS SLIDESHOW --- */

	#SlideItMoo_outer {  
		width:680px; 
		display:block; 
		position:relative; 
	}
	
	/* the width is set to show the number of thumbnails that will be visible */
	#SlideItMoo_inner{ 
		position:relative ; 
		overflow:hidden ; 
		width:680px ; /* set a display width to make the slider look good in case js is disabled */
	}
	/* the thumbnails container; set a width on it so everything will be fine */
	#SlideItMoo_items { 
		display:block; 
		position:relative; 
	}
	/* single element design */
	#SlideItMoo_items div.SlideItMoo_element { 
		display:block; 
		position:relative; 
		float:left; 
		font-size:11px; 
		width:136px; 
		text-align:center; 
		color:#FFFFFF;
	}


/* --- LIGHTBOX --- */

	.black_overlay{
		display: none;
		position: absolute;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
		background-color: black;
		z-index:1001;
		-moz-opacity: 0.6;
		opacity:.60;
		filter: alpha(opacity=60);
	}
	 
	.white_content {
		display: none;
		position: absolute;
		top: 	100px;
		left: 25%;
		width: 50%;
		height: 375px;
		border: 1px solid #D4D3AA;
		background-color: white;
		z-index:1002;
		overflow: auto;
	}


/* --- GENERIC CLASS OVERRIDES --- */
	
	.fll { float: left; }
	.flr { float: right; }
	.b { font-weight: bold; }
	.i { font-style: italic; }
	.u { text-decoration: underline; }
	.c { clear: both; line-height: 0; }
	
.tip {
	background-color: #F2F1C1;
	border: 1px solid #444561;
	width: 210px;
}

.tip-title {
	color: #FFFFFF;
	background-color: #454662;
	font-size: 20px;
	padding: 5px;
}

.tip-text {
	color: #444561;
	padding: 5px;
}

.car-row { margin-bottom: 10px; border: 1px solid #1d1e3a; }
.car-thumbnail { float: left; margin: 0px; }
.car-details { float: left; width: 75%; margin: 5px 0 0 10px; }
.car-name {  color: #1d1e3a; font-size: 14px; font-weight: bold; }
.car-link { height: 25px; text-align: right; line-height: 25px; clear: both; background-image: url(/images/img-car-row-details-bg.jpg); background-repeat: no-repeat; text-align: center; }
.car-link a, .car-link a:visited { color: #FFFFFF; padding: 2px 5px; margin-right: 5px; text-decoration: none; font-weight: bold; }
.car-link a:hover { background-color: #DDDCB8; color: #444561; }
.view-all-cars-link { border: 1px dashed #454662; background-color: #fcfab2; text-align: center; padding: 10px; }
.view-all-cars-link:hover { background-color: #DDDCB8; cursor: pointer; }
.view-all-cars-link a, .view-all-cars-link a:visited { color: #454662; font-weight: bold; text-decoration: none; font-size: 14px; }
.view-all-cars-link a:hover { text-decoration: none; }
.car-name-h1 { color: #f9f9e1; font-family: Georgia, Times, Arial; font-size: 20px; }
a.car-action-links, a.car-action-links:visited { text-decoration: none; padding: 5px 5px 2px 5px; font-weight: bold; }
a.car-action-links:hover { background-color: #DDDCB8; }
.booked-car-row { height: 50px; padding: 4px; }
.booked-car-row:hover { background-color: #CDCDCD; }
h2.bookings { border-bottom: 1px solid; padding-bottom: 5px; }
.testimonial { margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid; }
.message-preview { border: 1px dashed; padding: 10px; margin-top: 20px;}

/* --- GENERIC ID OVERRIDES --- */

	#map { width: 280px; height: 240px; margin-top: 60px; overflow: hidden; border: 1px solid; float: right; }
	#sitemap ul { margin: 0; padding: 0; list-style: none; }
	#sitemap li { list-style: none; margin-bottom: 10px;}
	#sitemap-cars li { padding-left: 40px; }
	#italic-footer { margin-top: 4px; }
	#italic-footer p { font-size: 11px; font-style: italic; margin: 0; padding: 0; line-height: 12px; }	
	
/* --- CUSTOM MARGINS --- */

	.marb5 { margin-bottom: 5px; }
	.marb10 { margin-bottom: 10px; }
	.marb20 { margin-bottom: 20px; }
	.marb50 { margin-bottom: 50px; }
	.marb100 { margin-bottom: 100px; }
	
	.mart2 { margin-top: 2px; }
	.mart20 { margin-top: 20px; }
	
	
/* --- CUSTOM PADDINGS --- */

	.pad20 { padding: 20px; }