* { margin: 0; outline: none; padding: 0; }
body { background:url(../images/bg.jpg) repeat-y #b1cdce; background-position:center }

/* - - - - - - - - - - TEXT - - - - - - - - - - */
body { font-family: arial, sans-serif; font-size: 14px; }
p { color: #000; line-height: 20px; margin: 10px 0; }


#content ul { color: #000; list-style: disc; margin: 10px 30px 160px; }
#content ul li { margin: 10px 0; }
#footer p { color: #000; font-size: 12px; margin: 2px 0; }
#footer p.small { font-size: 11px; }
p#nav-list { color: #000; line-height: 24px; margin: 0; width: 200px; }

/* - - - LINKS - - - */
a { color: #000; }
#content ul li a { color: #27777b; text-decoration: none; }
#content ul li a:hover { color: #27777b; text-decoration: underline; }
#footer a { color: #27777b; font-weight: bold; text-decoration: none; }
#footer a:hover, #footer a.active { font-weight: bold; text-decoration: underline; }



/* - - - HEADERS - - - */
h1 { background: no-repeat; height: 50px; margin: 20px 0; overflow: hidden; text-indent: -9999px; width: 501px; }
h2 { color: #F16420; font-size: 16px; margin: 10px 0; }
h3 { color: #000; font-size: 16px; margin: 10px 0; }

h1.about-michelle { background: url(../images/titles/about-michelle.jpg); }
h1.about-jane { background: url(../images/titles/about-jane.jpg); }
h1.office-tour { background: url(../images/titles/office-tour.jpg); }
h1.our-services { background: url(../images/titles/our-services.jpg); }
h1.office-policies { background: url(../images/titles/office-policies.jpg); }
h1.forms { background: url(../images/titles/forms.jpg); }
h1.appointment-request-form { background: url(../images/titles/appointment-request-form.jpg); }
h1.ask-michelle { background: url(../images/titles/ask-michelle.jpg); }
h1.ask-jane { background: url(../images/titles/ask-jane.jpg); }
h1.resources { background: url(../images/titles/resources.jpg); }
h1.contact-us { background: url(../images/titles/contact-us.jpg); }
h1.site-map { background: url(../images/titles/site-map.jpg); }

/* - - - - - - - - - - IMAGES - - - - - - - - - - */
img { border: 0; display: block; }
img.footer-link { float: left; }
img.right { float: right; margin: 0 20px; }
img#home { margin-bottom: 15px; }


/* - - - - - - - - - - LAYOUT - - - - - - - - - - */
#container { background: url(../images/container-bg.jpg) repeat-y; margin: 0 auto; width: 780px; }
#content { float: left; min-height: 500px; padding: 15px 0 30px 279px; width: 501px; }

#header { height: 234px; margin: 0 auto; width: 780px; }
#header a#logo { background: url(../images/header.jpg) no-repeat; display: block; height: 278px; overflow: hidden; text-indent: -9999px; width: 780px; }
#header-container { background: url(../images/header-bg.jpg) repeat-x; width: 100%; }

#footer { margin: 0 auto; text-align: center; width: 780px; }


#footer-container { background: #fff url(../images/footer-bg.jpg) top repeat-x; clear: both; height: 180px; padding: 20px 0 10px; width: 100%; }



#link-container { padding: 36px 25px 0 15px; width: 238px; }


/* - - - - - - - - - - NAVIGATION - - - - - - - - - - */
#navigation { background: url(../images/nav-top.jpg) no-repeat; display: inline; margin-top: 192px; padding-right: 10px; position: absolute; width: 244px; }
#navigation ul { list-style: none; width: 244px; }
#navigation li { float: left; }
#navigation a { display: block; height: 38px; overflow: hidden; text-indent: -9999px; width: 244px; }

/* - - - NAVIGATION IMAGES - - - */

a#home { background: url(../images/nav/home.jpg); }
a#about-michelle { background: url(../images/nav/about-michelle.jpg); }
a#about-jane { background: url(../images/nav/about-jane.jpg); }
a#office-tour { background: url(../images/nav/office-tour.jpg); }
a#our-services { background: url(../images/nav/our-services.jpg); }
a#office-policies { background: url(../images/nav/office-policies.jpg); }
a#forms { background: url(../images/nav/forms.jpg); }
a#appointment-request-form { background: url(../images/nav/appointment-request.jpg); }
a#ask-michelle { background: url(../images/nav/ask-michelle.jpg); }
a#ask-jane { background: url(../images/nav/ask-jane.jpg); }
a#resources { background: url(../images/nav/resources.jpg); }
a#contact-us { background: url(../images/nav/contact-us.jpg); }





/* - - - NAVIGATION ROLLOVER EFFECTS - - - */
a#home:hover { background-position: 0 -38px; }
#navigation ul a#home.active { background-position: 0 -38px; }

a#about-michelle:hover, a#about-jane:hover, a#office-tour:hover, a#our-services:hover, a#office-policies:hover, a#forms:hover, a#appointment-request-form:hover, a#ask-michelle:hover, a#ask-jane:hover, a#resources:hover, a#contact-us:hover { background-position: 0 -38px; }
#navigation ul a#about-michelle.active, #navigation ul a#office-tour.active, #navigation ul a#our-services.active, #navigation ul a#office-policies.active, #navigation ul a#forms.active, #navigation ul a#appointment-request-form.active, #navigation ul a#ask-michelle.active, #navigation ul a#resources.active, #navigation ul a#contact-us.ative { background-position: 0 -38px; }