@charset "utf-8";

/* CSS Document */

body {

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

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	background-repeat: repeat-x;

	background-color: #B9B9B9;

}



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



.Header		{ color: #7C0094; font-size: 18px; font-weight: bold; font-family: Papyrus, Arial; line-height: 18px; }

.Subheader	{ color: #818281; font-size: 16px; font-weight: bold; line-height: 16px; }

.Subheader2	{ color: #7C0094; font-size: 14px; font-weight: bold; font-style: italic; line-height: 16px; }

.callout 	{ color: #7C0094; font-size: 16px; font-weight: bold; line-height: 18px;}
.callout a	{ color: #7C0094; font-size: 16px; font-weight: bold; line-height: 18px; text-decoration:none}
.callout a:hover	{ color: #7C0094; font-size: 16px; font-weight: bold; line-height: 18px; text-decoration:underline}

.Purple		{ color: #7C0094; }

.Black		{ color: #000000; }

.Gray		{ color: #818281; }



.SmallText	{ font-size: 10px; }

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

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



h2 { font-size: 12pt; }

h3 { font-size: 11pt; font-style: italic; color:#7C0094; }

h4 { font-size: 8pt; font-weight: normal; color:#FFFFFF; }



hr { color: #ACACAC; }



* .padding {

	padding-top: 4px;

	padding-bottom: 4px;

}



* .photo {padding-left:8px;}



* #footer {background:url(images/footer-background.jpg); background-repeat:no-repeat; height:82px; color:#b8b9b8; font-size:8pt;}

* #footer a:link, a:visited {color: #B8B9B8; text-decoration: none}

* #footer a:hover, a:active {color: #B8B9B8; text-decoration:underline}



* #sesame a {color: #000000; font-size:8pt; text-decoration:none}



* #purple {background-color:#7C0094; height:17px;}



* #sidebar {

	width:205px;

	border-right:solid;

	border-right-color:#ACACAC;

	border-right-width:1px;

	padding-right:4px;

}

	

* #content {

	padding-left:10px;

	padding-right:10px;

	height: 400px;

}



* #hh-forms a {color:#FFFFFF; text-decoration:underline;}





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

a:link {

	color: #B8B9B8;

	text-decoration: none;

	font-size:9pt;

}

a:visited {

	text-decoration: none;

	color: #B8B9B8;

	font-size:9pt;

}

a:hover {

	text-decoration: none;

	color: #B8B9B8;	font-size:9pt;

}

a:active {

	text-decoration: none;

}

* .subnav-active {color:#7C0094;	font-size:9pt;}

	



/* ---------------Technologies Navigation ------------------ */

ul#technologies {

	height: 36px;

	list-style: none;

	margin: 0;

	padding: 0;

}



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

* #technologies a {

display: block;

height: 36px; 

overflow: hidden; 

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

}



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

* #technologies li {float: left;}



/* Set the image for each nav item */

* #invisalign{background: url(images/nav-invisalign.jpg); width:76px}

* #wild-smiles {background: url(images/nav-wild-smiles.jpg); width:86px}

* #in-ovation-c {background: url(images/nav-in-ovation-c.jpg); width:94px}

* #ibraces {background: url(images/nav-ibraces.jpg); width:88px}





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

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



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

* #technologies .active {cursor: default}



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

ul#top-nav {

	height: 32px;

	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: 32px; 

overflow: hidden; 

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

}



/* Set the image for each nav item */

* #patient-login {background: url(images/nav-patient-login.jpg); width:97px}

* #doctor-login {background: url(images/nav-doctor-login.jpg); width:97px}

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

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



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

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



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

* #top-nav .active {cursor: default}



/* ---------------Main Navigation ------------------ */

ul#nav {

	height: 29px;

	list-style: none;

	margin: 0;

	padding: 0;

}



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

#nav li {float: left;}



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

#nav a {

display: block;

height: 29px; 

overflow: hidden; 

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

}



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

#nav li {float: left;}



/* Set the image for each nav item */



* #about-our-office {background: url(images/nav-about-our-office.jpg); width:117px}

* #what-sets-us-apart {background: url(images/nav-what-sets-us-apart.jpg); width:133px}

* #about-orthodontics {background: url(images/nav-about-orthodontics.jpg); width:132px}

* #braces-101 {background: url(images/nav-braces-101.jpg); width:94px}

* #emergency-care {background: url(images/nav-emergency-care.jpg); width:120px}

* #the-fun-zone {background: url(images/nav-the-game-room.jpg); width:123px}



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

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



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

* #nav .active {cursor: default}