/*----------------- Links ---------------------*/

a,a.visited {
	font-family: arial, sans-serif;
	text-decoration: none;
	font-size: 14px;
	color:#707073;
}
a:hover {color: #000000}
a:active {color: #fff}


a img { border: none; }

a.content_link {
	font-style: italic;
	font-size: 12px;
	font-weight: none;
	color: #E2A1C4;
}


/*------------------ Tables ---------------------*/
body{
	margin:0;
	padding:10px;
	text-align:center;
	background: #F8F0F5 url(../images/tooth.jpg) repeat;
	background-attachment: scroll;
}
div.container {
	padding:0;
	margin:0 auto;
	width:800px;
	text-align:left;
	background: #F8F0F5;

}
#banner {
	border: none;
	margin-left: 1%;
	margin-right: 1%;
	background-color:#b3aeb4;
	text-align: center;
	font-family: serif;
	font-size: 40px;
	color: #525655;
}
#bigtable {
	margin-left: .5em;
}
div.content {
	padding: 1;
	border: none;
	max-width: 700px;
	font-family: Arial, serif;
}
#colorbox {
	position:absolute;
	border: none;
	background-color:#DED4DC;
	z-index: 1;
	border: none;
	margin-left: 35px;
	width: 125px;
	background-color:#DED4DC;
}
div.leftbox {
	border: none;
	max-width: 125px;
	margin-top:35px;
	padding-bottom:10px;
	float: left;
}
p.navbox {
	padding: 1px;
	border-left: solid;
	border-right: solid;
	border-top: solid;
	border-bottom: solid;
	border-width: 1px;
	border-color: #c6c0c4;
	width: 115px;
	font-family: Arial, sans-serif;
	position:relative;
	z-index: 1;
}

p.navbox a {
	font-size: 11px;
	font-weight: bold;
}

p.navbox:hover {  background-color: #F8EAF4; }

#brush{
	width: 620px;
	height:400px;
	background:url("../images/brush.jpg") no-repeat left center;
}
#smile{
	width: 620px;
	height:400px;
	background:url("../images/pro_smile.jpg") no-repeat left center;
}
#cosmetic{
	width: 620px;
	height:400px;
	background:url("../images/lady_flowers.jpg") no-repeat left center;
}
#index{
	width: 620px;
	height:400px;
	background:url("../images/blank.jpg") no-repeat center center;
}
#services{
	width: 620px;
	height:400px;
	background:url("../images/momanddaughter.jpg") no-repeat left center;
}
#pediatric{
	width: 620px;
	height:400px;
	background:url("../images/brushing.jpg") no-repeat left center;
}
#surgery{
	width: 620px;
	height:400px;
	background:url("../images/index.jpg") no-repeat left center;
}
#breath{
	width: 620px;
	height:400px;
	background:url("../images/index.jpg") no-repeat left center;
}
#restorative{
	width: 620px;
	height:400px;
	background:url("../images/lady_apple.jpg") no-repeat left center;
}
#prevent{
	width: 620px;
	height:400px;
	background:url("../images/brush_paste.jpg") no-repeat left center;
}
#perio {
	width: 620px;
	height:400px;
	background:url("../images/floss_brush.jpg") no-repeat left center;
}
#ortho {
	width: 620px;
	height:400px;
	background:url("../images/braces.jpg") no-repeat left center;
}
#endo {
	width: 620px;
	height:400px;
	background:url("../images/mirror.jpg") no-repeat left center;
}
#fill {
	width: 620px;
	height:400px;
	background:url("../images/mirror.jpg") no-repeat left center;
}
#crown {
	width: 620px;
	height:400px;
	background:url("../images/mirror.jpg") no-repeat left center;
}
#tech {
	width: 620px;
	height:400px;
	background:url("../images/index.jpg") no-repeat left center;
}
#facilities {
	width: 620px;
	height:400px;
	background:url("../images/index.jpg") no-repeat left center;
}
#implant {
	width: 620px;
	height:400px;
	background:url("../images/mirror.jpg") no-repeat left center;
}
#root {
	width: 620px;
	height:400px;
	background:url("../images/mirror.jpg") no-repeat left center;
}
#repair {
	width: 620px;
	height:400px;
	background:url("../images/mirror.jpg") no-repeat left center;
}
.newspeople {
	font-family: Arial, serif;
	font-size: 10px;
}
.faq {
	font-family: Arial, serif;
	font-size: 12px;


}
.newspeople a {
	font-family: Arial, serif;
	font-size: 10px;
}
.newspeople a:hover {color: #c98492}
tr .column {
	font-weight: bold;
	font-size: 12px;
}

p.box {
    margin-left: 4%;
    text-indent: 0em;
	padding:1em 1em 1em 2em;
	border:1px solid black;
    width: 500px;
    font-family: Arial, serif;
	font-size: 14px;
    color: black;
}

p#box {
	visibility:hidden;
	background:#333;
    margin-left: 4%;
    text-indent: 0em;
	padding:1em 1em 1em 2em;
	border:1px solid white;
    width: 500px;
    font-family: Arial, serif;
	font-size: 14px;
	color: white;
	
	
}

#title {
	color: #aba5a8;
}

.info_block {
 	padding-right: 1cm;
 	padding-left: 1cm;
	background-color:#fff;
	margin-right: 15%;
}

div.footer {
	padding: .25em;
	padding-right: 2cm;
	border: none;
	margin-left: 1%;
	margin-right: 1%;
	background-color:#b3adb5;
	font-family: Arial, sans-serif;
	color: #ffffff;
	font-size: 14px;
	text-align: right;
	font-style: bold
}

div.end {
     padding: .25em;
     border: none;
     margin-left: 1%;
     margin-right: 1%;
     background-color:#d2c4ce;
}

div.whitebox {
     padding: .25em;
     border: none;
     margin-left: 1%;
     margin-right: 1%;
     background-color:#ffffff;
     max-height:3px;
}

div.hidden {
	display: none;
}

#links
{

	font-size: 12px;
}

pagination
{
	font-size: 10pt;
}

h1 {	font-family: serif;
	color: #857E82;
	font-size: 20px;
    margin-left: 4%;
}
h2 {
	font-family: Arial, sans-serif;
	color: #C10000;
	font-size: 18px;
	}
h3 {
	font-family: serif;
	color: #857E82;
	font-size: 24px;
    margin-left: 4%;
}
h3#title {
	visibility:hidden;
	font-family: serif;
	color: #797276;
	font-size: 24px;
	margin:25px 0 0 20px;
}

form.droplist {
	display:inline;
	font-size: 11px;
	font-family: Tahoma, Arial, sans-serif;
}

.droplist select {
	font:11px Arial;
	color: #000084;
}

#ordertitle p {
	font: 12px Arial;
	color:#000084;
}

#instructions p {
	font: 11px Arial;
	color:#C10000;
}

#form_fields p {
	font: 11px Arial;
	color:#000084;
}

/* Navigation */
#nav_bar{
	padding: 0.25em;
	border: none;
	margin-left: 1%;
	margin-right: 1%;
	font-family: Tahoma, Arial, sans-serif;
	text-align:center;
	background-color: #d2c4ce;
	border-bottom: 1px solid #000000;
  	border-width:1px 0;
}
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#nav{
   	font: 80%;
}

#nav a {
    text-decoration: none;
}

#nav li li a {
    display: block;
    font-weight: normal;
    background-color:#f2f3e5;
    padding: 4px 10px;
    width:150px;
    text-align:left;
    border:1px solid #DDA;
    border-width:0px 1px 1px 1px;
}
#nav div a{
	display:block;
	padding: 0px 0px 0px 10px;
	text-align: center;
	vertical-align:top;

}
#nav div a:hover{
  background-color:#d2c4ce;
}
#nav li li a:hover {
    background-color:#e4e4e4;
}

#nav li {
    float: left;
    position: relative;
    padding: 0px 15px 0px 0px;
    text-align: left;
    cursor: default;
}

li#first {
    border-left-width: 1em;
}

li#last {
    border-right-width: 1em;
}

li ul {
    display: none;
    position: absolute;
    top: 100%;
    margin:0px;
    margin-top:0px;
    left:0;
    font-weight: normal;
    background-color: #F8F0F5;
    padding: 0;
    z-index:2;
    width:120px;
}

li>ul {
    top: auto;
    left: 0px;
    padding-top:0px;
}

#nav li li {
    display: block;
    float: none;
    background-color: #F8F0F5;
    margin:0px;
    padding:0px;
}

li:hover ul, li.over ul {
    display: block;
}