body {
	background-color:#FFFFFF;
/*	font-family: Verdana, Geneva, "DejaVu Sans", sans-serif;*/
	font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
/*	font-family: Arial,Verdana,Calibri, Candara, Segoe, "Segoe UI", Optima,sans-serif;*/
	color:#050505;/*color of all text apart from menu */
	font-size:13px;
	margin:0;
	padding:0;
}
 
 
#main-container{
width:99%;
max-width:990px;
margin:0 auto;
 overflow:hidden;
 position:relative;
}
 
#footer{
margin-top:6px;
text-align:center;
background-color:#2B2B2D;
padding-top:6px;
padding-bottom:40px;
line-height: 60%;

}
.bold{
font-weight:bold;
}
.txt{
line-height: 100%;
}


#header {
width:100%;
height:auto;

overflow: hidden;
position: relative;
}




#slider
{
	position:relative;
	height:auto;
	width:100%;
	overflow: hidden;

}


#Slideshow1 img 
{
  height:auto;
  width:100%;
	overflow: hidden;
	z-index:100;
}


.content img
{
	width:100%;
	height:auto;
}

#firstimg
{
	visibility: hidden;
}


#banner
{
	width:100%;
	height:400px;
	overflow: hidden;
	z-index: -1;
}

.bannerimg{
	width:100%;
	height:100%;

}

#logoimg{
width:38%;
border:none;
float:left;
padding-top:30px;
padding-right:26px;
padding-bottom:5px;
}
.infoimg{
width:20%;
float:right;
border:none;
}




nav{
 float:right;
 text-align: right;
 width:auto;
 padding-top:37px;
		color:grey;
		font-size:12px;
}

nav ul{
 padding-left:0px;
}

nav ul li{
 display:inline;
} 

nav li+li { 
background:url(../images/line.png) bottom left no-repeat;
padding-left: 10px;
}




nav a, nav a:visited{


 color:#888888;
 text-align:left;
 text-decoration:none;
 font-weight:normal;
 margin-right:3px;
border-bottom:none;
}




nav a:hover {
 color:black;
border-bottom: 2px solid #A80004;
}


a:visited 
{
text-decoration:none;

border-bottom:none;
}
a:link {
text-decoration:none;

}

a:hover {

/*font-weight:bold;*/

}

.lbox {
display: inline-block;
vertical-align: top;
}

.content{
	width: 100%;
	margin: 0 auto;
	height: auto;
	overflow:hidden;

	
}




#col1
{
	padding-right:3.3%;
	background:url(../images/colsep.png)  right no-repeat;	
}
#col2
{
	padding-right:3.3%;
	padding-left:3%;
	background:url(../images/colsep.png)  right no-repeat;	
}

#col3
{
	padding-left:3%;
}

.col{
	width:29.1%;
	float:left;
	text-align: justify;
	position:relative;
	height:100%;
}

#columns
{
position:relative;
text-align:center;
width:100%;
overflow:hidden;
}

#colbut{
position:relative;
padding-top:10px;
text-align:center;
overflow:hidden;
}


.colbut1{
text-align:center;
width:28%;
float:left;
}
.colbut2{
text-align:center;
width:43%;
float:left;
}
.colbut3{
text-align:center;
width:27%;
float:left;
padding-left:5px;
}
.colbuton{
display:none;
}


.mapcol{
	width:33.3%;
	float:left;
	position:relative;
	height:480px;
	
}
#mapcolbut{
position:absolute;
bottom:30px;
width:100%;
text-align:center;
height:auto;
}



.mapcol label {
	margin-top:11px;
	float: left;
	width: auto;
	border:none;
	height:auto;

}

.mapcol select
{
	padding-left: 5px;
	margin-top: 6px;
	width: 236px;
	float: right;
	height:auto;
	border: 1px solid #BFBDBD;
}



.mapcol input[type="text"]
{
	padding-left: 5px;
	margin-top: 6px;
	width: 230px;
	float: right;
	height:auto;
	border: 1px solid #BFBDBD;
}
.mapcol  textarea{
	margin-top: 6px;
	width: 230px;
	float:right;
	height: 80px;
	border: 1px solid #BFBDBD;
	padding-left: 5px;
}
.mapcol img{
	margin-top: 6px;
	width: 230px;
	float:right;
	height: 40px;
	border: 1px solid #BFBDBD;
	padding-left: 5px;
}	
.mapcol .goo{
	margin-top: 6px;
	float:right;
	padding-left: 5px;
}
	



form div {
  position: relative;
}
form  div  label {
  position: absolute;
}


#col4,#col5{
position:relative;

}

.map{
	width:85%;
	height:80%;
	border:1;
}



.content p{
line-height: 18px;
	text-align: justify;
	margin-top:2px;
	margin-bottom:2px;
}

H3 
{
  font-weight:bold;
	font-size:15px;
	color:black;
}

#hand ul  { 
   list-style-position:inside;
   margin-left:0;
   padding:0;
}

#hand li  { 
line-height: 18px;
   list-style-position:inside;
   margin-left:0;
   padding:0;
	 color:#C23249;
}

#hand li span {
  color: black; /* text color */
}



#ableft
{
	float:left;
	width:30%;
	height:100%;

}
.ableftdv
{
	height:auto;
	width:90%;
	background-color:#9EA1A8;
	padding:1.1% 5% 1.1% 5%;
}

#main-container hr
{
	color:#9EA1A8;
}

.abwhite
{
	color:white;
}

.cellpad
{
	padding-right:5px;
}

.about
{
padding-left:5%;
 list-style-position:outside;
word-wrap: break-word;
}

.qual
{
 margin-top:0;
 padding-left:0;
}


#about ul  { 
  
   margin-left:0;
   
}
#about li  { 
line-height: 18px;
   margin-left:0;
  /* padding:0;*/
	 color:#C23249;
}



#about li span {
  color: black; /* text color */
}
#ableft li span {
  color: white; /* text color */
}
#abright
{
 float:right;
 width:68%;
 height:100%;

}

#about table
{
table-layout: fixed;
width: 100%;
padding:0px none;
border: 0px none;
float:left;
}
#about td
{
vertical-align:top;
padding-bottom:6px;
padding-left:0;
padding-top:1;
/*padding-right:0;*/
border: 0px none;

}

td.trhead
{
width:40px;
}

.ql
{
	list-style-position:inside;
	padding-left:0;
}

#about tr
{
padding:0;
}

td:first-child
{
padding-top:2px;
padding-left:0px none;
padding-right:0px none;



}



.gallery img {
    width: 100%;
		padding-bottom:10%;
    height: auto;
    display: inline-block;
    overflow: hidden;
}

.last {padding-right: 0 !important; }

.d1
{
	width:18.2%;
	float:left;
	padding-right:2%;
	padding-bottom:2%;
}

#d2
{
	width:100%;
	float:left;
	padding-bottom:2%;
}
#d2 img
{
	width:18%;
	padding-right:2%;
	padding-bottom:0;
}

#d3
{
	width:100%;
	float:left;
	padding-bottom:2%;
}
#d3 img
{
	width:18%;
	padding-right:2%;
	padding-bottom:0;
}



.staftab
{
	width:50%;
	float:left;
}

.staftab img
{
	vertical-align:middle;
}

.tcol1
{
	width:34%;
	overflow: hidden;
}

.tcol2
{
	width:66%;
	overflow: hidden;
}


.clr {
    clear: both;
}







.hang { text-indent: -3em; margin-left: 3em; }
.ind { text-indent: 36px;}

.ft1{
font-size:12px;
color:white;
line-height:14px;
letter-spacing: 0.7px;
}
.ft2{
font-size:10px;
color:white;
}
.ft1 a{
color:white;
}



.button_more{
border:none;
 font-weight:bold; color: white;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;
font-size:12px;font-family:arial, helvetica, sans-serif; padding: 8px 15px 8px 15px; text-decoration:none;
 display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);

 background-color: #4b4b4b; background-image: -webkit-gradient(linear, left top, left bottom, from(#7a7a7a), to(#343434));
 background-image: -webkit-linear-gradient(top, #7a7a7a, #343434);
 background-image: -moz-linear-gradient(top, #7a7a7a, #343434);
 background-image: -ms-linear-gradient(top, #7a7a7a, #343434);
 background-image: -o-linear-gradient(top, #7a7a7a, #343434);
 background-image: linear-gradient(to bottom, #7a7a7a, #343434);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7a7a7a, endColorstr=#343434);
);
}

.button_more:hover{
 border:1px solid #b3b3b3;
 background-color: #4b4b4b; background-image: -webkit-gradient(linear, left top, left bottom, from(#7a7a7a), to(#000000));
 background-image: -webkit-linear-gradient(top, #7a7a7a, #000000);
 background-image: -moz-linear-gradient(top, #7a7a7a, #000000);
 background-image: -ms-linear-gradient(top, #7a7a7a, #000000);
 background-image: -o-linear-gradient(top, #7a7a7a, #000000);
 background-image: linear-gradient(to bottom, #7a7a7a, #000000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7a7a7a, endColorstr=#000000);
}

#frmbut
{
 margin-left:10px;
}






@media only screen and (max-width:900px)/* styles for browsers smaller than 900px; */
{
  #slider
  {
  	/*height:280px;*/
  }
  #Slideshow1 img 
  {
  /* height:280px;*/
  }
nav{
 float:left;
 text-align:left;
padding-top:32px;
 }
.mapcol{
	height:520px;
	
}
}

@media only screen and (max-width:800px)/* styles for browsers smaller than 800px; */
{
 #logoimg
 {
 width:40%;
 border:none;
 float:left;
 }
 #infoimg
 {
 width:30%;
 float:right;
 border:none;
 }

 #slider
 {
 	/*height:230px;*/
 }
  #Slideshow1 img 
  {
   /*height:230px;*/
  }
nav{
 float:left;
 text-align:left;
 padding-top:6px;
 }
.mapcol{
	height:620px;
	
}

#d2 img
{
	width:17.5%;
}
#d3 img
{
	width:17.5%;
}
}

@media only screen and (max-width:650px)/* styles for browsers smaller than 650px; */
{
  #slider
  {
  /*	height:200px;*/
  }
  #Slideshow1 img 
  {
   /*height:200px;*/
  }
	.content p
{
 text-align: left;
}

#col4,#col5
{
width:50%;
}

#col6
{
width:100%;
}

.staftab
{
	width:100%;
}

#ableft
{
	width:100%;
}
#abright
{
width:100%;
 float:left;
}

}


@media only screen and (max-width:480px){
#logoimg{
width:60%;
border:none;
float:left;
}
#infoimg{
width:35%;
float:right;
border:none;
}

nav{
 float:left;
 text-align:left;
 padding-top:6px;
 }

#slider
{
  float:left;
	/*height:100px;*/

}


#Slideshow1 img 
{
 float:left;
/* height:100px;*/

}


#col1
{
	padding-right:0;
	background:none;	
}
#col2
{
	padding-right:0;
	padding-left:0;
	background:none;	
}

#col3
{
	padding-left:0;
}


.col{
	width:98%;
	float:left;
	text-align: left;
	position:relative;
	height:100%;
}

#columns
{
position:relative;
text-align:center;
width:100%;
overflow:hidden;
}

#colbut{
position:relative;
padding-top:10px;
text-align:center;
overflow:hidden;
}
.colbuton{
width:33%;
float:left;
display:inline;
padding:10px
}
.colbut1{
display:none;
}
.colbut2{
display:none;
}
.colbut3{
display:none;
}

.content p
{
 text-align: left;
}

#col6,#col4,#col5
{
width:100%;
}

.mapcol{
	width:100%;

	
}
}

@media only screen and (max-width:400px){
#logoimg{
width:80%;
border:none;
float:left;
}
.infoimg{
width:45%;
float:right;
border:none;
}

}


.derml
{
float:left;
height:auto;
width:48%;
}

.dermr
{
float:right;
height:auto;
width:48%;
}

#dermapen ul  { 
   list-style-position:inside;
   margin-left:0;
   padding:0;
}

#dermapen li  { 
	color:#5C7FB5;

}
#dermapen li span {
  color: black; /* text color */
}

#dermapen H3
{
	color:#5C7FB5;
}