html {
	overflow-y: scroll;
}

body {
	padding:0;
	margin:0;
	background-color:#fff;
	background-image:url(https://www.ftbenddental.com/images/bg-body.png);
	background-position:center 121px;
	background-repeat:repeat-x;
}

.siteWidth {
	width:940px;
	border:0;
	margin:0 auto;
	padding:0 auto;
}

.pageWidth {
	width:100%;
	margin:0;
	padding:0;

}

#headerNavWrapper {
	height:120px;
	background-color:#9465a0; /*purple*/
	background-image:url(https://www.ftbenddental.com/images/bg-header.png);
	background-position:center top;
	background-repeat:repeat-x;
	border-bottom:#FFF solid 1px;
	color:#FFF;
	font-family:YanoneKaffeesatzBold;
	overflow:visible; /* didn't set auto or hidden so Logo will show, then added clearing DIV */
}

#headerLeft {
	float:left;
	margin:0;
	position:relative;
}

#logo {
	position:absolute;
	left:-10px;
	top:0;
	z-index:10;
}

#headerRight {
	float:right;
	margin:0;
	padding:0;
	text-align:right;
	font-family:YanoneKaffeesatzRegular;
	text-shadow:1px 1px 1px #3f1e4a;
	overflow:hidden; <!--IE7 was crying about the text-indent image replacement-->
}

#headerRightTop { font-size:30px; height:43px;}

#headerRightMid { margin:0 0 10px; height:35px; }
#headerRightMid a { margin-left:10px; }

#btnAppointment {
	width:166px;
	height:35px;
	background-image:url(https://www.ftbenddental.com/images/btn-appointment.png);
}

#btnForms {
	width:119px;
	height:35px;
	background-image:url(https://www.ftbenddental.com/images/btn-forms.png);
}

#btnPayment {
	width:120px;
	height:35px;
	background-image:url(https://www.ftbenddental.com/images/btn-payment.png);
}



/********************* Postcard & Slideshow ********************/
#postcardWrapper {
	overflow:hidden;
}

#postcard {
	float:left;
	width:400px;
	height:240px;
}

#slideshow {
	float:left;
    position:relative;
    height:240px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}




/********************* Main Area ********************/
#mainWrapper {
	background-color:#FFF;
	overflow:auto; /*wow, it really helps with wrapper divs wrap*/
}

#mainContent {
	padding:0;
	margin:40px;
	line-height:150%;
	overflow:hidden; /*wow, it really helps with wrapper divs wrap*/
}

#mainSidebar {
	float:right;
	padding:0;
	margin:40px 40px 0px;
	width:160px;
	text-align:center;
	overflow:auto; /*wow, it really helps with wrapper divs wrap*/
}



/*********************Sidebar********************/

#mainSidebar h3 { margin:0 0 10px; text-align:center; }

#socialSites { margin:0 0 20px; }
#socialSites a { margin:0 4px; }

#specials {
	margin-top:40px;
	background-color:#fdfdfd;
	background-image:url(https://www.ftbenddental.com/images/bg-specials.png);
	background-position:top;
	background-repeat:repeat-x;
	font-weight:bolder;
	font-size:12px;
}

#specials h3 {
	height:40px;
	background-color:#2e624d;
	background-image:url(https://www.ftbenddental.com/images/bg-header-green.png);
	background-repeat:repeat-x;
	font-size:30px;
	text-transform:uppercase;
	line-height:40px;
	color:#FFF;
	text-shadow:1px 1px 1px #081f1d;
}

#specials p { text-align:left; padding:0 10px 10px; }


.clearLine {
	clear:both;
	display:block;
	height:0;
}



/*********************Footer********************/
#footerWrapper {
	position:relative;
	margin:0;
	padding:0;
	height:85px;
	font-size:11px;
	color:#000;
	background-color:#9465a0; /*purple*/
	background-image:url(https://www.ftbenddental.com/images/bg-footer.png);
}

#footer {
	padding:0;
	overflow:auto;
}

#toothbrush {
	position:absolute;
	bottom:0;
	right:10px;
}

#footer a {
	color:#000;
}

#footerNav {
	margin:10px 0;
	padding:0;
	list-style:none;
	font-size:14px;
	text-transform:lowercase;
	text-shadow:1px 1px 0 #3f1e4a;
	overflow:hidden;
}

#footerNav li {
	float:left;
}

#footerNav li a {
	display:block;
	margin:1px 10px 1px 0;
	padding:3px 4px;
	color:#FFF;
	text-decoration:none;
	font-weight:bolder;
}

#footerNav a:hover, #footer a:hover, #footer a.current {
	color:#FFF;
	background-color:#653a71; /*purple*/
	text-decoration:none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

#footer a:active {
	*filter:alpha(opacity=90); /* for IE */
	opacity:0.9; /* CSS3 standard */
	background-color:#3b6660;
	color:#FFF;
}
