/* HTML, BODY ---------- */

html {height: 100%; margin-bottom: 1px}

body {background: #634a38; margin: 0 0 20px 0}

#logo-cont {position:relative; width:733px; height:101px; margin:0 auto }

BODY, TD, .NormalText	{ font-weight: bold; font-size: 11px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; line-height: 16px; }



.Header			{ font-weight: bold; font-size: 24px; color: #614937; font-style: italic; line-height: 24px; }

.Subheader		{ font-weight: bold; font-size: 16px; color: #614937; }

.SmallSubheader	{ font-weight: bold; font-size: 11px; color: #614937; }



.Unbold	{ font-weight: normal; }



.Brown	{ color: #614937; }

.Black	{ color: #000000; }

.White	{ color: #FFFFFF; }



.SmallText	{ font-size: 10px; }

.MediumText	{ font-size: 16px; }

.LargeText	{ font-size: 24px; line-height: 24px; }



IMG.Right {background: #fff; border: 1px solid #fff; float: right; margin: 0 0 10px 20px}



/* HEADERS ---------- */

h1 {background-repeat: no-repeat; color: #614937; cursor: text; font-size: 30px; height: 52px; margin: 0; text-indent: -9999px}

* #meet_our_team h1 {background-image: url(images/h_meet_our_team.gif)}

* #about_our_office h1 {background-image: url(images/h_about_our_office.gif)}

* #braces_101 h1 {background-image: url(images/h_braces_101.gif)}

* #the_game_room h1 {background-image: url(images/h_fun_games.gif)}

* #contact_us h1 {background-image: url(images/h_contact_us.gif)}

* #site_map h1 {background-image: url(images/h_site_map.gif)}



h2 {color: #614937; font-size: 16px; margin: 0}

h3 {color: #614937; font-size: 11px; margin: 0}



/* LISTS ---------- */

ol, ul {margin-bottom: 0; margin-top: 0}

* .indent {margin-left: 40px}



/* LINKS ---------- */

a:link, a:visited {color: #614937; text-decoration: underline}

a:hover, a:active {text-decoration: none}

* #header a, #footer a {color: #fff}

* #footer a {text-decoration: none}

* #footer a:hover {text-decoration: underline}

a#sesame {color: #8c8a58}



/* NAV ---------- */

a b {display: none}

* #nav_home, * #nav_meet_our_team, * #nav_about_our_office, * #nav_braces_101, * #nav_the_game_room, * #nav_contact_us {float: left; height: 37px}

* #nav_home {background: url(images/nav_home.gif); width: 74px}

* #nav_meet_our_team {background: url(images/nav_meet_our_team.gif); width: 142px}

* #nav_about_our_office {background: url(images/nav_about_our_office.gif); width: 159px}

* #nav_braces_101 {background: url(images/nav_braces_101.gif); width: 107px}

* #nav_the_game_room {background: url(images/nav_the_game_room.gif); width: 141px}

* #nav_contact_us {background: url(images/nav_contact_us.gif); width: 110px}

* #home #nav_home, #nav li:hover#nav_home, #nav li.sfhover#nav_home, 

* #meet_our_team #nav_meet_our_team, #nav li:hover#nav_meet_our_team, #nav li.sfhover#nav_meet_our_team, 

* #about_our_office #nav_about_our_office, #nav li:hover#nav_about_our_office, #nav li.sfhover#nav_about_our_office, 

* #braces_101 #nav_braces_101, #nav li:hover#nav_braces_101, #nav li.sfhover#nav_braces_101, 

* #the_game_room #nav_the_game_room, #nav li:hover#nav_the_game_room, #nav li.sfhover#nav_the_game_room , 

* #contact_us #nav_contact_us, #nav li:hover#nav_contact_us, #nav li.sfhover#nav_contact_us {background-position: 0 -37px}



* #nav, #nav ul {list-style: none; margin: 0; padding: 0}

* #nav a {display: block; height: 37px; text-decoration: none}

* #nav li ul {background: #8f6c56; border: 1px solid #fff; border-width: 1px 1px 0 1px; left: -9999px; position: absolute}

* #nav li:hover ul, #nav li.sfhover ul {left: auto; margin-top: -1px}

* #nav li#nav_contact_us:hover ul, #nav li#nav_contact_us.sfhover ul {margin-left: -50px}

* #nav ul li a {border-bottom: 1px solid #fff; color: #fff; height: 20px; padding: 3px 0 3px 10px; width: 148px}

* #nav ul li a:hover {background: #8d895a; text-decoration: none}



/* IMAGES ---------- */

img {border: none}

* .image {background: #fff; border: 1px solid #fff; float: right; margin: 0 0 10px 20px}

* .border {background: #fff; border: 1px solid #fff}

* .img_center_border {background: #fff; border: 1px solid #fff; margin: 0 auto; display: block;}



/* LAYOUT ---------- */

* #container {width: 100%}

* #header {background: #8e6d56 url(images/layout_header_bg.gif) repeat-x; height: 120px; text-align: right; vertical-align: top}

* #navigation {background: #8e6d56 url(images/layout_nav_bg.gif) repeat-x; height: 37px; vertical-align: top}

* #content {background-color: #8c8a58; vertical-align: top}

* #flash_home {background: url(images/layout_home_bg.jpg) no-repeat; float: left; height: 550px; margin: -20px 0 0 0; padding: 30px 0 0 9px; width: 391px}

* #footer {background: #634a38 url(images/layout_footer_bg.gif) repeat-x; font-weight: normal; padding-top: 30px; text-align: center; vertical-align: top}

* .wrap {margin: 0 auto; width: 733px}

* #logo {display: block; margin: 4px auto 0 auto}

* #content .wrap {margin: 0 auto; padding: 20px 0 0 0; width: 733px}

* #address_left, * #address_right {float: left}

* #address_left {border-right: 1px solid #614937; margin-right: 10px; padding-right: 10px}

* .flash_centered {margin: 0 auto; width: 500px}

* .clear {clear: both}

.social {position:absolute; top:10px; left:630px; width:100px}

/* in-ovation */

.left {

float:left;

margin:0 10px 10px 0;}

img.right {

float:right;

margin:0 0 10px 10px;}

.clear {

clear:both;}

h2.media-center {

background:#656332;

color:#FFF;

margin:0;

padding:5px;}

div.media-center {

background:#aaa881;

color:#FFF;

display:inline-block;

margin-bottom:10px;

overflow:auto;

padding:10px;}

div.media-center a {

color:#FFF;}

div.media-center img {

border:1px solid #FFF;}

