/****************************** COLOURS ******************************/
@white: #FFFFFF;
@headerGrey: #F2F2F2;
@lightGrey: #CCCCCC;
@grey: #4A4642;
@darkGrey: #262626;
@black: #000000;
@blue: #1D71BF;

.blueLinks {
	color: @blue;
	&:hover {
		color: @white;
	}	
}

.borderTop {
	border-top: 1px solid @lightGrey;
}
.borderBottom {
	border-bottom: 1px solid @lightGrey;
}
.bordered {
	border: 1px solid @lightGrey;
}
.borderedImg {	
	border-top: 1px solid @lightGrey;
	border-bottom: 1px solid @lightGrey;
}
.borderedLeftCol {
	border: 1px solid @lightGrey;
	border-radius: 0px 8px 8px 0px;
	-moz-border-radius: 0px 8px 8px 0px;
	-webkit-border-radius: 0px 8px 8px 0px;
}

.liNav {
	margin-left: 10px;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	display: inline;	
}

.imgPanel {
	width: 256px;
	height: 259px;
	padding: 20px;
	background: fadeout(@white,10%);
	float: right;	
	h2 {
		margin-bottom: 15px;
	}
}


/****************************** LAYOUT STYLING ******************************/

html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, button {
	margin: 0;
	padding: 0;
}

html, body {
	width: 100%;
	height: 100%;
}

body {
	border: 0;   /* This removes the border around the viewport in old versions of IE */
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;   /* Handy to set the default text size so that 1em=10px */
	line-height: 1.4;
	background: @white;
	color: @grey;
}
#header, #content, #footer {
	padding-right: 170px;
}
.inner {
	width: 900px;
	padding-left: 170px;
	margin: 0 auto;
}

/****************************** DEFAULT STYLING ******************************/

h1, h2, h3 {
	color: @darkGrey;
}

h1 {
	font-size: 1.6em;	
}

h2 {
	font-size: 1.4em;	
	margin-bottom: 15px;
}

h3 {
	font-size: 1.3em;
}

h4, th, dt, legend, .eventName {
	font-size: 1.2em;
}

p, li, td, dd, label, select, input, button {
	font-size: 1.2em;
}

dt, legend, .eventName {
	font-weight: bold;
}

h1, h2, h3, h4, li, dt, legend {
	margin: 0 0 0 0;
}

p, dd {
	margin: 0 0 0.7em 0;
}
 
a {
	padding: 2px 4px;
	text-decoration: none;
	color: @grey;
	outline: hidden;
	&:hover {
		background: @blue;
		color: @white;
		text-decoration: underline;
	}
}

ul li {
	list-style: none;
}

img {
	border: none;
}

/****************************** LAYOUT STYLING ******************************/
#headWrapper {
	width: 100%;
	min-width: 1070px;
	height: 120px;
	background: url("../images/header-bg-fade.png") 0 0 repeat-x;
	position: fixed;
	top: 0px;	
	z-index: 1;	
	#header {
		.borderBottom;
		overflow: hidden;
	
		.inner {
			height: 100px;
			padding-right: 105px;
			margin-right: 105px;
			background: url("../images/header-bg.jpg") 70px 0 no-repeat;
			#ticketline-logo {
				padding-top: 12px;
			
				a { 
					width: 260px;
					height: 51px;
					padding: 0px;
					text-indent: -999em;
					background: url('../images/ticketline-logo.png') 0 0 no-repeat;
					display: block;
				}
			}	
			#ticketware-logo a {
				width: 220px;
				height: 38px;
				margin-top: -44px;
				text-indent: -999em;
				background: url('../images/ticketware-logo.png') 0 0 no-repeat;
				display: block;
				float: right;
			}
			ul.nav {
				.bordered;
				float: right;
				overflow: visible;
				li {	
					margin: 0px;				
					float: left;
					&.listEvents, &.contact, &.about {
						border-right: 1px solid @lightGrey;
					}					
					a {
						width: 115px;
						height: 26px;
						padding: 9px 0px 0px 0px;
						font-size: 1em;
						font-weight: bold;
						text-align: center;
						background: url("/images/header-button.png") 0 0 no-repeat;
						display: block;
						&:hover {
							color: @grey;
							text-decoration: none;
							background: url("/images/header-button.png") 0 -40px no-repeat;
						}
					}
				}
			}			

		}	
	
	}
}

#leftCol {
	width: 130px;
	padding: 0px 7px 5px 10px;
	.borderedLeftCol;
	position: fixed;
	top: 120px;
	left: -1px;	
	background: @white;
	#star-logo {
		a {
			&:hover {
				background: @white;
			}
			img {
				width: 110px;
				margin-top: 40px;
				margin-bottom: -70px;
			}
		}
	}
	h3 {
		margin-top: 16px;
		font-size: 1.2em;
		a {
			padding-left: 0px;
			font-size: 100%;
			&:hover {
				text-decoration: none;
				color: @blue;
				background: none;
			}
		}
	}
	ul {
		margin-left: 7px;
		li {
			margin-top: 5px;
			a {
				padding-left: 0px;
				color: lighten(@grey, 10%);
				&:hover {
					color: @white;
				}
			}
			ul {
				li { 
					font-size: 1em;
				}
			}
		}
	}
	#caseStudiesInner {
		li {
			margin-top: 3px;
			&.subHead, &#workWith a {
				margin: 8px 0px -3px -6px;
				font-size: 1.1em;
				font-weight: bold;
				color: darken(@lightGrey, 10%);
				&#workWith a {
					margin-left: 0px;
					&:hover {
						color: @white;
					}
				}	
			}
			a {
				font-weight: normal;
			}
		}
	}
}

#content {
	height: auto;
	margin: 120px 0px 40px 0px;
	overflow: visible;
	z-index: 0;
	
	ul {
		margin-bottom: 10px;
	}

	#imgRotator {	
		height: 349px;
		.bordered;
		margin-bottom: 27px;
		.coda-slider-wrapper { 
			width: 898px;
			padding: 0px;
			clear: both; 
			overflow: auto;

			.coda-slider { 
				width: 898px;
				height: 300px;
				background: @lightGrey;
				float: left; 
				display: block;
				overflow: hidden; 
				position: relative;

				.panel { 
					width: 900px;
					height: 300px;
					display: block; 
					float: left;
					a {
						&:hover {
							color: @grey;
							background: none;
							text-decoration: none;
						}
					}					
					.panel-wrapper {
						.imgPanel;
					}
				}
				#eventTicketingSlider {
					background: url("/images/slider/360Slider.gif") 0 0 no-repeat; 
				}				
				#boxOfficeSlider {
					background: url("/images/slider/boxOfficeSlider.gif") 0 0 no-repeat; 
					.panel-wrapper { 
						h2 {
							margin-bottom: 5px;
						}
						h3 {
							color: @blue;
						}
					}
				}
				#marketingSlider {
					background: url("/images/slider/marketingSlider.jpg") 0 0 no-repeat; 
				}
				#boxOfficeSlider {
					background: url("/images/slider/boxOfficeSlider.jpg") 0 0 no-repeat; 
				}
				#caseStudiesSlider {
					background: url("/images/slider/caseStudiesSlider.jpg") 0 0 no-repeat; 
				}
				.coda-slider .panel-container { 
					position: relative;
				}
			}
			
			/* Tabbed nav */
			.coda-nav {
				overflow: visible;
				ul { 
					width: 898px !important;
					padding: 0px;
					margin: 0px;
					clear: both; 
					display: block; 
					overflow: hidden;
					li  { 
						margin: 0px;
						display: inline;
						&.tab4 {
							a{
								width: 223px;
								border-right: 0px;
							}
						}
						a { 
							width: 224px;
							height: 34px;
							padding: 15px 0px 0px 0px;
							border-right: 1px solid @lightGrey;
							margin: 0px;
							font-size: 1em;
							font-weight: bold;
			 				text-align: center;
							text-decoration: none;
							background: @white; 
							display: block; 
							float: left; 
							&.current { 
								background: @blue url("/images/nav-button.png") 0 0 no-repeat;
								color: @white;
								ui-state-active
								&:hover { 
									background: @blue url("/images/nav-button.png") 0 0 no-repeat;
									color: @white;
								}								
							}
							&:hover {
								color: @grey;
								background: url("/images/nav-button.png") 0px -51px no-repeat;								
							}
						}				
					}
				}
			}
		}
		
		/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
		.coda-slider-no-js .coda-slider { 
			height: 350px; 
			overflow: auto !important; 
			padding-right: 20px;
		}
		
		
		/* Preloader */
		.coda-slider p.loading { 
			padding: 20px; 
			text-align: center;
		}					
	}	

	.newsPanels {
		margin-top: 30px;
		overflow: auto;
		.inner {
			padding: 0px;
			.newsPanel {
				width: 260px;
				height: 275px;
				padding: 10px 10px 30px 10px;
				.bordered;
				margin-right: 26px;
				float: left;
				position: relative;
				&#featClient {
					margin: 0px;
				}
				h3 {
					text-align: center;
				}
				img {
					.borderedImg;
					margin: 10px 0px 10px -10px;
				}
				p a {
					text-decoration: underline;
				}
				p.moreLink {
					position: absolute;
					bottom: 0px;			
					a {
						font-weight: bold;	
						text-decoration: underline;
					}
				}
				&#featSearchTool {
					.logo {
						border: 0px;
						margin: -5px 0px 0px 27px;
						a {
							&:hover {
								background: none;
							}
						}
					}
				}	
			}
		}
	}
		.info {
			width: 570px;
			margin-top: 32px;
			float: left;
			position: relative;
			
			a.anchor {
				position: absolute;
				top: -125px;
			}

			h3, h2 {
				margin-bottom: 15px;
				&.infoLink {
					margin-top: -15px;
				}
				a {
					.blueLinks;
				}
			} 
			p {
				margin-bottom: 10px;
			}
			ul {
				margin: 15px 0px 15px 17px;
				li {
					margin-bottom: 10px;
					color: @darkGrey;
					list-style-image: url("/images/arrow.gif");
				}
			}
		}
		.rightCol {
			width: 240px;
			padding: 20px;
			.bordered;
			margin-top: 32px;
			float: right;
			h3 {
				margin-bottom: 15px;
			}
			p {
				font-style: italic;
				text-align: justify;
				&.source {
					padding-top: 15px;
					font-weight: bold;
					font-style: normal;
					text-align: right;
				}
			}
		}

	/****************************** LAYOUT STYLING ******************************/
	#eventTicketingContent, 
	#boxOfficeContent, 
	#marketingContent, 
	#caseStudiesContent {
		margin-top: 0px;
	}
	.study, #workWithStudy {
		margin-bottom: 30px;
		overflow: hidden;

		.image-panel {
			height: 299px;
			.bordered;
			margin-top: 32px;
			background: @lightGrey;
			position: relative;
			
			a.anchor {
				position: absolute;
				top: -125px;
			}
		
			.panel-wrapper {
				.imgPanel;
				ul {
					li{
						margin-top: 4px;
						font-size: 1.1em;
						a {
							padding-left: 0px;
							margin-left: 5px;
							.blueLinks;
						}
					}
				}
			}
		}
		
	}
	/****************************** EVENT TICKETING ******************************/	
	#consultationStudy {
		.rightCol { 
			height: 240px;
			background: url("/images/rightCol/consultation.jpg") 0 0 no-repeat; 
		}
	}
	#teamStudy {
		.rightCol { 
			height: 240px;
			background: url("/images/rightCol/team.jpg") 0 0 no-repeat; 
		}
	}
	#sellingStudy {
		.rightCol { 
			height: 240px;
			background: url("/images/rightCol/selling.gif") 0 0 no-repeat; 
		}
	}
	#marketingStudy {
		.rightCol { 
			height: 240px;
			background: url("/images/rightCol/eMarketing.jpg") 0 0 no-repeat; 
		}
	}
	#liveReportsStudy {
		.rightCol { 
			height: 240px;
			background: url("/images/rightCol/liveReports.jpg") 0 0 no-repeat; 
		}
	}				
	#customerServicesStudy {
		.rightCol { 
			height: 240px;
			background: url("/images/rightCol/customerServices.jpg") 0 0 no-repeat; 
		}
	}
	#coachTravelStudy {
		.rightCol { 
			height: 240px;
			background: url("/images/rightCol/coachTravel.jpg") 0 0 no-repeat; 
		}
	}
	#merchandiseStudy {
		.rightCol { 
			height: 240px;
			background: url("/images/rightCol/merchandise.jpg") 0 0 no-repeat; 
		}
	}
	#despatchStudy {
		.rightCol { 
			height: 240px;
			background: url("/images/rightCol/despatch.jpg") 0 0 no-repeat; 
		}
	}	
	#entryStudy {
		.rightCol { 
			height: 240px;
			background: url("/images/rightCol/entry.jpg") 0 0 no-repeat; 
		}
	}
	#boxOfficeStudy {
		.rightCol { 
			height: 240px;
			background: url("/images/rightCol/boxOffice.jpg") 0 0 no-repeat; 
		}
	}				
	/****************************** BOX OFFICE ******************************/	
	#featuresStudy {
		.rightCol { 
			width: 282px;
			padding: 0px;
			border: none;
			img {
				.bordered;
				margin-bottom: 20px;
				&#btm {
					margin-bottom: 0px;
				}
			}
		}
	}
	#installationStudy {
		.rightCol { 
			height: 240px;
			background: url("/images/rightCol/installation.jpg") 0 0 no-repeat; 
		}
	}
	#securityStudy {
		.rightCol { 
			height: 240px;
			background: url("/images/rightCol/security.jpg") 0 0 no-repeat; 
		}
	}
	/****************************** MARKETING ******************************/	
	#eMarketingStudy {
		.rightCol { 
			height: 240px;
			background: url("/images/rightCol/eMarketing.jpg") 0 0 no-repeat; 
		}
	}
	#affiliateStudy {
		.rightCol { 
			height: 240px;
			background: url("/images/rightCol/affiliate.jpg") 0 0 no-repeat; 
		}
	}
	#websiteStudy {
		.rightCol { 
			height: 240px;
			background: url("/images/rightCol/website.jpg") 0 0 no-repeat; 
		}
	}
	#callCentreStudy {
		.rightCol { 
			height: 240px;
			background: url("/images/rightCol/callCentre.jpg") 0 0 no-repeat; 
		}
	}	
	#appsStudy {
		.rightCol { 
			height: 240px;
			background: url("/images/rightCol/apps.jpg") 0 0 no-repeat; 
		}
	}	
	#mobileSiteStudy {
		.rightCol { 
			height: 240px;
			background: url("/images/rightCol/mobile.jpg") 0 0 no-repeat; 
		}
	}	
	#facebookStudy {
		.rightCol { 
			height: 240px;
			background: url("/images/rightCol/facebook.jpg") 0 0 no-repeat; 
		}
	}
	#merchSalesStudy {
		.rightCol { 
			height: 240px;
			background: url("/images/rightCol/merchandise.jpg") 0 0 no-repeat; 
		}
	}		
	#integrationStudy {
		.rightCol { 
			height: 240px;
			background: url("/images/rightCol/integration.jpg") 0 0 no-repeat; 
		}
	}		
	/****************************** CASE STUDIES ******************************/	
	#whpStudy {
		.image-panel { 
			background: url("/images/slider/whpSlider.jpg") 0 0 no-repeat; 
		}
	}
	#kseStudy {
		.image-panel { 
			background: url("/images/slider/kseSlider.jpg") 0 0 no-repeat; 
		}
	}
	#creamfieldsStudy {
		.image-panel { 
			background: url("/images/slider/creamfieldsSlider.jpg") 0 0 no-repeat; 
		}
	}
	#bestiStudy {
		.image-panel {
			background: url("/images/slider/bestiSlider.jpg") 0 0 no-repeat; 
		}
	}	
	#remenhamStudy {
		.image-panel {
			background: url("/images/slider/remenhamSlider.jpg") 0 0 no-repeat; 
		}
	}	
	#brightonStudy {
		.image-panel {
			background: url("/images/slider/brightonSlider.jpg") 0 0 no-repeat; 
		}
	}	
	#botwStudy {
		.image-panel {
			background: url("/images/slider/botwSlider.jpg") 0 0 no-repeat; 
		}
	}
	#nchStudy {
		.image-panel {
			background: url("/images/slider/nchSlider.jpg") 0 0 no-repeat;
		}
	}	
	#soatStudy {
		.image-panel {
			background: url("/images/slider/soatSlider.jpg") 0 0 no-repeat;
		}
	}
	#rangerStudy {
		.image-panel {
			background: url("/images/slider/rangersSlider.jpg") 0 0 no-repeat;
		}
	}	
	#teamBathStudy {
		.image-panel {
			background: url("/images/slider/teamBathSlider.jpg") 0 0 no-repeat;
		}
	}
	#workWithStudy {
		.newsPanels {
			position: relative;
			a.anchor {
				position: absolute;
				top: -125px;
			}
			h2 {
				margin-bottom: 15px;	
			}	
			.inner {	
				.newsPanel {
					width: 280px;
					height: auto;
					padding: 0px;
					&#festivals {
						margin-right: 0px;
					}
					h3 {
						padding: 10px 0px;
						.borderBottom;
					}
					.blurb {
						padding: 10px;
					}
				}
			}
		}
	}

	/****************************** INFO ******************************/	
	#infoContent {
		.study {
			padding-bottom: 60px;
			position: relative;
			.info, .details {
				margin-top: 0px;
			}
			.nextLink {
				position: absolute;
				bottom: 0px;
				left: 0px;
				a {
					width: 100px;
					height: 23px;
					padding-top: 10px;
					.bordered;
					margin-top: 15px;
					font-size: 1.1em;
					font-weight: bold;
					text-align: center;
					text-decoration: none;
					display: block;
					background: url("/images/header-button.png") 0 0 no-repeat;
					&:hover {
						text-decoration: none;
						color: @grey;
						background: url("/images/header-button.png") 0 -40px no-repeat;
					}
				}								
			}
		}
	}
	
	/***** LIST EVENTS *****/	
	#contact {	
	padding-bottom: 30px;
		overflow: hidden;
		#sidebar {
			width: 250px;
			float: left;
			h2 {
				margin-bottom: 15px;
			}
			h3 {
				margin-bottom: 15px;
				&#printTicketsLink, &.downloadLink {
					.bordered;
					margin-top: 40px;
					text-align: center;
					a {
						width: 240px;
						height: 32px;
						padding-top: 15px;
						color: @grey;
						background: url("/images/button.png") 0px -51px no-repeat;								
						display: block;
						&:hover {
							text-decoration: none;
							color: @white;
							background: @blue url("/images/button.png") 0 0 no-repeat;
						}						
					}
				}
			}
			ul {
				.bordered;
				margin: 30px 0px 0px 00px;
				li {
					.borderTop;
					padding: 10px 0px;
					text-align: center;
					background: lighten(@headerGrey, 3%);
					&.first {
						border-top: 0px;
					}
					&.active {
						font-size: 1.3em;
						background: @white;	
						a {
							color: @grey;
						}
					}
					a {
						font-weight: bold;
						color: lighten(@grey, 20%);
						&:hover {
							text-decoration: none;
							color: @blue;
							background: none;
						}
					}
				}
			}
			.pdfList {
				border: 0px;
				.downloads {
					padding: 0px;
					border-top: 0px;

					a {
						width: 240px;
						height: 26px;
						padding-top: 10px;
						.bordered;
						margin-bottom: 10px;
						color: @grey;
						background: url("/images/button.png") 0px -51px no-repeat;								
						display: block;
						&:hover {
							text-decoration: none;
							color: @white;
							background: @blue url("/images/button.png") 0 0 no-repeat;
						}						
					}	
				}
			}
		}
		#contents {
			width: 570px;
			padding: 20px;
			.bordered;
			margin-top: none;
			float: right;
			h3 {
				margin-bottom: 10px;
			}
			p {
				margin-bottom: 15px;
			}
			#contactForm {
				.inputContainer {
					padding-bottom: 10px;
					overflow: hidden;
					label {
						width: 250px;
						margin-right: 20px;
						font-weight: bold;
						text-align: right;
						float: left;
						.note {
							font-size: 1em;
							font-weight: normal;
						}
						.error_feedback {
							color: @blue;
							font-weight: normal;
							display: block;
						}
					}
					input, textarea {
						width: 270px;
						.bordered;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 1.3em;
						color: lighten(@grey, 10%);
						background: lighten(@headerGrey, 3%);
						overflow: hidden;
						float: left;
						&#sortCode, &#accountNumber {
							width: auto;
						}
						&.error {
							.bordered;
							border-color: lighten(@blue, 25%);
						}
					}
				}
				.nextLink {
					padding-top: 27px;
				}
				#post {
					width: 117px;
					height: 37px;
					padding-top: 0px;
					.bordered;
					margin-top: 15px;
					font-size: 1.5em;
					font-weight: bold;
					text-align: center;
					display: block;
					color: @grey;
					background: url("/images/header-button.png") 0 0 no-repeat;
					&:hover {
						text-decoration: none;
						color: @grey;
						background: url("/images/header-button.png") 0 -40px no-repeat;
					}
				
				}
				h3.sectionTitle {
					display: none;
				}
			}
		}
	}
	/***** THANK YOU *****/
	#thanks {
		h2 {
			margin-bottom: 15px;
		}
	}
	
	/***** CONTACT *****/	
	#contactUs {
		.info {
			width: 250px;
			float: left;	
			#newEventLink {
				width: 240px;
				height: 32px;
				padding-top: 15px;
				.bordered;
				margin: 10px 0px 30px 0px;
				font-weight: bold;
				text-align: center;
				color: @grey;
				background: url("/images/button.png") 0px -51px no-repeat;								
				display: block;
				&:hover {
					text-decoration: none;
					color: @white;
					background: @blue url("/images/button.png") 0 0 no-repeat;
				}						
			}		
		}
		.details {
			width: 570px;
			padding: 20px;
			.bordered;		
			margin-top: 32px;	
			float: right;
			#contactDetails {
				font-size: 1em;
				tr {
					th {
						width: 120px;
						padding: 0px 10px 10px 0px;
						text-align: right;
					}
					td {
						width: 400px;
						padding: 0px 0px 10px 10px;						
						text-align: left;
						color: lighten(@grey, 10%);
						a {
							.blueLinks;
						}
					}
				}
			}
		}
	}	
	/***** ABOUT *****/		
	#about, #contactUs {
		.downloadLink {
			width: 240px;
			.bordered;
			margin-top: 40px;
			text-align: center;
			a {
				width: 232px;
				height: 32px;
				padding-top: 15px;
				color: @grey;
				background: url("/images/button.png") 0px -51px no-repeat;								
				display: block;
				&:hover {
					text-decoration: none;
					color: @white;
					background: @blue url("/images/button.png") 0 0 no-repeat;
				}						
			}
		}
		.rightCol { 
			height: 265px;
			background: url("/images/rightCol/about.jpg") 0 0 no-repeat; 
		}
	}
	/***** MEDIA *****/		
	#media {
		.info {
			width: 250px;
			float: left;			
		}
		.details {
			width: 570px;
			padding: 20px 20px 0px 20px;
			.bordered;		
			margin-top: 32px;	
			float: right;
			h3 {
				margin-bottom: 10px;
			}
			.mediaLogo {
				width: 260px;
				margin: 0px 20px 50px 0px;
				float: left;
				img#logo-drk-eps, img#poweredby-logo-drk-png {
					padding: 7px 0px 0px 10px;
				}
				p.highlight {
					margin-top: 5px;
				}
			}			
		}
	}	
	
	/***** SITEMAP *****/		
	#sitemap {
		margin-bottom: 0px;
		overflow: auto;
		.newsPanel {
			width: 280px;
			height: 245px;
			padding-top: 10px;
			.bordered;
			margin: 0px 26px 30px 0px;
			float: left;
			&#marketEnd {
				margin-right: 0px;
			}
			h3 {
				padding-bottom: 10px;
				.borderBottom;
				text-align: center;
			}
			.blurb {
				padding: 10px;
			}
		}	
	}
	.nextLink {
		margin-top: -30px;
		a {
			width: 117px;
			height: 23px;
			padding-top: 10px;
			.bordered;
			margin-top: 15px;
			font-size: 1.1em;
			font-weight: bold;
			text-align: center;
			display: block;
			background: url("/images/header-button.png") 0 0 no-repeat;
			&:hover {
				text-decoration: none;
				color: @grey;
				background: url("/images/header-button.png") 0 -40px no-repeat;
			}
		}
	}
}

#footer {
	min-width: 900px;
	height: 190px;
	padding-top: 20px;
	.borderTop;
	background: url("/images/footer-fade.png") 120% 0 repeat-x;
	#footerNav {
		overflow: auto;
		.footerSection, .footerSectionLast  {
			margin-right: 25px;
			float: left;
			&.footerSectionLast {
				width: 130px;
				margin: 0px;
			}
			h3 {
				margin-bottom: 7px;
				color: lighten(@grey, 10%);
			}
			ul {
				padding: 5px 0px;
				.borderTop;	
				li {
					margin-bottom: 3px;
					a {
						color: darken(@lightGrey, 30%);
						&:hover {
							color: @white;
						}
					}
				}
			}
			
		}
	}	
	p {
		padding-top: 5px;
		color: darken(@lightGrey, 10%);
		&#copyright {
			padding-top: 15px;
		}
	}
}