/*
Theme Name: Dental Center of Charlotte
Theme URI: dentalcenterofcharlotte.com
Description: Wordpress Theme for Dental Center of Charlotte by Iceberg Digital
Author: Sameer Tanakia
Version: 1.0
*/

body {
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', Sans-Serif;
	width: 100%;
	font-size: 14px;
	color: #253364;
	background-color: #f6f8fa;
	position: relative;
  z-index: 3000;
}

ul, li {
  list-style: none;
}

a, a:hover, a:active, a:visited {
  color: #1b365d;
  text-decoration: none;
/*  background-color: pink;
  opacity: .5;*/
}

h1, h2, h3, h4, h5, h6 {
  font-size: 28px;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1;
}

h2 {
  font-size: 24px;
}

.container {
  width: 980px;
  margin: 0 auto;
}

#left {
  float: left;
  width: 643px;
	padding-bottom: 30px;
}

#right {
  float: right;
  width: 337px;
	background: transparent url('images/sidebarBG-trans.png') no-repeat left top;
	min-height: 542px;
	position: relative;
	top: -75px;
	right: -19px;
	padding-bottom: 30px;
  z-index: 1001;
}

.imageBG {
  text-indent: -9999em;
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  background-color: transparent;
  color: transparent;
}


/********  HEADER  ********/
#header {
  width: 100%;
	background: #ffffff url('images/headerBG.jpg') repeat-x center top;
}

#header .container {
  height: 247px;
  position: relative;
}

#header #logo {
  position: absolute;
  top: 20px;
  left: -10px;
  display: block;
  width: 480px;
  height: 130px;
  text-indent: -9999em;
}

#header a.requestAppointment {
  position: absolute;
  top: 85px;
  right: 0;
  display: block;
  width: 210px;
  height: 30px;
  text-indent: -9999em;
}


/********  NAV  ********/
#header ul#nav {
  height: 37px;
  width: 980px;
	background: transparent url('images/navBG-trans.png') repeat-x 930px 0px;
  position: absolute;
  left: 0;
  top: 187px;
  display: block;
}

#header ul#nav li {
  float: left;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 17px;
  text-indent: -9999em;
  display: block;
  height: 13px;
  margin: 2px 0 0;
  overflow: hidden;
}

#header ul#nav li.active {
  display: block;
	background: transparent url('images/navLinks-trans.png') no-repeat left top;  
	padding: 0;
  overflow: hidden;
}

#header ul#nav li.active a.link {
  color: #1b365d;
  opacity: 1;
}

#header ul#nav li a.link {
  color: #355583;
  display: block;
  background: transparent url('images/navLinks-trans.png') no-repeat left bottom;  
  height: 13px;
  background-repeat: no-repeat;
  overflow: hidden;
}

#header ul#nav li span.subnav {
  display: none;
  left: 0;
  top: 15px;
  position: absolute;
  width: 980px;
  height: 46px;
  z-index: 1000;
}

#header ul#nav li span.subnav a {
  display: block;
  float: left;
  padding: 32px 30px 5px 0;
  text-indent: 0;
  font-size: 12px;
}

#header ul#nav li.home {
  margin-right: 15px;
}

#header ul#nav li.home a.link, #header ul#nav li.home-active {
  width: 50px;
  background-position: left bottom;
}

#header ul#nav li.home-active, #header ul#nav li.home-active a.link {
  background-position: left top;
}

#header ul#nav li.meet-the-office a.link, #header ul#nav li.meet-the-office-active {
  width: 201px;
  background-position: -64px bottom;
}

#header ul#nav li.meet-the-office-active, #header ul#nav li.meet-the-office-active a.link {
  background-position: -64px top;
}

#header ul#nav li.patient-services a.link, #header ul#nav li.patient-services-active {
  width: 189px;
  background-position: -265px bottom;
}

#header ul#nav li.patient-services-active, #header ul#nav li.patient-services-active a.link {
  background-position: -265px top;
}

#header ul#nav li.online-forms a.link, #header ul#nav li.online-forms-active {
  width: 158px;
  background-position: -454px bottom;
}

#header ul#nav li.online-forms-active, #header ul#nav li.online-forms-active a.link {
  background-position: -454px top;
}

#header ul#nav li.faq a.link, #header ul#nav li.faq-active {
  width: 66px;
  background-position: -612px bottom;
}

#header ul#nav li.faq-active, #header ul#nav li.faq-active a.link {
  background-position: -612px top;
}


/********  PROMO  ********/
#promo {
  width: 100%;
	background: #ffffff url('images/promoBG-home.jpg') repeat-x center top;
}

#promo .container {
  height: 199px;
  position: relative;
}

#promo h1 {
  text-indent: -9999em;
  background-position: left 15px;
  background-repeat: no-repeat;
  height: 23px;
  padding-top: 15px;
}

#home #promo h1, #contact-information #promo h1, #request-an-appointment #promo h1 {
  background-image: url('images/frontHeaders-trans.png');
  width: 552px;
  height: 45px;
}

#meet-the-office #promo, #patient-services #promo {
  background-image: url('images/promoBG-subnav.jpg')
}

#meet-the-office #promo p, #patient-services #promo p {
  width: 643px;
}

#promo ul.subnav {
  position: absolute;
  right: 0;
  top: 10px;
  width: 324px;
}

#promo ul.subnav li, #promo ul.subnav li.active {
  display: block;
  width: 299px;
  height: 36px;
  float: right;
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  background: transparent url('images/subnavBG-trans.png') no-repeat right top;
  overflow: hidden;
  font-size: 12px;
}

#promo ul.subnav li:first-child {
  margin-top: 1px;
  height: 35px;
  background-position: right -1px;
}

#promo ul.subnav li:last-child {
  height: 35px;
  background-position: right 1px;
}

#promo ul.subnav li.active {
  padding-top: 11px;
  height: 25px;
  background-position: right bottom;
  color: #c2d6ed;
  padding-left: 35px;
  width: 289px;
}

#promo ul.subnav li a {
  display: block;
  width: 284px;
  height: 25px;
  padding-top: 11px;
  padding-left: 15px;
  background: transparent url('images/subnavBG-trans.png') no-repeat right -108px;
}

#promo ul.subnav li a:hover {
  background: transparent url('images/subnavBG-trans.png') no-repeat right -36px;
}

#meet-the-office #promo h1 {
  background-image: url('images/mtdHeaders-trans.png');
  width: 319px;
}

#patient-services #promo h1 {
  background-image: url('images/servicesHeaders-trans.png');
  width: 298px;
}

#online-forms #promo h1 {
  background-image: url('images/formsHeaders-trans.png');
  width: 240px;
}

#faq #promo h1 {
  background-image: url('images/faqHeaders-trans.png');
  width: 521px;
}

#promo p {
  font-family: Georgia,'Times New Roman',Times,serif;
  font-style: italic;
  font-size: 16px;
  line-height: 1.4;
  padding-top: 15px;
}


/********  HOME / CONTACT PROMO  ********/
#home #promo p, #contact-information #promo p, #request-an-appointment #promo p {
  width: 630px;
  padding-top: 15px;
}

#promo .family {
	background: transparent url('images/family-trans.png') no-repeat right bottom;
	height: 222px;
	width: 410px;
	position: absolute;
	right: -50px;
	bottom: 0;
	z-index: 999;
}

#promo .family.part2 {
	background-position: right top;
	height: 51px;
	width: 337px;
	bottom: 222px;
}


/********  PAGE  ********/
#main {
  background: #f6f8fa url('images/pageBG.jpg') repeat-x center top;
  padding-top: 40px;
}

#main p {
  padding-bottom: 15px;
  line-height: 1.4;
}


/********  SPECIALS  ********/
#specials {
  padding-top: 10px;
}

#specials .col {
  height: 105px;
  padding: 30px 35px 0;
  margin-bottom: 10px;
  background: #F6F8FA url('images/specialBG.jpg') no-repeat center top;
}

#specials .col h4 {
  background: url('images/specialsHeaders-trans.png');
  background-repeat: no-repeat;
  width: 231px;
  height: 14px;
  margin-bottom: 10px;
}

#specials .col1 h4 {
  background-position: left bottom;
}

#specials .col2 h4 {
  background-position: left top;
}

/********  HOME PAGE  ********/
#home #left h2 {
  background: url('images/frontHeaders-trans.png');
  background-repeat: no-repeat;
  background-position: left -45px;
  height: 18px;
  width: 611px;
  margin-bottom: 15px;
}

#home #left h3 {
  background: url('images/frontHeaders-trans.png');
  background-repeat: no-repeat;
  background-position: left -63px;
  height: 14px;
  width: 228px;
  margin-bottom: 25px;
  margin-top: 15px;
}

#home #left a.formLink {
  background: transparent url('images/frontHeaders-trans.png') no-repeat left -77px;
  height: 28px;
  width: 270px;
  margin: 10px 0 20px;
  display: block;
  text-indent: -9999em;
  color: transparent;
  float: left;
}

#home #left h4 {
  text-transform: none;
  letter-spacing: normal;
  font-size: 16px;
  margin: 10px 0 5px;
}

#home #left .pdfViewerFront {
  float: left;
  width: 310px;
  height: 420px;
  margin-right: 20px;
  margin-bottom: 20px;
}

#home #left .section {
  border-bottom: 1px solid #cfdaec;
  border-top: 1px solid #ffffff;  
  padding: 10px 0 30px;
}

#home #left .section:first-child {
  border-width: 0 0 1px 0;
  padding-top: 0;
}

#home #left .section:last-child {
  border-width: 1px 0 0 0;
}


/********  MEET THE DOCTORS PAGE  ********/
#meet-the-office .blurb p {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  padding-bottom: 25px;
}

#meet-the-office .bio.smaller {
  border-bottom: 1px solid #cfdaec;
  border-top: 1px solid #ffffff;  
  padding: 20px 0;
}

#meet-the-office .bio.smaller:first-child {
  border-width: 0 0 1px 0;
  padding-top: 0;
}

#meet-the-office .bio.smaller:last-child {
  border-width: 1px 0 0 0;
}

#meet-the-office .bio h2 {
  text-transform: none;
  letter-spacing: normal;
  font-size: 28px;
  padding: 10px 0 15px;
}

#meet-the-office .bio.smaller h2 {
  padding-bottom: 5px;
}

#meet-the-office .bio h3 {
  font-size: 14px;
  padding-bottom: 15px;
  color: #355583;
}

#meet-the-office .bio .pic {
  float: left;
  width: 210px;
  padding: 14px 14px 21px;
  background: transparent url('images/picBG-big-trans.png') no-repeat left top;
  position: relative;
  left: -9px;
}

#meet-the-office .bio .pic img {
  width: 210px;
}

#meet-the-office .bio .pic .bottom {
  width: 238px;
  height: 24px;
  position: absolute;
  background: #f6f8fa url('images/picBG-big-trans.png') no-repeat left bottom;
  bottom: 0;
  left: 0;
}

#meet-the-office .bio.smaller .pic {
  width: 160px;
  background-image: url('images/picBG-small-trans.png');
}

#meet-the-office .bio.smaller img {
  width: 160px;
}

#meet-the-office .bio.smaller .pic .bottom {
  width: 188px;
  background-image: url('images/picBG-small-trans.png');
}


/********  PATIENT SERVICES PAGE  ********/
#patient-services h2 {
  background: transparent url('images/servicesHeaders-trans.png') no-repeat left -23px;
  width: 287px;
  height: 18px;
}

#patient-services .tech {
  padding: 20px 0 10px;
  border-bottom: 1px solid #cfdaec;
  border-top: 1px solid #ffffff;  
}

#patient-services .tech:first-child {
  border-width: 0 0 1px 0;
}

#patient-services .tech:last-child {
  border-width: 1px 0 0 0;
}

#patient-services .tech h3 {
  font-size: 20px;
  padding: 0 0 15px;
  text-transform: none;
  letter-spacing: normal;
}

#patient-services .tech p.imageCont {
  padding: 0;
  float: left;
}

#patient-services .tech img.alignleft {
  float: left;
  width: 150px;
  margin: 0 10px 10px 0;
}

#patient-services #left .section {
  border-bottom: 1px solid #cfdaec;
  border-top: 1px solid #ffffff;
  padding: 30px 0 20px;
}

#patient-services #left .section:first-child {
  border-top: 0 none;
  padding-top: 0;
}

#patient-services #left .section:last-child {
  border-bottom: 0 none;
}

#patient-services #left .section .imageStack {
  width: 150px;
  float: right;
}

#patient-services #left .section .imageStack img {
  margin-bottom: 10px;
}

#patient-services #left .section .alignleft {
  float: left;
  margin: 0 10px 0 0;
}

#patient-services #left .section .alignright {
  float: right;
  margin: 0 0 0 10px;
}

#patient-services #left .section h2 {
  margin-bottom: 15px;
}

#patient-services #left .section h3 {
  font-size: 16px;
  text-transform: none;
  letter-spacing: normal;
  margin: 10px 0;
}

#patient-services #left .section ul {
  padding: 0 10px 15px;
}

#patient-services #left .section ul li {
  list-style: disc inside none;
  padding-left: 15px;
  text-indent: -15px;
  margin-bottom: 5px;
}

#patient-services .dental-hygieneperiodontal-health h2 {
  background-position: left -41px;
  height: 23px;
  width: 528px;
}

#patient-services .veneers h2 {
  background-position: left -64px;
  height: 18px;
  width: 117px;  
}

#patient-services .whiteningbleaching h2 {
  background-position: left -82px;
  height: 23px;
  width: 310px;  
}

#patient-services .sedation-dentistry h2 {
  background-position: left -105px;
  height: 18px;
  width: 282px;  
}

#patient-services .bondingwhite-fillings h2 {
  background-position: left -123px;
  height: 23px;
  width: 338px;  
}

#patient-services .bridges h2 {
  background-position: left -146px;
  height: 18px;
  width: 109px;  
}

#patient-services .crowns h2 {
  background-position: left -164px;
  height: 18px;
  width: 115px;  
}

#patient-services .dentures h2 {
  background-position: left -182px;
  height: 18px;
  width: 134px;  
}

#patient-services .extractions h2 {
  background-position: left -200px;
  height: 18px;
  width: 179px;  
}

#patient-services .inlaysonlays h2 {
  background-position: left -218px;
  height: 23px;
  width: 209px;  
}

#patient-services .root-canal-endodontics h2 {
  background-position: left -241px;
  height: 22px;
  width: 385px;  
}


/********  ONLINE FORMS PAGE  ********/
#online-forms .form1 {
  border-bottom: 1px solid #cfdaec;
  padding-bottom: 15px;
}

#online-forms .form2 {
  border-top: 1px solid #ffffff;
  padding: 20px 0;
}

#online-forms .form h2 {
  font-size: 26px;
  padding: 10px 0 20px;
  text-transform: none;
  letter-spacing: normal;
}

#online-forms .form a.formLink {
  background: transparent url('images/formsHeaders-trans.png') no-repeat left bottom;
  height: 28px;
  width: 215px;
  display: block;
  float: left;
  text-indent: -9999em;
  color: transparent;
}

#online-forms .form .pdfViewer {
  float: left;
  margin: 0 20px 10px 0;
}


/********  FAQ PAGE  ********/
#faq .question {
  padding: 20px 0 10px;
  border-bottom: 1px solid #cfdaec;
  border-top: 1px solid #ffffff;
}

#faq .question:first-child {
  padding-top: 0;
  border-width: 0 0 1px 0;
}

#faq .question:last-child {
  padding-top: 0;
  border-width: 1px 0 0 0;
}

#faq .question h2 {
  font-size: 18px;
  margin-bottom: 10px;
  text-transform: none;
  letter-spacing: normal;
}

#faq .question ul {
  padding: 0 10px 15px;
}

#faq .question ul li {
  list-style: disc inside none;
  padding-left: 15px;
  text-indent: -15px;
  margin-bottom: 5px;
}


/********  CONTACT INFORMATION PAGE  ********/
#contact-information h2 {
  background-image: url('images/contactHeaders-trans.png');
  background-position: left top;
  width: 154px;
  height: 18px;
  margin-bottom: 20px;
}

#contact-information .map {
  -webkit-box-shadow: 0 0 15px 0 #253954;
          box-shadow: 0 0 15px 0 #253954;
/*  background: transparent url('images/mapBG-trans.png') no-repeat left top;*/
  padding: 10px;
  background: #ffffff;
  margin-bottom: 30px;
  position: relative;
  width: 100%;
}

#contact-information a.largerMap {
  background: transparent url('images/contactHeaders-trans.png') no-repeat left -18px;
  width: 165px;
  height: 28px;  
  display: block;
  text-indent: -9999em;
  color: transparent;
  margin-top: 20px;
}

#contact-information h3 {
  font-size: 17px;
  padding: 10px 0 5px;
  text-transform: none;
  letter-spacing: normal;
}

/********  REQUEST APPOINTMENT PAGE  ********/
#request-an-appointment h2 {
  background-image: url('images/requestHeaders-trans.png');
  background-position: left top;
  width: 354px;
  height: 18px;
  margin-bottom: 20px;
}

#request-an-appointment h3 {
  text-transform: none;
  letter-spacing: normal;
  font-size: 16px;
  padding: 0 0 15px;
}

#request-an-appointment p.errors {
  color: #ff0000;
  font-weight: bold;
  font-size: 12px;
}

#request-an-appointment table {
  width: 100%;
}

#request-an-appointment table td {
  vertical-align: middle;
  padding-bottom: 15px;
}

#request-an-appointment table td.label {
  width: 150px;
  font-weight: bold;
  padding: 5px 10px 15px 0; 
  vertical-align: top;
}

#request-an-appointment table td span {
  color: #355583;
  font-weight: bold;
  font-size: 11px;
}

#request-an-appointment input, #request-an-appointment textarea {
  font-size: 12px;
  color: #253364;
  padding: 5px 5px;
  background-color: #ffffff;
  border: 1px solid #85b9ee;
  width: 460px;
}

#request-an-appointment input[type="submit"] {
  background-image: url('images/requestHeaders-trans.png');
  background-position: left -18px;
  width: 115px;
  height: 28px;
  margin-top: 10px;
  padding: 0;
  background-color: transparent;
  color: transparent;
  display: block;
  border-width: 0;
}


/********  SIDEBAR  ********/
#sidebar {
  padding: 50px 35px;
  height: 442px;
}

#sidebar .section {
  padding: 20px 0;
  border-bottom: 1px solid #cfdaec;
  border-top: 1px solid #ffffff;
}

#sidebar .section h4 {
  background-image: url('images/sideHeaders-trans.png');
  background-position: left top;
  width: 251px;
  height: 13px;
  margin-bottom: 10px;
  margin-top: 5px;
}

#sidebar .hours h4 {
  background-position: left -42px;
}

#sidebar .social h4 {
  background-position: left -55px;
}

#sidebar .location {
  border-width: 0 0 1px 0;
  padding-top: 5px;
}

#sidebar .location a.address {
  font-weight: bold;
  background: transparent url('images/mapIcon-trans.png') no-repeat left 3px;
  text-transform: uppercase;
  padding: 7px 5px 0 67px;
  line-height: 1.1;
  font-size: 14px;
  display: block;
  height: 55px;
}

#sidebar .location a.address span {
  font-size: 13px;
}

#sidebar .location a.getDirections {
  background: transparent url('images/sideHeaders-trans.png') no-repeat left -13px;
  margin: 3px 0 10px 67px;
  display: block;
  height: 28px;
  width: 165px;
  text-indent: -9999em;
  color: transparent;
}

#sidebar .hours ul {
  padding-left: 10px;
  margin-bottom: 10px;
}

#sidebar .hours ul li {
  list-style: disc inside none;
  padding-left: 15px;
  text-indent: -15px;
  margin-bottom: 3px;
  font-weight: bold;
  text-transform: uppercase;
  color: #466693;
  width: 175px;
}

#sidebar .hours ul li span {
  padding-left: 10px;
  float: right;
  width: 50px;
}

#sidebar .social {
  border-width: 1px 0 0;
}

#sidebar .social a {
  background: transparent url('images/sideHeaders-trans.png') no-repeat left -68px;
  margin: 0px 4px 5px 10px;
  display: block;
  height: 50px;
  width: 50px;
  text-indent: -9999em;
  color: transparent;
  float: left;
}

#sidebar .social a.tw {
  background-position: -50px -68px;
  margin-left: 4px;
}

#videoPlayer {
  margin-left: 20px;
  margin-bottom: 10px;
  margin-top: 10px;
}

#right .technology {
  margin-top: 20px;
  padding-left: 20px;
}

#right .technology a {
  margin-bottom: 10px;
  display: block;
  width: 300px;
}

#right .technology a img {
  border: 1px solid #cfdaec;
  width: 298px;
}


/********  FOOTER  ********/
#footer {
  width: 100%;
  background: #ffffff url('images/footerBG.jpg') repeat-x center top;
}

#footer .container {
  position: relative;
}

#footer ul.sitemap {
  padding: 52px 0 0 407px;
}

#footer ul.sitemap li {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 11px;
}

#footer ul.sitemap li a {
  color: #355583;
  margin-right: 10px;
  float: left;
}

#footer ul.sitemap li ul.submap {
  float: left;
}

#footer ul.sitemap li ul.submap li {
  font-weight: normal;
  text-transform: none;
  margin: 0 10px 0 0;
  float: left;
}

#footer p.copyright {
  color: #46679d;
  font-size: 10px;
  text-align: center;
  padding: 30px 0 100px;
}


/********  ICEBERG CREDIT  ********/
#sameer {
  color: #46679d;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding-bottom: 10px;
}

#sameer a {
  color: #355583;
}

#sameer span.and {
  font-family: baskerville,serif;
  font-style: italic;
  font-size: 18px;
  font-weight: normal;
  position: relative;
  top: 3px;
  padding-right: 1px;
}

#sameer a.id {
  color: transparent;
  background: transparent url('images/id.jpg') no-repeat left top;
  display: block;
  width: 213px;
  height: 36px;
  margin: 0 auto;
}