/* ----------------------------------
#. Global
---------------------------------- */

/*@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700);*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

* {
	-webkit-font-smoothing: antialiased;
}

/* ----------------------------------
#. HTML/Body
---------------------------------- */

html, body {
	margin: 0;
	padding: 0;
}
	


body {
	color: #616161;
	background: url('../img/tile.jpg') top center fixed repeat;
	font: 13px 'Open Sans', Helvetica, Arial, sans-serif;
}

/* ----------------------------------
#. General
---------------------------------- */

.clear {
	clear: both;
}

.list {
	margin: 0;
	padding: 0;
}

	.list li {
		list-style: none;
		padding: 3px 0 3px 20px;
		background: url('../img/li.png') left center no-repeat;
	}

/* ----------------------------------
#. Form
---------------------------------- */

form {

}

	form label {
		display: block;
		margin: 15px 0 5px;
	}

	form input[type='text'],
	form input[type='email'],
	form input[type='password'] {
		width: 180px;
		padding: 7px 10px;
	}

	form textarea {
		width: 100%;
		height: 100px;
		min-height: 100px;
		padding: 7px 10px;
		resize: vertical;
	}

	form input[type='submit'] {
		padding: 10px 15px;
		margin-top: 15px;
		cursor: pointer;

		background-color: #CA6666; /* Top */
		background-image: linear-gradient(bottom, #b25252 0%, #CA6666 100%);
		background-image: -o-linear-gradient(bottom, #b25252 0%, #CA6666 100%);
		background-image: -moz-linear-gradient(bottom, #b25252 0%, #CA6666 100%);
		background-image: -webkit-linear-gradient(bottom, #b25252 0%, #CA6666 100%);
		background-image: -ms-linear-gradient(bottom, #b25252 0%, #CA6666 100%);

		border: 1px solid #8c4141;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;

		color: #fff;
		text-shadow: 0 1px 1px #8c4141;

		box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2);
	}

/* ----------------------------------
#. Messages
---------------------------------- */

.message {
	color: #fff;
	box-shadow: inset 0 1px 1px rgba(255, 255,255, 0.2);

	font-size: 13px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	margin: 25px 0;

	padding: 15px 25px;
}

	.message.errors {
		text-shadow: 0 1px 1px #922525;

		background-color: #c54848; /* Top Colour */
		background-image: linear-gradient(bottom, #ad3636 0%, #c54848 100%);
		background-image: -o-linear-gradient(bottom, #ad3636 0%, #c54848 100%);
		background-image: -moz-linear-gradient(bottom, #ad3636 0%, #c54848 100%);
		background-image: -webkit-linear-gradient(bottom, #ad3636 0%, #c54848 100%);
		background-image: -ms-linear-gradient(bottom, #ad3636 0%, #c54848 100%);

		border: 1px solid #922525;
	}

		.message.errors ul {
			margin: 0;
			padding: 0 0 0 18px;
		}

		.message.errors ul li {
			float: none;
			list-style: disc;
		}

	.message.success {
		text-shadow: 0 1px 1px #517f2c;

		background-color: #8fcc5d; /* Top Colour */
		background-image: linear-gradient(bottom, #6ea740 0%, #8fcc5d 100%);
		background-image: -o-linear-gradient(bottom, #6ea740 0%, #8fcc5d 100%);
		background-image: -moz-linear-gradient(bottom, #6ea740 0%, #8fcc5d 100%);
		background-image: -webkit-linear-gradient(bottom, #6ea740 0%, #8fcc5d 100%);
		background-image: -ms-linear-gradient(bottom, #6ea740 0%, #8fcc5d 100%);

		border: 1px solid #517f2c;
	}

		.message.success p {
			margin: 0;
		}

/* ----------------------------------
#. Typo
---------------------------------- */

a {
	color: #6EA63C;
	text-decoration: none;

	transition: color 0.5s ease;
	-moz-transition: color 0.5s ease;
	-webkit-transition: color 0.5s ease;
}

p {
	line-height: 22px;
}

h1, h2, h3, h4, h5, h6 {
	color: #28343c;
}

h2 {
	font-size:18px;
	margin:0;
}

h1 {
	font-size:24px;
}

/* ----------------------------------
#. Container
---------------------------------- */

.container {
	
}

/* ----------------------------------
#. Top
---------------------------------- */

.top-header {
	padding: 15px 0;
	font-size: 18px;
	color: #d1d1d1;
	background: #253038;
}

	.top-header p {
		margin: 0;
	}

	.top-header i {
		display: inline-block;
		margin-right: 10px;
		margin-left: 15px;
		font-size: 11px;
	}

		.top-header i.first {
			margin-left: 0;
		}

	.top-header a:hover {
		color: #fff;
	}

	.top-header .contact {
		
	}

	.top-header .social {
		
	}

/* ----------------------------------
#. Header
---------------------------------- */

.header {
	padding: 20px 0 200px;
	margin-bottom: -200px;
	background: #28343c;
}

	#home .header {
		padding-bottom: 250px;
	}

	.header .logo {
		padding-bottom: 20px;
	}

	.header .navigation {
		
	}

		
			.header .navigation ul li.hovered {
				background: url('../img/hovered.png') bottom center no-repeat;
			}

			

		.header .navigation ul li a {
			color: #B2B2B2;
			font-size: 12px;
			font-weight: bold;
			text-transform: uppercase;

			display: block;
			

			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;

			transition: none;
			-moz-transition: none;
			-webkit-transition: color 0.3s ease, background 0.3s ease;
		}

			.header .navigation ul li.current a,
			.header .navigation ul li a:hover,
			.header .navigation ul li.hovered a {
				background: #fff;
				color: #6EA63C;
			}

	.header .strap {
		display: none;
		color: #fff;
		font-size: 18px;
		padding:0 10px;
		margin-top: 50px;
	}

		#home .strap {
			display: block;
		}

		.header .strap p {
			margin: 0;
			line-height: 24px;
		}

/* ----------------------------------
#. Slider
---------------------------------- */

#slider {

}

	#slider .nivo-caption {
		position: absolute;
		bottom: 20px;
		left: 20px;
		padding: 15px 20px;
		width: auto;

		background: rgba(40, 52, 60, 0.9);

		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;

		font-weight: 600;
	}

/* ----------------------------------
#. Content
---------------------------------- */

.content {
	background: #fff;
	padding:20px;
}

/* ----------------------------------
#. Title
---------------------------------- */

.title {
	font-size: 18px;
	text-align: center;
	padding: 10px 0;
	background: #f9f9f9;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

		.title h1 {
			font-weight: 600;
		}

/* ----------------------------------
#. Inner
---------------------------------- */

.content-inner {
	font-size: 14px;
	line-height: 22px;
	padding: 30px px;
	
}

/* ----------------------------------
#. Services
---------------------------------- */

.services {
	background:#fff;
}

	/*.services {
		list-style: none;
		overflow: hidden;
		background: #fff;

		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}*/

		

	.services .featured-image {
		height: 245px;
		/*height: 200px;*/
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		
		-webkit-border-top-left-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-topright: 3px;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;

		overflow: hidden;
	}

		.services .featured-image .overlay {
			opacity: 0;
			visibility: hidden;

			width: 100%;
			height: 100%;
			background: url('../img/services/overlay.png') center;

			transition: opacity 0.5s ease, visibility 0.5s ease;
			-webkit-transition: opacity 0.5s ease, visibility 0.5s ease;
			-moz-transition: opacity 0.5s ease, visibility 0.5s ease;

			-webkit-border-top-left-radius: 3px;
			-webkit-border-top-right-radius: 3px;
			-moz-border-radius-topleft: 3px;
			-moz-border-radius-topright: 3px;
			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
		}

			.services .featured-image:hover .overlay {
				opacity: 1;
				visibility: visible;
			}

		.services .featured-image .overlay a {
			display: block;
			width: 100%;
			height: 100%;
		}

	.services .inner {
		padding: 15px;
		background:#fff;
	}

		.services .inner h3 {
			margin-top: 0;
		}

			.services .inner h3 a {
				color: #333;
			}

				.services .inner h3 a:hover {
					color: #ca6666;
				}

		.services .inner p:last-child {
			margin-bottom: 0;
		}

/* ----------------------------------
#. Testimonials
---------------------------------- */

.testimonials {
	padding: 50px;
	background: #f9f9f9;
}

	.testimonials ul {
		margin: 0;
		padding: 0;
	}

	.testimonials ul li {
		list-style: none;

		float: left;
		width: 233px;
		margin-right: 50px;
		padding: 25px;

		background: #fff;

		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}

		.testimonials ul li.last {
			margin-right: 0;
		}

	.testimonials ul li h3 {
		margin-top: 0;
	}

	.testimonials ul li p:last-child {
		margin-bottom: 0;
	}

/* ----------------------------------
#. Gallery
---------------------------------- */

.gallery {
	margin-top: 30px;
}

	.gallery ul {
		margin: 0;
		padding: 0;
	}

	.gallery ul li {
		height: 120px;
		width:100%;
		margin-bottom: 20px;
		overflow: hidden;
	}

		.gallery ul li.last {
			
		}
		
	.gallery ul li img {
		max-width: 100%;
		min-height: 100%;
	}

/* ----------------------------------
#. Coverage
---------------------------------- */

.coverage {
	margin-top: 30px;
	padding: 10px 10px 5px;

	background: #eaeaea;

	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);

	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

	.coverage iframe {
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		overflow: hidden;
	}

/* ----------------------------------
#. Contact Columns
---------------------------------- */

.contact-columns {

}

	.contact-columns ul {
		margin: 0;
		padding: 0;
	}

	.contact-columns ul li {
		list-style: none;

		float: left;
		width: 450px;
		margin-right: 50px;
	}

		.contact-columns ul li.last {
			margin-right: 0;
		}

	.contact-columns ul li .coverage {
		margin: 0 0 30px;
	}
		
	.contact-columns ul li .twitter{
		width:400px;
	}

/* ----------------------------------
#. Footer
---------------------------------- */

.footer {
	font-size: 13px;
	color: #d1d1d1;
	background: #28343c;
}

	.footer i {
		color: #6EA63C;
		margin-right: 10px;
		display: inline-block;
		width: 1em;
		text-align: center;
	}

	.footer a {
		color: #d1d1d1;
	}

		.footer a:hover {
			color: #6EA63C;
		}

	.footer .inner {
		padding: 15px;
	}

	

	.footer .top h3 {
		color: #fff;
		font-weight: 600;
		text-transform: uppercase;
	}

	.footer .top .col-nav {
		
	}

		.footer .top .col-nav li {
			border-top: 1px solid #404c55;
		}

			.footer .top .col-nav li.parent > * {
				display: none;
			}

		.footer .top .col-nav li a {
			display: block;
			padding: 10px 0;
		}

			.footer .top .col-nav li.current a,
			.footer .top .col-nav li a:hover {
				color: #fff;
			}

			.footer .top .col-nav li.current a {
				font-weight: 600;
			}

	.footer #toggle {
		cursor: pointer;
	}

	.footer .extra {
		background: #151c21;
		padding: 50px;

		display: none;
	}

		.footer .extra ul {
			margin: 0;
			padding: 0;
			text-align: center;
		}

		.footer .extra ul li {
			display: inline-block;
			padding: 5px 10px;
		}

	.footer .lower {
		padding: 25px 50px;
		background: #253038;
	}

		.footer .lower .copyright p,
		.footer .lower .credit p {
			margin: 0;
		}

		.footer .lower .copyright {
			float: left;
		}

		.footer .lower .credit {
			float: right;
		}
		
/*========Bootstrap Conversion===========*/

.nav-title {
  color: #fff;
  padding: 12px 20px;
  font-weight: bold;
  font-size: 18px;
  text-shadow: 0 0 3px #000;
}

.icon-bar {
  background-color: #fff;
}

.navbar {
	background:none;
	border:none;
}