@charset "utf-8";
body {
		font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/cloud.jpg); margin: 30px 0 0 0;/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	line-height: 17px; font-size: .8em;  padding: 0;
}


.main #container {
	width: 988px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */  border: 1px solid #000000;
}



a {color: #663366; }
a:hover {color: #CCC }
h3 {font-size: 15px; margin: 30px 0;  }
.h3a {font-size: 16px; margin: 23px 0px 30px 0px; color: #473760; }
h4 {font-size: 13px; }
.h4side {font-size: 13px; color: #663366;padding: 10px; background: #ffffff; margin-top: -0px;}
.p1 {color: #000000; }
.p2 {color: #663366; font-weight: bold;}


.titleimg {margin-top: 10px; border: none; float: left; margin-bottom: 9px;}
.titleph {margin-top: 10px; margin-right: 30px; float: right; color: #663366; font-weight: bold;}
.titleadd {margin-top: 10px; margin-right:20px; width: 270px; padding-right: 10px; color: #999; border-right: 1px solid #cccaca; float: right; font-weight: bold;}
.main #header {
	background: none; height: 150px; width: 988px;	padding:0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */ 
}

.main #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.main #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.main #footer {
	padding: 20px 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#f8f8f8; width: 957px; border-top: 2px solid #dddddd; height: 80px; 
}

.flogo {float: left; width: 220px; height: 70px; margin-right: 20px; margin-left: -15px; background: url(../images/flogo.png); }
.main #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ font-size: 10px; color: #999;
}

/* About US*/

div.img1
  {
  margin:30px;
  border:1px solid #B0B0B0;
  height:300px;
  width:350px;
 float: left;
  text-align:left; padding: 0; display: inline;
  }
div.img1 img
  {
  display:inline;
  margin: 8px;
  border:1px solid #ffffff;
  height: 250px;  
  }
div.img1 a:hover img
  {
  border:1px solid #663366;
  }
div.desc1
  {
  text-align:left;
  font-weight:normal;
  width:340px; height: 18px;
 padding:5px 0 5px 10px; 
  }

/* Dental Services */

.service {float: right; width: 230px; }

div.img2
  {
  margin:10px;
  border:1px solid #B0B0B0;
  height:150px;
  width:430px;
 float: left;
  text-align:left; padding: 0; display: inline;
  }
div.img2 img
  {
  display:inline;
  margin: 8px;
  border:0px solid #cccccc;
  height: 132px;  width: 180px;
  }
div.img2 a:hover img
  {
  border:1px solid #663366;
  }
div.desc2
  {
  text-align:left; float: right;
  font-weight:bold;
  width:220px; height: 18px; 
 padding:5px 0 5px 0px; 
  }
  
  div.desc2a
  {
  text-align:left;
  font-weight:bold;
  width:390px; height: 18px;
 padding:5px 0 5px 10px; 
  }
  
  div.img
  {
  margin:5px 5px 5px 10px;
  border:1px solid #B0B0B0;
  height:105px;
  width:125px;
 float: left;
  text-align:left; padding: 0; display: inline;
  }
div.img img
  {
  display:inline;
  margin-left: 0px;
  border:1px solid #ffffff;
  height: 60px; width: 120px; 
  }
div.img a:hover img
  {
  border:1px solid #663366;
  }
div.desc
  {
  text-align:left;
  font-weight:normal;
  width:120px; height: 30px;
 padding:5px; 
  }


.simg {width: 170px; float: left; margin-right: 25px;}
.sdescmain {height: 150px; }
.sdesc { float: right; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; margin:0; width: 750px;padding: 10px 0; }
.sdesc1 {float: right; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; width: 635px; margin-bottom: 50px; padding: 10px 0;}
.sdesc2 {float: right; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; width: 650px; margin-bottom: 50px; padding: 10px 0; }
.sdesc3 {float: right;border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; width: 720px; margin-bottom: 50px;padding: 10px 0; }