/* CSS Document */ @import url(////fonts.googleapis.com/css?family=Playball); @import url(////fonts.googleapis.com/css?family=Lato:300); @import url(////fonts.googleapis.com/css?family=Open+Sans); @import url(////fonts.googleapis.com/css?family=Droid+Sans:700,400); html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} body {background-position: center top; margin: 0px; padding: 0px; background-repeat:repeat-x; background-image:url('images/main-bg.jpg'); } h1 {font-size: 30px;padding: 0px; font-weight: normal;} h2 {font-size: 26px; font-weight: normal;} h3 {font-size: 22px;font-weight: normal;} h4 {font-weight: normal;font-size: inherit;} h5 {font-size: 11pt;font-weight: 500;margin: 1px auto 3px auto;} h6 {text-align: center;font-size: 10pt;font-weight: 500;margin: 2px auto 3px auto;} /* H-Card Classes */ h5.h-card {text-align: center; margin: 10px auto; font: normal normal 500 11pt/13pt Arial, Helvetica, sans-serif; color: #000; text-decoration: none;} .p-name, .p-honorific-suffix, .p-street-address, .p-extended-address, .p-locality, .p-region, .p-postal-code, .p-org u-url { font: normal normal 500 11pt/13pt Arial, Helvetica, sans-serif; text-decoration: none; color: #000;} /* end H-Card Classes */ #bfspn { display: none; } /* menu-services #menu-services ul{width:90%; margin:0; padding:15px 2% 15px 2%; border:5px solid #324365; border-radius: 10px; margin:0 0 20px 0; } #menu-services ul li{display: inline-block; padding:5px 0px 5px 8px; width:182px; } #menu-services ul li a{text-decoration: none;color: #000; } #menu-services ul li a:visited {text-decoration: none;color: #000; } #menu-services ul li a:hover {text-decoration: underline;color: #000; } menu-services */ /* Default Link Style */ a:link { text-decoration: underline; color: #000; } a:visited { text-decoration: underline; color: #000; } a:hover { text-decoration: underline; color: #000; } /* Default Link Style */ /* menu-Menu */ nav#menu-thin-pulldown {width:973px;background-color:#324365;margin:0 auto;} nav > ul { margin:0px;padding:0px;text-align:center;} nav#menu-thin-pulldown > ul > li {color:#fff; display:inline-block; *display:block; zoom:1; border-left:0px solid #6147a7; } nav#menu-thin-pulldown > ul > li:first-child { border-left:none; border-top:none;} nav#menu-thin-pulldown > ul > li > a {color:#fff;line-height:40px;font-size:14px;padding:0 8px;display:block; text-decoration:none;} nav#menu-thin-pulldown > ul > li > a:hover { text-decoration: underline; } nav#menu-thin-pulldown > ul li:hover > ul { display:block; } /* menu-Menu */ /* Items that are hidden from main website */ #pull { display:none;} #menu-thin-offer { display:none;} #menu-thin-direction { display:none;} #menu-thin-phone { display:none;} #show { display:none;} #menu-thin { display:none;} ul.images { display:none;} /* Items that are hidden from main website */ /* Header Area Alignment of Phone and Adreess */ ul.header-NAP { /*clear:left;*/ width:340px; list-style:none; margin:3px 10px 0 0;float: right; padding:0; } ul.header-NAP li { display:block; font-size:14px; list-style:none; margin:0px 0px 3px 0px; border-radius:5px; padding:0; text-align:right;float:right;color:#2f4265;font-weight:bold; } ul.header-NAP a li{ text-decoration: underline; } ul.header-NAP a { text-decoration: none; } /* Header Area Alignment of Phone and Adreess */ #special-menu {width: 100%;text-align: left;margin:0;padding:0px 0 0 0;float:left;} #special-menu ul {list-style:none;margin:0;padding:0;text-align:left;float:left;} #special-menu ul li {float:left;list-style:none;margin:0 0 0 0px;padding:0;} /* Special Horizontal Image Buttons */ ul.special-block { clear:left; list-style:none; margin:0px 0px 0 0px; padding:0; } ul.special-block li { display:block; float: right;list-style:none; margin:0px 0px 8px 0px; border-radius:10px; letter-spacing:-1px; padding:10px 5px 10px 18px;width:254px; border:5px solid #13c286;text-align:left; background-image: url(images/arrow.png); background-repeat:no-repeat; background-position:95%; background-color:#15793f; /* fallback */ background-image: url(images/arrow.png), -webkit-gradient(linear, left top, left bottom, from(#15793f), to(#14a76c)); background-image: url(images/arrow.png), -webkit-linear-gradient(top, #15793f, #14a76c); background-image: url(images/arrow.png), -moz-linear-gradient(top, #15793f, #14a76c); background-image: url(images/arrow.png), -ms-linear-gradient(top, #15793f, #14a76c); background-image: url(images/arrow.png), -o-linear-gradient(top, #15793f, #14a76c); background-image: url(images/arrow.png), linear-gradient(top, #15793f, #14a76c); } ul.special-block a li{ text-decoration:none; color:#fff;font-size:24px; font-family:'Lato', Arial, Helvetica; font-weight: 400; -moz-text-shadow: 1px 1px 0px #000;-webkit-text-shadow: 1px 1px 0px #000;text-shadow: 1px 1px 0px #000;} ul.special-block a { text-decoration:none;} ul.special-block a:hover li{ color:#fff;} /* Special Horizontal Image Buttons */ /* Main Content Title */ .content-page-title { color:#000;font-size: 22px; line-height:normal; font-weight: bold;margin-top: 60px; } /* Default Tag Style */ body, td, p, ul, ol, li, div, span, blockquote { font-size:16px; color:#000; font-family:Trebuchet MS,Arial; } /* Rotator Title */ .rotator-title-text{ font-family: 'Playball', serif; line-height:30px; } /* Header Style Wrapper */ .header {height:auto;position:relative;z-index:1001;background:rgba(255,255,255,0.8);background-size:100% 100%; } .clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both} /* Header Style */ .header-top{ width:973px; margin:0 auto; /*background:#fff;*/} /* Main Menu Style */ #main-menu{ margin:0; background:#324365;} /* Main Menu Style */ /* Practice Name Style */ ul.header-logo { clear:left; max-width:440px; list-style:none; margin:42px 0 0 12px;float: left; padding:0; } ul.header-logo li { display:block; font-size:18px; font-family:"Droid Sans", Arial, Helvetica; color:#2f4265; list-style:none; margin:0px 0px 2px 0px; padding:0; } ul.header-logo li.header-practice-name{ font-size: 36px; line-height:normal; letter-spacing:-1px; font-weight:normal; } ul.header-logo li img{ max-width:100%; height:auto; outline:0; width:auto; } /* Practice Name Style */ /* Header Phone Number */ #header-phone{ font-size:20px;font-weight:normal; } a[href^=tel] { color: inherit; text-decoration:none; } #header-wrapper{ margin:0px; width:100%; background-position: center bottom; position: relative;z-index: 500; background-image:url(https://www.excitingsmiles.com/images/middle-bg.png); background-repeat: repeat-x; background:#fff; border-top:3px solid #314665; } .content-wrapper{width:973px; margin:0 auto; position: relative; } .slider-wrapper{max-width:973px; margin:0 auto; position: relative; } #special-wrapper{ float:right; max-width:275px; margin: 20px 0 0px 15px; } #special-wrapper-Inner{ float:right; max-width:275px; margin: 20px 0 0px 15px; } #content-main{ max-width:693px; margin:20px 0 0 5px;background:rgba(255, 255, 255, .5); padding: 0 10px;/*border-bottom: 4px solid #d3d2d7; border-right: 4px solid #d3d2d7;*/ } ul.content { margin:auto; display: inline-block;list-style:none; text-align:left;padding:0; } ul.content li { margin:0 0 0px 0; display:block; float:left; list-style:none; } #header-NAP{z-index:1001;position: absolute;max-width:277px;margin: 0px 0px 0 0;left: 720px;top: 75px;} #footer{ padding:15px 0 0 0px; text-align: center; position:relative; z-index:1001; background:#324365; /*background:url(https://www.excitingsmiles.com/images/footer.png) center top no-repeat #157741;background-size:100% 100% ;*/ color:#000; } #footer a{ color:#fff; } #footer div{ color:#000; } ul.special-button-image { clear:left;float:left;list-style:none;margin:0;padding:0; } ul.special-button-image li { display:block; margin:0px 0px 5px 0px; border-radius:10px;float:left;list-style:none;padding:10px 5px 10px 15px; width:254px; border:0px solid #324365; background-image: url(images/arrow.png); background-repeat:no-repeat; background-position:95%; background-color:#324365; /* fallback */ background-image: url(images/arrow.png), -webkit-gradient(linear, left top, left bottom, from(#324365), to(#324365)); background-image: url(images/arrow.png), -webkit-linear-gradient(top, #324365, #324365); background-image: url(images/arrow.png), -moz-linear-gradient(top, #324365, #324365); background-image: url(images/arrow.png), -ms-linear-gradient(top, #324365, #324365); background-image: url(images/arrow.png), -o-linear-gradient(top, #324365, #324365); background-image: url(images/arrow.png), linear-gradient(top, #324365, #324365);} ul.special-button-image a li{font-size:22px; text-align:left; font-family:Candara; font-weight: 600; color:#fff; text-decoration:none; } ul.special-button-image a { text-decoration:none;color:#5b0b02; } ul.special-button-image a:hover li{font-size:22px; text-align:left; font-family:Candara; font-weight: 600; color:#fff;text-decoration:none; } ul.special-button-image .img { float:none; text-align:center; border:none;} ul.special-button-image li.social{ background-image: -webkit-gradient(linear, left top, left bottom, from(#15793f), to(#14a76c)); background-image: -webkit-linear-gradient(top, #15793f, #14a76c); background-image: -moz-linear-gradient(top, #15793f, #14a76c); background-image: -ms-linear-gradient(top, #15793f, #14a76c); background-image: -o-linear-gradient(top, #15793f, #14a76c); background-image: linear-gradient(top, #15793f, #14a76c);} ul.special-button-image li.read-reviews-button { background-image: url(https://www.excitingsmiles.com/images/stars5.png); background-repeat:no-repeat; background-position:95%;background-color:#15793f; /* fallback */ background-image: url(https://www.excitingsmiles.com/images/stars5.png), -webkit-gradient(linear, left top, left bottom, from(#15793f), to(#14a76c)); background-image: url(https://www.excitingsmiles.com/images/stars5.png), -webkit-linear-gradient(top, #15793f, #14a76c); background-image: url(https://www.excitingsmiles.com/images/stars5.png), -moz-linear-gradient(top, #15793f, #14a76c); background-image: url(https://www.excitingsmiles.com/images/stars5.png), -ms-linear-gradient(top, #15793f, #14a76c); background-image: url(https://www.excitingsmiles.com/images/stars5.png), -o-linear-gradient(top, #15793f, #14a76c); background-image: url(https://www.excitingsmiles.com/images/stars5.png), linear-gradient(top, #15793f, #14a76c);} ul.special-button-image li#show-spacer{ margin-bottom:100px;} ul.special-button-image.fix li#show-spacer{margin-bottom:5px; } #rotator-area{padding:25px 10px 15px 10px;text-align:center; background-image:none; color:#fff;width:254px;font-size:16px;border:0px; border-radius: 0; background: -moz-linear-gradient(top, rgba(144,131,125,0.7) 0%, rgba(144,131,125,0.7) 13%, rgba(130,141,166,0.7) 72%, rgba(130,141,166,0.7) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(144,131,125,0.7)), color-stop(13%,rgba(144,131,125,0.7)), color-stop(72%,rgba(130,141,166,0.7)), color-stop(100%,rgba(130,141,166,0.7))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(144,131,125,0.7) 0%,rgba(144,131,125,0.7) 13%,rgba(130,141,166,0.7) 72%,rgba(130,141,166,0.7) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(144,131,125,0.7) 0%,rgba(144,131,125,0.7) 13%,rgba(130,141,166,0.7) 72%,rgba(130,141,166,0.7) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(144,131,125,0.7) 0%,rgba(144,131,125,0.7) 13%,rgba(130,141,166,0.7) 72%,rgba(130,141,166,0.7) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(144,131,125,0.7) 0%,rgba(144,131,125,0.7) 13%,rgba(130,141,166,0.7) 72%,rgba(130,141,166,0.7) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b390837d', endColorstr='#b3828da6',GradientType=0 ); /* IE6-9 */ } #rotator-area p {color:#000; }#rotator-area span {color:#000; }#rotator-area div {color:#000; } #rotator-area td {color:#000; ;} div.rotator td{ color:#fff;} .spacer{ clear:both;font-size:0; line-height:0;} .slider-wrapper-nivo { width: 300px;} .nivoSlider { height: 225px;overflow: hidden; position: relative; width: 300px;} .right-appointment-button {font-size:18px !important; text-align:left !important; float:right; font-family:Calibri; font-weight: normal !important; padding:0 13px 3px 6px !important; width:180px;color:#fff !important; text-decoration:none !important;border:4px solid #57698e;border-radius:0px !important;margin: 5px 0 10px !important; background-image: url(images/arrow.png); background-repeat:no-repeat; background-position:97%; background-color:#324365; /* fallback */ background-image: url(images/arrow.png), -webkit-gradient(linear, left top, left bottom, from(#324365), to(#324365)); background-image: url(images/arrow.png), -webkit-linear-gradient(top, #324365, #324365); background-image: url(images/arrow.png), -moz-linear-gradient(top, #324365, #324365); background-image: url(images/arrow.png), -ms-linear-gradient(top, #324365, #324365); background-image: url(images/arrow.png), -o-linear-gradient(top, #324365, #324365); background-image: url(images/arrow.png), linear-gradient(top, #324365, #324365); } #speical-buttons{position: relative; width: 100%; z-index: 1;} ul.speical-images { list-style: outside none none; margin: 0 auto; padding: 20px 0 5px; width: 100%;text-align:center; } ul.speical-images li { display:block;float:left; list-style:none; width:190px; padding:8px 5px 12px; background: #697593; border:3px solid #697593; margin: 0 3px 0 0; text-align: center;border-radius:5px;} ul.speical-images a li{ color: #fff; font-family:Calibri; font-size: 18px; text-decoration: none; } .dr-box { border: 1px solid; padding: 10px;} .rating-item { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; width: auto !important; } #ReviewBox { background: #324365 none repeat scroll 0 0 !important; border: 1px solid #324365 !important; display: inline-block; float: none; list-style: outside none none; margin: 0 0 5px !important; padding: 1px 0 0 0 !important; text-align: center !important; width: 272px !important; border-radius:0px; } #Read-More-Reviews{ color: #fff; display: inline-block !important; font-size: 18px !important; width: 100% !important; text-decoration:none !important; background:#324365; padding:0 0 2px 0; border-radius:10px; text-shadow:0px 0px 0 #000000 !important; } .content-wrapper-footer { width: 1200px; margin: 0 auto; position: relative } section.services { margin-bottom: 30px; border-bottom: 1px solid #697593 ; border-top: 1px solid #697593 } section.services h5 { font-size: 30px; font-weight: 200; text-transform: uppercase; margin: 55px 20px 0 0; width: 28%; line-height: 1; text-align: left } #Team-Page ul li, h5.h-card, h6, nav>ul { text-align: center } section.services h5, section.services ul { display: inline-block; vertical-align: top; color: #fff } section.services ul { list-style: none; padding: 10px 0 10px 30px; width: 61%; border-left: 1px solid #697593 } section.services ul li { display: inline-block; width: 30%; margin: 3px 1%; vertical-align: top } section.services ul li a { display: block; font-size: 15px; padding: 2px 0; line-height: 1.3; text-decoration: none!important; color: #fff } .footer-NAP>li { list-style: none; color: #fff } .footer-NAP h5 { color: #fff } #Team-Page ul li, #menu-services ul li { padding: 10px; background: #697593 ; color: #fff; margin: 5px; display: inline-block } #menu-services ul { width: 95%; padding: 15px 2%; margin: 0 0 20px } #Team-Page ul li { float: left } #menu-services ul li a, #menu-services ul li a:visited { text-decoration: none; color: #fff } #menu-services ul li a:hover, a:hover, a:link, a:visited { text-decoration: underline; /*color: #fff*/ } .footer-NAP { width:94%; padding: 0 10px; } @media screen and (min-width: 47.5em ) { #content-main { max-width:680px; margin-right: 19.5em; } #special-wrapper { position: relative; } } @media screen and (max-width: 1303px) { #gradient { max-width:100%;} #rotator-area{max-width:100%;}} @media screen and (max-width: 1200px) { .content-wrapper-footer { width: auto;} } @media screen and (max-width: 1023px) { .services > h5 {margin: 20px 0 0 !important; width: 90% !important;} section.services ul {margin: 20px 0 20px 0 !important; width: 90% !important;} #review-widget-container { margin: 0 auto; } #special-wrapper{ padding: 30px 0 0px 0px; margin:0px; width:auto; text-align:center; position: static; top:0px;} #special-wrapper-Inner{ padding: 30px 0 0px 0px; margin:0px; width:auto; text-align:center; } #header-NAP{ display:none;} .content-wrapper { width:auto; margin:0 10px 0 10px; } .header-top{width:auto; margin:0 10px 0 10px; } ul.special-button-image li { max-width:100%;} ul.special-button-image li#show-spacer{ margin-bottom:5px;} #rotator-area{max-width:100%;} #content-main{ width:auto; } textarea{width:350px;} nav > ul li a { padding:0 12px; } #show { display:block; } #show.read-reviews-button { background-image: url(https://www.excitingsmiles.com/images/stars5.png); background-repeat:no-repeat; background-position:95%;background-color:#15793f; /* fallback */ background-image: url(https://www.excitingsmiles.com/images/stars5.png), -webkit-gradient(linear, left top, left bottom, from(#15793f), to(#14a76c)); background-image: url(https://www.excitingsmiles.com/images/stars5.png), -webkit-linear-gradient(top, #15793f, #14a76c); background-image: url(https://www.excitingsmiles.com/images/stars5.png), -moz-linear-gradient(top, #15793f, #14a76c); background-image: url(https://www.excitingsmiles.com/images/stars5.png), -ms-linear-gradient(top, #15793f, #14a76c); background-image: url(https://www.excitingsmiles.com/images/stars5.png), -o-linear-gradient(top, #15793f, #14a76c); background-image: url(https://www.excitingsmiles.com/images/stars5.png), linear-gradient(top, #15793f, #14a76c);} ul.header-logo{ max-width:380px; } ul.header-logo li { font-size:18px;} ul.header-logo li.text { font-size:36px;} nav#menu-thin-pulldown {width:auto;} ul.speical-images li { margin: 10px 0 0; width: 94%;} ul.speical-images li { display:inline-block;float:none;} ul.header-logo li.header-practice-name { font-size: 28px;} } @media screen and (max-width: 759px) { #menu-thin-offer a { color: #000;} .right-appointment-button { margin: 8px auto !important;} nav#menu-thin-pulldown > ul > li > a { font-size: 18px;} body, td, p, ul, ol, li, div, span, blockquote { font-size:18px; } .header { background-size:auto; background-position:left top; } #special-wrapper{ padding: 30px 0 0px 0px; margin:0px; max-width:100%; text-align:center; display:table-footer-group; float:none;} #special-wrapper-Inner{ padding: 30px 0 0px 0px; margin:0px; max-width:100%; text-align:center; display:table-footer-group; float:none;} ul.special-button-image { float:none; margin:auto} ul.special-button-image li { float:none; width:90%; margin:0 auto 5px auto} #rotator-area{width:90%;} #content-main{ width:auto; display:table-header-group; } #content-main img{ max-width:100%; height: auto; outline:0; width:auto; } #footer { padding:15px 0 0 0px; background-size:auto; background-position:left top;} .content-wrapper { display:table; width:auto; margin:0 10px 0 10px;} .header-top{width:auto;} .content-page-title {font-size: 30px; } nav#menu-thin-pulldown {padding-top:5px;} nav#menu-thin-pulldown ul {display:none; background:#324365;} nav#menu-thin-pulldown ul li { display:block; text-align:left;padding:0px 0px 0px 15px;border-bottom:1px solid #57698e;border-top:0px solid #6147a7;} nav#menu-thin-pulldown > ul > li:hover > ul { display:none; } #menu-thin {display:block;text-align:center;} #menu-thin a { font-size:18px;-webkit-border-radius: 8px 8px 0 0;border-radius: 8px 8px 0 0;color:#fff;line-height:40px; display:inline-block;padding:0 1%;} #menu-thin a:hover { text-decoration:none;} ul.header-NAP{margin:auto;float: none;max-width:100%; } ul.header-NAP li {float: none; text-align:center;} ul.header-NAP li a {text-align:center;} #header-logo{ margin:auto; max-height:100%; max-width:100%; background-size:70%; background-position:center top; } #header-phone{font-size:22px; } ul.header-logo{margin:20px auto 0 auto;float: none;max-width:100%; } ul.header-logo li {float: none; text-align:center; font-size:20px; letter-spacing:-1px;} ul.header-logo li.text { font-size:30px;} h1 {font-size: 27px;} h2 {font-size: 20px; } #pull {display:block;text-align:center;} #menu-thin-offer { display:none;padding:25px 10px 15px 10px;text-align:center; color:#fff;font-size:16px;background: -moz-linear-gradient(top, rgba(144,131,125,0.7) 0%, rgba(144,131,125,0.7) 13%, rgba(130,141,166,0.7) 72%, rgba(130,141,166,0.7) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(144,131,125,0.7)), color-stop(13%,rgba(144,131,125,0.7)), color-stop(72%,rgba(130,141,166,0.7)), color-stop(100%,rgba(130,141,166,0.7))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(144,131,125,0.7) 0%,rgba(144,131,125,0.7) 13%,rgba(130,141,166,0.7) 72%,rgba(130,141,166,0.7) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(144,131,125,0.7) 0%,rgba(144,131,125,0.7) 13%,rgba(130,141,166,0.7) 72%,rgba(130,141,166,0.7) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(144,131,125,0.7) 0%,rgba(144,131,125,0.7) 13%,rgba(130,141,166,0.7) 72%,rgba(130,141,166,0.7) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(144,131,125,0.7) 0%,rgba(144,131,125,0.7) 13%,rgba(130,141,166,0.7) 72%,rgba(130,141,166,0.7) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b390837d', endColorstr='#b3828da6',GradientType=0 ); /* IE6-9 */ } #menu-thin-offer p {color:#000; }#menu-thin-offer span {color:#000; }#menu-thin-offer div {color:#000; } #menu-thin-offer td {color:#000; ;} #menu-thin-direction { display:none;text-align:center;color:#fff; font-size:18px;font-family: 'Lato', serif; padding:10px 0 10px 0;} #menu-thin-phone { display:none;text-align:center;color:#fff;font-size:26px;font-family: 'Lato', serif;padding:10px 0 10px 0;} } @media screen and (max-width: 479px) { .header { background-size:auto; background-position:left top; } textarea{width:250px;} #header-wrapper{background-size:100% 100% ; } ul.header-logo li.text { font-size:30px;} }