@import url(//fonts.googleapis.com/css?family=Petit+Formal+Script);
  
  body {color: black;}
  header, footer, nav, section, article, main 
          {display:block}
  header  {width:970px; background-color:yellow; text-align:center}
  main    {width:970px; background-color:red; display:table }
  nav     {width:230px; background-color:Orange; text-align:left; float:left; }
  section {width:740px; height:auto;  background-color:SpringGreen; float:left;}
  article {width:720px; display:table; float:left;  margin-left:10px; margin-top:10px;  margin-bottom:10px }
  footer  {width:970px; background-color:Pink; text-align:center; clear:both;} 


a:link.nav {  
text-decoration: none;
color: #fff; 
font-family: 'Trajan Pro', Georgia, 'Times New Roman', Times, serif; 
-moz-text-shadow: 1px 1px 0px #000;
-webkit-text-shadow: 1px 1px 0px #000;
text-shadow: 1px 1px 0px #000;
margin-bottom: 40px; 
font-size: 13px;  
 }
a:visited.nav { 
text-decoration: none;
color: #fff; 
font-family: 'Trajan Pro', Georgia, 'Times New Roman', Times, serif; 
-moz-text-shadow: 1px 1px 0px #000;
-webkit-text-shadow: 1px 1px 0px #000;
text-shadow: 1px 1px 0px #000;
margin-bottom: 40px; 
font-size: 13px;  
 }
a:hover.nav { 
text-decoration: underline; 
color: #1F2E4D; 
font-family: 'Trajan Pro', Georgia, 'Times New Roman', Times, serif; 
-moz-text-shadow: 1px 1px 0px #000;
-webkit-text-shadow: 1px 1px 0px #000;
text-shadow: 1px 1px 0px #000;
margin-bottom: 40px; 
font-size: 13px;   }

a:link { text-decoration: none; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold }
a:visited { text-decoration: none; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold }
a:hover { text-decoration: underline; color: #1F2E4D; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold }




#container{margin-left:auto; margin-right:auto; width:1000px; background-image:url(/style/images/main-bg-png.webp); }

#top-bg{height:23px; padding-top:10px; margin-left:auto; margin-right:auto; width:1000px;}


#top-header{height:138px; width:1000px;  background-image:url(/style/images/top-header.webp); background-repeat:no-repeat; background-position:bottom center; background-color:#f9fafc;  margin-left:auto; margin-right:auto;   }


#hr-nav {   margin-left:auto; margin-right:auto; width:1000px; background-image:url(/style/images/hr-nav.webp); padding-top:20px; color:#FFFFFF;   height:41px;   }

#content {width:1000px; margin-left:auto; margin-right:auto;   padding-bottom:20px;  background-image:url(/style/images/content-bg.webp);}

#content-footer {width:1000px; margin-left:auto; margin-right:auto; height:40px;     background-image:url(/style/images/content-bottom.webp);}

#buttons {width:730px; margin-left:auto; margin-right:auto; height:129px;     }

#left-content { width:730px;     }


#left-buttons { width:650px;        }

#right-content { width:240px;  background-image:url(/style/images/offer-bg.webp); background-repeat: repeat-x;  }

#bottom { width:29px; width:1000px;}

#middle-header-bg {margin:0; padding:0; background-image:url(/style/images/bg-header.webp);    height:310px; }

#middle-header {  margin-left:auto; margin-right:auto; width:967px; padding-left:16px; padding-right:17px;   background-image:url(/style/images/header-bg.webp);   height:342px;   }

#header-nav { width:234px; height:307px; background-image:url(/style/images/header-nav.webp); margin-top:9px; float:left;  }

#faces { width:733px; height:307px; margin-top:9px; float:right;  }

#header-right { width:253px; height:294px; float:right;    }

#header-buttons2 { width:289px;  }

#footer { margin:0; padding:0; padding-bottom:20px;  padding-top:35px; background-image:url(/style/images/footer.webp); background-repeat:repeat-x;   color:#fff; }

.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

.npo1	{
				font-family: 'Times New Roman', Times, serif;
				font-weight: 700;
				font-size: 18pt;
				color: #ffffff;
				font-style: italic;
				margin-top: -10px;
}
.npo2	{
				text-shadow: 1px 1px 1px #000000;
        		filter: dropshadow(color=#000000, offx=1, offy=1);
        		font-weight: 700;
        		color: #ffffff;
        		font-size: 120%;
}
.nchd1	{
				border: 2px #486DB4 solid;
				width: 80%;
				margin: 10px auto 10px auto;
				padding: 5px;
}

.add {
	font-family:Arial,times-roman,helvetica; 
	font-size:15px; 
	color:#000; 
	text-decoration:none; 
 }
	
	
	.call {
	font-family:Arial,times-roman,helvetica; 
	font-size:23px; 
	color:#000; 
	text-decoration:none; 
	font-weight: bold;}

#floating-box-wrapper{
 width:800px;
 margin:0 auto 0 auto;
 height: auto;
 position: fixed;
}
  
#floating-box-container{
 float:right;
 top:0px;
 left:50px;
 position:fixed;
 width:60px;
}
  
#floating-box-container .fixed{
 position:fixed;
 top:0;
}

#floating-box-vertical{
 border:2px solid #ddd;
 background-color:white;
 padding:.8em 0 .8em .8em;
 margin-top:10px;
 z-index:10000;
 -webkit-border-top-left-radius:6px;
 -webkit-border-bottom-left-radius:6px;
 -moz-border-radius-topleft:6px;
 -moz-border-radius-bottomleft:6px;
 border-top-left-radius:6px;
 border-bottom-left-radius:6px;
 -webkit-border-top-right-radius:6px;
 -webkit-border-bottom-right-radius:6px;
 -moz-border-radius-topright:6px;
 -moz-border-radius-bottomright:6px;
 border-top-right-radius:6px;
 border-bottom-right-radius:6px;

 width:60px;
 }
  
#floating-box-horizontal{
 border:2px solid #ddd;
 border-top:0;
 border-right:2px solid #ddd;
 background-color:white;
 padding:.8em 0 .8em .8em;
 margin-top:0px;
 z-index:10000;
 -webkit-border-bottom-right-radius:6px;
 -webkit-border-bottom-left-radius:6px;
 -moz-border-radius-topright:0px;
 -moz-border-radius-bottomright:6px;
 border-top-left-radius:0px;
 border-bottom-left-radius:6px;
 -moz-column-count: 4;
 -moz-column-gap: 3px;
 -webkit-column-count: 4;
 -webkit-column-gap: 3px;
 column-count: 4;
 column-gap: 3px;
 width:300px;
 height:70px;
 }
#floating-box .vr{
margin-left:-2px;
display: inline;
background-color:1px solid #cccccc;
width: 1px;
height: 100px;
}  
#floating-box .hr{
 margin-left: -2px;
 height:1px;
 border-bottom:1px solid #cccccc;
 margin:.6em 0;
 width:55px;
} 
#floating-box .fb_like {
 margin-top:.5em;
 margin-bottom:.5em;
 margin-left: 2px;
 width: 60px;
 height: 60px;
}
#floating-box .fb_like {
 margin-top:.5em;
 margin-bottom:.5em;
 margin-left: 2px; 
 width: 60px;
 height: 60px;
}
#floating-box .twit {
 margin-top:.5em;
 margin-bottom:.5em;
 margin-left: 2px;
 width: 60px;
 height: 60px;
}
#floating-box .pluss {
 margin-top:.5em;
 margin-bottom:.5em;
 width: 60px;
 height:60px;
 margin-left:-2px;
}

.Title {
	margin-top: 0px;
	color: #032363;
	font-size: 24px;
	line-height: 22px;
	font-family: 'Trajan Pro', Georgia, 'Times New Roman', Times, serif;
	text-transform: uppercase;
	-moz-text-shadow: 1px 1px 0px #b7bdc8;
	-webkit-text-shadow: 1px 1px 0px #b7bdc8;
	text-shadow: 1px 1px 0px #b7bdc8;
	margin-bottom: 40px;
}
.MainTable {
	background-color: #FFFFFF;
	}

body {
	background-image: url("/style/images/background.webp");
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
}

body, td, p, ul, ol, li,   div, span, blockquote {
  font-size : 14.0px ;
  color:#000;
  font-family: Arial, Helvetica, sans-serif;
}

div #javascriptmsg
{
background-image: url('/style/images/scrolling_text.webp'); background-repeat: no-repeat; background-position: left top;
}

.screen	{
				width: 95%;
				line-height: 12pt;
				margin-left: auto;
				margin-right: auto;
				border: 1px #cccccc solid;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				border-radius: 10px;
				text-align: center;
				padding: 3px;		
}

.write	{
				width: 250px;
				line-height: 12pt;
				margin-left: auto;
				margin-right: auto;
				border: 1px #cccccc solid;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				border-radius: 10px;
				padding: 5px;
				text-align: center;			
}

/* services menu */

.serv:before	{
				content: "\2022""\0020";
				display: inline;
}
.serv a:link	{
				color: #000080;
				font-weight: bold;
				font-size: 10pt;
				text-decoration: none;
}
.serv a:hover	{
				color: #000000;
				font-weight: bold;
				font-size: 10pt;
				text-decoration: underline;
}
.serv a:visited	{
				color: #000080;
				font-weight: bold;
				font-size: 10pt;
				text-decoration: underline;
}
/* box with rounded corners for services menu */
.serv-container { 
				background-color: #e6e6e6;
				border: 2px #000080 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-size: 19px;
				font-family:Arial, Helvetica, sans-serif;
				font-style:oblique;
				font-weight:bold;
				padding: 0px;
}
h2 {
				font-size: 14px;
}
h3 {
				color:#008284;
				font-weight: bold;
				font-size: 14px;
}
h4 {
				font-weight: normal;
				font-size: 14px;
}
h5 {
				text-align: center;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11pt;
				font-weight: 500;
				color: #ffffff;
				margin-bottom: 2px;
				margin-top: 2px;
}



/* start top navigation menu --- */

#mainMenuContainer ul.mainMenu{
	width: 100%;
	padding:0 0 0 0px;
	text-align: center;
	margin: 1px auto 1px 0px;
}
#mainMenuContainer ul.mainMenu li{
	margin: 1px 6px 1px 6px;
    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: 'Trajan Pro', Georgia, 'Times New Roman', Times, 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: 'Trajan Pro', Georgia, 'Times New Roman', Times, serif; 
 }
#mainMenuContainer ul.mainMenu li a:hover {
	text-decoration: underline; 
	color: #ebc2db; 
	-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: 'Trajan Pro', Georgia, 'Times New Roman', Times, serif; 
 }

/* --- end top navigation menu */

/* servicesmenu */

#servicesmenu {
    width: 97%;
	text-align: left;
	margin:0;
	padding:15px 0 15px 15px;
	border:2px solid #000080;
	background-color:#E6E6E6;
	border-radius: 10px;
	float:left;
}
#servicesmenu ul {
	width:194px;
	list-style:none;
	margin:0;
	padding:0 10px 0 0;
	text-align:left;
	float:left;
}
#servicesmenu ul li {
	display:block;
	list-style:none;
	margin:8px 0 8px 0;
	padding:0;
	position:relative;
}
#servicesmenu ul li a {
    color: #000080;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
	display:block;
	margin:0;
	padding:0;
/*  background:#ddd;  */
}
#servicesmenu ul li a:hover, 
#servicesmenu ul li a:active {
	color:#000000;
	text-decoration:underline;
}

/* servicesmenu */

/* Meet Doctors */

#MeetDoctors {
    width:100%;
	text-align:left;
	margin:0;
	padding:0;
	float:left;
}
#MeetDoctors ul {
	width:301px;
	list-style:none;
	margin:0 15px 15px 0;
	padding:0;
	text-align:left;
	float:left;
}
#MeetDoctors ul li {
	float:left;
	display:block;
	list-style:none;
	margin:0 10px 0 0;
	padding:0;
	position:relative;
}
#MeetDoctors ul span {
	float:left;
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
}

/* Meet Doctors */


.floatleft {
	float:left;
}
.floatright {
	float:right;
}