@charset "UTF-8";
/* CSS Document */

body{
	background-color:#fff;
	padding:0px;
	margin:0px;
	font-family:Calibri;
	font-size:14px;
	line-height:24px;
	color:#494949;
	background-image:url(images/body-bg.jpg);
	background-repeat:repeat-x;
	background-attachment:fixed;
	
}

* {
	margin:0;
	padding:0;
}

a{
	color:#647B8C;
}

a:hover {
	text-decoration:none;

}




p {
	margin-bottom: 15px;
}

h1 {
	color: #93A985;
	font-weight: normal;
	font-size: 40px;
}

h2 {
	color: #93A985;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	letter-spacing: 0.5px;
	font-weight: bold;
	padding: 0 0 5px;
	margin: 0;
	border-bottom:1px solid #C8D1BA;
}

h3 {
	color: #93A985;
	font-size: 17px;
	font-weight: normal;
	margin-bottom: 10px;
}

h4 {
	padding-bottom: 10px;
	font-size: 15px;
	color: #999;
}

h5 {
	padding-bottom: 10px;
	font-size: 13px;
	color: #999;
}

ul, ol {
	margin: 0 0 35px 35px;
}

li ol, li ul {
	font-size: 1.0em;
	margin-bottom: 0;
	padding-top: 5px;
}


#wrapper{
	/*width:960px;
	margin:0 auto;
	background-color:#FFFFFF;
	border-style:outset;*/
	  background: #Ffffff;
  width: 960px;
  margin: 10px auto 5px auto;
  padding: 0;
  position: relative;
  border-right: 15px solid #003300;
  border-left: 15px solid #003300;
  border-top: 10px solid #003300;
  border-bottom: 15px solid #003300;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  box-shadow: #333 0px 1px 20px;
}

#header{
	width:960px;
	height:143px;
	padding:0px;
	background-image: url(images/bg-background.jpg);
	/*box-shadow: 10px 10px 5px #888888;*/
}

#logo{
	float:left;
	clear:none;
	margin-left: 40px;
}
#logo h1 {
border-bottom:0 none;
color:#93A985;
font-size:44px;
font-family:Georgia, "Times New Roman", Times, serif;
margin:0;
padding:0 0 0 26px;
text-transform:none;
line-height:1em;
}
.logo-colour {
	color:#647B8C;

}
/*#menu{
	background:#93A985;
	width:960px;
	height:40px;
	margin-top:0px;
}

#menu ul{
	margin:0px;
	padding:0px;
}

#menu ul li{
	list-style:none;
	float:left;
	clear:none;
	margin-left:1px;
	margin-top:5px;
}

#menu ul li a{
	display:block;
	width:125px;
	height:27px;
	text-decoration:none;
	font-size:13px;
	cursor:pointer;
	text-align:center;
	color:#ffffff;
	padding-top:4px;
}

#menu ul li a:hover, #menu ul li.active a{
	text-decoration:underline;
}*/
#menu, #menu ul {
	list-style:none;
	padding:0;
	margin:0;
	z-index: 1;
	text-align: center;
	/*font-style: inherit;*/
	
	
	
}
#menu a {
	display:block;
	/*border-right:1px solid #fff;*/
	background-image:url(images/buttongradient.png);
	/*background-color:#93A985;*/
	
	color:white;
	padding:0 10px;
	font-family:Calibri;
	font-size: large;
	text-decoration:none;	/*font-weight: 500;*/
}
#menu ul li{

	
}
#menu li {
	float:left;
	position:relative;
	/*line-height: 4.5em;*/
	width: 192px;
	line-height: 60px;
	
}
#menu li ul {
	position:absolute;
	margin-top:-1em;
	margin-left:.5em;
	display:none;
	
	
}
#menu ul li ul {
	margin-top:0em;
	margin-left:0em;
	
	
}

#menu a:hover {
	background-image:url(images/hovergradient.png);
	text-align: center;
	color:#fff;
	font-family: Calibri;
	font-weight: 900;
	
	
}
#menu ul {
	border-top:1px solid #fff;
	box-shadow: 5px 5px 5px black;
	
}
#menu ul a {

	
	
	
}
/* SHOW SUBMENU 1 */
#menu li:hover ul, #menu li.over ul {
	display:block;
	
}
#menu li:hover ul ul, #menu li.over ul ul {
	display:none;
}
/* SHOW SUBMENU 2 */
#menu ul li:hover ul, #menu ul li.over ul {
	display:block;
}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#content{
	background:#fff;
	padding:20px 0px 20px 0px;
	width:960px;
	float:left;
}

#main{
	float:right;
	clear:none;
	width:605px;
	/*margin:0 0 0 15px;*/
	margin-right:15px;
	padding:0;
}

#sidebar{
	float:left;
	clear:none;
	width:240px;
	margin:0 15px 0 10px;
	padding:10px;
	background-color:#F3F5F0;
}

#sidebar h4 {
	border-bottom:1px solid #C8D1BA;
	color:#93A985;
	font-size:20px;

}



#bottom {
	margin-top:5px; 
	width:605px;
	

}

.sub_title{
	color:#93A985;
	font-size:20px;
	font-weight:bold;
}

.latestcol-inner{

}

.latestcol-inner a{
	font-weight:bold;
}

#divider{
	background:#C8D1BA;
	height:1px;
	margin-bottom:15px;
}

#latestprods {
	width:930px;

}

.latestcol{
	float:left;
	clear:none;
	margin-right:52px;
	margin-bottom:0px;
	padding:3px;
	width:157px;
}

.latestcol-last{
	margin-right:0px;
}

.more_btn{
	text-align:right;
	margin-top:10px;
}

.more_btn a {
	color:#FFFFFF;
	background-color:#93A985;
	padding:5px 25px;
	-moz-border-radius:8px;

}

#footer{
	background:#fff;
	font-size:11px;
	padding:7px 15px 0px 15px;
	margin-bottom:40px;
	color:#444;
	text-align:center;
	border-top:1px solid #C8D1BA;
}

#footer a{
	font-size:11px;
	color:#444;
}

/*default CSS for SAG scroller*/

.sagscroller{
width: 200px;  /*default width of scroller*/
height:250px;
overflow:hidden;
position:relative;
border:7px solid #333;
border-radius: 8px; /*css3 round corners*/
-moz-border-radius: 8px; /*css3 round corners*/
-webkit-border-radius: 8px; /*css3 round corners*/
}

.sagscroller a{
font-weight:bold;
}

.sagscroller ul{
position:absolute;
margin:0;
padding:0;
background:white;
list-style:none;
width: 100%;
}

.sagscroller ul li{
display:block;
}

.sagscroller ul li .rsscontent{ /*div containing body of each RSS entry*/
font-size:90%;
}

.sagscroller ul li .rsslabel{ /*div containing label of each RSS entry*/
margin-top:5px;
background: #eee;
font-size:12px;
clear: both;
}

.phildoh
{
	float:right;
	clear:none;
	margin-right: 40px;
	margin-top:20px;
}
.side-inner
{
	margin-right:15px;
	float:right;
	color:#CCC;
}
.wew
{
	text-align: justify;
	text-justify: newspaper;
}
.gallery
{
}
.gallery img
{
	display: block;
    width: 100%;
    height: 100%;
    -webkit-transition-property: width, height; /* we specify, what properties we need to change*/
    -webkit-transition-duration: 300ms; /* we specify, with what speed it is necessary to return an image in its initial look*/
    -moz-transition-property: width, height;
    -moz-transition-duration: 300ms;
    -o-transition-property: width, height;
    -o-transition-duration: 300ms;
    position: absolute;
    opacity: 0.3; /* add opacity*/
    cursor: pointer;
}
.gallery:after
{
	display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "Studio.com";
    color: #eaeaea;
    font-family: "Trebuchet MS";
    font-size: 16px;
    opacity: 0.5;
}
.gallery:focus img
{
	 width: 250%; /* we increased an image to this size */
    height: 250%;
    position: absolute;
    opacity: 1; /* transparency is not needed */
    z-index: 1; /* for a photo to enlarge over all images */
    -moz-box-shadow: 0 0 15px 2px #000;
    -webkit-box-shadow: 0 0 15px 2px #000;
    box-shadow: 0 0 15px 2px #000; /* we add some beauty */
    -webkit-transition-property: width, height; /* we decrease the image */
    -webkit-transition-duration: 2s; /* we specify, with what speed it is necessary to increase an image */
    -webkit-transition-delay: 0.3s; /* as a browser will process it, before enlarging a photo */
    -moz-transition-property: width, height;
    -moz-transition-duration: 2s;
    -moz-transition-delay: 0.3s;
    -o-transition-property:width, height;
    -o-transition-duration: 2s;
    -o-transition-delay: 0.3s;
    cursor: default;
}
.gallery:nth-child(4n+4) img, a:nth-child(4n+3) img{
    right: 0;
} /* every fourth element starting with 3rd and 4th will be enlarged from the right border of browser window */
.gallery:nth-child(n+9) img{
    bottom: 0;
} /* all elements, starting with the ninth will begin to enlarge upwards */
.closed{
    display: none;
}
gallery:focus~.closed{
    display: block;
}
.gallerycontainer
{
}

/*  Define the background color for all the ODD background rows  */
	.tblcolor tr:nth-child(odd){ 
		background: #b8d1f3;
	}
	/*  Define the background color for all the EVEN background rows  */
	.tblcolor tr:nth-child(even){
		background: #dae5f4;
	}
	.tblcolor td{ 
		border:#4e95f4 1px solid;
	}
	/* provide some minimal visual accomodation for IE8 and below */
	.tblcolor tr{
		background: #b8d1f3;
	}
	
	@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
	
	.flat-table {
		margin-bottom: 20px;
		border-collapse:collapse;
		font-family: 'Lato', Calibri, Arial, sans-serif;
		border: none;
                border-radius: 3px;
               -webkit-border-radius: 3px;
               -moz-border-radius: 3px;
	}
	.flat-table th, .flat-table td {
		box-shadow: inset 0 -1px rgba(0,0,0,0.25), 
			inset 0 1px rgba(0,0,0,0.25);
	}
	.flat-table th {
		font-weight: normal;
		-webkit-font-smoothing: antialiased;
		padding: .5em;
		color: rgba(0,0,0,0.45);
		text-shadow: 0 0 1px rgba(0,0,0,0.1);
		font-size: 1.5em;
	}
	.flat-table td {
		color: #f7f7f7;
		padding: 0.7em 1em 0.7em 1.15em;
		text-shadow: 0 0 1px rgba(255,255,255,0.1);
		font-size: 1.4em;
	}
	.flat-table tr {
		-webkit-transition: background 0.3s, box-shadow 0.3s;
		-moz-transition: background 0.3s, box-shadow 0.3s;
		transition: background 0.3s, box-shadow 0.3s;
	}
	.flat-table-1 {
		background: #336ca6;
	}
	.flat-table-1 tr:hover {
		background: rgba(0,0,0,0.19);
	}
	.flat-table-2 tr:hover {
		background: rgba(0,0,0,0.1);
	}
	.flat-table-2 {
		background: #f06060;
	}
	.flat-table-3 {
		background: #52be7f;
	}
	.flat-table-3 tr:hover {
		background: rgba(0,0,0,0.1);
	}
	
.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #3f7f00;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}

.CSSTableGenerator tr {
-webkit-transition: background 0.3s, box-shadow 0.3s;
		-moz-transition: background 0.3s, box-shadow 0.3s;
		transition: background 0.3s, box-shadow 0.3s;
	
}

.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}/*.CSSTableGenerator tr:hover td{
	background: rgba(0,0,0,0.19);
}*/
/*.CSSTableGenerator tr:nth-child(odd){ background-color:#d4ffaa; }*/
/*.CSSTableGenerator tr:nth-child(even){ background-color:#ffffff; }*/
.CSSTableGenerator td{
	vertical-align:middle;	
	border:1px solid #3f7f00;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #5fbf00 5%, #3f7f00 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5fbf00), color-stop(1, #3f7f00) );
	background:-moz-linear-gradient( center top, #5fbf00 5%, #3f7f00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00", endColorstr="#3f7f00");	background: -o-linear-gradient(top,#5fbf00,3f7f00);

	background-color:#5fbf00;
	border:0px solid #3f7f00;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #5fbf00 5%, #3f7f00 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5fbf00), color-stop(1, #3f7f00) );
	background:-moz-linear-gradient( center top, #5fbf00 5%, #3f7f00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00", endColorstr="#3f7f00");	background: -o-linear-gradient(top,#5fbf00,3f7f00);

	background-color:#5fbf00;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

.select-style {
    border: 1px solid #ccc;
    border-radius: 3px;
    overflow: hidden;
    background: #fafafa url("img/icon-select.png") no-repeat 90% 50%;
}

.select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select-style select:focus {
    outline: none;
}

#submission {
background: #295E29 url(/images/alert-overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px #999;
-webkit-box-shadow: 0 1px 3px #999;
text-shadow: 0 -1px 1px #222;
border-bottom: 1px solid #222;
position: relative;
cursor: pointer;
}

.picgallery
{
width: 500px;
height:300px;
  /*margin: 10px auto 5px auto;*/
  margin-right:5px;
  margin-bottom:30px;
  float:left;
  border-right: 10px solid #003300;
  border-left: 10px solid #003300;
  border-top: 10px solid #003300;
  border-bottom: 15px solid #003300;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  box-shadow: #333 0px 1px 20px;
}
.textinlay
{
position: absolute; 
   
   left: 0; 
   width: 100%; 
}
.textinlay span { 
   /*color: white; 
   font: bold 24px/45px Helvetica, Sans-Serif; 
   letter-spacing: -1px;  
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 10px; */
}

a.hovertext {
    position: relative;
    width: 500px;
    text-decoration: none !important;
    text-align: center;
  }
  a.hovertext:after {
    content: attr(title);
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0.5em 20px;
    width: 460px;
    background: rgba(0,0,0,0.8);
    text-decoration: none !important;
    color: #fff;
    opacity: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
  }
  a.hovertext:hover:after, a.hovertext:focus:after {
    opacity: 1.0;
  }

  /*CSS FOR NEW GALLERY*/
  
  /*----------------------------
	Thumbnails
-----------------------------*/

.thumbs{
	width:480px;
	margin:60px auto 35px;
	text-align:center;
}

.thumbs a{
	width:120px;
	height:120px;
	display:inline-block;
	border:7px solid #303030;
	box-shadow:0 1px 3px rgba(0,0,0,0.5);
	border-radius:4px;
	margin: 6px 6px 40px;
	position:relative;
	text-decoration:none;
	
	background-position:center center;
	background-repeat: no-repeat;
	
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}

.thumbs a:after{
	background-color: #303030;
    border-radius: 7px;
    bottom: -136px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    content: attr(title);
    display: inline-block;
    font-size: 10px;
    max-width: 90px;
    overflow: hidden;
    padding: 2px 10px;
    position: relative;
    text-align: center;
    white-space: nowrap;
}

tr th {
	font-size: 18px;
}

#type {
	font-family: "FontAwesome", Helvetica;
}

.content-image {
    padding-bottom: 10px;
}
.content-image img {
    width: 605px;
    height: 406px;
    border: 1px #000 solid;
}

#doctorsjpg{
	

}