/* 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{
	
	position: relative;

	width: 780px;

	margin: auto;

	position:relative;

	background:#FFFFFF;	

}

#content {

	width: 780px;

	background:#FFFFFF;

	margin: auto;

}


#social-networks {
	position: absolute;
	top: 10px;
	left: 380px;
	z-index: 150;
}

#social-networks img {
	border: 0;	
}

#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:520px;

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;}


/* Mini-Contact Form */
* .contact-form-mini {
	line-height: 16px;
	margin: 0;	
	position: relative;
	width:175px; text-align:right; 
	padding: 10px; 
	background: #005e20 url(images/bg-contact-form.gif) no-repeat; border: 0;
	color:#FFf;  margin-right:0px;
	float:left; clear:none;
	margin:20px 0;
}/*optional, change color to match site*/
	

.contact-form-mini fieldset {border: none; padding: 0 0;}
.contact-form-mini ul#errors {position: absolute; left: 0; top: -20px;}
.contact-form-mini li {
	font-size: 11px;
	margin: 0 10px 0 10px;
	list-style: outside disc;
	text-align: left;
	padding-right: 25px;
	
}
.contact-form-mini li {font-weight: bold;}
.contact-form-mini label {display: none;}
.contact-form-mini input, .contact-form-mini textarea {
	font-size:11px;
	color: #448ccb;
	padding:0 3px 0 3px;
	border:solid 1px #003b73;
	width:167px;
	margin:3px 0;
	background: #fff;
	text-align: right; text-transform: uppercase; font-family:Tahoma, Arial, sans-serif; margin-right:15px;}
.contact-form-mini button {/*these styles control the look of the button, change as necessary*/
	margin: 0;/*do not change, controls positioning*/
	float: right;
	clear: right;
	display: block;
	width:57px;
	background:#fff;/* customize me! */
	border: 1px solid #003b73;
	text-align: center;
	line-height:18px;
	color:#260e03;/* customize me! */
	font-size:11px;
	font-weight:bold;
	text-transform: uppercase;}
	
	.contact-form-mini p {margin:0; padding:0;  }
	
* #errors2
{
	margin: -70px 20px 0 0;
	z-index: 200;
	position: absolute;
}
	
* .contact-form-mini #errors2 p
{
	color: #f00;
	background: #fff;
	text-align: left;
	padding: 5px 0 5px 10px;
	margin: -25px 0 0 0;
	z-index: 200;
	border: 1px solid #f00;
	width: 170px;
	height: 70px;
}

.contact-form-mini #txtNumber
{
	width: 85px;
	float: left;
	clear: right;
}

.contact-form-mini #randoming
{
	float: right;
	vertical-align: text-top;
	margin-right:10px;
}	
	
		.form-referrals input, .form-referrals textarea {
	width:200px;}
	.form-referrals .button {
	width:100px;}
	
	input.radio {width:30px;}
	
.left-text
{
	text-align: left;
}
#sidebar {
    float:left;
    width:190px;
    margin: 105px 0px 20px 20px;
    text-align:center;
}
#sidebar img  {
    margin-bottom:10px;
}
#main {
    padding:105px 20px 20px;
    float:right;
    width:530px;
}