/* ----------

Colors:

----------

light: #edf1cc

medium: #b4b99b

dark: #2e363e

---------- */



/* HTML, BODY ---------- */

html {height: 100%; margin-bottom: 1px}

body {background: #b4b99b; margin: 0}

* #stripe1 {background: #edf1cc; display: block; height: 125px; position: absolute; top: 21px; width: 100%}

* #stripe2 {background: #2e363e; display: block; height: 318px; position: absolute; top: 185px; width: 100%}



/* TEXT ---------- */

body, table, a {color: #2e363e; font: 11px/18px tahoma, sans-serif}



BODY, TD, .NormalText { font-weight: normal; text-decoration: none; font-style: normal; color: #2e363e; font-size: 11px; line-height: 18px; font-family: Tahoma, Arial, Helvetica, sans-serif; }



.Header		{ color: #2e363e; font-size: 25px; font-style: italic; font-family: Georgia, serif; }

.Subheader	{ color: #2e363e; font-size: 12px; font-weight: bold; }

.Subheader2	{ color: #b4b99b; font-size: 12px; font-weight: bold; }



.LightGreen	{ color: #b4b99b; }

.Blue		{ color: #2e363e; }

.Black		{ color: #000000; }



.SmallText	{ font-size: 10px; }

.MediumText	{ font-size: 16px; line-height: 16px; }

.LargeText	{ font-size: 24px; line-height: 24px; }



p {margin: 0}



/* HEADERS ---------- */

h1 {font: italic 25px georgia, serif; margin: 0 0 10px 0}

h2 {font-size: 12px; margin: 0}

h3 {color: #b4b99b; font-size: 12px; margin: 0}



/* LISTS ---------- */

ol, ul {margin-bottom: 0; margin-top: 0}



/* LINKS ---------- */

a:link, a:visited {color: #000000; text-decoration: underline}

a:hover {text-decoration: none}

* #header a {font: 17px/37px georgia, serif}

* #nav a {border: 10px solid #edf1cc; color: #2e363e; font: 17px/37px georgia, serif; margin-right: -2px; text-decoration: none}

* #nav a:hover {background: #b4b99b; border-color: #b4b99b; color: #fff}

* #home .home, #our_team .our_team, #office_info .office_info, #about_orthodontics .about_orthodontics, #life_with_braces * .life_with_braces, * #contact .contact {background: #b4b99b; border: 10px solid #b4b99b; color: #fff; cursor: default}

* #footer a {color: #fff}

* #sesame {padding: 5px 20px 0 0; text-align: right}

* #sesame a {color: #2e363e; font-size: 10px; font-weight: bold}



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

img {border: none; position: relative; z-index: 1}

* .image {border: 4px solid #b4b99b; float: right; margin: 0 0 10px 20px; padding: 1px}

a#logo {/*background: #2e363e;*/ color: #fff; float: left; font: italic 25px georgia, serif; height: 125px; margin: -20px 20px 0 0; text-align: center; text-decoration: none; width: 350px; background: url(images/logo.png) no-repeat;}/* Logo should be PNG at 350px x 125px */

a#logo span {

	display: none;

}

* .banner {float: right; margin: 0 0 10px 10px}



/* LAYOUT ---------- */

* #wrap {margin: 0 auto; padding: 20px 0; width: 742px}

* #container {background: #fff; padding: 1px; position: relative; z-index: 1}

* #header {height: 105px; padding: 20px 20px 0 0; text-align: right}

* #nav {background: #edf1cc; height: 37px; margin: 1px 0; overflow: hidden; position: relative; text-align: center; width: 740px}

* #content {padding: 40px}

body#home #content {background: url(images/home.jpg) no-repeat; padding-left: 390px}

* #info {background: #edf1cc; clear: both; color: #2e363e; height: 18px; margin: 1px 0; padding: 8px 0; text-align: center}

* #footer {background: #2e363e; color: #fff; height: 18px; padding: 8px 0; text-align: center}