/* 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, 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;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a, img, object {border:none; outline:none;}
.hide {display:none;}
@font-face {
font-family: 'BenguiatFriskyATTRegular';
src: url('befrisky-webfont.eot');
src: local('BenguiatFriskyATT'), local('Benguiat Frisky ATT'), url('befrisky-webfont.woff') format('woff'), url('befrisky-webfont.ttf') format('truetype'), url('befrisky-webfont.svg#webfontr07moJhq') format('svg');
font-weight: normal;
font-style: normal;
}
/* Layout */
body {background: #53a4dd url(../images/body-bg.jpg) top center no-repeat;}
.centered {margin: 0 auto;}
#header {background: url(../images/header-bg.png) no-repeat; width: 968px; height: 212px;}
#content-wrap {background: url(../images/wrap-bg.png) repeat-y; width: 960px; padding: 0 4px; clear: both; position: relative;}
#content {background: url(../images/content-bg.jpg) no-repeat; margin-top: 73px;}
#main-content {width: 632px; margin: 0 0 0 20px; padding: 27px 0 20px 0; float: left;}
#secondary-content {width: 272px; margin-left: 33px; padding-top: 60px; float: left;}
#footer {background: url(../images/footer-bg.png) no-repeat; width: 912px; height: 88px; padding: 14px 28px 0 28px; clear: both;}
#callout-consultation {background: url(../images/callout-consult-bg.png) no-repeat; width: 244px; height: 122px; margin-bottom: 10px; padding: 15px 0 0 28px; font-size: 18px; text-indent: 20px; line-height: 28px;}
#callout-visit-us {background: url(../images/callout-visit-us.png) no-repeat; width: 240px; height: 81px; text-align: center; margin-bottom: 10px; padding: 110px 10px 0 10px; }
#callout-gaffney {background: url(../images/callout-gaffney.png) no-repeat; width: 240px; height: 81px; text-align: center; margin-bottom: 10px; padding: 110px 10px 0 10px; }
#quotes {background: url(../images/callout-test-bg.png) no-repeat; width: 240px; height: 179px; text-align: center; margin-bottom: -10px; margin-left: -5x; font-size: 18px; line-height: 28px; padding: 30px 10px 0 10px;}
#callout-testimonials .slide{list-style: none;}
.map {width: 624px; height: 414px; margin-bottom: 18px; padding: 3px;}
.right {float: right;}
.left {float: left;}
div.hr {height: 0px; background-color: #68b9f1; border: solid 1px #68b9f1; border-width: 1px 0 0 0; margin: 20px 0; padding: 0; clear: both;}
hr {display: none; height: 0px; background-color: #68b9f1; border: solid 1px #68b9f1; border-width: 1px 0 0 0; clear: both;}
/* Images */
.border {border: solid 1px #68b9f1;}
.img-left {margin: 0 20px 20px 0; float: left; clear: left;}
.img-right {margin: 0 0 20px 20px; float: right; clear: right;}
.img-center {margin: 20px auto; display: block;}
.shadow {box-shadow: 0 0 4px rgba(0,0,0,0.75); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.75); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.75);}
.logo {margin: 20px auto; display: block; position: relative;}
.layout {display: block;}
/* Typo */
body {font: 14px/18px Georgia, 'Times New Roman', Times, serif;}
#content {color: #000;}
#footer {color: #38150a;}
#address {font-size: 18px; font-weight: bold; color: #38150a; line-height: 30px; text-align: right; margin: 10px 30px 0 0; float: right; clear: right;}
#address span {font-size: 24px;}
#social-icons {text-align:right; float:right; margin:10px 30px 0 0; clear:right;}
#quotes {font: 14px/18px Georgia, 'Times New Roman', Times, serif; color: #38150a;line-height: 22px;}
#quotes span {font-family: 'BenguiatFriskyATTRegular', Georgia, 'Times New Roman', Times, serif; font-size: 30px; color: #38150a;}
.callout a {color: #fff; text-decoration: none; display: block;}
.callout a:hover {color: #84ca29;}
.callout span {font-family: 'BenguiatFriskyATTRegular', Georgia, 'Times New Roman', Times, serif; font-size: 30px;}
.sub_nav {color: #0368cd; margin: 25px 0;}
p {margin: 0 0 18px 0;}
blockquote {margin: 0 30px 18px 30px;}
sup {font-size: 10px;}
em {font-style: italic;}
/* Links */
a {color: #0368cd; text-decoration: none;}
a:hover {text-decoration: underline;}
.sub_nav a {}
.sub_nav a:hover, .sub_nav a.active {text-decoration: underline;}
.sub_nav a.active {cursor: default;}
#footer a {color: #38150a;}
#footer a:hover {text-decoration: underline;}
.back-to-top {background: url(../images/back-to-top.gif) no-repeat 0 4px; padding-left: 20px; clear: both;}
.pdf {background: url(../images/pdficon_small.gif) no-repeat 0 2px; padding-left: 20px; display: inline-block; height: 20px;}
.doc {background: url(../images/docicon_small.gif) no-repeat 0 2px; padding-left: 20px; display: inline-block; height: 20px;}
/* Headings */
h1, h1.headline {font-size: 36px; font-weight: normal; font-family: 'BenguiatFriskyATTRegular', Georgia, 'Times New Roman', Times, serif; margin: 0 0 20px 0; color: #38150a; line-height: 36px;}
h2 {font-size: 24px; font-weight: bold; margin: 0 0 18px; color: #0368cd; line-height: 24px;}
h3 {font-size: 18px; font-weight: bold; margin: 0 0 18px; color: #84ca29;}
h4 {font-size: 14px; font-weight: bold; margin: 0; color: #000;}
h1#logo {background: url(../images/turner-logo.jpg) no-repeat; width: 484px; height: 212px; margin: 0 0 0 52px; padding: 0; text-indent: -9999px; overflow: hidden; border: none; float: left;}
h1#logo a {width: 484px; height: 212px; display: block;}
h2#welcome {font-size: 14px; font-style: italic; font-weight: bold;}
/* jQuery home page slideshow */
#slideshow-home {width: 632px; height: 318px; background: url(../images/slideshow/slide-01.jpg) no-repeat; margin-bottom: 30px; overflow: hidden;}
/* Flash */
.flash {width: 500px; margin: 10px auto; display: block;}
p.flash_notice {margin: 18px; padding: 9px; color: #ff0000; border: 1px dotted #ff0000; background: #ffffff; text-align: center;}
/* Flash Videos */
.video {border: solid 1px #a0b606;}
/* Lists */
ul, ol {margin: 0 0 18px 30px;}
dl dt {font-size: 24px; font-weight: bold; margin-bottom: 18px;}
dl dd ul {margin: 0; list-style-type: none;}
/* Main Navigation */
#nav {background: url(../images/nav.png) no-repeat; width: 998px; height: 73px; position: absolute; z-index: 50; top: -73px; left: -15px;}
#nav ul {margin-left: 19px; padding: 0; list-style: none;}
#nav li {margin: 0; height: 73px; padding: 0; list-style: none; display: inline; float: left;}
#nav li a {height: 73px; display: block; text-decoration: none; text-indent: -9999px; overflow: hidden;}
#meet-the-team, #for-new-patients, #dentistry-for-kids, #dental-services, #contact-us, #home {background: url(../images/nav.png) no-repeat;}
#meet-the-team {background-position: -19px 0; width: 172px;}
#nav li:hover #meet-the-team, #nav li.active #meet-the-team, #nav li.sfhover #meet-the-team {background-position: -19px -73px;}
#for-new-patients {background-position: -191px 0; width: 187px;}
#nav li:hover #for-new-patients, #nav li.active #for-new-patients, #nav li.sfhover #for-new-patients {background-position: -191px -73px;}
#dentistry-for-kids {background-position: -378px 0; width: 191px;}
#nav li:hover #dentistry-for-kids, #nav li.active #dentistry-for-kids, #nav li.sfhover #dentistry-for-kids {background-position: -378px -73px;}
#dental-services {background-position: -569px 0; width: 172px;}
#nav li:hover #dental-services, #nav li.active #dental-services, #nav li.sfhover #dental-services {background-position: -569px -73px;}
#contact-us {background-position: -741px 0; width: 138px;}
#nav li:hover #contact-us, #nav li.active #contact-us, #nav li.sfhover #contact-us {background-position: -741px -73px;}
#home {background-position: -879px 0; width: 85px;}
#nav li:hover #home, #nav li.active #home, #nav li.sfhover #home {background-position: -879px -73px;}
/* Drop Down */
#nav li ul {background: url(../images/sub-nav-bg.png) repeat; margin: 0; padding: 10px 0; width: 220px; position: absolute; z-index: 10; left: -9999px; box-shadow: 0 0 5px rgba(0,0,0,0.75); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.75); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.75); border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: 0 0 0 18px; height: auto;}
#nav li ul li {display: block; height: 28px; padding: 0; margin: 0; float: none; clear: both;}
#nav li ul li:hover, #nav li ul li.sfhover {background: #3e1a0d;}
#nav li ul li a {padding: 5px 0 5px 15px; margin: 0; width: auto; height: 18px; display: block; text-indent: 0; color: #fff;}
#nav li ul li a:hover {}
/* Utility Nav */
#utility-nav {width: 133px; height: 43px; margin: 0 26px 0 0; float: right;}
#utility-nav ul {margin: 0; padding: 0;}
#utility-nav li {margin: 0; padding: 0; width: 200px; height: 43px; list-style: none; display: inline;}
#utility-nav li a {height: 43px; display: block; text-decoration: none; text-indent: -9999px; overflow: hidden;}
#patient-login {background: url(../images/patient-login.gif);}
#utility-nav a:hover, #utility-nav li.active a,
#utility-nav li:hover #patient-login, #utility-nav li.sfhover #patient-login {background-position: 0 -43px;}
/* Footer Nav */
#footer ul.callouts {margin: 0 80px 0 0; padding: 0; list-style: none; float: left;}
#footer ul.callouts li {margin-bottom: 6px;}
#footer ul.callouts li a {font-size: 12px;}
/* Clear Fix */
.clear {clear: both;}
.cf:after {content: '.'; display: block; height: 0; clear: both; visibility: hidden;}
.cf {display: inline-block;} /*this trips hasLayout for ie7*/
.cf {display: block;} /*this returns it back to normal*/
* html .cf {height: 1px;}
/* Sesame Content ------------------------- */
/* Office Tour */
#slideshow-container ul.slideshow {
list-style: none;
width: 462px;
height: 352px;
margin: 0;
padding: 0;
overflow: hidden;
}
#slideshow-container {
background: #3992F0; /* Customize me */
border: solid 1px #000; /* Customize me */
-moz-border-radius: 5px; /* Optional - you may customize or remove */
-webkit-border-radius: 5px; /* Optional - you may customize or remove */
width: 462px;
padding: 10px;
margin: 20px auto;
line-height: 18px;
}
#slideshow-container div#caption {
min-height: 18px;
clear: both;
background-color: #fff; /* Customize me */
color: #333; /* Customize me */
padding: 10px;
margin: 10px 0 0 0;
border: solid 1px #000; /* Customize me */
-moz-border-radius: 0 0 5px 5px; /* Optional - you may customize or remove */
-webkit-border-bottom-left-radius: 5px; /* Optional - you may customize or remove */
-webkit-border-bottom-right-radius: 5px; /* Optional - you may customize or remove */
}
#slideshow-container ul.slideshow img {
width: 460px;
height: 350px;
margin: 0;
border: solid 1px #000; /* Customize me */
}
.office-tour-nav {
background-color: #fff; /* Customize me */
margin: 0 0 10px 0;
padding: 5px 3px;
border: solid 1px #000; /* Customize me */
-moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove */
-webkit-border-top-left-radius: 5px; /* Optional - you may customize or remove */
-webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove */
}
.office-tour-nav a {
text-decoration: none;
font-size: 12px;
padding: 5px;
margin: 0 3px;
color: #333;}
.office-tour-nav a.activeSlide, .office-tour-nav a:hover {color: #009EC7;}
/*-----------------------------------------------
Forms
*/
/* Global form styles */
div.referral-form, div.appointment-form, div.comments {
width: 100%;
letter-spacing: normal;
}
fieldset {border: 0; padding: 0; margin: 0;}
fieldset h2 {margin: 0 0 9px;}
fieldset p {margin: 0 0 18px;}
fieldset p.disclaimer {font-size: 90%; font-style: italic; margin: 0;}
fieldset dl {}
fieldset dl dt {font-size: 16px; clear: both; margin: 9px 0 0;}
fieldset dd ul {margin: 9px 0;}
fieldset dd ul li, fieldset dd ol li {list-style: none;}
fieldset dd li {
clear: both;
margin: 3px 0;
padding: 5px 0 4px 10%;
overflow: auto;
height: auto;
position: relative;
}
fieldset dd li input:hover, fieldset dd li input:focus,
fieldset dd li select:hover, fieldset dd li select:focus,
fieldset dd li textarea:hover, fieldset dd li textarea:focus {
background: #f1f1f1;/* customize me - this is the hover color change of form fields*/
outline-color: #537197;/* customize me */
}
fieldset li h3 {font-size: 12px; line-height: 18px; margin: 0;}
fieldset li div {float: left; display: inline-block; width: 40%; position: relative; padding-right: 5%;}
fieldset li div.input-street {width: 85%;}
fieldset li div.input-city {width: 60%;}
fieldset li div.input-full-name {width: 85%;}
fieldset li div.input-phone-full {width: 85%;}
fieldset li div.input-email {width: 85%;}
fieldset li div.input-zip {width: 20%;}
fieldset li div.content-switch, fieldset li div.radio, fieldset li div.checkbox {width: 85%;}
fieldset li div.radio input {border: none;}
fieldset li div.radio label {padding-right: 9px; font-size: 90%;}
/*fieldset li div.hidden-content, fieldset li.hidden-content {display: none;}*/
fieldset li div.input-select-full {width: 85%;}
fieldset li div.input-comments {width: 85%;}
li div.input-comments textarea {height: 63px; overflow: auto;}
fieldset li div.input-captcha {width: 50%;}
fieldset li div.verification {width: 35%;}
li div.verification img {
border: 1px solid;
margin-top: 9px;
}
fieldset li div label {
line-height: 18px;
font-weight: bold;
margin-bottom: 9px;
font-size: 80%;
color: #537197;/*override to match site*/
}
fieldset li div input, fieldset li div textarea, fieldset li div select {
display: block;
line-height: 18px;
width: 100%;
border: 1px solid;
padding: 4px 0 3px;
text-indent: 4px;
margin-top: 9px;
-moz-border-radius: 4px; /*for Moz, optional*/
-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
}
fieldset li div select {height: 25px;}
fieldset li div.radio input {display: inline; width: auto; margin-right: 4px;}
fieldset li div div {width: 100%;}
fieldset dl dd.form-footer button {/*these styles control the look of the button, change as necessary*/
clear:both;/*do not change, forces button to sit below floated elements*/
display: block;
width: 125px;
height: 34px;
text-align: center;
margin: 0;
background:#cfdae4;/* customize me! */
border: 1px solid #537197;
line-height: 34px;
color:#537197;/* customize me! */
font-size:12px;
font-weight:bold;
-moz-border-radius: 4px; /*for Moz, optional*/
-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
}
/* appointment form
* Styles only for the appointment request form
*/
/* comment form
* Styles only for the comments form
*/
/*numbering added by jQuery*/
fieldset ol li span.comment-number {
font-size: 150%;
color: #537197;/* customize me*/
position: absolute;
left: 9px;
top: 9px;
}
/* referral form
* Styles only for the referral form
*/
.referral-form fieldset li div.radio {width: 40%;}
/* JQuery */
input.error, select.error, textarea.error {border-color: #a52003; background: #fefda1;}
div.error {
background: url(../images/validate_error.png) 0 0 no-repeat;
color: #a52003;
width: 18px;
height: 18px;
position: absolute;
top: 0;
right: 0;
overflow: hidden;
display: block;
margin: 12px -2% 0 0;
text-indent: -999em;}
div.success {
background: url(../images/validate_ok.png) 0 0 no-repeat;
width: 18px;
height: 18px;
position: absolute;
top: 0;
right: 0;
overflow: hidden;
display: block;
margin: 12px -2% 0 0;
text-indent: -999em;}
.contact-form div.error, .contact-form div.success {margin-left: 0;}
.round {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}