/* Code added by Ramario.................................... */

h5{font-size: 14px;margin-bottom: 10px;}
p{line-height: 19px;}
.policy-section{margin-top: 20px;color: #ffff;}

/* cookie consent styles */
.cookie-container {
  position: fixed;
  bottom: -100%;
  left: 0;
  right: 0;
  background: rgb(255 255 255 / 95%);
  color: hsl(0deg 0% 0%);
  padding: 0 32px;
  box-shadow: 0 -2px 16px rgba(47, 54, 64, 0.39);
  transition: 400ms;
z-index: 9999999999999999999 !important;
    display: grid;
    grid-template-columns: 1fr;
    width: 500px;
    grid-row-gap: 1em;
    margin-bottom: 19px;
    margin-left: 13px;

    grid-column-gap: 1em;
    padding-top: 31px;
    padding-bottom: 20px;

}
.cookie-col1{margin-bottom: 17px;}
.cookie-col1 p {    position: relative;
    top: 10px;}

.cookie-container.active {
  bottom: 0;
}

.cookie-container a {
    color: #1c71c4;
      text-decoration: underline;
}

.cookie-btn {
    background: #1c71c4;
    border: 0;
    color: #fff;
    padding: 12px 40px;
    font-size: 14px;
    margin-bottom: 16px;
    border-radius: 0;
    cursor: pointer;
}

.cookie-btn-decline {
    background: #fff;
    border:1px solid #1c71c4;
    color: #1c71c4;
    padding: 12px 37px;
    font-size: 14px;
    margin-bottom: 16px;
    border-radius: 0;
    cursor: pointer;
}

.readmore-btn {
    background: #2697c2;
    border: 0;
    color: #ffffff;
    padding: 12px 37px;
    font-size: 14px;
    margin-bottom: 16px;
    border-radius: 0;
    cursor: pointer;
}


@media only screen and (max-width: 830px)
{
    .cookie-container
    {
        grid-template-columns: 1fr;
        grid-row-gap: 1em;
        width: 100%;
        margin-left: 0;
    }
}
/* cookie consent style  ends*/

/* Ramarios code ends here............................ */


	/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	}

/* main divs */

#top {
	margin: 0px;
	padding: 0px;
	height: 215px;
	width:auto;
	background-color: #0064c4;
	background-image: url('images/topbg.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	}

#main 	{
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom: 0px;
	padding: 0px;
	width:980px;
	height:auto;

	overflow: auto; /* NB for floating divs */

	background-image: url('images/mainbg.jpg');
	background-repeat: repeat-y;
	background-position: top left;

	color: #606060;
	font-size: 12px;
}

#main a:link {
	color: #F7852C;
	text-decoration: underline;
	}

#main a:visited {
	color: #F7852C;
	text-decoration: underline;
	}

#main a:hover {
	color: #F7852C;
	text-decoration: none;
	}

#main a:active {
	color: #F7852C;
	text-decoration: none;
	}

#bot {
	margin: 0px;
	padding: 0px;
	height: 182px;
	width:auto;
	background-color: #0064c4;
	background-image: url('images/botbg.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	}


/* inner divs */

#headlogo {
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom: 0px;
	padding: 0px;
	width:960px;
	height:164px;
}

#headnav {
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom: 0px;
	padding: 0px;
	width:960px;
	height:51px;
}


#mainleft {
	float: left;
	margin-left: 30px;
	width:310px;
	height: auto;
}

#mainright {
	float: right;
	margin-right: 10px;
	width: 613px;
	height: auto;
	text-align: left;
	padding: 0px;

background-image: url('images/photobg.jpg');
background-repeat: no-repeat;
background-position: top left;
}


.head-image-specialisations {
	margin-top: 10px;
		padding-bottom: 8px;
}

.head-side {
	margin-top: 12px;
	border-top: #efefef 1px solid;
	padding-bottom: 8px;
}

#mainleft ul
{
list-style-type: none;
padding-left: 0px;
margin-top: 0px;
}

#mainleft li
{
background-image: url('images/bullet-arrow.jpg');
background-repeat: no-repeat;
background-position: 0px 6px;
padding-left: 18px;
padding-top: 2px;
padding-bottom: 3px;
}


.photo {
	margin-top: 10px;
	border-left: #efefef 1px solid;
	border-bottom: #efefef 1px solid;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 1px;
}

.photofade {
	margin-top: 10px;
	padding-left: 11px;
	padding-bottom: 10px;
	padding-right: 1px;
}

#maintext {
	width: auto;
	padding-left: 11px;
	padding-right: 11px;
	border-left: #efefef 1px solid;
	padding-bottom: 11px;
	margin-top: 28px;
}

.textbold {font-weight: bold;}

.head-main-top {
	margin-bottom: 8px;
}

.head-main {
	margin-top: 12px;
	margin-bottom: 8px;
}

#mainright ul
{
list-style-type: none;
padding-left: 0px;
margin-top: 18px;
}

#mainright li
{
background-image: url('images/bullet-circle.jpg');
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 14px;
padding-top: 1px;
padding-bottom: 2px;
}

.photofloat {
	float: right;
	padding: 0px 0px 10px 10px;
}

h4 {font-size: 16px;
	padding: 0px;
	margin: 0px;
	}

blockquote {
	margin: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}

input,select,textarea {background-color: #ffffff; color: #606060; font-family: Arial, Helvetica, sans-serif;
              font-size: 12px; border: 1px solid #606060; margin-top: 2px; margin-left: 6px;}

.form-button  {background-color: #0064c4; color: #ffffff; font-family: Arial, Helvetica, sans-serif;
              font-size: 12px; font-weight: bold; border: 1px outset #0064c4;}

#footer {
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;

	width:920px;
	height:54px;
	text-align:left;

	color:#ffffff;
	font-size:12px;
}

#footer p {padding-top: 4px;}

#footer a:link, a:visited {
	color: #ffffff;
	text-decoration: underline;
	}

#footer a:hover, a:active {
	color: #ffffff;
	text-decoration: none;
	}
.slicknav_menu   {display: none}
/***************************************************************************************************/
@media only screen and (max-width: 64.063em) {
	/* CSS Document */

	body {
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		background-color: #ffffff;
		font-family: Arial, Helvetica, sans-serif;
		}

	/* main divs */

	#top {
		margin: 0px;
		padding: 0px;
		height: 215px;
		width:auto;
		background-color: #0064c4;
		background-image: url('images/topbg.jpg');
		background-repeat: no-repeat;
		background-position: top center;
		}

	#main 	{
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		margin-bottom: 0px;
		padding: 0px;
		width: 100%;
		height:auto;
		overflow: auto; /* NB for floating divs */
		background-image: url('images/mainbg.jpg');
		background-repeat: repeat-y;
		background-position: top left;
		color: #606060;
		font-size: 12px;
	}

	#main a:link {
		color: #F7852C;
		text-decoration: underline;
		}

	#main a:visited {
		color: #F7852C;
		text-decoration: underline;
		}

	#main a:hover {
		color: #F7852C;
		text-decoration: none;
		}

	#main a:active {
		color: #F7852C;
		text-decoration: none;
		}

	#bot {
		margin: 0px;
		padding: 0px;
		height: 163px;
		width:auto;
		background-color: #0064c4;
		background-image: url('images/botbg.jpg');
		background-repeat: no-repeat;
		background-position: top center;
		}


	/* inner divs */

	#headlogo {
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		margin-bottom: 0px;
		padding: 0px;
		width:960px;
		height:164px;
	}

	#headnav {
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		margin-bottom: 0px;
		padding: 0px;
		width:960px;
		height:51px;
	}


	#mainleft {
		float: left;
		margin-left: 0;
		width: 98%;
		height: auto;
	}

	#mainright {
		float: right;
		margin-right: 0;
		width: 98%;
		height: auto;
		text-align: left;
		padding: 0px;
		background-image: url('images/photobg.jpg');
		background-repeat: no-repeat;
		background-position: top left;
	}


	.head-image-specialisations {
		margin-top: 10px;
			padding-bottom: 8px;
	}

	.head-side {
		margin-top: 12px;
		border-top: #efefef 1px solid;
		padding-bottom: 8px;
	}

	#mainleft ul
	{
	list-style-type: none;
	padding-left: 13px;
	margin-top: 0px;
	}

	#mainleft li
	{
	background-image: url('images/bullet-arrow.jpg');
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 18px;
	padding-top: 2px;
	padding-bottom: 3px;
	}


	.photo {
		margin-top: 10px;
		border-left: #efefef 1px solid;
		border-bottom: #efefef 1px solid;
		padding-left: 10px;
		padding-bottom: 10px;
		padding-right: 1px;
	}

	.photofade {
		margin-top: 10px;
		padding-left: 11px;
		padding-bottom: 10px;
		padding-right: 1px;
	}

	#maintext {
		width: auto;
		padding-left: 0;
		padding-right: 0;
		border-left: #efefef 1px solid;
		padding-bottom: 11px;
		margin-top: 28px;
	}

	.textbold {font-weight: bold;}

	.head-main-top {
		margin-bottom: 8px;
	}

	.head-main {
		margin-top: 12px;
		margin-bottom: 8px;
	}

	#mainright ul
	{
	list-style-type: none;
	padding-left: 0px;
	margin-top: 18px;
	}

	#mainright li
	{
	background-image: url('images/bullet-circle.jpg');
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 14px;
	padding-top: 1px;
	padding-bottom: 2px;
	}

	.photofloat {
		float: right;
		padding: 0px 0px 10px 10px;
	}

	h4 {font-size: 16px;
		padding: 0px;
		margin: 0px;
		}

	blockquote {
		margin: 0px;
		padding-left: 20px;
		padding-right: 20px;
		}

	input,select,textarea {background-color: #ffffff; color: #606060; font-family: Arial, Helvetica, sans-serif;
	              font-size: 12px; border: 1px solid #606060; margin-top: 2px; margin-left: 6px;}

	.form-button  {background-color: #0064c4; color: #ffffff; font-family: Arial, Helvetica, sans-serif;
	              font-size: 12px; font-weight: bold; border: 1px outset #0064c4;}

	#footer {
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		margin-bottom: 0px;
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		width: 100%;
		height:54px;
		text-align:left;
		color:#ffffff;
		font-size:12px;
	}

	#footer p {padding-top: 4px;}

	#footer a:link, a:visited {
		color: #ffffff;
		text-decoration: underline;
		}

	#footer a:hover, a:active {
		color: #ffffff;
		text-decoration: none;
		}
.specialisations {
    width: 33%;
    display: inline-block;
    float: left;
}
.prac-info      {
    width: 33%;
    display: inline-block;
    float: right;
}
.contact-info 	{
    width: 33%;
    display: inline-block;
}
.head-image-specialisations {display: block;}
.slicknav_menu   {display: none}
		}


/***********************************************************************************************************************/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {


		body {
			margin-left: 0px;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 0px;
			background-color: #ffffff;
			font-family: Arial, Helvetica, sans-serif;
			}

		/* main divs */

		#top {
			margin: 0px;
			padding: 0px;
			height: 215px;
			width:auto;
			background-color: #0064c4;
			background-image: url('images/topbg.jpg');
			background-repeat: no-repeat;
			background-position: top center;
			}

		#main 	{
			margin-left:auto;
			margin-right:auto;
			margin-top:0px;
			margin-bottom: 0px;
			padding: 0px;
			width: 100%;
			height:auto;
			overflow: auto; /* NB for floating divs */
			background-image: none;
			background-repeat: repeat-y;
			background-position: top left;
			color: #606060;
			font-size: 12px;
		}

		#main a:link {
			color: #F7852C;
			text-decoration: underline;
			}

		#main a:visited {
			color: #F7852C;
			text-decoration: underline;
			}

		#main a:hover {
			color: #F7852C;
			text-decoration: none;
			}

		#main a:active {
			color: #F7852C;
			text-decoration: none;
			}

		#bot {
			margin: 0px;
			padding: 0px;
			height: 163px;
			width:auto;
			background-color: #0064c4;
			background-image: url('images/botbg.jpg');
			background-repeat: no-repeat;
			background-position: top center;
			}


		/* inner divs */

		#headlogo {
			margin-left:auto;
			margin-right:auto;
			margin-top:0px;
			margin-bottom: 0px;
			padding: 0px;
			width: 100%;
			height:164px;
		}
	#headlogo a img	{width: 54%;}
		#headnav {
			margin-left:auto;
			margin-right:auto;
			margin-top:0px;
			margin-bottom: 0px;
			padding: 0px;
			width:960px;
			height:51px;
			display: none;
		}


		#mainleft {
			float: left;
			margin-left: 0;
			width: 98%;
			height: auto;
		}

		#mainright {
			float: right;
			margin-right: 0;
			width: 98%;
			height: auto;
			text-align: left;
			padding: 0px;
			background-image: url('images/photobg.jpg');
			background-repeat: no-repeat;
			background-position: top left;
		}


		.head-image-specialisations {
			margin-top: 10px;
				padding-bottom: 8px;
		}

		.head-side {
			margin-top: 12px;
			border-top: #efefef 1px solid;
			padding-bottom: 8px;
		}

		#mainleft ul
		{
		list-style-type: none;
		padding-left: 13px;
		margin-top: 0px;
		}

		#mainleft li
		{
		background-image: url('images/bullet-arrow.jpg');
		background-repeat: no-repeat;
		background-position: 0px 6px;
		padding-left: 18px;
		padding-top: 2px;
		padding-bottom: 3px;
		}


		.photo {
			margin-top: 10px;
			border-left: #efefef 1px solid;
			border-bottom: #efefef 1px solid;
			padding-left: 10px;
			padding-bottom: 10px;
			padding-right: 1px;
		}

		.photofade {
			margin-top: 10px;
			padding-left: 11px;
			padding-bottom: 10px;
			padding-right: 1px;
		}

		#maintext {
			width: auto;
			padding-left: 0;
			padding-right: 0;
			border-left: #efefef 1px solid;
			padding-bottom: 11px;
			margin-top: 28px;
			overflow-x: hidden;
		}

		.textbold {font-weight: bold;}

		.head-main-top {
			margin-bottom: 8px;
		}

		.head-main {
			margin-top: 12px;
			margin-bottom: 8px;
		}

		#mainright ul
		{
		list-style-type: none;
		padding-left: 0px;
		margin-top: 18px;
		}

		#mainright li
		{
		background-image: url('images/bullet-circle.jpg');
		background-repeat: no-repeat;
		background-position: 0px 5px;
		padding-left: 14px;
		padding-top: 1px;
		padding-bottom: 2px;
		}

		.photofloat {
			float: left;
			padding: 0px 0px 10px 4px;
			margin: 0 10px;
		}

		h4 {font-size: 16px;
			padding: 0px;
			margin: 0px;
			}

		blockquote {
			margin: 0px;
			padding-left: 20px;
			padding-right: 20px;
			}

		input,select,textarea {background-color: #ffffff; color: #606060; font-family: Arial, Helvetica, sans-serif;
		              font-size: 12px; border: 1px solid #606060; margin-top: 2px; margin-left: 6px;}

		.form-button  {background-color: #0064c4; color: #ffffff; font-family: Arial, Helvetica, sans-serif;
		              font-size: 12px; font-weight: bold; border: 1px outset #0064c4;}

		#footer {
			margin-left:auto;
			margin-right:auto;
			margin-top:0px;
			margin-bottom: 0px;
			padding-top: 20px;
			padding-left: 0;
			padding-right: 0;
			width: 100%;
			height:54px;
			text-align:left;
			color:#ffffff;
			font-size:12px;
		}

		#footer p {padding-top: 4px;}

		#footer a:link, a:visited {
			color: #ffffff;
			text-decoration: underline;
			}

		#footer a:hover, a:active {
			color: #ffffff;
			text-decoration: none;
			}
	.specialisations {
	    width: 33%;
	    display: inline-block;
	    float: left;
	}
	.prac-info      {
	    width: 33%;
	    display: inline-block;
	    float: right;
	}
	.contact-info 	{
	    width: 33%;
	    display: inline-block;
	    float: right;
	}
	.head-image-specialisations {display: inline-block;/* float: left; *//* clear: both; */}

	#rotator
	{
		/*border: 1px solid #000;
		margin: 50px auto 10px;*/
		cursor: pointer;
		overflow: hidden;
		margin: 0;
		position: relative;
		width: 100% !important;
		height: 395px;
		z-index: 0;
		display: none;
	}
	.slicknav_menu   {display: block}
}


/*************************************************************************************************************************/
@media only screen and (max-width: 40.063em) {


		body {
			margin-left: 0px;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 0px;
			background-color: #ffffff;
			font-family: Arial, Helvetica, sans-serif;
			}

		/* main divs */

		#top {
			margin: 0px;
			padding: 0px;
			height: 215px;
			width:auto;
			background-color: #0064c4;
			background-image: url('images/topbg.jpg');
			background-repeat: no-repeat;
			background-position: top center;
			}

		#main 	{
			margin-left:auto;
			margin-right:auto;
			margin-top:0px;
			margin-bottom: 0px;
			padding: 0px;
			width: 100%;
			height:auto;
			overflow: auto; /* NB for floating divs */
			background-image: none;
			background-repeat: repeat-y;
			background-position: top left;
			color: #606060;
			font-size: 12px;
		}

		#main a:link {
			color: #F7852C;
			text-decoration: underline;
			}

		#main a:visited {
			color: #F7852C;
			text-decoration: underline;
			}

		#main a:hover {
			color: #F7852C;
			text-decoration: none;
			}

		#main a:active {
			color: #F7852C;
			text-decoration: none;
			}

		#bot {
			margin: 0px;
			padding: 0px;
			height: 163px;
			width:auto;
			background-color: #0064c4;
			background-image: url('images/botbg.jpg');
			background-repeat: no-repeat;
			background-position: top center;
			}


		/* inner divs */

		#headlogo {
			margin-left:auto;
			margin-right:auto;
			margin-top:0px;
			margin-bottom: 0px;
			padding: 0px;
			width: 100%;
			height:164px;
		}
	#headlogo a img	{width:100%}
		#headnav {
			margin-left:auto;
			margin-right:auto;
			margin-top:0px;
			margin-bottom: 0px;
			padding: 0px;
			width:960px;
			height:51px;
			display: none;
		}


		#mainleft {
			float: left;
			margin-left: 0;
			width: 98%;
			height: auto;
		}

		#mainright {
			float: right;
			margin-right: 0;
			width: 98%;
			height: auto;
			text-align: left;
			padding: 0px;
			background-image: url('images/photobg.jpg');
			background-repeat: no-repeat;
			background-position: top left;
		}


		.head-image-specialisations {
			margin-top: 10px;
				padding-bottom: 8px;
		}

		.head-side {
			margin-top: 12px;
			border-top: #efefef 1px solid;
			padding-bottom: 8px;
		}

		#mainleft ul
		{
		list-style-type: none;
		padding-left: 13px;
		margin-top: 0px;
		}

		#mainleft li
		{
		background-image: url('images/bullet-arrow.jpg');
		background-repeat: no-repeat;
		background-position: 0px 6px;
		padding-left: 18px;
		padding-top: 2px;
		padding-bottom: 3px;
		}


		.photo {
			margin-top: 10px;
			border-left: #efefef 1px solid;
			border-bottom: #efefef 1px solid;
			padding-left: 10px;
			padding-bottom: 10px;
			padding-right: 1px;
		}

		.photofade {
			margin-top: 10px;
			padding-left: 11px;
			padding-bottom: 10px;
			padding-right: 1px;
		}

		#maintext {
			width: auto;
			padding-left: 0;
			padding-right: 0;
			border-left: #efefef 1px solid;
			padding-bottom: 11px;
			margin-top: 28px;
			overflow-x: hidden;
		}

		.textbold {font-weight: bold;}

		.head-main-top {
			margin-bottom: 8px;
		}

		.head-main {
			margin-top: 12px;
			margin-bottom: 8px;
		}

		#mainright ul
		{
		list-style-type: none;
		padding-left: 0px;
		margin-top: 18px;
		}

		#mainright li
		{
		background-image: url('images/bullet-circle.jpg');
		background-repeat: no-repeat;
		background-position: 0px 5px;
		padding-left: 14px;
		padding-top: 1px;
		padding-bottom: 2px;
		}

		.photofloat {
			float: left;
			padding: 0px 0px 10px 10px;
		}

		h4 {font-size: 16px;
			padding: 0px;
			margin: 0px;
			}

		blockquote {
			margin: 0px;
			padding-left: 20px;
			padding-right: 20px;
			}

		input,select,textarea {background-color: #ffffff; color: #606060; font-family: Arial, Helvetica, sans-serif;
		              font-size: 12px; border: 1px solid #606060; margin-top: 2px; margin-left: 6px;}

		.form-button  {background-color: #0064c4; color: #ffffff; font-family: Arial, Helvetica, sans-serif;
		              font-size: 12px; font-weight: bold; border: 1px outset #0064c4;}

		#footer {
			margin-left:auto;
			margin-right:auto;
			margin-top:0px;
			margin-bottom: 0px;
			padding-top: 20px;
			padding-left: 0;
			padding-right: 0;
			width: 100%;
			height:54px;
			text-align:left;
			color:#ffffff;
			font-size:12px;
		}

		#footer p {padding-top: 4px;}

		#footer a:link, a:visited {
			color: #ffffff;
			text-decoration: underline;
			}

		#footer a:hover, a:active {
			color: #ffffff;
			text-decoration: none;
			}
	.specialisations {
	    width: 100%;
	    display: inline-block;
	    float: left;
	}
	.prac-info      {
	    width: 100%;
	    display: inline-block;
	    float: right;
	}
	.contact-info 	{
	    width: 100%;
	    display: inline-block;
	}
	.head-image-specialisations {display: block;}

	#rotator
	{
		/*border: 1px solid #000;
		margin: 50px auto 10px;*/
		cursor: pointer;
		overflow: hidden;
		margin: 0;
		position: relative;
		width: 100% !important;
		height: 395px;
		z-index: 0;
		display: none;
	}
.slicknav_menu   {display: block}


}

/* max-width 640px, mobile-only styles, use when QAing mobile issues
=====================================================================*/
@media only screen and (max-width: 40em) {



		body {
			margin-left: 0px;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 0px;
			background-color: #ffffff;
			font-family: Arial, Helvetica, sans-serif;
			}

		/* main divs */

		#top {
			margin: 0px;
			padding: 0px;
			height: 215px;
			width:auto;
			background-color: #0064c4;
			background-image: url('images/topbg.jpg');
			background-repeat: no-repeat;
			background-position: top center;
			}

		#main 	{
			margin-left:auto;
			margin-right:auto;
			margin-top:0px;
			margin-bottom: 0px;
			padding: 0px;
			width: 100%;
			height:auto;
			overflow: auto; /* NB for floating divs */
			background-image: none;
			background-repeat: repeat-y;
			background-position: top left;
			color: #606060;
			font-size: 12px;
		}

		#main a:link {
			color: #F7852C;
			text-decoration: underline;
			}

		#main a:visited {
			color: #F7852C;
			text-decoration: underline;
			}

		#main a:hover {
			color: #F7852C;
			text-decoration: none;
			}

		#main a:active {
			color: #F7852C;
			text-decoration: none;
			}

		#bot {
			margin: 0px;
			padding: 0px;
			height: 163px;
			width:auto;
			background-color: #0064c4;
			background-image: url('images/botbg.jpg');
			background-repeat: no-repeat;
			background-position: top center;
			}


		/* inner divs */

		#headlogo {
			margin-left:auto;
			margin-right:auto;
			margin-top:0px;
			margin-bottom: 0px;
			padding: 0px;
			width: 100%;
			height:164px;
		}
	#headlogo a img	{width:100%}
		#headnav {
			margin-left:auto;
			margin-right:auto;
			margin-top:0px;
			margin-bottom: 0px;
			padding: 0px;
			width:960px;
			height:51px;
			display: none;
		}


		#mainleft {
			float: left;
			margin-left: 0;
			width: 98%;
			height: auto;
		}

		#mainright {
			float: right;
			margin-right: 0;
			width: 98%;
			height: auto;
			text-align: left;
			padding: 0px;
			background-image: url('images/photobg.jpg');
			background-repeat: no-repeat;
			background-position: top left;
		}


		.head-image-specialisations {
			margin-top: 10px;
				padding-bottom: 8px;
		}

		.head-side {
			margin-top: 12px;
			border-top: #efefef 1px solid;
			padding-bottom: 8px;
		}

		#mainleft ul
		{
		list-style-type: none;
		padding-left: 13px;
		margin-top: 0px;
		}

		#mainleft li
		{
		background-image: url('images/bullet-arrow.jpg');
		background-repeat: no-repeat;
		background-position: 0px 6px;
		padding-left: 18px;
		padding-top: 2px;
		padding-bottom: 3px;
		}


		.photo {
			margin-top: 10px;
			border-left: #efefef 1px solid;
			border-bottom: #efefef 1px solid;
			padding-left: 10px;
			padding-bottom: 10px;
			padding-right: 1px;
		}

		.photofade {
			margin-top: 10px;
			padding-left: 11px;
			padding-bottom: 10px;
			padding-right: 1px;
		}

		#maintext {
			width: auto;
			padding-left: 0;
			padding-right: 0;
			border-left: #efefef 1px solid;
			padding-bottom: 11px;
			margin-top: 28px;
			overflow-x: hidden;
		}

		.textbold {font-weight: bold;}

		.head-main-top {
			margin-bottom: 8px;
		}

		.head-main {
			margin-top: 12px;
			margin-bottom: 8px;
		}

		#mainright ul
		{
		list-style-type: none;
		padding-left: 0px;
		margin-top: 18px;
		}

		#mainright li
		{
		background-image: url('images/bullet-circle.jpg');
		background-repeat: no-repeat;
		background-position: 0px 5px;
		padding-left: 14px;
		padding-top: 1px;
		padding-bottom: 2px;
		}

		.photofloat {
			float: left;
			padding: 0px 0px 10px 10px;
		}

		h4 {font-size: 16px;
			padding: 0px;
			margin: 0px;
			}

		blockquote {
			margin: 0px;
			padding-left: 20px;
			padding-right: 20px;
			}

		input,select,textarea {background-color: #ffffff; color: #606060; font-family: Arial, Helvetica, sans-serif;
		              font-size: 12px; border: 1px solid #606060; margin-top: 2px; margin-left: 6px;}

		.form-button  {background-color: #0064c4; color: #ffffff; font-family: Arial, Helvetica, sans-serif;
		              font-size: 12px; font-weight: bold; border: 1px outset #0064c4;}

		#footer {
			margin-left:auto;
			margin-right:auto;
			margin-top:0px;
			margin-bottom: 0px;
			padding-top: 20px;
			padding-left: 0;
			padding-right: 0;
			width: 100%;
			height:54px;
			text-align:left;
			color:#ffffff;
			font-size:12px;
		}

		#footer p {padding-top: 4px;}

		#footer a:link, a:visited {
			color: #ffffff;
			text-decoration: underline;
			}

		#footer a:hover, a:active {
			color: #ffffff;
			text-decoration: none;
			}
	.specialisations {
	    width: 100%;
	    display: inline-block;
	    float: left;
	}
	.prac-info      {
	    width: 100%;
	    display: inline-block;
	    float: right;
	}
	.contact-info 	{
	    width: 100%;
	    display: inline-block;
	}
	.head-image-specialisations {display: block;}

	#rotator
	{
		/*border: 1px solid #000;
		margin: 50px auto 10px;*/
		cursor: pointer;
		overflow: hidden;
		margin: 0;
		position: relative;
		width: 100% !important;
		height: 395px;
		z-index: 0;
		display: none;
	}


.slicknav_menu   {display: block}
}



/*Styles for Smartphones - 4
====================================================================*/
@media only screen and (max-width: 480px) {


	body {
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		background-color: #ffffff;
		font-family: Arial, Helvetica, sans-serif;
		}

	/* main divs */

	#top {
		margin: 0px;
		padding: 0px;
		height: auto;
		width:auto;
		background-color: #0064c4;
		background-image: url('images/topbg.jpg');
		background-repeat: no-repeat;
		background-position: top center;
		}

	#main 	{
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		margin-bottom: 0px;
		padding: 0px;
		width: 100%;
		height:auto;
		overflow: auto; /* NB for floating divs */
		background-image: none;
		background-repeat: repeat-y;
		background-position: top left;
		color: #606060;
		font-size: 12px;
	}

	#main a:link {
		color: #F7852C;
		text-decoration: underline;
		}

	#main a:visited {
		color: #F7852C;
		text-decoration: underline;
		}

	#main a:hover {
		color: #F7852C;
		text-decoration: none;
		}

	#main a:active {
		color: #F7852C;
		text-decoration: none;
		}

	#bot {
		margin: 0px;
		padding: 0px;
		height: 163px;
		width:auto;
		background-color: #0064c4;
		background-image: url('images/botbg.jpg');
		background-repeat: no-repeat;
		background-position: top center;
		}


	/* inner divs */

	#headlogo {
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		margin-bottom: 0px;
		padding: 0px;
		width: 100%;
		height:164px;
	}
#headlogo a img	{width:100%}
	#headnav {
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		margin-bottom: 0px;
		padding: 0px;
		width:960px;
		height:51px;
		display: none;
	}


	#mainleft {
		float: left;
		margin-left: 0;
		width: 98%;
		height: auto;
	}

	#mainright {
		float: right;
		margin-right: 0;
		width: 98%;
		height: auto;
		text-align: left;
		padding: 0px;
		background-image: url('images/photobg.jpg');
		background-repeat: no-repeat;
		background-position: top left;
	}


	.head-image-specialisations {
		margin-top: 10px;
			padding-bottom: 8px;
	}

	.head-side {
		margin-top: 12px;
		border-top: #efefef 1px solid;
		padding-bottom: 8px;
	}

	#mainleft ul
	{
	list-style-type: none;
	padding-left: 13px;
	margin-top: 0px;
	}

	#mainleft li
	{
	background-image: url('images/bullet-arrow.jpg');
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 18px;
	padding-top: 2px;
	padding-bottom: 3px;
	}


	.photo {
		margin-top: 10px;
		border-left: #efefef 1px solid;
		border-bottom: #efefef 1px solid;
		padding-left: 10px;
		padding-bottom: 10px;
		padding-right: 1px;
	}

	.photofade {
		margin-top: 10px;
		padding-left: 11px;
		padding-bottom: 10px;
		padding-right: 1px;
	}

	#maintext {
		width: auto;
		padding-left: 0;
		padding-right: 0;
		border-left: #efefef 1px solid;
		padding-bottom: 11px;
		margin-top: 28px;
		overflow-x: hidden;
	}

	.textbold {font-weight: bold;}

	.head-main-top {
		margin-bottom: 8px;
	}

	.head-main {
		margin-top: 12px;
		margin-bottom: 8px;
	}

	#mainright ul
	{
	list-style-type: none;
	padding-left: 0px;
	margin-top: 18px;
	}

	#mainright li
	{
	background-image: url('images/bullet-circle.jpg');
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 14px;
	padding-top: 1px;
	padding-bottom: 2px;
	}

	.photofloat {
		float: left;
		padding: 0px 0px 10px 10px;
	}

	h4 {font-size: 16px;
		padding: 0px;
		margin: 0px;
		}

	blockquote {
		margin: 0px;
		padding-left: 20px;
		padding-right: 20px;
		}

	input,select,textarea {background-color: #ffffff; color: #606060; font-family: Arial, Helvetica, sans-serif;
	              font-size: 12px; border: 1px solid #606060; margin-top: 2px; margin-left: 6px;}

	.form-button  {background-color: #0064c4; color: #ffffff; font-family: Arial, Helvetica, sans-serif;
	              font-size: 12px; font-weight: bold; border: 1px outset #0064c4;}

	#footer {
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		margin-bottom: 0px;
		padding-top: 20px;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
		height:54px;
		text-align:left;
		color:#ffffff;
		font-size:12px;
	}

	#footer p {padding-top: 4px;}

	#footer a:link, a:visited {
		color: #ffffff;
		text-decoration: underline;
		}

	#footer a:hover, a:active {
		color: #ffffff;
		text-decoration: none;
		}
.specialisations {
    width: 100%;
    display: inline-block;
    float: left;
}
.prac-info      {
    width: 100%;
    display: inline-block;
    float: right;
}
.contact-info 	{
    width: 100%;
    display: inline-block;
}
.head-image-specialisations {display: block;}

#rotator
{
	/*border: 1px solid #000;
	margin: 50px auto 10px;*/
	cursor: pointer;
	overflow: hidden;
	margin: 0;
	position: relative;
	width: 100% !important;
	height: 395px;
	z-index: 0;
	display: none;
}
.slicknav_menu   {display: block}

 }