html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0; margin:0; padding:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%;font-family:"Arial", Verdana, Helvetica, sans-serif;}

/* - - - - - - - - - - GENERAL LINKS - - - - - - - - - - */
a {color:#184179;}
a:visited {color:#184179;}
a.noVisited:visited {color:#184179;}
a:hover, a.noVisited:hover {color:#184179;}

/* - - - - - - - - - - BODY - - - - - - - - - - */
body {background:#184179 url(images/bkgd.gif) repeat-x; margin:0px; font-weight:normal; font-size:13px; color:#000000; line-height:20px; font-style:normal; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none;}

#container {background:url(images/content-tile.gif) repeat-y; width:900px; margin:0px auto; position: relative;}

#address {
	position: absolute;
	left: 524px;
	top: 7px;
	color: #174078;
	line-height: 1.3em;
	font-size: 110%;
	text-align: right;
	font-weight: bold;
	width: 380px;
}

/* - - - - - - - - - - HEADER - - - - - - - - - - */
h1.logo {margin:0px; overflow:hidden; text-indent:-999em;}
h1.logo a {display:block; width:270px; height:100px; margin:0px 0px 0px 20px;}
#head {margin:0px 0px 0px 0px; width:900px; height:107px; background:url(images/header.jpg) no-repeat;}

/* - - - - - - - - - - LOGINS - - - - - - - - - - */
#nav a:hover {background-position:0px -30px;}
#nav .active {background-position:0px -30px;}
#nav li:hover ul {left:auto; top:30px;}
#nav li.sfhover ul {left:auto; top:30px;}
#nav .active {cursor:default;}
#nav ul {padding:0px; margin:0px; list-style-type:none;}
#nav ul li {float:none;}
ul#nav {list-style-type:none; position:absolute; top:0px;}
#nav a {display:block; overflow:hidden;}
#nav {margin:68px 0px 0px 654px; padding:0px; z-index:200;}
#nav li {float:left;}

/* - - - - - - - - - - SUB MENU SITE MAP CONTACT US HOME - - - - - - - - - - */
#patient-login {background:url(images/nav-patient-login.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:126px; height:30px;}
#log-nav li a#patient-login:hover, #log-nav li:hover a#patient-login, #log-nav li.sfhover a#patient-login {background-image:url(images/nav-patient-login.jpg); background-position:bottom;}

#home {background:url(images/nav-home.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:91px; height:30px; margin:0px 0px 0px 8px;}
#log-nav li a#home:hover, #log-nav li:hover a#home, #log-nav li.sfhover a#home {background-image:url(images/nav-home.jpg); background-position:bottom;}
.active #home {background-image:url(images/nav-home-act.jpg);}

/* - - - - - - - - - - TOP ADDRESS - - - - - - - - - - */
.address-top p {text-indent:-999em;}

/* - - - - - - - - - - LEFT MENU - - - - - - - - - - */
#left-menu {overflow:hidden; width:900px; margin:0px 0px 0px 0px;}
#sidebar {float:left; width:227px; margin:0px 0px 0px 0px; font-family:"Arial", Verdana, Helvetica, sans-serif; background:url(images/left-menu-background1.jpg) no-repeat; height:783px;}

#navigation-placeholder
{
    height: 360px;
    margin: 7px 0 0 14px;
    padding: 0;
    width: 213px;
}

#navigation {width:213px; margin:7px 0px 0px 14px; padding:0px 0px 0px 0px; height:360px; z-index: 200; position: absolute; top: 107px;}
#navigation ul {margin:0px; list-style-type:none; width:213px;}
#navigation ul a {display:block; overflow:hidden; text-indent:-999em; height:30px; font-family:"Arial", Verdana, Helvetica, sans-serif; margin:0px 0px 0px 0px;}
#navigation ul ul {margin:5px; list-style-type:none;}
#navigation ul li {list-style-type:none; float:left; clear:both; position:relative;}
#navigation ul a:hover {background-position:0px -30px;}
#navigation ul .active {background-position:0px -30px;}
#navigation ul .active {cursor:default;}
#navigation ul ul li a {text-indent:0px; margin:0px;}
#navigation ul li:hover ul, #nav li.sfhover ul {visibility:visible;}
#navigation ul li ul {padding:0px 0px 0px 0px; left:-9999em; position:absolute; top:0px; height:auto; border-left: solid 2px #ede4c7;}
#navigation ul li ul {visibility:hidden; left:213px; background:#492d22; margin:0px 0px 0px 0px; font-family:"Arial", Verdana, Helvetica, sans-serif; width:200px;}
#navigation ul li ul a:hover {color:#492d22; font-weight:bold; text-decoration:none; background:#ede4c7;}
#navigation ul li:hover ul, #navigation ul li.sfhover ul {visibility:visible; z-index: 200;}
#navigation ul li ul a {color:#ede4c7; font-weight:bold; text-decoration:none; display:block; padding-top:4px; padding-bottom:0px; padding-left:14px; height:24px; width:186px;}

/* - - - - - - - - - - LEFT MENU SECTION - - - - - - - - - - */

#about-our-office {background:url(images/nav-about-our-office.jpg); width:213px;}
#navigation li a#about-our-office:hover, #navigation li:hover a#about-our-office, #navigation li.sfhover a#about-our-office {background-image:url(images/nav-about-our-office.jpg); background-position:bottom;}
.active #about-our-office {background-image:url(images/nav-about-our-office-act.jpg);}

#for-new-patients {background:url(images/nav-for-new-patients.jpg); width:213px;}
#navigation li a#for-new-patients:hover, #navigation li:hover a#for-new-patients, #navigation li.sfhover a#for-new-patients {background-image:url(images/nav-for-new-patients.jpg); background-position:bottom;}
.active #for-new-patients {background-image:url(images/nav-for-new-patients-act.jpg);}

#our-services {background:url(images/nav-our-services.jpg); width:213px;}
#navigation li a#our-services:hover, #navigation li:hover a#our-services, #navigation li.sfhover a#our-services {background-image:url(images/nav-our-services.jpg); background-position:bottom;}
.active #our-services {background-image:url(images/nav-our-services-act.jpg);}

#sedation-dentistry {background:url(images/nav-sedation-dentistry.jpg); width:213px;}
#navigation li a#sedation-dentistry:hover, #navigation li:hover a#sedation-dentistry, #navigation li.sfhover a#sedation-dentistry {background-image:url(images/nav-sedation-dentistry.jpg); background-position:bottom;}
.active #sedation-dentistry {background-image:url(images/nav-sedation-dentistry-act.jpg);}

#cosmetic-dentistry {background:url(images/nav-cosmetic-dentistry.jpg); width:213px;}
#navigation li a#cosmetic-dentistry:hover, #navigation li:hover a#cosmetic-dentistry, #navigation li.sfhover a#cosmetic-dentistry {background-image:url(images/nav-cosmetic-dentistry.jpg); background-position:bottom;}
.active #cosmetic-dentistry {background-image:url(images/nav-cosmetic-dentistry-act.jpg);}

#for-little-smiles {background:url(images/nav-for-little-smiles.jpg); width:213px;}
#navigation li a#for-little-smiles:hover, #navigation li:hover a#for-little-smiles, #navigation li.sfhover a#for-little-smiles {background-image:url(images/nav-for-little-smiles.jpg); background-position:bottom;}
.active #for-little-smiles {background-image:url(images/nav-for-little-smiles-act.jpg);}

#technology {background:url(images/nav-technology.jpg); width:213px;}
#navigation li a#technology:hover, #navigation li:hover a#technology, #navigation li.sfhover a#technology {background-image:url(images/nav-technology.jpg); background-position:bottom;}
.active #technology {background-image:url(images/nav-technology-act.jpg);}

#contact-us {background:url(images/nav-contact-us.jpg); width:213px;}
#navigation li a#contact-us:hover, #navigation li:hover a#contact-us, #navigation li.sfhover a#contact-us {background-image:url(images/nav-contact-us.jpg); background-position:bottom;}
.active #contact-us {background-image:url(images/nav-contact-us-act.jpg);}


/* - - - - - - - - - - LEFT SIDE ADDRESS - - - - - - - - - - */
.left-side-address p {text-indent:-999em;}

/* - - - - - - - - - - LEFT SIDE BANNERS - - - - - - - - - - */
.complimentary-consultation {background:url(images/complimentary-consultation.jpg) no-repeat left bottom; width:182px; height:58px; margin:-12px 0 0 30px;}
.complimentary-consultation-sub {list-style-type:none; text-indent:-999em;}
.complimentary-consultation-sub a {display:block; width:182px; height:58px;}

.carecredit {background:url(images/carecredit.jpg) no-repeat left bottom; width:182px; height:58px; margin:-12px 0 0 30px;}
.carecredit-sub {list-style-type:none; text-indent:-999em;}
.carecredit-sub a {display:block; width:182px; height:58px;}

.interest-free-financing {background:url(images/interest-free-financing.jpg) no-repeat left bottom; width:182px; height:58px; margin:0 0 0 30px; padding-top: 11px;}
.interest-free-financing-sub {list-style-type:none; text-indent:-999em;}
.interest-free-financing-sub a {display:block; width:182px; height:58px;}

.smile-gallery-btn {background:url(images/smile-gallery.jpg) no-repeat left bottom; width:182px; height:58px; margin:0 0 0 30px; padding-top: 11px;}
.smile-gallery-sub-btn {list-style-type:none; text-indent:-999em;}
.smile-gallery-sub-btn a {display:block; width:182px; height:58px;}



.logo-banners {width:141px; height:36px; margin:127px 0px 0px 50px;}
.logo-banners-sub {list-style-type:none;}
.logo-banners-sub a {display:block; width:141px; height:36px; margin:5px 0px 0px 0px;}

.logo-aao {background:url(images/aao.jpg) no-repeat; width:172px; height:82px; margin:15px 0px 0px 5px; float:left;}
h1.aao {margin:0px; overflow:hidden; text-indent:-999em;}
h1.aao a {display:block; width:172px; height:82px; margin:0px 0px 0px 0px; clear:both;}

#social-icons {width:182px; margin:0 0 0 30px; padding:0 0 18px; text-align:center;}


/* - - - - - - - - - - RIGHT SIDE - - - - - - - - - - */
.rightSide {width:673px; margin:0px; float:right;}
#rightColumn {margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; font-size:13px; color:#000000; font-family:"Arial", Verdana, Helvetica, sans-serif; float:right; width:673px;}
#rightColumn {height:auto !important;}
#rightColumn p {margin:15px 40px 20px 31px; line-height:1.6em;}
#rightColumn ul {margin:7px 30px 20px 65px;}
#rightColumn ol {margin:7px 30px 20px 65px;}

/* - - - - - - - - - - TITLES - - - - - - - - - - */
#title-where-experience {background:url(images/titles/title-where-experience.jpg) no-repeat; width:659px; height:38px;}
#title-welcome {background:url(images/titles/title-welcome.jpg) no-repeat; width:659px; height:62px;}
#title-meet-dr-marxen {background:url(images/titles/title-meet-dr-marxen.jpg) no-repeat; width:659px; height:62px;}
#title-meet-dr-yang {background:url(images/titles/title-meet-dr-yang.jpg) no-repeat; width:659px; height:62px;}
#title-meet-the-team {background:url(images/titles/title-meet-the-team.jpg) no-repeat; width:659px; height:62px;}
#title-office-tour {background:url(images/titles/title-office-tour.jpg) no-repeat; width:659px; height:62px;}
#title-our-blog {background:url(images/titles/title-our-blog.jpg) no-repeat; width:659px; height:62px;}

#title-your-first-visit {background:url(images/titles/title-your-first-visit.jpg) no-repeat; width:659px; height:62px;}
#title-privacy-policy {background:url(images/titles/title-privacy-policy.jpg) no-repeat; width:659px; height:62px;}
#title-patient-forms {background:url(images/titles/title-patient-forms.jpg) no-repeat; width:659px; height:62px;}
#title-smile-gallery {background:url(images/titles/title-smile-gallery.jpg) no-repeat; width:659px; height:62px;}
#title-testimonials {background:url(images/titles/title-testimonials.jpg) no-repeat; width:659px; height:62px;}
#title-why-see-a-dentist {background:url(images/titles/title-why-see-a-dentist.jpg) no-repeat; width:659px; height:62px;}
#title-financial-information {background:url(images/titles/title-financial-information.jpg) no-repeat; width:659px; height:62px;}
#title-preventative-dentistry {background:url(images/titles/title-preventative-dentistry.jpg) no-repeat; width:659px; height:62px;}
#title-treatment-of-gum-disease {background:url(images/titles/title-treatment-of-gum-disease.jpg) no-repeat; width:659px; height:62px;}
#title-root-canal-treatment {background:url(images/titles/title-root-canal-treatment.jpg) no-repeat; width:659px; height:62px;}
#title-crowns-in-one-day {background:url(images/titles/title-crowns-in-one-day.jpg) no-repeat; width:659px; height:62px;}
#title-implants {background:url(images/titles/title-implants.jpg) no-repeat; width:659px; height:62px;}
#title-implant-supported-dentures {background:url(images/titles/title-implant-supported-dentures.jpg) no-repeat; width:659px; height:62px;}
#title-immediate-dentures {background:url(images/titles/title-immediate-dentures.jpg) no-repeat; width:659px; height:62px;}
#title-bridges-and-partial-dentures {background:url(images/titles/title-bridges-and-partial-dentures.jpg) no-repeat; width:659px; height:62px;}
#title-wisdom-teeth {background:url(images/titles/title-wisdom-teeth.jpg) no-repeat; width:659px; height:62px;}
#title-sedation-dentistry {background:url(images/titles/title-sedation-dentistry.jpg) no-repeat; width:659px; height:62px;}
#title-cosmetic-dentistry {background:url(images/titles/title-cosmetic-dentistry.jpg) no-repeat; width:659px; height:62px;}
#title-technology {background:url(images/titles/title-technology.jpg) no-repeat; width:659px; height:62px;}

#title-dental-care-for-your-baby {background:url(images/titles/title-dental-care-for-your-baby.jpg) no-repeat; width:659px; height:62px;}
#title-first-visit-to-the-dentist {background:url(images/titles/title-first-visit-to-the-dentist.jpg) no-repeat; width:659px; height:62px;}
#title-faqs {background:url(images/titles/title-faqs.jpg) no-repeat; width:659px; height:62px;}
#title-thumb-sucking {background:url(images/titles/title-thumb-sucking.jpg) no-repeat; width:659px; height:62px;}
#title-pediatric-dental-emergencies {background:url(images/titles/title-pediatric-dental-emergencies.jpg) no-repeat; width:659px; height:62px;}

#title-location {background:url(images/titles/title-location.jpg) no-repeat; width:659px; height:62px;}
#title-appointment-request {background:url(images/titles/title-appointment-request.jpg) no-repeat; width:659px; height:62px;}
#title-comment-form {background:url(images/titles/title-comment-form.jpg) no-repeat; width:659px; height:62px;}
#title-refer-a-friend {background:url(images/titles/title-refer-a-friend.jpg) no-repeat; width:659px; height:62px;}
#title-site-map {background:url(images/titles/title-site-map.jpg) no-repeat; width:659px; height:62px;}
#title-404-error {background:url(images/titles/title-404-error.jpg) no-repeat; width:659px; height:62px;}
#title-500-error {background:url(images/titles/title-500-error.jpg) no-repeat; width:659px; height:62px;}
#title-cosmetic-enhancements {background:url(images/titles/title-cosmetic-enhancements.jpg) no-repeat; width:659px; height:62px;}
#title-whitening {background:url(images/titles/title-whitening.jpg) no-repeat; width:659px; height:62px;}
#title-invisalign {background:url(images/titles/title-invisalign.jpg) no-repeat; width:659px; height:62px;}
#title-veneers-lumineers {background:url(images/titles/title-veneers-lumineers.jpg) no-repeat; width:659px; height:62px;}
#title-rate-your-smile {background:url(images/titles/title-rate-your-smile.jpg) no-repeat; width:659px; height:62px;}
#title-botox {background:url(images/titles/title-botox.jpg) no-repeat; width:659px; height:62px;}

/* - - - - - - - - - - CONTENT ELEMENTS - - - - - - - - - - */
.text-top {margin-top:0px !important;}
.small-tile {background:url(images/sm-tile.gif) repeat-x; width:590px; height:1px; margin-left:35px; margin-bottom:10px; margin-top:10px; clear:both;}
.thumbnails-map { margin:10px 0px 0px 35px; border:solid 1px #492d22;}



img.center {display:block; margin:0px auto 15px auto;}
.logo-links {height:90px;}
.logo-links-left {float:left; margin-left:35px; border:solid 1px #80d5f7;}
.logo-links-right {float:right; border:solid 1px #80d5f7; margin-right:55px;}

blockquote {margin-left:60px;}

.site-map-general {}
.site-map-sub {float:left; width:205px;}
.site-map-sub ul {list-style-type:none; margin:0px 0px 0px 30px !Important;}
.map-sub-one {margin:0px 0px 15px 0px;}
.map-sub-two {margin:0px 0px 0px 20px;}
.map-sub-three {margin:0px 0px 15px 20px;}

.border { border:3px solid #1A407E}

/* - - - - - - - - - - PHOTOS - - - - - - - - - - */
.photo {width:659px; height:256px; margin-bottom:-6px;}
.photo-small {float:right; margin:0px 47px 20px 20px;}

/* - - - - - - - - - - FLASH - - - - - - - - - - */
#flash-homepage {width:659px; height:256px;}

#slideshow-homepage
{
	width:659px; 
	height:256px;
	display: block;
	overflow: hidden;
	z-index: 4;
	position: absolute;
	left: 227px;
	top: 107px;
}

#slideshow-homepage img
{
	padding: 0;
	margin: 0;
}

#slideshow-homepage-placeholder
{
	width:659px; 
	height:256px;
	display: block;
	overflow: hidden;
}

.backflashplayer {line-height:1.5em; font-family:"Arial", Verdana, Helvetica, sans-serif; font-size:11px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#000000; background:url(images/back-flash.jpg) no-repeat; width:559px; height:256px;}
.flash-replaced .alt {display:block; width:0px; height:0px; position:absolute; overflow:hidden;}
.hide {display:none;}
#flash-office-tour {margin:0px 0px 0px 80px;}
#flash-smile-gallery {margin:0px 0px 20px 80px;}
#flash-brushing-dental{margin:0px 0px 0px 80px;}
#flash-flossing-dental {margin:0px 0px 0px 80px;}
.s-g-photo {margin:30px 0px 0px 60px;}




.logo-ada-original {background:url(images/ada.jpg) no-repeat; width:141px; height:97px; margin:15px 0px 25px 25px; float:left; border:solid 1px #492d22;}
h1.ada-original {margin:0px; overflow:hidden; text-indent:-999em;}
h1.ada-original a {display:block; width:141px; height:97px; margin:0px 0px 0px 0px; clear:both;}

.logo-aacd-original {background:url(images/aacd.jpg) no-repeat; width:403px; height:97px; margin:15px 0px 25px 35px; float:left; border:solid 1px #492d22;}
h1.aacd-original {margin:0px; overflow:hidden; text-indent:-999em;}
h1.aacd-original a {display:block; width:403px; height:97px; margin:0px 0px 0px 0px; clear:both;}

.logo-care {background:url(images/care.jpg) no-repeat; width:176px; height:97px; margin:15px 0px 25px 35px; float:left; border:solid 1px #492d22;}
h1.care {margin:0px; overflow:hidden; text-indent:-999em;}
h1.care a {display:block; width:176px; height:97px; margin:0px 0px 0px 0px; clear:both;}

.logo-acp {background:url(images/logo-acp.jpg) no-repeat; width:100px; height:75px; margin:15px 0px 25px 35px; float:left; border:solid 1px #492d22;}
h1.acp {margin:0px; overflow:hidden; text-indent:-999em;}
h1.acp a {display:block; width:100px; height:75px; margin:0px 0px 0px 0px; clear:both;}

.logo-ada {background:url(images/logo-ada.jpg) no-repeat; width:109px; height:75px; margin:15px 0px 25px 15px; float:left; border:solid 1px #492d22;}
h1.ada {margin:0px; overflow:hidden; text-indent:-999em;}
h1.ada a {display:block; width:109px; height:75px; margin:0px 0px 0px 0px; clear:both;}

.logo-ada1 {background:url(images/logo-ada.jpg) no-repeat; width:109px; height:75px; margin:15px 0px 25px 35px; float:left; border:solid 1px #492d22;}
h1.ada1 {margin:0px; overflow:hidden; text-indent:-999em;}
h1.ada1 a {display:block; width:109px; height:75px; margin:0px 0px 0px 0px; clear:both;}

.logo-aacd {background:url(images/logo-aacd.jpg) no-repeat; width:89px; height:75px; margin:15px 0px 25px 15px; float:left; border:solid 1px #492d22;}
h1.aacd {margin:0px; overflow:hidden; text-indent:-999em;}
h1.aacd a {display:block; width:89px; height:75px; margin:0px 0px 0px 0px; clear:both;}

.logo-wsda {background:url(images/logo-wsda.jpg) no-repeat; width:130px; height:75px; margin:15px 0px 25px 15px; float:left; border:solid 1px #492d22;}
h1.wsda {margin:0px; overflow:hidden; text-indent:-999em;}
h1.wsda a {display:block; width:130px; height:75px; margin:0px 0px 0px 0px; clear:both;}

.logo-skcds {background:url(images/logo-skcds.jpg) no-repeat; width:84px; height:75px; margin:15px 0px 25px 15px; float:left; border:solid 1px #492d22;}
h1.skcds {margin:0px; overflow:hidden; text-indent:-999em;}
h1.skcds a {display:block; width:84px; height:75px; margin:0px 0px 0px 0px; clear:both;}




/* - - - - - - - - - - H1, H2, H3, H4 & OTHER TEXT STYLES - - - - - - - - - - */
h1 {padding-right: 0px; padding-left:0px; padding-bottom:0px; padding-top:0px; margin:0px; text-indent:-999em; background-repeat:no-repeat;}
h2 {margin:0px 40px 13px 30px; font-weight:bold; font-size:16px; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none; color:#184179; line-height:1.5em;}

h3 {margin:0px 40px 13px 30px; font-weight:bold; font-size:14px; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none; color:#53382c; line-height:1.5em;}

h4 {margin:0px 60px 13px 30px; font-weight:bold; font-style:italic; font-size:13px; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none; color:#184179; line-height:1.6em;}

h5 {text-align:center; font-size:12px; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none; color:#ede4c7; line-height:1.6em; font-weight:bold; padding:53px 0px 0px 0px;}

.center-txt
{
	text-align: center;	
}

/* - - - - - - - - - - FOOTER - - - - - - - - - - */
#footer {font-family:"Arial", Verdana, Helvetica, sans-serif; background:url(images/footer.jpg) no-repeat; width:900px; height:184px; margin:0 auto;}

#footer-menu {text-align:center; color:#ffffff; padding-top:15px; font-size:10px; font-weight:normal;}
#footer-menu a {color:#ffffff; text-decoration:none; font-weight:normal;}

#footer-slogan {text-align:center; color:#b6c3ef; padding-top:10px; font-size:10px; font-weight:normal;}
#footer-slogan a {color:#b6c3ef; text-decoration:none; font-weight:normal;}

.foot-menu {display:inline; padding-right:3px; list-style-type:none;}
.foot-menu-sub {display:inline; background:url(images/footer-bullet.jpg) no-repeat; padding-left:5px; padding-right:3px; list-style-type:none;}


.sub-menu-dop {list-style-type:none; margin:0px 0px 5px 30px !Important;}
.sub-menu-dop a {color:#0f0e0c; text-decoration:none !Important; font-size:13px !Important;}
.sub-menu-dop a:visited {color:#0f0e0c;}

.sub-menu {list-style-type:none; margin:0px 0px 15px 30px !Important;}
.sub-menu a {color:#0f0e0c; text-decoration:none !Important; font-size:13px !Important;}
.sub-menu a:visited {color:#0f0e0c;}
.rate {background:#cbc0ba; margin-left:35px; margin-right:300px;}
.rate p {padding:15px 0px 15px 0px;}

.menu-sub-one {display:inline; padding-left:0px; padding-right:3px; list-style-type:none;}
.menu-sub {display:inline; background:url(images/sub-menu-bullet.jpg) no-repeat; padding-left:8px; padding-right:3px; list-style-type:none;}
.activ-sub {color:#184179 !Important;}



/* Global form styles */
div.referral-form, div.appointment-form, div.comments, div.login-form {
	width: 95%;
	margin-top: 18px;
	margin-left:20px;
}

fieldset {border: 0; padding: 9px 0;color: #002544; margin: 0 18px;}
fieldset div {clear: both;}
.form-header {color: #002544; border-bottom: 1px solid #184179; margin-left:20px;/*optional, change color to match site*/}
.form-header h3 {margin: 0 0 9px;}
.form-header p {margin: 0 0; padding-bottom: 18px;}
.form-footer {padding-top: 18px; text-align: center; border-top: 1px solid #184179;/*optional, change color to match site*/}
.form-footer button {/*these styles control the look of the button, change as necessary*/
	clear:both;/*do not change, forces button to sit below floated elements*/
	margin: 9px auto;/*do not change, controls positioning*/
	display: block;
	width:125px;
	height:31px;
	background:#c6dbed;/* customize me! */
	border: 1px solid #002544;
	text-align:center;
	line-height:31px;
	color:#002544;/* customize me! */
	font-size:12px;
	font-weight:bold;}
fieldset input, fieldset textarea, fieldset select {line-height: 18px; height: 18px; padding: 4px 9px 5px 9px; border: 1px solid #002544;}
fieldset input.radio {border: 0;}
fieldset p.verification img {border: 1px solid #002544; float:right; margin-right:189px;}
fieldset label {margin-top: 9px;}
fieldset label, label span {text-align: left; line-height: 18px; height: 18px;}
fieldset textarea {height: 144px; overflow: auto;}
label.required {background: url(../images/required_note.gif) 100% 0 no-repeat;}
p.required-note {font-weight: bold;}
p.required-note img {display: inline;}
p.radio-float, p.radio-float input {line-height: 27px; vertical-align: middle;}


/* appointment form */
.appointment-form {
	margin: 18px 0;
	padding: 0;
}
.appointment-form fieldset {border: 0; }
.appointment-form label {/*floats labels left*/
	font-size: 12px;
	display:block;
	font-weight:bold;
	width:45%;
	float:left;
	margin-top: 9px;
	line-height: 18px;
	}
.appointment-form label span {/*sits below labels; holds instructions*/
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	width:100%;}
.appointment-form input, .appointment-form select, .appointment-form textarea {
	float:left;
	font-size:12px;
	padding:0 2px;
	width:40%;
	margin:9px 0 9px 2%;
	background: #ffffff;}
.appointment-form p.radio, .appointment-form p.verification {
	clear: both;
	margin: 9px 0 9px 47%;
	font-size: 12px;}
.appointment-form p.radio-float {
	clear: none;
	float:left;
	width: 45%;
	padding:0;
	margin:9px 0 9px 2%;
	vertical-align: middle;
	line-height: 18px;}
.appointment-form span#found-other {width: 100%;}
.appointment-form span#found-other input {margin-left: 47%; background: #fff0b2}
.appointment-form p.verification {margin-top: 0;}
.appointment-form p.radio input, .appointment-form p.radio-float input {
	float: none;
	width: auto;
	margin: 0 0 0 2%;
	padding: 4px 2px;}

/* JQuery */
input.error, select.error, textarea.error {border-color: #a52003; background: #fefda1; }
div.error {padding-left: 18px; background: url(../images/validate_error.jpg) 0 0 no-repeat; color: #a52003; 
		 display: block; margin:0 0 9px 47%; font-size: 11px; font-weight: normal; line-height: 18px; clear: both;}
div.success {padding-left: 18px; background: url(../images/validate_ok.jpg) 0 0 no-repeat; color: #000000; 
		   display: block;margin:9px 0 0 0;font-size: 11px; font-weight: normal; line-height: 18px; float: right; clear: none;}
.contact-form div.error, .contact-form div.success {margin-left: 0;}


/* comment form */	
div.comments {
	margin: 18px 0;
	padding: 0;
}
.comments li {font-weight: bold; margin: 0;}
.comments label {/*floats labels left*/
	font-size: 12px;
	display:block;
	font-weight:bold;
	width:45%;
	float:left;}
.comments label span {/*sits below labels; holds instructions*/
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	width:100%;}
.comments .label-block label {float: none; clear: both; width: 100%; text-align: left;}
.comments input, .comments textarea {
	float:left;
	font-size:12px;
	padding:0 2px;
	width:40%;
	margin:9px 0 9px 2%;
	background: #ffffff;}
.comments textarea {width: 95%;}
.comments p.verification {
	clear: both;
	margin: 9px 0 9px 47%;
	font-size: 12px;}
.comments p.radio-float {
	clear: none;
	float:left;
	width: 45%;
	padding:0;
	margin:9px 0 9px 0;
	vertical-align: middle;
	line-height: 18px;}
.comments p.verification {margin-top: 0;}
.comments p.radio input, .comments p.radio-float input {
	float: none;
	margin: 0 0 0 0;
	padding: 4px 2px;
	width: auto;}
.comments p.radio span {padding: 0 2% 0 0;}
.comments .radio {text-align: left; font-weight: normal;}
.comments .comments-box label {float: none; font-weight: normal; display: block; text-align: left;}
.comments .comments-box textarea {float: none; margin-left: 0; width:95%;
}



/* referral form */
div.referral-form {
	margin: 18px 0;
	padding: 0;
}
.referral-form fieldset {border: 0; }
.referral-form label {/*floats labels left*/
	font-size: 12px;
	display:block;
	font-weight:bold;
	width:45%;
	float:left;
	line-height: 18px;}
.referral-form label span {/*sits below labels; holds instructions*/
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	width:100%;}
.referral-form input, .referral-form textarea {
	float:left;
	font-size:12px;
	padding:0 2px;
	width:40%;
	margin:9px 0 9px 2%;
	background: #ffffff;
	position: relative;}
.referral-form p.radio, .referral-form p.verification {
	clear: both;
	margin: 9px 0 9px 47%;
	font-size: 12px;}
.referral-form p.radio-float {
	clear: none;
	float:left;
	width: 45%;
	padding:0;
	margin:9px 0 9px 2%;}
.referral-form p.verification {margin-top: 0;}
.referral-form p.radio input, .referral-form p.radio-float input {
	float: none;
	width: auto;
	margin: 0 0 0 2%;
	padding: 0 2px;
	vertical-align: middle;
	line-height: 18px;
	height: 18px;}


#nav{
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
	/* Clear floats */
	float:left;
	position:relative;
	z-index:5;
}
#nav li{
	float:left;
	
	position:relative;
}
#nav a{
	display:block;
	
	color:#fff;
	
	text-decoration:none;
}
#nav a:hover{
	color:#492D22;
	text-decoration:underline;
}

/*--- DROPDOWN ---*/
#nav ul{
	background:#492D22; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	 /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
	 /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
	width:127px;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	padding-bottom: 4px;
	padding-top: 4px;
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	
	text-decoration:underline;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#EDE4C7;
}