@charset "utf-8";
/* BonannoDentistry.com
   Web Design by GraphicATX.com
   Last Update 2/3/2010
*/

/* RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

:hover, :active, :focus  {
  outline: none; -moz-outline-style: none;
}


/* LAYOUT */

body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #222;
	line-height: 18px;
	background: url(../images/bg.jpg) repeat-x center center;
}

h2, h1 {
	display:inline-block;
	float: left;
	clear: both;
}

a {
	color: #222;
	text-decoration: underline;
}

strong, address {
	font-weight: bold;
}

address {
	margin: 0;
	font-style: normal;
}

p {
	margin-bottom: 13px;
	width: 380px;
}

p.statement {
	margin-left:4px;
	margin-top: 22px;
	padding-left:11px;
	width: 484px;
	background: url(../images/quote.png) no-repeat;
}

#container {
	background:transparent url(../images/containerBg.png) no-repeat scroll 0 0;
	display:block;
	height:589px;
	margin: 30px auto 0;
	padding:37px 0 0 37px;
	width:955px;
	overflow: hidden;
}

#container #home, #container #about, #container #contact {
	height: 330px;
	padding-top: 4px;
	overflow: hidden;
	clear: both;
}

.homeTitle, .aboutTitle, .contactTitle {
	display: block;
	text-indent: -999px;
	overflow: hidden;
	cursor: pointer;
	margin-bottom: 4px;
}


.homeTitle{
	width: 545px;
	height: 81px;
	background: url(../images/images.png) no-repeat 0 0;
}



.aboutTitle{
	width: 161px;
	height: 62px;
	background: url(../images/images.png) no-repeat 0 -89px;
}

.aboutTitle:hover {
	background-position: -228px -89px;
}

.ui-state-active .aboutTitle {
	background-position: -456px -89px;
}

.contactTitle{
	width: 225px;
	height: 62px;
	background: url(../images/images.png) no-repeat 0 -158px;
}

.contactTitle:hover {
	background-position: -228px -158px;
}

.ui-state-active .contactTitle {
	background-position: -456px -158px;
}

.ui-state-active {
}

.name {
	font-size: 14px;
	font-style: italic;
}

#footer {
	font-size: 11px;
	width: 1001px;
	display: block;
	margin: 0 auto;
	position: relative;
	margin-top: -13px;

}

#footer .address {
	float: left;
	clear: none;
	width: auto;
	margin-left: 24px;
}

#footer .websiteByline {
	float: right;
	clear: none;
	width: auto;
	margin-right: 22px;
	color: #666;
}

#footer .websiteByline a {
	color: #666;
	text-decoration: none;
}

#footer .websiteByline a:hover {
	text-decoration: underline;
}