/* CSS Document */



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

body {margin:0; background-color:#e7ded1; }

BODY, TD, .NormalText { font-weight: normal; text-decoration: none; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; color: #564630; }

.Header		{ color: #D8CAB7; font-size: 38px; text-transform: uppercase; line-height: 38px; }
.Subheader	{ color: #5A7291; font-size: 14px; font-weight: bold; }

.Beige		{ color: #D8CAB7; }
.Blue		{ color: #5A7291; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }

.SmallText	{ font-size: 10px; }
.MediumText	{ font-size: 16px; }
.LargeText	{ font-size: 24px; }


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

* #container {border: 1px solid #564630; width:780px; margin:0 auto; overflow:auto;}

* #logo {width:593px; background: url(images/logo-bg.jpg) no-repeat #564630; float:left; margin-left:1px; overflow:auto; padding-bottom:25px;}

* #middle {width:780px; margin:0; overflow:auto;  margin:1px 0 0 0; clear:both; background:url(images/middle-tile.gif) ; border-top:1px solid #e7ded1; }

* #sidebar {width:184px;  float:left; padding: 10px 0 0 0; }

* #address {margin:33px 0 0 12px; color:#e7ded1; font-size:10px; line-height:20px;}

* #address h1 {font-size:11px; font-weight:bold; margin:0;}

* #content {background-color:#e7ded1; padding:0 0px 10px 26px; width:562px; overflow:auto; float:left; margin-left:5px;}

* #footer, #footer a {	background-color:#564630;	width:740px;	color:#d4b288;	font-size:9px;	text-transform: uppercase; text-decoration:none; }

* #footer {padding: 5px 20px 5px 20px;	}

* #content a {color:#5a7291;}

* #content a:hover {color:#564630;}
* #flash-office-tour, * .virtual-tour {margin: 18px auto; text-align: center;}
* .virtual-tour {width: 400px; height: 300px;}
* #flash-office-tour {width: 500px; height: 375px;}

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

h2 {background-repeat: no-repeat; height: 54px; text-indent: -999em; margin:40px 0 0 0; }

h3 {color:#5a7291; font-size:14px; margin:0;}



/* CLASSES ---------- */

* .homeback {background-image:url(images/welcome.jpg); background-position:top left; background-repeat:no-repeat;}

* #footer * .sesame {color:#adb8c6;}

* .img {float:right; padding:5px;}

* .top {color:#564630; font-size:10px; font-weight:bold; text-decoration:none;}



/* TOP NAV ITEMS ---------- */



ul#topnav {height: 25px;list-style: none;padding: 0; margin:0 0 0 342px; width:235px; }



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

* #topnav li {float:left;}



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

* #topnav a {display: block;height: 25px; overflow: hidden; text-indent:-999em;}



/* Set the image for each nav item */

* #patientlogin {background: url(images/nav-patient-login.gif);width:125px;}

* #doctorlogin {background: url(images/nav-doctor-login.gif);width:110px;}


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

#topnav a:hover, #topnav .active {background-position: 0 -25px;}



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

#topnav .active {cursor: default}



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

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



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

#nav a {display: block;height: 21px; overflow: hidden; text-indent:-999em; width:183px}



/* Set the image for each nav item */

* #meetdrfell {background: url(images/nav-meet-dr-fell.gif); }

* #meettheteam {background: url(images/nav-meet-the-team.gif); }

* #officetour {background: url(images/nav-office-tour.gif); }

* #officepolicies {background: url(images/nav-office-policies.gif); }

* #faqs {background: url(images/nav-faqs.gif); }

* #aboutorthodontics {background: url(images/nav-about-orthodontics.gif); }

* #braces101 {background: url(images/nav-braces-101.gif); }

* #thegameroom {background: url(images/nav-the-game-room.gif); }

* #contactus {background: url(images/nav-contact-us.gif); }

* #home {background: url(images/nav-home.gif); }



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

#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover, #nav li:hover #meetdrfell, #nav li.sfhover #meetdrfell, #nav li:hover #meettheteam, #nav li.sfhover #meettheteam, #nav li:hover, #nav li:hover #officetour, #nav li.sfhover #officetour, #nav li:hover #officepolicies, #nav li.sfhover #officepolicies, #nav li:hover #faqs, #nav li.sfhover #faqs, #nav li:hover, #nav li:hover, #nav li:hover #aboutorthodontics, #nav li.sfhover #aboutorthodontics, #nav li:hover #braces101, #nav li.sfhover #braces101, #nav li:hover #contactus, #nav li.sfhover #contactus, #nav li:hover #thegameroom, #nav li.sfhover #thegameroom  {background-position:-183px 0pt;}



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

#nav .active {cursor: default}



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

#nav li {display: inline; }

#nav li ul {background: #564630; left: -999em; padding: 0; position: absolute; z-index: 1; }

#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -25px 0 0 180px; color:#e7ded1; padding-top:5px;}

#nav ul li a {height:25px; padding-left: 10px;  text-decoration: none; width: 187px; text-indent:0; color:#FFF; font-size:10px; }

#nav ul li a:hover {color:#564630; background-color:#e7ded1;}







/* LOGO NAVIGATION ---------- */

ul#logolink { list-style: none; padding: 0; margin:0; width:539px;}



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

#logolink a {display: block; height: 128px; width:539px; overflow: hidden; text-indent:-999em;}



/* Set the image for each nav item */

* #logolinkactive {background: url(images/spacer.gif);}



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

* #logolink * .active {cursor: default}