/* ============================ common ============================== */

body { 
	color: #515151; background: #b5a987 url(../img/bg-body.jpg);
	font: normal 62.5% Arial, Helvetica, sans-serif;
}

a { color: #515151; text-decoration: none; }
a:hover, a:active, a:focus { color: #b6b6b6; }

img 	{ display: block; }
a img 	{ border: none; }
a span	{ cursor: pointer; }
strong 	{ font-weight: bold; }
em 		{ font-style: italic; }

.clearfix:after {
	clear: both;
	display: block; visibility: hidden;
	height: 0;
	content: ".";   
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.aural{
	position: absolute;
	left: -2007px;
	font-size: 0;
}

/* ========================== common end ============================ */

/* ============================ layout ============================== */

#holder{ 
	position: relative;
	width: 926px;
	margin: 60px auto 20px auto;
	
}

#main{
	padding: 39px 0 0 0;
	background: url(../img/bg-holder.png) no-repeat 0 0;
}
#main .main-wrapper	{ min-height: 543px; }

#main .homepage			{ background: url(../img/bg-homepage.png) repeat-y 50px 0; }
#main .practice-team	{ background: url(../img/bg-practice-team.png) repeat-y 50px 0; }
#main .nhs-practice		{ background: url(../img/bg-nhs-practice.png) repeat-y 50px 0; }
#main .private-practice	{ background: url(../img/bg-private-practice.png) repeat-y 50px 0; }
#main .local-healthcare	{ background: url(../img/bg-local-healthcare.png) repeat-y 869px 0; }

#col-1{
	float: left; display: inline;
	width: 412px; min-height: 503px;
	margin: 0 0 0 50px; padding: 0 0 40px 0;
	background: url(../img/bg-col-1.png) no-repeat 50% 97%;
}
.homepage #col-1{
	background: none;
}
#col-2{
	float: right; display: inline;
	width: 412px; min-height: 54.3em;
	margin: 0 50px 0 0;
	background: url(../img/bg-col-2.png) no-repeat 100% 100%;
}

#footer{
	position: relative;
	min-height: 49px;
	background: url(../img/bg-footer.png) no-repeat 0 -1px;
}

/* ========================== layout end ============================ */

/* address-card */

#address-card{
	position: absolute;
	top: 52px; left: 877px;
	width: 167px;
	padding: 3px 0 0 0;
	background: url(../img/bg-address-card.png) no-repeat 0 0;
}
#address-card .wrapper{
	min-height: 205px;
	padding: 10px 15px 10px 5px;
	color: #343434; background: url(../img/bg-address-card-wrapper.png) no-repeat 0 100%;
	font-size: 1.1em; line-height: 1.4;
}
#address-card h1,
#address-card h2{
	margin: 0 0 10px 0;
}
#address-card address{
	display: block;
	margin: 0 0 10px 0;
	font-style: normal;
}
#address-card dl{
	width: 100%;
	margin: 0 0 10px 0;
}
#address-card dt{
	clear: both; float: left;
	font-weight: bold;
}
#address-card dd{
	float: right;
}
#address-card a{
	color: #343434;
	font-weight: bold; text-decoration: none;
}
#address-card a:hover,
#address-card a:focus,
#address-card a:active{
	text-decoration: underline;
}

#address-card p{
margin: 0 0 5px 0;
}

/* navigation */

#nav li{
	position: absolute;
	left: 25px;
	width: 25px; height: 134px;
}
#nav li a{
	position: relative; display: block;
	width: 100%; height: 100%;
	overflow: hidden;
}
#nav li a span{
	position: absolute;
	width: 100%; height: 100%;
}
#nav li.nav-1{ top: 43px; }
#nav li.nav-2{ top: 177px; }
#nav li.nav-3{ top: 311px; }
#nav li.nav-4{ top: 445px; height: 133px; }
#nav li.nav-5{ bottom: 105px; left: 876px; height: 191px; }
#nav li.nav-1 a span{ background: url(../img/nav-1.png) no-repeat 0 0; }
#nav li.nav-2 a span{ background: url(../img/nav-2.png) no-repeat 0 0; }
#nav li.nav-3 a span{ background: url(../img/nav-3.png) no-repeat 0 0; }
#nav li.nav-4 a span{ background: url(../img/nav-4.png) no-repeat 0 0; }
#nav li.nav-5 a span{ background: url(../img/nav-5.png) no-repeat 0 0; }
#nav li.current a span{ background-position: 100% 0; }

.navigation{
	position: absolute;
	top: 1px; left: 57px;	
	width: 304px;
	padding: 0 0 0 516px;
	border-top: 6px solid #cec8b7;
}
.navigation div{
	float: left;
}

/* welcome-text */

#welcome-text{
	margin: 10px 35px 0 35px;
	text-align: center;
}
#welcome-text h2{
	margin: 0 0 20px 0;
}
#welcome-text h2 img{
	margin: 0 auto;
}
#welcome-text p{
	font-size: 14px;
}


/* page-title */

.page-title{
	margin: 18px 20px 20px 30px; padding: 0 0 5px 0;
	text-align: center;
	background: url(../img/hr.png) no-repeat 50% 100%;
}
#col-1 .page-title{ margin-top: 52px; }
.page-title .no-sub-title{
	padding-top: 36px;
}
.page-title strong{
	display: block;
	font-size: 19px; font-weight: bold;
}
.page-title em{
	display: block;
	font-size: 24px; font-style: normal;
}

/* page-content */

.page-content{
	margin: 0 20px 30px 20px;
	font-size: 1.2em; line-height: 1.3;
}
.page-content h4{
	margin: 0 0 20px 0;
	text-align: center;
	background: url(../img/hr-mini.png) no-repeat 50% 100%;
}
.page-content h4.interests{
	margin: 0 0 5px 0;
	text-align: left;
	background-image: none;
	font-weight: bold;
}
.page-content h4 em{
	display: block;
	font-size: 24px; font-style: normal;
}
.page-content p{
	margin: 0 0 15px 0;
}
.page-content ul{
	margin: 0 0 15px 2em;
	list-style: disc;
}
.page-content ol{
	margin: 0 0 15px 2em;
	list-style: decimal;
}
.page-content a{
color: #1572b8;
text-decoration: none;
}
.page-content a:hover{
color: #1572b8;
text-decoration: underline;
}
/* side-nav */

#side-nav{
	margin: 0 30px;
	line-height: 1.3;
}
#side-nav .col-1{
	float: left;
	width: 161px;
	text-align: center;
}
#side-nav .col-2{
	float: right;
	width: 161px;
	text-align: center;
}
#side-nav h3{
	margin: 0 0 10px 0;
	font-size: 1.4em; font-weight: bold;
}
#side-nav h4{
	font-size: 1.2em; font-style: italic; font-weight: normal;
	color: #7f807e;
}
#side-nav ul{
	margin: 0 0 15px 0;
	font-size: 1.2em;
}

/* staff-header */

.staff-header{
	padding: 28px 45px 15px 45px;
}
.staff-header .photo{
	float: left; display: inline;
	width: 130px; height: 195px;
	padding: 1px 10px 10px 1px;
	background: url(../img/bg-photo.png) no-repeat 0 0;
}
.staff-header h3{
	float: right;
	width: 181px;
	margin: 0 0 10px 0;
	text-align: center;
	background: url(../img/hr-mini.png) no-repeat 50% 100%;
}
.staff-header h3 strong{
	display: block;
	font-size: 19px; font-weight: bold;
}
.staff-header h3 em{
	display: block;
	font-size: 19px; font-style: normal;
}
.staff-header .headline{
	float: right; display: inline;
	width: 141px;
	padding: 0 20px;
	font-size: 1.4em; font-style: italic; text-align: center; line-height: 1.3;
	color: #808080;
}

/* copyright */

#copyright{
	padding: 40px 80px 15px 80px;
	font-size: 12px; text-align: right;
}