/*
	Title: Default CSS
	Date: 17 March 2011
	Author(s): Kristof Houben
	Company: Yappa BVBA
*/

@font-face {
    font-family: 'AgendaLightRegular';
    src: url('/fonts/agenda-light-webfont.eot');
    src: url('/fonts/agenda-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/agenda-light-webfont.woff') format('woff'),
         url('/fonts/agenda-light-webfont.ttf') format('truetype'),
         url('/fonts/agenda-light-webfont.svg#AgendaLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* GLOBAL
=====================================*/
body{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	background:#fff url(../img/bg.jpg) repeat-x;
	color:#7e8184;
	line-height:1.5em;
}

form.default h2{
	margin-top:30px;
}

textarea{
	font-size:12px;
}
	
p{
	margin-bottom:0.75em;
}

*{
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

a{
	color:#93a816;
	text-decoration:none;
}

a:hover{
	color:#333;
}

.page, .container{
	width:940px;
	margin:0 auto;
	position:relative;
}

h1{
	font-size:25px;
	color:#333;
	font-weight:normal;
	margin-bottom:15px;
	margin-top:5px;
	line-height: 1.2em;
	font-family: 'AgendaLightRegular',Verdana,Arial,Helvetica,sans-serif;
}

h2{
	font-weight:normal;
	margin-bottom:10px;
	font-size:17px;
	font-family: 'AgendaLightRegular',Verdana,Arial,Helvetica,sans-serif;
}

h2.bg{
	background:#e7e8e1;
	padding:10px;;
}

h3{
	font-weight:normal;
	margin-bottom:10px;
	font-size:14px;
	color:#333;
	font-family: 'AgendaLightRegular',Verdana,Arial,Helvetica,sans-serif;
}

a.button{
	display:block;
	padding:5px 10px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
	background: rgb(199,221,56); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(199,221,56,1) 0%, rgba(181,209,42,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(199,221,56,1)), color-stop(100%,rgba(181,209,42,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(199,221,56,1) 0%,rgba(181,209,42,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(199,221,56,1) 0%,rgba(181,209,42,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(199,221,56,1) 0%,rgba(181,209,42,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7dd38', endColorstr='#b5d12a',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(199,221,56,1) 0%,rgba(181,209,42,1) 100%); /* W3C */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	font-family: 'AgendaLightRegular',Verdana,Arial,Helvetica,sans-serif;
}

a.button:hover {
	background: rgb(181,209,42); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(181,209,42,1) 0%, rgba(199,221,56,1) 100%, rgba(199,221,56,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,209,42,1)), color-stop(100%,rgba(199,221,56,1)), color-stop(100%,rgba(199,221,56,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(181,209,42,1) 0%,rgba(199,221,56,1) 100%,rgba(199,221,56,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(181,209,42,1) 0%,rgba(199,221,56,1) 100%,rgba(199,221,56,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(181,209,42,1) 0%,rgba(199,221,56,1) 100%,rgba(199,221,56,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5d12a', endColorstr='#c7dd38',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(181,209,42,1) 0%,rgba(199,221,56,1) 100%,rgba(199,221,56,1) 100%); /* W3C */
}

/* HEADER 
=====================================*/
header .container{
	height:150px;
}

header .logo{
	position:absolute;
	left:0;
	bottom:0;
	line-height:0;
}

/* NAV - main
=====================================*/
nav.main{
	position:absolute;
	right:0;
	bottom:20px;
}

nav.main ul{
	margin:0;
}

nav.main ul li{
	float:left;
	margin-left:25px;
}

nav.main ul li a{
	display:block;
	float:left;
	font-size:17px;
	color:#7e8184;
	text-decoration: none;
	font-family: 'AgendaLightRegular',Verdana,Arial,Helvetica,sans-serif;
}

nav.main ul li a:hover, 
nav.main ul li.active a{
	color:#93a816;
}

/* SEARCH
=====================================*/
form.search{
	margin:0;
	position:absolute;
	right:0;
	top:20px;
}

form.search a{
	display:block;
	float:left;
	margin:3px 20px 0 0;
	color:#93a816;
	text-decoration:none;
}

form.search a:hover,
form.search a.active{
	color:#7e8184;
}

form.search .fields{
	position:relative;
	float:left;
}

form.search .text input{
	width:160px;
	border:0;
	padding:5px;
	font-size:12px;
	color:#fff;
	background: rgb(168,196,39); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(168,196,39,1) 0%, rgba(189,210,51,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(168,196,39,1)), color-stop(100%,rgba(189,210,51,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(168,196,39,1) 0%,rgba(189,210,51,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(168,196,39,1) 0%,rgba(189,210,51,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(168,196,39,1) 0%,rgba(189,210,51,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8c427', endColorstr='#bdd233',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(168,196,39,1) 0%,rgba(189,210,51,1) 100%); /* W3C */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

form.search .submit{
	position:absolute;
	right:5px;
	top:2px;
}

form.search .submit input{
	background:url(../img/ico-search.png) no-repeat;
	width:13px;
	height:13px;
	text-indent:-9999em;
	border:0;
}

/* PAGE
=====================================*/
.page{
	background:#fff;
	margin-top:40px;
}

.page .content ul{
	margin-left:15px;
}

.page .content ul li{
	margin-bottom:3px;
}

.page.twocol .content{
	width:700px;
	float:left;
}

.page.threecol .content{
	width:500px;
	float:left;
}

.page.twocol aside.sidebar,
.page.threecol aside.sidebar{
	width:200px;
	padding:10px;
	float:left;
}

.therapies.cols3{
	margin-top:20px;
}

.therapies.cols3 .col{
	margin-bottom:20px;
}

.team .col{
	margin-bottom:20px;
	text-align:center;
	height:220px;
}

.team .image{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	overflow:hidden;
	line-height:0;
	margin-bottom:5px;
}

/* CONTENT
=====================================*/
.page section.content{
	padding:10px;
}

/* APPOINTMENT
=====================================*/
.box.appointment{
	padding:10px;
	width:190px;
	background:#f8fbea;
	margin-right:10px;
	float:left;
	height:210px;
}

.box.appointment p.intro{
	color:#333;
	font-size:14px;
	line-height:1.5em;
}

/* EYECATCHER
=====================================*/
.eyecatcher{
	background:#b9b199;
	position:relative;
	float:left;
	width:700px;
	height:230px;
}

.eyecatcher h2{
	color:#fff;
	font-size:18px;
}

.eyecatcher nav.therapies{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.75);
	padding:15px 20px 20px;
}

.eyecatcher nav.therapies ul li{
	float:left;
	margin-right:7px;
	padding-right:7px;
	border-right:1px dotted #fff;
}

.eyecatcher nav.therapies ul{
	margin:0;
}

.eyecatcher nav.therapies ul li a{
	display:block;
	float:left;
	font-size:16px;
	color:#BFD834;
	text-decoration: none;
	font-family: 'AgendaLightRegular',Verdana,Arial,Helvetica,sans-serif;
}

.eyecatcher nav.therapies ul li a:hover,
.eyecatcher nav.therapies ul li.active a{
	color:#93a816;
}

/* CAROUSEL
=====================================*/
.jcarousel-skin-eyecatcher .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-eyecatcher .jcarousel-container-horizontal {
    width: 700px;
}

.jcarousel-skin-eyecatcher .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-eyecatcher .jcarousel-clip-horizontal {
    width:  700px;
    height: 230px;
}

.jcarousel-skin-eyecatcher .jcarousel-item {
    width: 700px;
    height: 230px;
}

/* SIDEBAR 
=====================================*/
aside.sidebar .item{
	margin-bottom:20px;
}

/* NAV - therapy forms
=====================================*/
nav.therapyforms{
	width:170px;
	margin-right:10px;
	float:left;
	padding:10px;
}

nav.therapyforms ul li{
	margin-bottom:5px;
}

nav.therapyforms ul li a{
	display:block;
	padding-bottom:5px;
	font-size:13px;
	color:#797a7d;
	border-bottom:1px dotted #7e8184;
	font-family: 'AgendaLightRegular',Verdana,Arial,Helvetica,sans-serif;
}

nav.therapyforms ul li a:hover,
nav.therapyforms ul li.active a{
	color:#333;
}

nav.therapyforms ul li ul.sub{
	margin:10px 0 10px 15px;
}

nav.therapyforms ul li ul.sub li a,
nav.therapyforms ul li ul.sub li ul.sub li a,
nav.therapyforms ul li ul.sub li ul.sub li ul.sub li a,
nav.therapyforms ul li ul.sub li ul.sub li ul.sub li ul.sub li a{
	font-size:11px;
	border:0;
	padding:0;
	color:#333;
}

nav.therapyforms ul li ul.sub li a:hover,
nav.therapyforms ul li ul.sub li ul.sub li a:hover,
nav.therapyforms ul li ul.sub li ul.sub li ul.sub li a:hover
nav.therapyforms ul li.active a,
nav.therapyforms ul li ul.sub li.active a,
nav.therapyforms ul li ul.sub li ul.sub li.active a,
nav.therapyforms ul li ul.sub li ul.sub li ul.sub li.active a{
	color:#bed731;
}

/* FOCUS
=====================================*/
.focus{
	margin:20px 0;
}

/* FOOTER
=====================================*/
footer{
	font-size:10px;
	color:#b7b7b7;
	margin-bottom:30px;
}

/* APPOINTMENT
=====================================*/
table#appointment{
	width:100%;
}

table#appointment thead th{
	background:#bfd834;
	font-weight:normal;
	color:#fff;
	padding:5px;
	width:12.5%;
}

table#appointment thead th.empty{
	background:#fff;
}

table#appointment thead th abbr{
	border-bottom:0;
}

table#appointment tbody th{
	text-align:left;
	font-weight:normal;
	padding:5px 0;
}

table#appointment tbody td{
	border-bottom:1px solid #ebebeb;
	padding:5px 0;
	text-align:center;
	cursor: pointer;
}

table#appointment tbody td.even{
	background:#fafafa;
}

table#appointment tbody td:hover{
	background:#EBEBEB;
}

table#appointment tbody td.active{
	background:#BFD834 url(../img/ico-cross.gif) no-repeat center center;
}

table#appointment tbody td.weekend{
	background:#ebebeb;
	border-bottom:0;
	cursor: default;
}

form.default .comments textarea{
	width:490px;
}

/* TEAM
=====================================*/
.team-detail .image{
	float:left;
	margin-right:20px;
}

.team-detail .text{
	float:left;
	width:300px;
}

.team-detail ul.gallery{
	list-style:none;
}

.team-detail ul.gallery li{
	float:left;
	margin-right:10px;
}

ul.gallery{
	margin-bottom:20px;
}