@import "reset.css";

html {
background: white url(/images/repeat_back.gif) no-repeat top center;
font-family: Arial, sans-serif;
font-size: 11px;
color: #333333;
}

body {
width: 850px;
padding: 45px 0 45px 50px;
margin: 0 auto;
background: url(/images/background.gif) no-repeat top left;
}

p, li, blockquote, h1, h2, h3, h4, h5, h6 {
line-height: 1.5em;
font-weight: normal;
}

strong {
font-weight: bold;
color:#FF7B28;
}

p, h1, h2, h3, h4, h5, h6 {
margin-bottom: 1.5em;
}
p {

font-size:12px;
}
a {
}

/*-----------------------------------------------------------------------------
Header and nav
-----------------------------------------------------------------------------*/
#header {
position: relative;
width: 725px;
height: 144px;
border-top: 1px solid #dedede;
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
background: url(/images/destination.gif) no-repeat 312px 8px;
}

#header h1 {
width: 98px;
height: 122px;
float: left;
margin-top: 5px;
margin-left: 20px;
}
#content li {
list-style-type:disc;
margin-left:15px;
font-size: 12px;
}
#nav {
width: 559px;
height: 52px;
margin-left: 160px;
margin-top: 75px;
background: url(/images/nav.gif) no-repeat top left;
}

#nav li a {

display: block;
height: 52px;
text-indent: -9999px;
}

#nav li ul li a {
text-indent: 0;
}

#nav li#about-us a, #nav li#first-visit a {

width: 80px;
}

#nav li#dental-services a {
width: 106px;
}

#nav li#patient-information a, #nav li#information a {
width: 100px;
}

#nav li#contact-us a {
width: 90px;
}

#nav li {
float: left;
text-transform: lowercase;
}

#nav li ul {
		
background: #F47D31;
position: absolute;
margin-left: -9999px;

}

#nav li:hover ul {
margin-left: 0;
}

#nav li ul li {
float: none;
text-indent: 0;
text-align: left;
border-bottom: 1px solid white;
}

#nav li#about-us ul li a, #nav li#first-visit ul li a,  #nav li#patient-information ul li a, #nav li#information ul li a, #nav li#contact-us ul li a {
width: 13em;
text-align: left;
height: auto;
line-height:1.8em;
padding: 5px;
color: white;
text-decoration: none;
}
#nav li#dental-services ul li a{
width: 19em;
text-align: left;
height: auto;
line-height: 1.8em;
padding: 5px;
color: white;
text-decoration: none;
}

#nav li ul li ul {
position: relative;
}

#nav li ul li ul li {
border-bottom: 0;
}

#nav li ul li ul li a {
text-indent: 1em;
}

#nav li ul li a:hover {
background: #F6934A;

}

/*-----------------------------------------------------------------------------
Main content
-----------------------------------------------------------------------------*/
#container {
float: left;
width: 705px;
padding: 0 10px;
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
border-bottom: 1px solid #dedede;
background: url(/images/subpic.jpg) no-repeat 10px 30px;
}

#index #container {
background: white url(/images/_end.jpg) no-repeat 450px 240px;
}

#flash-intro {
width: 722px;
height: 238px;
margin-left: -10px;
}

#intro {
width: 400px;
height: 360px;
background: url(/images/compass_skew.gif) no-repeat center left;
}

#intro2 {
width: 400px;
}

h2 {
background: url(/images/compass_icon.gif) no-repeat center left;
padding-left: 60px;
line-height: 60px;
text-transform: lowercase;
font-family: "Arial Rounded MT Bold";
font-size: 22px;
margin-bottom: 10px;
margin-left: 250px;
}
h5 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
font-weight:normal;
line-height:20px;
margin-left:165px;
width:540px;
height:20px;
}
#index h2 {
margin-left: 0;
}
h3 {
line-height: 20px;
text-transform: lowercase;
font-family: "Arial Rounded MT Bold";
font-size: 20px;
color:#FF7B28;
margin-bottom:1em;
}
#intro p {
margin-left: 275px;
margin-bottom: 0;
font-family: "Arial Rounded MT Bold";
}

#intro2 h1 {
	line-height: 1.5em;
	font-size:14px;
font-weight: normal;
font-family: "Arial Rounded MT Bold";
}

#intro blockquote p {
margin-left: 0;
font-family: Georgia, serif;
font-size: 18px;
line-height: 1em;
}

#intro p cite {
display: block;
width: 106px;
height: 19px;
background: url(/images/lee.gif) no-repeat top left;
text-indent: -9999px;
margin-top: 0px;
}

/*-----------------------------------------------------------------------------
Main content
-----------------------------------------------------------------------------*/
#main {
float: left;
width: 725px;
}

#main .col {
width: 380px;
margin-right: 10px;
float: left;
}
#main #sidebarpic {
width:275px;
float:left;
margin-left:37px;
}
#main #content {
width: 300px;
float:left;
background-image: url(/images/_mind.jpg);
background-position:top;
background-repeat: no-repeat;
}

#main #content td {
padding: 5px;
text-align: center;
}

#main #content td a{
padding: 5px;
text-align: center;
}

/*-----------------------------------------------------------------------------
Footer
-----------------------------------------------------------------------------*/
#footer {
clear: both;
color: white;
width: 727px;
height: 25px;
padding: 40px 0;
background: url(/images/footer.gif) no-repeat top left;
}

#footer p {
text-align: center;
margin: 0;
}

#footer p a {
color: white;
}
.testimonialcallout {
font-style:italic;
}
#main input {
border:1px solid #999999;
background-color:#FFFFFF;
width:150px;
}
#main textarea {
border:1px solid #999999;
background-color:#FFFFFF;
width:200px;
height:100px;
}