@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,200);

/*********************************************************************************/
/* Global                                                                        */
/*********************************************************************************/

/* Basic */

	body
	{
		background: #D4D9DD url('images/bg03.jpg');
	}

	body, input, textarea, select
	{
		color: #474f51;
		font-size: 13.5pt;
		font-family: 'Yanone Kaffeesatz';
		line-height: 1.85em;
		font-weight: 300;
	}

	ul, ol, p, dl
	{
		margin: 0 0 2em 0;
	}

	a
	{
		text-decoration: underline;
	}
	
	a:hover
	{
		text-decoration: none;
	}

	section > :last-child, .last-child
	{
		margin-bottom: 0 !important;
	}

/* Multi-use */

	.link-list
	{
	}
	
		.link-list li
		{
			padding: 0.2em 0 0.2em 0;
		}
		
		.link-list li:first-child
		{
			padding-top: 0 !important;
			border-top: 0 !important;
		}
		
		.link-list li:last-child
		{
			padding-bottom: 0 !important;
			border-bottom: 0 !important;
		}

		#content .link-list li
		{
			border-bottom: solid 1px #e2e6e8;
		}

		#footer .link-list li
		{
			border-top: solid 1px #e0e4e6;
			border-bottom: solid 1px #b5bec3;
		}

	.quote-list
	{
	}
	
		.quote-list li
		{
			padding: 1em 0 1em 0;
			overflow: hidden;
		}
		
		.quote-list li:first-child
		{
			padding-top: 0 !important;
			border-top: 0 !important;
		}

		.quote-list li:last-child
		{
			padding-bottom: 0 !important;
			border-bottom: 0 !important;
		}

			.quote-list li img
			{
				float: left;
			}

			.quote-list li p
			{
				margin: 0 0 0 90px;
				font-size: 1.2em;
				font-style: italic;
			}
			
			.quote-list li span
			{
				display: block;
				margin-left: 90px;
				font-size: 0.9em;
				font-weight: 400;
			}

		#content .quote-list li
		{
			border-bottom: solid 1px #e2e6e8;
		}

		#footer .quote-list li
		{
			border-top: solid 1px #e0e4e6;
			border-bottom: solid 1px #b5bec3;
		}
	
	.check-list
	{
	}

		.check-list li
		{
			padding: 0.7em 0 0.7em 45px;
			font-size: 1.2em;
			background: url('images/icon-checkmark.png') 0px 1.05em no-repeat;
		}
		
		.check-list li:first-child
		{
			padding-top: 0 !important;
			border-top: 0 !important;
			background-position: 0 0.3em;
		}

		.check-list li:last-child
		{
			padding-bottom: 0 !important;
			border-bottom: 0 !important;
		}

		#content .check-list li
		{
			border-bottom: solid 1px #e2e6e8;
		}

		#footer .check-list li
		{
			border-top: solid 1px #e0e4e6;
			border-bottom: solid 1px #b5bec3;
		}
		
	.feature-image
	{
		display: block;
		margin: 0 0 2em 0;
		outline: 0;
	}
	
		.feature-image img
		{
			display: block;
			width: 100%;
		}

	.bordered-feature-image
	{
		display: block;
		background: #fff url('images/bg04.png');
		padding: 10px;
		box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.15);
		margin: 0 0 1.5em 0;
		outline: 0;
	}
	
		.bordered-feature-image img
		{
			display: block;
			width: 100%;
		}
	
	.button-big
	{
		display: inline-block;
		background: #ed391b;
		color: #fff;
		text-decoration: none;
		font-size: 1.75em;
		font-weight: 300;
		padding: 15px 45px 15px 45px;
		outline: 0;
		border-radius: 10px;
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75), inset 0px 2px 0px 0px rgba(255,192,192,0.5), inset 0px 0px 0px 2px rgba(255,96,96,0.85), 3px 3px 3px 1px rgba(0,0,0,0.15);
		background-image: -moz-linear-gradient(top, #ed391b, #ce1a00);
		background-image: -webkit-linear-gradient(top, #ed391b, #ce1a00);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ed391b), to(#ce1a00));
		background-image: -ms-linear-gradient(top, #ed391b, #ce1a00);
		background-image: -o-linear-gradient(top, #ed391b, #ce1a00);
		background-image: linear-gradient(top, #ed391b, #ce1a00);
		text-shadow: -1px -1px 1px rgba(0,0,0,0.5);
	}

	.button-big:hover
	{
		background: #fd492b;
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75), inset 0px 2px 0px 0px rgba(255,192,192,0.5), inset 0px 0px 0px 2px rgba(255,96,96,0.85), 3px 3px 3px 1px rgba(0,0,0,0.15);
		background-image: -moz-linear-gradient(top, #fd492b, #de2a10);
		background-image: -webkit-linear-gradient(top, #fd492b, #de2a10);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fd492b), to(#de2a10));
		background-image: -ms-linear-gradient(top, #fd492b, #de2a10);
		background-image: -o-linear-gradient(top, #fd492b, #de2a10);
		background-image: linear-gradient(top, #fd492b, #de2a10);
	}

	.button-big:active
	{
		background: #ce1a00;
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75), inset 0px 2px 0px 0px rgba(255,192,192,0.5), inset 0px 0px 0px 2px rgba(255,96,96,0.85), 3px 3px 3px 1px rgba(0,0,0,0.15);
		background-image: -moz-linear-gradient(top, #ce1a00, #ed391b);
		background-image: -webkit-linear-gradient(top, #ce1a00, #ed391b);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ce1a00), to(#ed391b));
		background-image: -ms-linear-gradient(top, #ce1a00, #ed391b);
		background-image: -o-linear-gradient(top, #ce1a00, #ed391b);
		background-image: linear-gradient(top, #ce1a00, #ed391b);
	}

/*********************************************************************************/
/* Custom                                                                        */
/*********************************************************************************/

/*General*/
.container {
	width: 960px;
}
#banner {
	border-top: solid 1px #dddddd !important;
	box-shadow: inset 0px 1px 0px 0px #cccccc !important;
	color: #000 !important;
}
#header-wrapper {
	background: #cccccc url('images/bg01.jpg' !important);
	border-bottom: solid 1px #cccccc !important;
	box-shadow: inset 0px -1px 0px 0px #bbbbbb !important;
}
#features-wrapper {
	background: #cccccc url('images/bg02.jpg') !important;
	border-bottom: solid 1px #dddddd !important;
	text-shadow: -1px -1px 1px rgba(0,0,0,0.75) !important;
}
.feature-icon{
	font-size: 3em;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 20px;
	display:block;
}
#features a:hover{
	color:#333 !important;
}
#content section{
	margin: 0 0 1em 0 !important;
}

.standard-list li{
	padding: 0;
	overflow: visible;
	list-style:disc !important;
	margin-left: 2em;
}
label{
    display: block;
}
input, textarea{
    line-height: 1.25em;
	border-width:1px;
    padding: 0.25em;
	max-width:100%;
}
button[name="submit"]{
    background: #555;
    padding: 0.5em 1em;
    border: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #FFF;
    font-weight: bold;
	cursor:pointer;
}
button[name="submit"]:hover{
    background: #333;
}
/*Header*/
#header h1{
	position: static !important;
}
#logo{
	text-indent:-9999em;
	background:url(../images/keep-fit-logo.png);
	width:314px;
	height:75px;
	background-size: 314px 75px;
	display:block;
	margin: 0 auto;
}
.slogan{
	margin: 0;
	color: #555555;
	font-size: 1.4em;
	text-align: center;
	text-shadow: none;
}

#titleBar .title{
	text-indent:-9999em;
	background:url(../images/keep-fit-logo.png);
	width:167px;
	height:40px;
	background-size: 167px 40px;
	margin:0 auto;
}

/*Slider*/
.bx-wrapper .bx-viewport {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	border:none;
	background: none;
}
.bxslider{
	margin:0;
}
.bx-wrapper img {
	margin: 0 auto;
}
.bx-wrapper .bx-next {
	right: 20px !important;
}
.bx-wrapper .bx-prev {
	left: 20px !important;
}
#banner {
	padding: 20px 0 20px 0 !important;
}
.bx-wrapper .bx-viewport {
	left: 0 !important;
}

/* Homepage */
.keyphrase{
	font-size: 1.3em !important;
}
#features-wrapper{
	text-shadow:none !important;
}
#features, #features a, #features h2 {
	color: #555 !important;
}

/*Mobile*/
@media (max-width: 736px) {
	#titleBar {
		color: #000 !important;
		background: url('images/bg04.jpg') !important;
		box-shadow: inset 0px -20px 70px 0px rgba(100,120,145,0.1), inset 0px -1px 0px 0px rgba(155,155,155,0.1), 0px 1px 7px 0px rgba(0,0,0,0.6) !important;
	}
	#titleBar .toggle{
		display:none !important;
	}
	#navPanel {
		background: url('images/bg04.jpg') !important;
		text-shadow: -1px -1px 1px rgba(100,100,100,1) !important;
	}
	#navPanel .link {
		color: #000 !important;
		border-top: solid 1px #CCC !important;
	}
	#header-wrapper {
		background: #cccccc url('images/bg01.jpg') top center !important;
		box-shadow: inset 0px -1px 0px 0px #dddddd, inset 0px -2px 0px 0px #aaaaaa !important;
		text-shadow: -1px -1px 1px rgba(0,0,0,0.75) !important;
	}
	#features section {
		border-bottom: solid 1px #bbbbbb !important;
		box-shadow: inset 0px -1px 0px 0px #cccccc !important;
	}
}