* { padding: 0; margin: 0; outline: 0; }
#social {
	position:absolute;top:92px;left:960px;z-index:22999;
}

#social img{
	margin-left:3px;margin-right:2px;
}
body {
    font-size: 14px;
    line-height: 1.3;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    background: #333434;
    text-align: left;
    padding: 0px 0 20px;
	margin-bottom:30px;
}



#Scottsdale-Dentistry  { width: 378px; height: 110px; background: url("../images/Scottsdale-Dentistry-Logo.gif") no-repeat 0 0;}
#Scottsdale-Dentistry span { display: none; }

/*new styles*/
.under_h1{text-align:left;width:96%;border:solid 1px #CCE2EF;border-width:0 0 1px 0;margin-bottom:7px;}
#hours{width:100%;margin-bottom:20px;}
/*end new styles*/
small { font-size: 11px; }
a img { border: 0; }
a { color: #F90; cursor: pointer;}
a:hover { text-decoration: none; }
.line{border:solid 1px #CCE2EF;border-width:0px 0px 1px 0px;margin-bottom:10px;}
h1 { font-size: 28px; color: #fff; font-weight: normal; }
h2 { font-size: 20px; font-weight: normal; }
h3 { font-size: 18px; font-weight: normal; }
h4 { font-size: 18px; font-weight: normal; }
h5 { font-size: 16px; font-weight: normal; }
h6 { font-size: 12px; font-weight: normal; }

.xrays{
border:solid 1px #cccccc;;width:420px;text-align:center;font-weight:bold;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
padding:10px;
font-size:12px;color:#808080;
}

.xrays span{font-size:18px;font-weight:bold;color:#00CDFF;}

.float-right{float:right;padding:5px;margin:5px;border:solid 1px #D0F1F9;}
#fbrecommendations{margin-top:10px;margin-bottom:20px;}


.fl {float: left; display: inline; }
.fr {float: right; display: inline; }
.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -9000px; }
.hide { display: none; }
.b { font-weight: bold; }

.blue { color: #00cdff; }
.dblue { color: #0065FF; }
.spacer-15 { font-size: 0; line-height: 0; text-indent: -4000px; height: 15px; }

#page {  width: 950px; margin: 0 auto;}

#header { height: 110px; }
#header #logo, #header .contacts { display: none; }


h1#logo { float: left; display: inline; padding-bottom: 25px;	 }
h1#logo a { float: left; display: inline; color: #fff; }
span.contacts { float: right; display: inline; width: 50%; font-size: 24px; color: #fff; text-align: right; line-height: 47px;}
.header-bg { float: left; display: inline; width:220px; height: 188px; background: url(images/header-bg.gif); }
#smile { float: right; display: inline; position: relative; width: 722px; background: url(images/smile-bg.gif); margin-top: 5px; }
#smile-t { background: url(images/smile-t.gif) no-repeat 0 0; }
#smile-b { background: url(images/smile-b.gif) no-repeat 0 bottom; height: 223px; }
#smile .bg { position: absolute; height: 223px; width: 722px; background: url(images/smile-pic1.png) no-repeat 0 0; }
#smile .text { width: 420px; height: 170px; position: absolute; top: 30px; left: 37px;}
#smile .text p { padding: 10px 0 20px; }

a.button,
a.button span { float: left; display: inline; height: 36px; line-height: 36px; background: url(images/button.gif) no-repeat 0 0;}
a.button span { background-position: right 0; padding: 0 15px 0 0; color: #000; font-size: 16px; }
a.button { padding: 0 0 0 15px; }

#main { width: 950px; background: #e4f3fe url(images/main.gif) repeat-y 0 0; margin-top: 6px;}
#main-bg { background: url(images/main-bg.jpg) no-repeat 0 0;}
#main-t { background: url(images/main-t.jpg) no-repeat 0 0;}
#main-b { background: url(images/main-b.jpg) no-repeat 0 bottom; padding: 4px; min-height:820px; height: auto !important; height: 820px; }

.left-col { float: left; display: inline; width: 216px; /*overflow: hidden;*/}
.right-col { float: right; display: inline; width: 216px; padding-bottom: 22px; /*overflow: hidden;*/ }
.center-col { float: left; display: inline; width: 510px; overflow: hidden;}

.dark-blue-box { width: 216px; background: url(images/dark-blue-box.gif) repeat-y 0 0; margin-bottom: 17px; }
.dark-blue-box-bg { background: url(images/dark-blue-box-bg.gif) no-repeat 0 0; }
.dark-blue-box-t { background: url(images/dark-blue-box-t.gif) no-repeat 0 0; }
.dark-blue-box-b { background: url(images/dark-blue-box-b.gif) no-repeat 0 bottom; padding: 15px; height: 100%; }

ul#navigation { list-style: none outside; text-align: left;}
ul#navigation li {  }
ul#navigation li a { margin: 5px 0; line-height: 14px; padding-left: 23px; color: #000; display: block; position:relative; font-size:12px;}
ul#navigation li a span { position: absolute; width: 16px; height: 33px; background: url(images/bullet.png)  0 0; top:0; left: 0;background-repeat:no-repeat;}

ul#navigation li ul li a span { background: none; }

#navigation li ul {
	display: none;
}

#navigation li a:hover {
	text-decoration: underline;
}

#navigation li a:hover ul {
	display: inline;
	float: right;
	
}

a.request-btn { text-decoration:none;display: block; width: 216px; height: 62px; padding-top: 11px; background: url(images/request-btn.gif); text-align: center; font-weight: bold; color: #000; font-size: 22px; line-height: 22px; }
a.request-btn span { color: #fff; }

.testimonials { width: 216px; background: #fff url(images/testimonials-b.png) no-repeat center bottom; margin-top: 17px; }
.testimonials-bg { background: #BEEDFF url(images/testimonials-bg.png) no-repeat center top; padding: 0 18px 22px; }
.testimonials-t { background: url(images/testimonials-t.png) no-repeat top center; padding: 0px 25px 4px 20px;}
.testimonials .title { text-align:left; }
.testimonials .title  h3 { padding-left: 10px;  }
.testimonials .title  h6 { padding-left: 60px;  }
.testimonial { text-align:left;/* background: url(images/quotes.gif) no-repeat 20px 0;*/ padding: 25px 0 0 0; line-height: 1.2;}
.testimonial-heading{font-size:16px;font-weight:bold;text-shadow: #6374AB 1px 2px 7px;}

.testimonial blockquote {
	margin: 16px 0 8px 0;
	font-weight: bold;
	font-style: italic;
} 

#content .testimonial blockquote {
	line-height: 150%;
	font-weight: normal;
}

#content .testimonial cite {
	display: block;
	font-weight: bold;
	text-align: right;	
}

#content { padding: 0 10px;}
#content .buttons { padding: 0px 0 22px 0; height: 100%; }
#content .buttons .button { float: left; display: inline; margin-right:5px; text-align:center;}
#content .buttons .button-last { margin-right:0; }
#content .buttons .button a.big-button { display: block; width: 158px; height: 60px; padding-top: 15px; background: url(images/big-button.gif); position: relative; margin-top: -15px;}
#content .buttons .button a.big-button span.big-text { font-size: 19px; line-height: 24px; }
#content .buttons .button a.big-button span.small-text { font-size: 17px; line-height: 17px; }

#content h1 {
	color: #000;
	padding-bottom: 5px;
	font-size:20px;
	margin-top:20px;/*
	text-shadow: #6374AB 1px 1px 7px;*/	
}

#content h2 {
	color: #000;
	padding-bottom: 12px;
	font-size:18px;
	margin-top:20px;/*
	text-shadow: #6374AB 1px 1px 7px;*/	
}

#content p {
	margin: 18px 0;
	line-height: 150%;
}

#content a {
	color:#CF7F07;
}

#content ol, #content ul {
	margin: 0 38px;
}

#content li {
	line-height: 125%;
	margin: 0 0 12px 0;
	color:#000000;
}
#content li a {
	color:#000000;
}


.text-section { padding: 0 10px; }  
.text-section h3 { padding-bottom: 20px; }  
.text-section p { padding-bottom: 0px; text-align:justify;}  
.ad-box { text-align: center; width: 467px; height: 82px; padding: 10px; background: url(images/ad-box.gif); margin-top: 30px}
.ad-box p.small { font-size: 12px; padding-top: 10px; letter-spacing: -1px;}



.blue-box { width: 216px; background: url(images/blue-box.gif) repeat-y 0 0; margin-bottom: 17px; }
.blue-box-bg { background: url(images/blue-box-bg.gif) no-repeat 0 0; }
.blue-box-t { background: url(images/blue-box-t.gif) no-repeat 0 0; }
.blue-box-b { background: url(images/blue-box-b.gif) no-repeat 0 bottom; padding: 15px 16px;; height: 100%; }

.optin h3 {
	font-size: 16px;
	margin-bottom: 8px;
	text-align: center;
	font-weight: bolder;
	font-style: italic;
}

.optin .small { font-size: 12px; }

.signup p { font-size: 16px; padding-bottom: 10px; }
.sign-up-form { text-align: left; padding-left: 5px; }
.sign-up-form label  { display:block; font-size: 11px; padding-left: 8px; padding-bottom: 3px; }
.sign-up-form span.tfield { width: 147px; height: 27px;  padding:0 5px; background: url(images/tfield.gif); display: block; overflow: hidden; margin-bottom: 15px;}
.sign-up-form span.tfield input { font-size: 16px; padding: 3px 0; width: 147px; height: 21px; font-family: Verdana; color: #000; background: none; border: 0;}

.sign-up-form .email-go { position: relative; width: 166px; }
/* .sign-up-form input.go { border: 0; width: 33px; height: 33px; background: url(images/go.png); cursor: pointer;}
.sign-up-form .email-go input.go{ position: absolute; top:15px; right:0; } */
.sign-up-form .email-go input.go{ width: 147px; font-size: 18px; color: #F70; margin: 0 0 0 6px; } 

.glenn-dentist { margin-top: 13px; width: 216px; }
.glenn-dentist li {
	font-size: small;
	margin: 4px 6px;
}
.glenn-dentist img { display: block; margin: 0 auto; }
.dent-box { width: 216px; background: url(images/dent-box-bg.gif) repeat-y 0 0; }
.dent-box-t { background: url(images/dent-box-t.gif) no-repeat 0 0; }
.dent-box-b { background: url(images/dent-box-b.gif) no-repeat 0 bottom; height: 100%; padding: 15px;}
.dent-box-b ul{margin-left:20px;}

.dent-box h5 { letter-spacing: -1px; padding-bottom: 15px;} 
.dent-box p { text-align:left; letter-spacing: -1px; } 
.dent-box a.button { margin: 10px 0 0 20px; text-decoration:none;}
.dent-box a.button span { letter-spacing: -1px;  }



#footer { text-align: center;  color: #fff;  }
#footer,
#footer a { font-size: 12px; color: #fff;  }
#footer a:hover { text-decoration: underline; }
#footer p.links,
#footer p.links a { color: #fff; }
#footer p.copyright { padding-top: 10px; }


#walkOnContainer {
	position: absolute;
	top: 276px;
	margin: 0 0 0 95px;
	z-index: 100;
}

 #close_walk_on {
	text-indent: -9999em;
	background: transparent url(/asset/gfx/close_video.png) no-repeat center top;
	display: block;
	width: 181px;
	height: 46px;
	cursor: pointer;
	position: relative;
	margin: -125px 0 0 -75px;
	z-index: 100;
}

#walk_on_player {
	margin-top: 12px;
}

#walk_on_player a {color: #C90; }

#optin-arrow {
	position: absolute;
	left: 130px;
	top: 16px;
}

.the-office, .the-staff {
	text-align: center;
	margin: 12px auto;
}





/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			260px; /* left offset of submenus need to match (see below) */
	border:solid 1px #ffffff;
}
.sf-menu ul li {
	width:			100%;
	list-style-type: none;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			186px;
	top:			0em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			196px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			196px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {

}
.sf-menu li li {
	background:		#AABDE6;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
/*	background:		#CFDEFF; */
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	10em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	10em; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

a.patient_form_btn { 
	display: block;
	width: 413px;
	margin: 14px auto 0;
	height: 59px;
	text-indent: -9999em;
	background: transparent url(/images/new-patient-form.png) no-repeat center top;
}

a.patient_form_btn:hover {
	background-position: center bottom;
}

.postimg{padding:2px;float:right;width:180px;margin:15px;border:solid 1px #cccccc;}

.round_box {
	border: 1px #DCDCDC solid;
	background-color: #EFEFEF;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 6px 10px;
}

.special {
	font-size: 1.25em; 
	font-style: italic; 
	text-shadow: 1px 1px 2px #999;
	-moz-text-shadow: 1px 1px 2px #999;
	-webkit-text-shadow: 1px 1px 2px #999;
	border-top: 1px #333 solid;
	border-bottom: 1px #333 solid;
	padding: 14px 0;
}