@import url('reset.css');

/*

		IMPACT MEDIA
		impactbranding.co.uk
		0845 867 6580
		
		Design - J. Coates
		Code - C. Carlton & M. Coates
		
		## COLOURS ##
		
		Dark Purple - #480538
		Light Purple - #9B256A
		Grey - #263032
		
*/

html {
	height:100%; /* leave intact for footer */
}

body {
	margin:0;
	padding:0;
	font:300 14px Trebuchet MS, Arial, Helvetica, sans-serif;
	background-image:url('../images/top-bg.jpg');
	background-repeat:repeat-x;
	background-color:#000000;
	color:#FFFFFF;
	height:100%;
}

#container {
	min-height:100%;
	height:100%;
	position:relative;
}

/* Elements */

a {
	color:#9B256A;
	text-decoration:none;
	
}

a:hover {
	text-decoration:none;
}

h1 {
	font-size:24px;
	margin:0 0 16px 0;
	padding:0;
}

.lpurple {
	color:#9B256A;
	letter-spacing:-1px;
}
.lpurple a {
	color:#9B256A;
	text-decoration:none;
	letter-spacing:-1px;
}
.lpurple a:hover {
	color:#9B256A;
	text-decoration:none;
	letter-spacing:-1px;
}

.purple18 {
	color:#9B256A;
	font-size:18px;
}
.purple18 a{
	color:#9B256A;
	font-size:18px;
	text-decoration:none;
}
.purple18 a:hover {
	color:#9B256A;
	font-size:18px;
	text-decoration:none;
}

.white18 {
	color:#FFFFFF;
	font-size:18px;
}
.white18 a{
	color:#FFFFFF;
	font-size:18px;
	text-decoration:none;
	
}
.white18 a:hover {
	color:#FFFFFF;
	font-size:18px;
	text-decoration:none;
}
.white21 {
	color:#FFFFFF;
	font-size:21px;
}
.white21 a{
	color:#FFFFFF;
	font-size:21px;
	text-decoration:none;
	
}
.white21 a:hover {
	color:#FFFFFF;
	font-size:21px;
	text-decoration:none;
}
.white24 {
	color:#FFFFFF;
	font-size:21px;
}
.white24 a{
	color:#FFFFFF;
	font-size:24px;
	text-decoration:none;
	
}
.white24 a:hover {
	color:#FFFFFF;
	font-size:24px;
	text-decoration:none;
}

/* Header & Menu */

#header {
	width:980px;
	margin:0 auto;
	margin-bottom:14px;
	margin-top:15px;
}

	#header #logo {
		width:490px;
		float:left;
		font-size:34px;
		font-weight:300;
		letter-spacing:-1.4px;
	}
	
		#header #logo a {
			color:#FFFFFF;
			text-decoration:none;
		}
		
		#header #logo a:hover {
			color:#FFFFFF;
			text-decoration:none;
		}
		
		#header #logo strong {
			font-weight:900;
		}
		
		#header #logo em {
			font-size:23px;
			font-style:normal;
		}
	
	#header #tag {
		width:490px;
		float:left;
		text-align:right;
		font-size:18px;
		margin-top:10px;
	}
	
#menu {
	width:980px;
	margin:0 auto;
	background-image:url('../images/menu-bg.jpg');
	background-repeat:no-repeat;
	height:40px;
}

	#menu #links {
		width:800px;
		float:left;
	}
	
		#menu #links li {
			display:inline;
			font-size:14px;
			font-weight:900;
			line-height:40px;
			float:left;
		}
		
		#menu #links li a {
			color:#1E1E1D;
			text-decoration:none;
			padding:11px 10px;
		}
		
		#menu #links li a:hover {
			background-image:url('../images/menu-hover.jpg');
			background-repeat:repeat-x;
			color:#FFFFFF;
			text-decoration:underline;
		}
		
		#menu #links li .on {
			background-image:url('../images/menu-hover.jpg');
			background-repeat:repeat-x;
			color:#FFFFFF;
		}
		
		#menu #links li.left a:hover {
			background-image:url('../images/menu-left-hover.jpg');
			background-repeat:repeat-x;
			color:#FFFFFF;
			text-decoration:underline;
		}
		
		#menu #links li.left .on {
			background-image:url('../images/menu-left-hover.jpg');
			background-repeat:repeat-x;
			color:#FFFFFF;
		}
	
	#menu #number {
		width:170px;
		float:left;
		text-align:right;
		font-size:18px;
		font-weight:900;
		color:#1E1E1D;
		line-height:38px;
		margin-right:10px;
	}

/* Content */

#wrapper {
	width:980px;
	margin:20px auto;
}

#left-slide {
	width:480px;
	min-height:260px;
	background-image:url('../images/home-splash-bg.jpg');
	background-repeat:no-repeat;
	float:left;
	margin-right:20px;
}

	#left-slide .carousel {
		margin:10px;
	}

	#left-slide .overlay-button {
		position:absolute;
		top:10px;
		right:10px;
		z-index:99999;
	}

	#left-slide .overlay-text {
		margin-top:180px;
		padding:10px;
	}
	
		#left-slide h1 {
			font-size:18px;
			font-weight:900;
			margin:0;
		}
		
	#left-slide #navigation ul li {
		margin-top:20px;
		float:left;
		text-align:center;
	}
	
	#left-slide #navigation ul li a {
		display:block;
		background-image:url('../images/left-slide-tab-off.jpg');
		background-repeat:no-repeat;
		height:20px;
		width:115px;
		margin-right:7px;
		line-height:20px;
		color:#FFFFFF;
		text-decoration:none;
		font-weight:900;
		font-size:12px;
	}
	
	#left-slide #navigation ul li a:hover {
		background-image:url('../images/left-slide-tab-on.jpg');
		background-repeat:no-repeat;
	}
	
	#left-slide #home-hire {
		background-image:url('../images/home-hire-bg.jpg');
		background-repeat:no-repeat;
		width:440px;
		height:240px;
		float:left;
		margin-top:20px;
		padding:20px;
		color:#1E1D1E;
	}
	
		#left-slide #home-hire h1, #left-slide #home-hire h2 {
			color:#480538;
		}

/*Home page accordion*/
.haccordion .header, .haccordion .content{
   float: left;
   height: 240px;
  }
  
  .haccordion .header{
  
   font-size:0;
   width:32px;

   background:#273133;

   cursor:pointer;
   margin:0 0 0 0;
   margin-left:10px;
  }
  
  .haccordion .content{
   display: none;
   width: 0px;
   overflow: hidden;
   margin-left:0px;
  }
  
  .haccordion .content p{
   margin-left: 0px;
   }
		
#right-slide {
	width:480px;
	min-height:260px;
	background-image:url('../images/home-splash-bg.jpg');
	background-repeat:no-repeat;
	float:left;
}

	#right-slide #accordion-internal {
		margin:10px;
		width:480px;
		height:240px;
		margin-bottom:25px;
	}

	#right-slide #accordion-internal .accordion-toggle {
		float:left;
		font-size:0;
		width:32px;
		height:240px;
		background:#273133;
		display:block;
		outline:none;
		cursor:pointer;
		margin:0 0 0 0;
		margin-left:10px;
	}
	
	#right-slide #accordion-internal .accordion-toggle-active {
		background-image:url('../images/slider-tab-on.jpg');
	}
	
	#right-slide #accordion-internal .accordion-toggle-content {
		min-height:240px;	/* We need to define a height for the accordion as it stretches the width */
		float:left;	/* This make sure it stays horizontal */
		background-image:url('../images/toggle-bg.jpg');
		background-repeat:no-repeat;
		font-size:12px;
		overflow:hidden;
		max-height:240px;
		width:305px;
	}
	
		#right-slide #accordion-internal .accordion-toggle-content img {
			margin-left:10px;
		}
		
.event {
	width:480px;
	height:80px;
	background-image:url('../images/upcoming-event-bg.png');
	background-repeat:no-repeat;
	margin-bottom:20px;
}

	.event .splash {
		width:295px;
		float:left;
		padding:12px 0 0 10px;
	}
	
	
	
	.event .button {
		width:165px;
		float:left;
		text-align:center;
		padding:25px 0 0 0;
	}
	
#left-content {
	width:700px;
	margin-right:20px;
	float:left;
}

	

	#left-content #our-limos-select {
		width:700px;
		background-image:url('../images/our-limos-select.jpg');
		background-repeat:no-repeat;
		min-height:40px;
		margin-bottom:20px;
	}
	
		#left-content #our-limos-select a {
			color:#FFFFFF;
			text-decoration:none;
			display:block;
		}
		
		#left-content #our-limos-select a:hover {
			color:#FFFFFF;
			text-decoration:underline;
		}
		
		#left-content #our-limos-select .current {
			text-decoration:underline;
		}
		
		#left-content #our-limos-select .limo {
			float:left;
			text-align:center;
			line-height:40px;
		}
		
	#left-content #limo-img-select {
		background-image:url('../images/our-limo-gallery-bg.jpg');
		background-repeat:no-repeat;
		width:300px;
		height:229px;
		float:left;
		margin-right:20px;
		font-size:0;
		padding:10px;
		overflow:hidden;
		margin-bottom:20px;
	}
	
	#left-content #limo-img {
		background-image:url('../images/our-limo-gallery-img-bg.jpg');
		background-repeat:no-repeat;
		float:left;
		width:340px;
		height:229px;
		position:relative;
		padding:10px;
		font-size:0;
		margin-bottom:20px;
	}	
	
	div.slideshow-container {
		position: relative;
		clear: both;
		height:229px; /* This should be set to be at least the height of the largest image in the slideshow */
	}
	
	div.slideshow span.image-wrapper {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
	}

	div.slideshow img {
		float:left;
		vertical-align: middle;
	}
	
	div.slideshow a.advance-link {
		display: block;
		width:340px;
		height:0px; /* This should be set to be at least the height of the largest image in the slideshow */
		line-height: 0px; /* This should be set to be at least the height of the largest image in the slideshow */
		text-align: center;
	}

	#left-content #limo-img a, #left-content #limo-img a:hover {
		margin:0;
		padding:0;
		text-decoration:none;
	}
	
	#left-content #limo-img-select #thumbs ul li {
		float:left;
		margin-right:15px;
		margin-bottom:10px;
	}
	
	#left-content ul#text {
		list-style:disc;
	}

	#left-content ul#text li {
		margin-left:20px;
		padding-left:6px;
	}
	
	
	#left-content h2 {
		font-size:18px;
		margin-bottom:18px;
	}

	#left-content p {
		margin-bottom:20px;
	}
	
	.services ul {
	margin:0px; 
	padding:0px;
	
	}
	
	.services li {
	color:#FFFFFF;
	font-size:18px;
	}
	
	.services li a {
	color:#FFFFFF;
	text-decoration:none;
	}
	
	.services li a:hover {
	color:#9B256A;
	text-decoration:none;
	}
	
#right-quote-form {
	background-image:url('../images/get-quote-bg.jpg');
	background-repeat:no-repeat;
	width:220px;
	float:right;
	padding:20px;
	font-weight:300;
	font-size:12px;
	height:641px;
	overflow:hidden;
}

	#right-quote-form p {
		margin:0;
		padding:0;
	}
	
	#right-quote-form h1 {
		padding:0 0 10px 0;
		margin:0 0 10px 0;
		border-bottom:1px solid #7E0961;
		font-weight:900;
		font-size:24px;
	}
	
	#right-quote-form input, #right-quote-form select {
		width:214px;
		padding:4px 3px;
		margin:5px 0;
		font-weight:300;
		font-size:12px;
		border:none;
	}
	
	#right-quote-form select {
		width:220px;
	}
		
	#right-quote-form .small {
		width:94px;
	}
	
	#right-quote-form .newsletter {
		width:10px;
	}
	
	#right-quote-form .submit {
		background-image:url('../images/get-quote-form-submit.jpg');
		background-repeat:no-repeat;
		font-weight:900;
		font-size:14px;
		color:#FFFFFF;
		width:100px;
		height:27px;
		padding:0;
	}

/*Tag Cloud area*/
.tag18 {
	color:#FFFFFF;
	font-size:18px;
}
.tag18 a{
	color:#FFFFFF;
	font-size:18px;
	text-decoration:none;
	
}
.tag18 a:hover {
	color:#FFFFFF;
	font-size:21px;
	text-decoration:none;
}
.tag21 {
	color:#FFFFFF;
	font-size:21px;
}
.tag21 a{
	color:#FFFFFF;
	font-size:21px;
	text-decoration:none;
	
}
.tag21 a:hover {
	color:#FFFFFF;
	font-size:24px;
	text-decoration:none;
}
.tag24 {
	color:#FFFFFF;
	font-size:21px;
}
.tag24 a{
	color:#FFFFFF;
	font-size:24px;
	text-decoration:none;
	
}
.tag24 a:hover {
	color:#FFFFFF;
	font-size:24px;
	text-decoration:none;
}

/*Location Pages */
#loc-menu {float:left; width:700px; height:40px; line-height:40px; background-image:url('../images/locations-menu-bg.png'); margin-bottom:10px;}
#loc-menu ul { margin:0px; padding:0px;}
#loc-menu li { float:left;  display:inline; line-height:40px;}
#loc-menu li a {color:#1E1E1D; padding:0 10px; display:block; text-decoration:none; color:#FFFFFF; background-image:url('../images/locations-menu-sep.png'); background-repeat:no-repeat; background-position:right;}
#loc-menu li a:hover {color:#FFFFFF;text-decoration:underline;}

#loc-box a {
	color:#FFFFFF;
	text-decoration:underline;
}

#loc-box a:hover {
	color:#FFFFFF;
	text-decoration:none;
}


/*Blog Pages */


	.sidebarnav ul {
	margin:0px; 
	padding:0px;
	
	}
	
	.sidebarnav li {
	color:#FFFFFF;
	font-size:12px;
	}
	
	.sidebarnav li a {
	color:#FFFFFF;
	text-decoration:none;
	}
	
	.sidebarnav li a:hover {
	color:#9B256A;
	text-decoration:none;
	}
	
	.sidebarnav h2 {color:#9B256A; font-size:16px; margin-bottom:5px;}
	
/* Home blog feeds	*/
	.white18 {
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	}
	.white18 a {
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	}
	.white18 a:hover {
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	}

/* Twitter Styling */
		ul#twit-twit, ul#twit-twit ul {
			list-style-type: none;
			padding-left: 0;
			
		}
		
		
		ul#twit-twit {
			width: 190px;
		}
		
		
		ul#twit-twit li ul {
			margin: 6px 0 0 0;
		}
		
		
		ul#twit-twit li {
			margin: 0 0 10px 0px;
			border-top: 0px dashed #ccc;
		}
		
		
		ul#twit-twit li.twit-date {
			font-weight: bold;
			color: #fff;
			border: 0px solid #ccc;
			margin: 10px 0 0 0;
			font-size: 12px;
		}
		
		
		ul#twit-twit li ul li {
			font-weight: normal;
			color: #fff;
			font-size: 12px;
			padding-top: 8px;
		}
		
		
		ul#twit-twit li.twit-alt {
			color: #888;
		}
		
		
		ul#twit-twit li.twit-first {
			color: #800;
		}
		
		
		ul#twit-twit a.twit {
			color: #ddd;
			text-decoration: none;
			border: 0;
		}
		
		
		ul#twit-twit a.twit:hover, ul#twit-twit a.twit:visited:hover {
			color: #600;
		}
		
		
		p.twit-more, li.twit-more {
			text-align: right;
			font-size: 8pt;
			padding: 4px 0 0 0;
		}
		
		
		p.twit-more a.twit-more, li.twit-more a.twit-more {
			color: #fff;
			text-decoration: none;
		}
		
		
		p.twit-more a.twit-more:hover, p.twit-more a.twit-more:visited:hover, li.twit-more a.twit-more:hover, li.twit-more a.twit-more:visited:hover {
			color: #000;
			border-bottom: 0px dashed #600;
		}

/* Footer */

#footer {
	width:100%;
	margin:0 auto;
	background-image:url('../images/footer-bg.jpg');
	background-repeat:repeat-x;
	margin-top:20px;
}

	#footer #footer-internal {
		width:980px;
		margin:0 auto;
	}
	
		#footer #footer-internal h1 {
			color:#9B256A;
			font-size:18px;
			font-weight:900;
			margin-bottom:12px;
		}
		
		#footer #footer-internal a {
			color:#FFFFFF;
			text-decoration:none;
			font-weight:300;
		}
		
		#footer #footer-internal a:hover {
			text-decoration:underline;
		}
	
		#footer #footer-internal #top {
			width:980px;
			margin:0 auto;
			border-bottom:1px solid #1F1E1E;
			padding:20px 0;
		}
		
			#footer #footer-internal #top #quickmenu {
				width:480px;
				float:left;
				margin-right:20px;
			}
			
			#footer #footer-internal #top #areas {
				width:480px;
				float:left;
			}		
		
		#footer #footer-internal #bottom {
			width:980px;
			margin:0 auto;
			border-top:1px solid #151515;
			padding:20px 0;
		}
		
			#footer #footer-internal #bottom h1 em {
				font-size:12px;
			}
		
			#footer #footer-internal #bottom #about {
				width:480px;
				float:left;
				margin-right:20px;
			}
			
			#footer #footer-internal #bottom #social {
				width:480px;
				float:left;
			}
			
		#footer #footer-internal #copy {
			width:980px;
			margin:0 auto;
			border-top:1px solid #151515;
			padding:20px 0;
		}