/* Play nice with the WWW, validate me! */

/* clear floats */

* {

	margin: 0;

	padding: 0;

}/* sets all elements margin and padding to 0 */



.clear:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}



.clear {

    display: inline-block;

}



html[xmlns] .clear {

    display: block;

}



* html .clear {/* For IE =< 6 */

    height: 1%;

}





.image-float-left {

	float: left;

	clear: left;

	display: block;

}

.image-float-right {

	float: right;

	clear: right;

	display: block;

	margin-left:11px;

	margin-right:5px;

	margin-bottom:5px;

}

/* Image Replacement -- add class="replace" to root element, i.e. <p> and add a bg image*/



.replace { letter-spacing : -1000em; }

/* Just for Opera, but hide from MacIE */

/*\*/html>body .replace { letter-spacing : normal; text-indent : -999em; overflow : hidden;}

/* End of hack */



.replace ul, .replace ul li {letter-spacing: 0; text-indent: 0; overflow: auto;}





html {

     /*overflow: -moz-scrollbars-vertical;*/

}



body {

	margin: 0;

	background-image: url(../images/bkd2.jpg);

}

hr{

	color: #003e7e;

	margin-bottom: 10px;

		margin-top: 10px;

		clear:both;

}

blockquote {

	padding-left: 23px;

}

p{

margin-top: 3px;

	margin-bottom:15px;

	color: #003e7e;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 22px;

	font-weight: normal;	

}

#main a:link, #main a:visited{

	color: #005e20;

	font-weight:bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 22px;

	text-decoration: underline;

}

#main a:hover{

	color: #003e7e;

	font-weight:bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 22px;

	text-decoration: underline;

}

#main li{

	color: #003e7e;

margin-left: 35px;

list-style: outside;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 22px;

}

#main ul{

	margin-bottom:15px;

}

#main ol{

	margin-bottom:15px;

}

#main .top{

	color: #005e20;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-align: right;

	font-weight: bold;

	text-decoration: underline;

}

#main .top a:link, #main .top a:visited{

	color: #005e20;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-align: right;

	font-weight: bold;

	text-decoration: underline;

}

#main .top a:hover{

color: #003e7e;

}

h1{

	color: #003e7e;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bold;

}

h2{

	color: #005e20;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: bold;

}

h3{

	color: #003e7e;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	line-height: 15px;

}

h5{

	color: #ffffff;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	line-height: 15px;

}





#footer{

clear:both;

	width: 780px;

	height:129px;

	background-image: url(../images/footer.jpg);

	background-repeat: no-repeat;

}

	

#footer .inner{

padding-top:29px;

	padding-right: 20px;

	padding-left: 15px;

	}



#footer a {

color:#6aade7;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	text-decoration: none;

}

#footer a:hover{

color:#ffffff;

	text-decoration: underline;

}

#footer-nav{

color:#ffffff;

margin-top:9px;

margin-bottom:9px;

line-height:13px;

font-size: 10px;}

#footer-nav a {

color:#ffffff;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	line-height:13px;

	font-weight: normal;

	text-decoration: none;

}

#footer-nav a:hover{

	text-decoration: underline;

}



#navbox {

	position:absolute;

	top:160px;

	width:780px;

	height:81px;

	background-image: url(../images/nav_bkd.jpg);

}



ul#nav, #nav ul {

	margin-top:24px;

	width:780px;

	list-style: none;

}



ul#nav a {

	display: block;

}

ul#nav li{

	float: left; 

}

ul#nav li ul {

	position: absolute;

	left: -999em;

	top: 39px;

	width:150px;

	z-index:100;

}



ul#nav ul li a {

	background: #39b54a;

	padding: 1px 4px 2px;

	color: #ffffff;

	font-weight: normal;

	text-decoration: none;

	width:155px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	line-height: 17px;

}



ul#nav ul li a:hover {

background:#005e20;}



#nav li:hover ul, #nav li.sfhover ul {

left: auto;} 



ul#nav .office{margin-left:8px;}

ul#nav .ortho{margin-left:4px;}

ul#nav .braces{margin-left:5px;}

ul#nav .options{margin-left:4px;}

ul#nav .contact{margin-left:6px;}



#office, #ortho, #braces, #contact, #care,#home {

	overflow: hidden; 

	text-indent: -999em; /* Indents the rich-text so it does not show */

	height: 44px;

	cursor: pointer;

}

/* Set the image for each nav item */

#office {background: url(../images/btn_office.jpg); width:159px;}

#ortho {background: url(../images/btn_ortho.jpg);width:181px;}

#braces {background: url(../images/btn_braces.jpg);width:112px;}

#home {background: url(../images/btn_home.jpg);width:66px;}

#care {background: url(../images/btn_care.jpg);width:146px;}

#contact {background: url(../images/btn_contact.jpg);width:116px;}



/* Shift the image position up to show the active state */

#nav li:hover a, #nav li.sfhover a, #nav .active{

	background-position:0px -44px

}



/* Set the cursor to default arrow so link does not appear clickable */

#nav .active {cursor: default}



#container{

	width: 780px;

	margin: auto;

	position:relative;

	background:#FFFFFF;	

}

#content {

	width: 780px;

	background:#FFFFFF;

	margin: auto;

}

#main {

	width: 780px;

	padding-top:99px;

	padding-bottom:20px;

}

#main .inner {

padding-left:30px;

padding-right:25px;

}



#flash{float:left;

padding-right:15px;}

.heading{

	font-size:15px;

}



#header{

	height: 160px;

	width: 780px;

}

#logo {

	height: 160px;

	width: 780px;}

#logo a {

	display: block;

	height: 160px;

	width: 780px;

	line-height: 0px;

	text-indent: -999em;

	background: url(../images/logo.jpg) no-repeat left;}

	

#h-office,#h-doc,#h-tour,#h-policies,#h-ortho,#h-common,#h-phase,#h-links,#h-braces,#h-life,#h-types,#h-apps,#h-floss,#h-diagram,#h-painter,#h-video,#h-retainers,#h-care,#h-contact,#h-location,#h-comment,#h-refer,#h-appt,#h-privacy,#h-site,#h-seely,#h-peralta,#h-invisalign,#h-adults,#h-children

{width:713px;

height:45px;

	margin-bottom:10px;

	overflow: hidden;

	text-indent: -999em; /* Indents the rich-text so it does not show */

	background-repeat: no-repeat;}	

	
#h-seely{background: url(../images/title_seely.gif)}
#h-peralta{background: url(../images/title_peralta.gif)}
#h-invisalign{background: url(../images/title_invisalign.gif)}
#h-adults{background: url(../images/title_adults.gif)}
#h-children{background: url(../images/title_children.gif)}

#h-office{background: url(../images/title_office.gif)}

#h-doc{background: url(../images/title_doc.gif)}

#h-tour{background: url(../images/title_tour.gif)}

#h-policies{background: url(../images/title_policies.gif)}

#h-ortho{background: url(../images/title_ortho.gif)}

#h-common{background: url(../images/title_common.gif)}

#h-phase{background: url(../images/title_phase.gif)}

#h-links{background: url(../images/title_links.gif)}

#h-braces{background: url(../images/title_braces.gif)}

#h-life{background: url(../images/title_life.gif)}

#h-types{background: url(../images/title_types.gif)}

#h-apps{background: url(../images/title_apps.gif)}

#h-floss{background: url(../images/title_floss.gif)}

#h-diagram{background: url(../images/title_diagram.gif)}

#h-painter{background: url(../images/title_painter.gif)}

#h-video{background: url(../images/title_video.gif)}

#h-retainers{background: url(../images/title_retainers.gif)}

#h-care{background: url(../images/title_care.gif)}

#h-contact{background: url(../images/title_contact.gif)}

#h-location{background: url(../images/title_location.gif)}

#h-comment{background: url(../images/title_comment.gif)}

#h-refer{background: url(../images/title_refer.gif)}

#h-appt{background: url(../images/title_appt.gif)}

#h-privacy{background: url(../images/title_policy.gif)}

#h-site{background: url(../images/title_site.gif)}



#forms{

	float:right;

	width:200px;

	margin-left:10px;

	margin-right:10px;

	border: 1px solid #003e7e;

}

#forms p{

	font-size: 10px;

	padding-right: 5px;

	padding-left: 5px;

	line-height: 13px;

	margin-bottom: 10px;

	margin-top: 5px;

}



#forms a:link, #forms a:visited{

	font-size: 10px;

	color: #005e20;

	font-weight:bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-decoration: underline;

}



#forms a:hover{

	color: #003e7e;

}



#address{

	position: absolute;

	top: 0px;

	right: 10px;

}



#address p{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	text-align: right;

	line-height: 13px;

	margin-bottom: 15px;

}



#login{

	position: absolute;

	top: 0px;

	right: 190px;

}



#login a{

	display: block;

	width: 168px;

	height: 39px;

	text-indent: -999em;

	background-image: url(../images/btn_login.gif);

}



#login a:hover{

	background-position: 0 -39px;

}

img.right {
float:right;
margin:0 0 10px 10px;}