﻿ @import url(//fonts.googleapis.com/css?family=Balthazar);
@import url(//fonts.googleapis.com/css?family=Alex+Brush);
@import url(//fonts.googleapis.com/css?family=Pontano+Sans);
@import url(//fonts.googleapis.com/css?family=Alegreya+SC);
@import url(//fonts.googleapis.com/css?family=Marcellus+SC); @import url(//fonts.googleapis.com/css?family=Playball);
 @import url(//fonts.googleapis.com/css?family=Bilbo+Swash+Caps);

body, td, p, ul, ol, li,  div, span, blockquote {
  font-size : 14.0px ;
  color:#000;
  line-height:19px;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-text-size-adjust:none;
  
}

div, p, a, li, td { -webkit-text-size-adjust:none; }


body{
 min-width:1150px;
}

body{  background-color: #f9f9ec; background-repeat: repeat-x; background-position:center top;}

#hr-nav { width:100%; height:40px;    background-color: #217274;
  background-repeat: repeat-x;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#236d6d), to(#217274));
  background: -webkit-linear-gradient(top, #217274, #236d6d);  
  background: -moz-linear-gradient(top, #217274, #236d6d);
  background: -ms-linear-gradient(top, #217274, #236d6d);  
  background: -o-linear-gradient(top, #217274, #236d6d); border-top: 2px solid #14232d;}

#nav{	 
	margin-left:auto; margin-right:auto; 
	height:24px; width:1000px;
}
#nav ul{
padding-top:10px;
	width:1050px;
 padding: 0;
 padding-top:10px;
  
	height:24px;
 	float:left;
}
#nav ul li{
	float:left;
	background:url(/style/images/seperator.webp) right top no-repeat;
	height:24px;
	line-height:0;
	font-size:0;
	padding:0 0px 0 0;
	list-style:none;
}
#nav ul li a{
	display:block;
 	font:bold 14px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	padding:0 12px 0 9px;
}
#nav ul li a:hover{
 	color:#962a35;
	background-color:inherit;
}
#nav ul li a.hover{
	display:block;
 	font:bold 11px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	padding:0 9px 0 9px;
}

ul{   margin :0px;  
 }
li{  padding:0px;  
 }



/* start top navigation menu --- */

#mainMenuContainer ul.mainMenu{
	width: 100%;
	padding:0 0 0 0px;
	text-align: center;
	margin: 8px auto 1px 0;
}
#mainMenuContainer ul.mainMenu li{
	margin: 1px 7px 1px 7px;
    text-align: center;
    display: inline-block;
}
#mainMenuContainer ul.mainMenu li a{
	text-decoration: none;
	color: #fff; 
	-moz-text-shadow: 1px 1px 0px #000;
	-webkit-text-shadow: 1px 1px 0px #000;
	text-shadow: 1px 1px 0px #000;
	font-size: 14px;  
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
 }
#mainMenuContainer ul.mainMenu li a:visited {
	text-decoration: none;
	color: #fff; 
	-moz-text-shadow: 1px 1px 0px #000;
	-webkit-text-shadow: 1px 1px 0px #000;
	text-shadow: 1px 1px 0px #000;
	font-size: 14px;  
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
 }
#mainMenuContainer ul.mainMenu li a:hover {
	text-decoration: underline; 
	color: #F4CDA7; 
	-moz-text-shadow: 1px 1px 0px #000;
	-webkit-text-shadow: 1px 1px 0px #000;
	text-shadow: 1px 1px 0px #000;
	font-size: 14px;  
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
 }

/* --- end top navigation menu */
 

#top-add{ 
				width: 100%;
				height: 45px; padding-top:2px; padding-bottom:2px;
				z-index: 10;
				background-color: #962a35;
				background-repeat: repeat-x;
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#75141e), to(#962a35));
				background: -webkit-linear-gradient(top, #962a35, #75141e);  
				background: -moz-linear-gradient(top, #962a35, #75141e);
				background: -ms-linear-gradient(top, #962a35, #75141e);  
				background: -o-linear-gradient(top, #962a35, #75141e);
}



/* INNER */
#top-add .inner {
				width:1000px;
				color:#FFFFFF;
				line-height:24px;
				font-weight:bold;
				margin: 0 auto 0 auto;
				position: relative;
				z-index: 8;
				-moz-text-shadow: 1px 1px 0px #000; -webkit-text-shadow: 1px 1px 0px #000; text-shadow: 1px 1px 0px #000;
}

/* LOGO */
#top-add .inner .logo {
				width: 476px;
				height: 180px;
				position: absolute;
				top: 20px;
				left: 0;
				z-index: 10;
}



#top-bg{ 
				font-family: Arial, Helvetica, sans-serif;
				margin:0px; padding:0px;
				background-color: #f9f9ec;
}




.a-list	{
				width: 95%;
				margin-right: auto;
				margin-left: auto;
				border: 1px #cccccc solid;
				padding: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				border-radius: 10px;
}

#top_header{   width: 100%;	height: 300px; margin-left:auto; margin-right:auto; background-repeat: no-repeat; 	background-position:bottom;  background-image:url(/style/images/faces.webp);}

#top-header-inner{   width: 100%;	height: 320px; margin-left:auto; margin-right:auto;  background-repeat: no-repeat;	background-position:bottom;  background-image:url(/style/images/faces.webp);}
 
#main_content { margin-left:auto; padding-top:20px; padding-bottom:20px; margin-right:auto; color:#FFFFFF;  width:1000px;     }


#right-column {	width: 600px;	float: right;}

#left-column {	width: 360px;	 }

 #testimonials {	width: 320px; margin-top:10px; color:#FFFFFF;	   background-color: #f4cda7; padding:20px 20px 20px 20px; 	 border-bottom: 1px solid #ae865f;	border-top: 1px solid #ae865f;	  }


 #offer {	width: 320px;	   background-color: #2c3942; padding:10px 20px 10px 20px; 	 border: 1px solid #A5AED7; margin-top:10px;	 	  }
 
 .offer { color:#A5AED7; font-size:24px; letter-spacing:2px; font-weight: bold;  }

 
#form{ width:270px; padding-top:20px; padding-bottom:15px; color:#FFFFFF;  border-radius: 15px;  /* fallback */
  background-color: #336A96;
  background: url(/style/images/linear_bg_2-png.webp);
  background-repeat: repeat-x;

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#336A96), to(#79AECC));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #79AECC, #336A96);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #79AECC, #336A96);

  /* IE 10 */
  background: -ms-linear-gradient(top, #79AECC, #336A96);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #79AECC, #336A96);}

 
#footer {
	background-color: #297c7e;
	border-top: 1px solid #e3e3c6;
	width: 100%;
	padding: 30px 0 30px 0;
	position: relative;
	z-index: 5;
} 
.footer{ color:#FFFFFF;}
.clear {
	clear: both;
	height: 22px;
	overflow: hidden;
}


#buttons-div{ width:176px;     }

#buttons-div2{ width:176px;   float:right; }

#buttons-div3{ width:176px; float:left;     }

#buttons{ width:168px; height:26px; background-image:url(/style/images/button-bg-png.webp); margin-top:10px; padding-top:10px; padding-left:10px;}

#img {
    width: 380px;;
	text-align: left;
	margin: 0; height:160px;
 
}
#img ul {
	width:168px; height:26px; padding-top:10px; padding-left:10px;
	list-style:none; margin-right:5px;
	 
 	text-align:left;
	float:left;
}
#img ul li {
	list-style:  none; margin-right:5px; padding-top:10px; padding-left:10px;
  }
 


a:link { text-decoration: underline; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold }
a:visited { text-decoration:underline; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold }
a:hover { text-decoration: underline; color: #962a35; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold }


.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

.Title {
	margin-top: 10px;
	color: #227172;
	font-size: 42px;
	line-height: 22px;
font-family: 'Playball', cursive;
 	-moz-text-shadow: 1px 1px 0px #fff; -webkit-text-shadow: 1px 1px 0px #fff; text-shadow: 1px 1px 0px #fff;

}

.team	{
				border: 1px #fff solid;
				margin: 10px 10px 0 0;
}
.staff	{
				border: 1px #000 solid;
				margin: 0 5px 5px 0;
}
.contact_us_text	{
				color: #000;
}

.PageTitle {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:15px; 
	color:#ffffff; 
	text-decoration:none; 
	font-weight: bold;}

.MainTable {
	background-color: #FFFFFF;
	}

body {

	background-position: center top;

	margin: 0px;
	padding: 0px;
}



div #javascriptmsg
{
background-image: url('//style/images/scrolling_text.webp'); background-repeat: no-repeat; background-position: left top;
}

/* services menu */

.serv:before	{
				content: "\2022""\0020";
				display: inline;
}
.serv a:link	{
				color: #023c40;
				font-weight: bold;
				font-size: 10pt;
				text-decoration: none;
}
.serv a:hover	{
				color: #962a35;
				font-weight: bold;
				font-size: 10pt;
				text-decoration: underline;
}
.serv a:visited	{
				color: #023c40;
				font-weight: bold;
				font-size: 10pt;
				text-decoration: underline;
}
/* box with rounded corners for services menu */
.serv-container { 
 				border: 2px #023c40 solid;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				border-radius: 10px;
				padding: 5px;
}
.serv-txt		{
				font-size: 10pt;
				font-weight: normal;
				margin: 6px 10px 6px; 
}

/* end services menu */

/* Horizontal rule styles - for page copy and menu separation; Change style in dental-services-menu.asp */
/* Type 1: Gradient transparent - color - transparent */	
hr.t-1 {
    border: 0;
    height: 2px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}
/* Type 2: Inset */		
hr.t-2 {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
/* Type 3: Double-color dashed line */
hr.t-3 {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}



.cn	{
				text-align: center;
}
.reg	{
				font-size: 6pt;
				vertical-align: text-top;
}
 

 h1 {
	font-family: "Pluto", Arial, sans-serif;	font-size: 26px;	 	line-height: 32px;	margin: 0 0 10px 0;	font-weight: normal;
}
h2 {
				font-family: 'Balthazar', serif;
	font-size: 22px; 	color: #227172;

}
h3 {
				color:#000;
				font-weight: bold;
				font-size: 14px;
}
h4 {
				font-weight: normal;
				font-size: 12px;
}
h5 {
				text-align: center;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11pt;
				font-weight: 500;
				color: #fff;
				margin: -5px 0 0 2px;
}


/* servicesmenu */

#servicesmenu {
    width: 97%;
	text-align: left;
	margin: 0;
	padding:15px 0 15px 15px;
	border: 2px solid #023C40;
	border-radius: 10px;
	float:left;
}
#servicesmenu ul {
	width:194px;
	list-style:none;
	margin:0;
	padding:0;
	text-align:left;
	float:left;
}
#servicesmenu ul li {
	list-style: circle;
	margin:0 0 10px 20px;
	padding:0;
	position:relative;
}
#servicesmenu ul li a {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    text-decoration:underline;
	display:block;
	margin:0;
	padding:0;
/*  background:#ddd;  */
}
#servicesmenu ul li a:hover, 
#servicesmenu ul li a:active {
	color:#000000;
	text-decoration:underline;
}

/* servicesmenu */



#special_menu {
    width: 263px;
	text-align: left;
	margin:4px 0 0 0;
	padding:0;
	float:left;
}
#special_menu ul {
	list-style:none;
	margin:0;
	padding:0;
	text-align:left;
	float:left;
}
#special_menu ul li {
	float:left;
	list-style:none;
	margin:-4px 0 0 0;
	padding:0;
}