/* HTML, BODY ---------- */



html {height: 100%; margin-bottom: 1px}



body {	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	background-image:url(images/tile.jpg); background-repeat:repeat-x; 

	background-color:#434a0e;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#544e27;

	line-height:16px;

	font-size:11px;

	letter-spacing:.25pt;}

	

.img {border-width:6px; border-style:solid; border-color:#ccb7b2;}

	

/* LAYOUT ---------- */

#wrap { width: 780px; margin:0 auto;}

#banner {width:780px; margin-bottom:-2px;}

#middle {width:737px; margin-left:19px; background-image:url(images/content-tile.gif);}

#middle:after {clear: both; content: "."; display: block; height: 0; visibility: hidden}

#nav {width:159px; padding-left:26px; float:left;}

#content {width:489px;  float:left; padding-bottom:10px; padding-left:20px;}

#nav p {color:#FFF; font-size:11px; padding-left:11px; letter-spacing:0; }

#content h1 {margin-bottom:0px; margin-top:0px; font-size:11px;}

#content a .top {color:#FFF; text-decoration:underline;}

#content li a {color:#ba9a92;}

#content p {text-align: justify;}

#footer {width:780px; background-image:url(images/footer-reflection.jpg); background-repeat:no-repeat; background-color:#434a0e; clear:both; text-align:center; padding-top:32px; line-height:14px; }

#footer h1, h3{ font-size:11px; margin-bottom:0px; margin-top:0px;}

#footer h3 {color:#a3cbde; font-weight:normal;}

#footer a {color:#899248;}



/* HEADERS ----------------- */

h2 {background-repeat: no-repeat; height: 183px; text-indent: -999em; }

h4 {font-size:14px; font-weight:bold; color:#476674;}



/* LINKS ---------- */

a:link, a:visited {color: #FFF; text-decoration: underline}

a:hover, a:active {text-decoration: none}



/* NAVIGATION ---------- */

#navlists {list-style: none; margin: 0; padding: 0; width: 159px}



#navlists li a {color: #FFF; text-decoration: none; text-indent:-999em;}

#navlists li a:hover {color: #7b949f;}

.subnav {list-style: none; margin: 5px 0 10px 15px; padding: 0}

#navlists li .subnav li a {display: block; text-indent: 0; width: 144px}

#navlists li .subnav li a.active {color: #7b949f; cursor: default}



#nav_home {background: url(images/nav-home.jpg)}

#nav_office_information {background: url(images/nav-about-dr-ely.jpg); }

#nav_virtual_office_tour {background: url(images/nav-virtual-office-tour.jpg)}

#nav_your_first_visit {background: url(images/nav-your-first-visit.jpg)}

#nav_patient_information {background: url(images/nav-patient-info.jpg)}

#nav_location {background: url(images/nav-location.jpg)}

#nav_contact_us {background: url(images/nav-contact-us.gif)}



#nav_home, #nav_office_information, #nav_virtual_office_tour, #nav_your_first_visit, #nav_patient_information, #nav_location, #nav_contact_us {display: block; height: 30px; outline: none; width: 159px}

#navlists a:hover {background-position: 0 -30px}



#home #nav_home, #office_information_meet_dr #nav_office_information, #office_information_our_philosophy #nav_office_information, #patient_information #nav_patient_information, #virtual_office_tour #nav_virtual_office_tour, #your_first_visit_appointments #nav_your_first_visit, #your_first_visit_fees_insurance #nav_your_first_visit, #your_first_visit_patient_forms #nav_your_first_visit, #patient_information_about_orthodontics #nav_patient_information, #patient_information_types_of_braces #nav_patient_information, #patient_information_orthodontics_for_children_teens #nav_patient_information, #patient_information_orthodontics_for_adults #nav_patient_information, #patient_information_life_with_braces #nav_patient_information, #patient_information_problems_emergencies #nav_patient_information, #contact_us #nav_contact_us, #contact_us_contact_information #nav_contact_us, #contact_us_comment_form #nav_contact_us, #location #nav_location, {background-position: 0 -30px; }



#office_information_meet_dr #meet-dr-ely, #office_information_our_philosophy #our-philosophy, #your_first_visit_appointments #appointments, #your_first_visit_fees_insurance #fees_insurance, #your_first_visit_patient_forms #patient_forms, #patient_information_about_orthodontics #about_orthodontics, #patient_information_types_of_braces #types_of_braces, #patient_information_orthodontics_for_children_teens #orthodontics_for_children_teens, #patient_information_orthodontics_for_adults #orthodontics_for_adults, #patient_information_life_with_braces #life_with_braces, #patient_information_problems_emergencies #problems_emergencies, #contact_us_contact_information #contact_information, #contact_us_comment_form #comment_form {color:#7b949f}

