/*------TYPORGAPHY ----------*/
body {font-size: 62.5%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}

div#content{font:1.5em/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;}

div#content p{font:0.9em/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif; margin:10px 0;}

div#content p.details{
	padding-top:40px;
	font-size:0.8em;
	line-height:1.2em;
}
div#content p.feature{
	font-style: italic;
	line-height:1.8em;
	padding:10px 40px;
}
div#content p.alert{
	padding-left:70px;
	font-weight:bold;
}
div#content p span.highlight, div#content p.highlight{font-weight:bold;}

div#main-content ul li{	font:0.9em/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;}
	
a {color:#666; text-decoration: none;}

h2 {font:1.3em/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:20px 0 10px 0;}

h2 span.qualifications{
		font:0.8em "Helvetica Neue", Helvetica, Arial, sans-serif;}

/*-------LAYOUT---------*/
body{
	padding:0px;
	margin:0px;
}

div#content{
	margin-left:30px;
}

div#nav{
	width:400px;
	padding:10px;
	clear:both;
	padding-bottom:60px;
}

div#nav ul{margin:0px;
			padding:0px;
			clear:right;
}


div#nav ul li{list-style:none; float:left;}



div#main-content{
	width:400px;
	padding:10px;

}

div#main-content ul{
	padding:0 20px;
	margin:10px 0;
}

/*-----------COLOR-----------*/

body {color:#333;}

h2 {color:#222;}

div#content p.alert{color:#ff0000;}

div#main-content{background:#fff; color:#333;}


/*-----IMAGES-------*/
a img{border:none;}

div#content #logo {
	padding:40px 20px 20px 20px;
	float:right;
}
/*-------BACKGROUND IMAGES--------*/
div#nav{background:#000}

div#nav ul li a{text-indent:-10000em; display:block;}

div#nav ul li#home a{ background: url(../images/navigation/new/home.png) no-repeat top left; width:55px; height:26px;}
div#nav ul li#about a{ background: url(../images/navigation/new/whoarewe.png) no-repeat top left; width:120px; height:26px;}
div#nav ul li#contact a{ background: url(../images/navigation/new/getintouch.png) no-repeat top left; width:111px; height:26px;}
div#nav ul li#links a{ background: url(../images/navigation/new/links.png) no-repeat top left; width:45px; height:26px;}

div#nav ul li#physiotherapy a{ background: url(../images/navigation/new/physiotherapy.png) no-repeat top left; width:132px; height:26px;}
div#nav ul li#sportsmassage a{ background: url(../images/navigation/new/sportsmassage.png) no-repeat top left; width:151px; height:26px;}
div#nav ul li#prices a{ background: url(../images/navigation/new/prices.png) no-repeat top left; width:58px; height:26px;}

div#nav ul li.flake{ background: url(../images/navigation/new/flake.png) no-repeat bottom center; width:20px; height:23px; text-indent:-10000em; display:block;}

/*------------- LARGE-BG -----------*/
div#bg {display:none;}



/*-------- FORMS ---------*/
form {margin:20px 0;}
form label{
	display:block;
	float:left;
	clear:both;
}

form input, form textarea{
	display:block;
	margin:10px 5px 10px 70px;
	padding:2px;
	font: normal 0.8em "Helvetica Neue", Helvetica, Arial, sans-serif;
}
form input {width: 150px; }

form textarea { width: 300px; height: 175px; padding:5px;}