body {

	background-image: url(images/background.gif);

	background-color: #466239;

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	background-repeat: repeat-x;

}

body,td,th {

	font-family: Tahoma, Verdana;

	font-size: 12px;

	color: #1F2F24;

	line-height: 22px;

}



/* container-------- */

#container {

	background-image:url(images/background-container.jpg);

	background-repeat:no-repeat;

	height: 400px;

	width: 750px;

	background-color: #8D8C70;

}



/* footer---------- */

#footer-background {

	background-image:url(images/background-footer.jpg);

	height: 80px;

	width: 750px;

	background-color: #1F2F24;

	background-repeat: no-repeat;

	background-position: top;

	padding-top: 20px;

}

p#footer{color: #FFFFFF; font-size: 11px; line-height: 13px}

p#footer a {color: #DED39F; font-size: 11px line-height: 13px}





/* ---------------Top Navigation ------------------ */

ul#top-nav {

	height: 35px;

	list-style: none;

	margin: 0;

	padding: 0;

}



/*  Makes the list items sit next to each other */

#top-nav li {float: left;}



/*  Sets styles for all links that are inside the ul id="top-nav" */

#top-nav a {

display: block;

height: 35px; 

overflow: hidden; 

text-indent: -999em; /* Indents the rich-text so it does not show */

}



/* Set the image for each nav item */

#contact-us {background: url(images/nav-contact-us.jpg); width: 123px}

#home {background: url(images/nav-home.jpg); width: 105px}





/* Shift the image position up to show the active state */

#top-nav a:hover, #top-nav .active {background-position: 0 -35px;}



/* Set the cursor to default arrow so link does not appear clickable */

#top-nav .active {cursor: default}

.footer {

	font-size: 11px;

	color: #F3DBAA;

}

/* MAIN NAVIGATION ---------- */

#nav a {display: block; height: 35px; overflow: hidden; text-indent: -999px; width: 159px}

#about-our-practice {background: url(images/nav-about-our-practice.jpg)}

#about-orthodontics {background: url(images/nav-about-orthodontics.jpg)}

#about-braces {background: url(images/nav-about-braces.jpg)}

#fun-stuff {background: url(images/nav-fun-stuff.jpg)}

#braces-101 {background: url(images/nav-braces-101.jpg)}

#nav a:hover, #navigation .active, 

#nav li:hover #about-our-practice, #nav li.sfhover #about-our-practice, 

#nav li:hover #about-orthodontics, #nav li.sfhover #about-orthodontics, 

#nav li:hover #about-braces, #nav li.sfhover #about-braces,

#nav li:hover #fun-stuff, #nav li.sfhover #fun-stuff,

{background-position: 0 -35px}



ul#nav {list-style: none; margin: 0; padding: 0;}

/* Shift the image position up to show the active state */

#nav a:hover, #nav .active {background-position: 0 -35px;}



#nav ul {list-style: none; margin: 0; padding: 0}

#nav li {display: inline}

#nav li ul {background: #DED39F; font-size: 11px; left: -999em; padding: 5px 0; position: absolute; z-index: 1}

#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -35px 0px 0px 159px}

#nav ul li a {height: 12px; line-height: 14px; margin: 0; padding: 4px 4px 4px 15px; text-indent: 0; text-decoration: none; width: 159px}

#nav ul li a:hover {background: #1E2F23}



/* --- Links ------------ */

a:link, a:visited {color: #1E2F23; text-decoration: none}

a:hover, a:active {

	text-decoration: underline;

	color: #747498;

}

a b {visibility: hidden}



#subnav-link a {color: #DBD49E; text-decoration: underline}



/* --- Content --------- */

#content {padding-left:35px; padding-right:40px}

#subpage-content {padding-left:35px; padding-right:40px; padding-top:30px}

h2 {

	font-size: 16px;

	color: #304C23;

}

h3 {

	font-size: 14px;

	font-style: italic;

	color: #1F2F24;

}

h4 {

	font-size: 10px;

	color: #FFFFFF;

}

.forms {

	color: #DFD3A1;

}

.alpha {

	filter: Alpha(Opacity=40);

	-moz-opacity: 0.5

}

#facebook { margin-left:8px}
#youtube { margin-left:30px}