body {

	margin-left: 172px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	background-color: #92BADA;

	background-image: url(images/background.gif);

	background-repeat: no-repeat;

}

/* --- Text ------------ */

body,td,th {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

	line-height: 14px;

}

.intro-text {

	color: #FFFFFF;

	padding-top: 4px;

	padding-bottom: 4px;

}

h1 {

	font-size: 18px;

	color: #98449A;

}

h2 {

	text-transform: uppercase;

	color: #98449A;

	font-size: 12px;

	margin-bottom: 0px;

}



/* --- Links ------------ */

a:link {

	color: #98449A;

}

a:visited {

	color: #98449A;

}

a:link, a:visited {color: #98449A; text-decoration: none}

a:hover, a:active {

	text-decoration: underline;

	color: #0060A9;

}

a b {visibility: hidden}

#sesame {color: #FFFFFF; font-size: 9px}

#footer a {color: #000000;}







/* --- Layout --------- */



.border-left {

	background-image: url(images/border-left.gif);

	background-repeat: repeat-y;

	width: 12px;

	background-position: left;

}

.border-right {

	background-image: url(images/border-right.gif);

	background-repeat: repeat-y;

	width: 10px;

	background-position: right;

}

.content-background {

	background-image: url(images/content-background.jpg);

	background-repeat: repeat;

	width: 766px;

	border: 10px solid #FFFFFF;

	background-position: center;

}

.shadow {

	filter: Glow(Color=#000000, Strength=40);

}

#subpage-shell {

	padding: 15px;

}

#subpage-text {

	padding: 10px;

}

.photo {

	margin-bottom: 5px;

	margin-left: 15px;

	border: 1px solid #000000;

}
.photo2 {

	margin-bottom: 5px;

	border: 1px solid #000000;

}
.fl-left { float:left; margin:0 20px 20px 0}
/* Clear Floats */
.clear:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clear {
    display: inline-block;
}

html[xmlns] .clear {
    display: block;
}

* html .clear {/* For IE =< 6 */
    height: 1%;
}
#spanda-photos {width:165px; float:right;  text-align:right}
#kenyavid1 { text-indent:-999em; width:180px; height:160px; background:url(images/spandavid1.jpg); display:block; overflow:hidden; border:#000 1px solid}
#kenyavid1:hover { background:url(images/spandavid1.jpg) 0 160px; }
#kenyavid2 { text-indent:-999em; width:180px; height:160px; background:url(images/spandavid2.jpg); display:block; overflow:hidden; border:#000 1px solid}
#kenyavid2:hover { background:url(images/spandavid2.jpg) 0 160px; }
/* ---------------Main Navigation ------------------ */

ul#nav {


	list-style: none;
	width: 172px;
	margin: 0;

	padding: 0;
	border: 5px solid #fffffF;
	border-width: 0 0 5px;

}



/*  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: 27px; 

width: 172px;

overflow: hidden; 

text-indent: -999em; /* Indents the rich-text so it does not show */

}

/* Patient Forms Box */

#pt-forms {
	width: 162px;
	margin: 10px 0;
	border: 5px solid #ffffff;
	background: #ffffff;
}
#pt-forms h2 {
	margin: 10px;
	
}
#pt-forms p {
	margin-left: 10px;
}
a.pdf {
	padding: 5px 0 5px 20px;
	background: url(images/adobe.gif) 0 0 no-repeat;
	text-indent: 20px;
	
}
#pt-forms img {border: 0;}
/* Set the image for each nav item */

#patient-login {background: url(images/nav-patient-login.gif)}

#about-our-office{background: url(images/nav-about-our-office.gif)}

#smile-gallery {background: url(images/nav-smile-gallery.gif)}

#dental-care {background: url(images/nav-dental-care.gif)}

#pediatric-dentistry {background: url(images/nav-pediatric-dentistry.gif)}

#cosmetic-dentistry {background: url(images/nav-cosmetic-dentistry.gif)}

#treatment-smile-gallery {background: url(images/nav-treatment-smile-gallery.gif)}

#rate-your-smile {background: url(images/nav-rate-your-smile.gif)}

#treatments {background: url(images/nav-treatments.gif)}

#the-game-room {background: url(images/nav-the-game-room.gif)}

#contact-us {background: url(images/nav-contact-us.gif)}
#kenya-project {background: url(images/nav-kenya-project.gif)}


/* Shift the image position up to show the active state */

#nav a:hover, #nav .active {background-position: 0 -27px;}



/* Set the cursor to default arrow so link does not appear clickable */

#nav .active {cursor: default}.top-nav {

	color: #FFFFFF;

}

/* ---------------Home Navigation ------------------ */

#nav #home {

	height: 27px;

	list-style: none;

	margin: 0;

	padding: 0;

}


/*  Sets styles for all links that are inside the ul id="nav" */

#nav #home {

display: block;

height: 27px; 

width: 172px;

overflow: hidden; 

text-indent: -999em; /* Indents the rich-text so it does not show */

}



/* Set the image for each nav item */

#home {background: url(images/nav-home.gif)}



/* Shift the image position up to show the active state */

#nav #home:hover, #nav #home .active {background-position: 0 33px;}



/* Set the cursor to default arrow so link does not appear clickable */

#nav #home .active {cursor: default}.top-nav {

	color: #FFFFFF;

}

.address {

	color: #FFFFFF;

}



ul {

	list-style-image: url(images/bullet.gif);

}

