@import url('reset.css');
@import url('cmxform.css');
@import url('thickbox.css');

/* Container Elements */
body{font: 62.5%/1.2em Verdana, Arial, sans-serif; background:url('../images/backgrounds/body.gif') #f3eee8 no-repeat top center; color:#555555;}
#container{width:960px; margin:18px auto 0 auto; background:#fbfbfb;}
  #banner{height:200px; background:url('../images/backgrounds/banner-inner.jpg') no-repeat 0 0; position:relative;}
	body#home-page #banner {height:325px; background:url('../images/backgrounds/banner-home.jpg') no-repeat 0 0;}
	body#testimonials-page #banner {height:200px; background:url('../images/backgrounds/banner-testimonials.jpg') no-repeat 0 0;}
	body#smile_gallery-page #banner {height:200px; background:url('../images/backgrounds/banner-gallery.jpg') no-repeat 0 0;}
	body#our_team-page #banner {height:200px; background:url('../images/backgrounds/banner-ourteam.jpg') no-repeat 0 0;}
	body#our_vision-page #banner {height:200px; background:url('../images/backgrounds/banner-ourvision.jpg') no-repeat 0 0;}
	body#our_services-page #banner {height:200px; background:url('../images/backgrounds/banner-services.jpg') no-repeat 0 0;}
	body#contact_us-page #banner {height:200px; background:url('../images/backgrounds/banner-contact.jpg') no-repeat 0 0;}
  ul#navigation{height:57px; background:url('../images/backgrounds/navigation.gif') repeat-x 0 0;}
  #content{padding:45px 30px; position: relative;}
    #primary {float:left; width:580px;}
    #secondary {float:right; width:270px; padding-left: 10px; border-left: 1px solid #F3EEE8;}
#footer-container{width:100%; height:300px; background:url('../images/backgrounds/footer-container.jpg') no-repeat top center;}
  #footer{width:920px; padding-top:50px; margin:0 auto; color:#fff; font-size:1.1em;}

/* Common Elements */
a {color:#bf2e1a;}
a:hover {text-decoration:none;}
ol {font-size:1.1em; padding:0 0 2em 1.5em;}
ol li { list-style: disc outside; padding-bottom:1em;}

span.thumbnail {width:71px; height:71px; padding:4px; display:block;background: url('../images/backgrounds/thumbnail.gif') no-repeat 0 0; overflow:hidden; }
span.thumbnail img {width:71px; height:71px; overflow:hidden;}

span.photo {width:202px; height:202px; padding:4px; display:block;background: url('../images/backgrounds/photo.jpg') no-repeat 0 0; overflow:hidden; }
span.photo img {width:202px; height:202px; overflow:hidden;}


/*Flash*/

#flash {height:325px; top:0; right:0; position:absolute; background: url('../images/core/banner.jpg') no-repeat; width:100%; }

/* Banner Elements */
#advance_dental_artistry { width:252px; height:113px; display:block; text-indent:-9999px; position:absolute; top:30px; left:25px; background: url('../images/logos/advance_dental_artistry.gif') no-repeat 0 0; z-index:2;}
#banner h3 {bottom:35px; right:35px; position:absolute; display:block; background: url('../images/call_to_action/banner-inner-phone.gif') no-repeat 0 0; width:182px; height:25px; text-indent:-9999px; z-index:2;}
body#home-page #banner h3 {top:170px; left:50px; right:auto; bottom:auto; background-image: url('../images/call_to_action/banner-phone.gif'); width:182px; height:25px;}
#video_demonstration {width:380px; height:280px; display:block; position:absolute; top:27px; right:40px; overflow:hidden;}


/* Navigation */
ul#navigation li {float:left; display:inline; height:57px; background: url('../images/backgrounds/navigation_tab.gif') no-repeat bottom right;
}
ul#navigation li a {display:block; height:57px; width:100px; text-indent:-9999px; background:url('../images/navigation/home.gif') no-repeat center 25px;}

ul#navigation li#testimonials-nav a{width:140px; background-image:url(../images/navigation/testimonials.gif);}
ul#navigation li#smile_gallery-nav a{width:145px; background-image:url(../images/navigation/smile_gallery.gif);}
ul#navigation li#our_team-nav a{width:115px; background-image:url(../images/navigation/our_team.gif);}
ul#navigation li#our_vision-nav a{width:125px; background-image:url(../images/navigation/our_vision.gif);}
ul#navigation li#our_services-nav a{width:140px; background-image:url(../images/navigation/our_services.gif);}
ul#navigation li#contact_us-nav a{width:125px; background-image:url(../images/navigation/contact_us.gif);}

ul#navigation li#home-nav a:hover, body#home-page ul#navigation li#home-nav a {background-image:url(../images/navigation/hover/home.gif);}
body#testimonials-page ul#navigation li#testimonials-nav a, ul#navigation li#testimonials-nav a:hover {background-image:url(../images/navigation/hover/testimonials.gif);}
body#smile_gallery-page ul#navigation li#smile_gallery-nav a, ul#navigation li#smile_gallery-nav a:hover {background-image:url(../images/navigation/hover/smile_gallery.gif);}
body#our_team-page ul#navigation li#our_team-nav a, ul#navigation li#our_team-nav a:hover {background-image:url(../images/navigation/hover/our_team.gif);}
body#our_vision-page ul#navigation li#our_vision-nav a, ul#navigation li#our_vision-nav a:hover { background-image:url(../images/navigation/hover/our_vision.gif);}
body#our_services-page ul#navigation li#our_services-nav a, ul#navigation li#our_services-nav a:hover { background-image:url(../images/navigation/hover/our_services.gif);}
body#contact_us-page ul#navigation li#contact_us-nav a, ul#navigation li#contact_us-nav a:hover {background-image:url(../images/navigation/hover/contact_us.gif);}

/* primary elements */
h1 {display:block; text-indent:-9999px; height:70px; background: url('../images/headings/h1-welcome.gif') no-repeat 0 0;}
#content h2, #content h3, #content h4{font-size:1.5em; padding-bottom:1em; color:#90150b; font-weight:normal;}
#content h3{font-size:1.3em;} 
#content h4{font-size:1.2em;}

body#testimonials-page h1 {height:50px; background-image:url('../images/headings/h1-testimonials.gif');}
body#smile_gallery-page h1 {height:50px; background-image:url('../images/headings/h1-smile_gallery.gif');}
body#our_team-page h1 {height:50px; background-image:url('../images/headings/h1-our_team.gif');}
body#our_vision-page h1 {height:50px; background-image:url('../images/headings/h1-our_vision.gif');}
body#our_services-page h1 {height:50px; background-image:url('../images/headings/h1-our_services.gif');}
body#contact_us-page h1 {height:50px; background-image:url('../images/headings/h1-contact_us.gif');}


#content p.blurb {font-size:1.4em;}
#content p {font-size:1.1em; line-height:1.6em; padding-bottom:2em;}

/* secondary elements */
ul.call_to_action li {clear:both;}
ul.call_to_action li span.thumbnail {float:left; display:inline; margin:0 10px 10px 0;}
ul.call_to_action li h4 {font-size:1.1em; color:#111; padding-bottom:5px;float:right; width:180px;}
ul.call_to_action li p {float:right; width:180px; padding-bottom:30px;}


/* footer */
#footer h4 { padding-bottom:2em;}
#footer address {padding-bottom:2em; font-style:normal; line-height:1.4em;}
ul.navigation {float:right; display:inline; width:160px; padding-left:30px;}
ul.navigation li {padding-left:15px; background:url('../images/icons/right_arrow.gif') no-repeat left 10px;}
ul.navigation li a {color:#fff; text-decoration:none; line-height:2em;}
ul#contact_details li{padding:0 0 10px 20px; background:url('../images/icons/phone.gif') no-repeat 0 3px;}
ul#contact_details li.fax {background-image:url('../images/icons/fax.gif');}
ul#contact_details li.mail {background-image:url('../images/icons/mail.gif');}
ul#contact_details li.mail a {color:#fff;}
#webfirm {clear:right; float:right; display:inline; margin-top:40px;}
p#copyright {clear:left; float:left; width:400px; padding-top:40px;}
#footer div.location {
  display:inline;
  float:left;
  width:250px;
}


/* Smile Gallery page */
body#smile_gallery-page #primary {width:350px;}
body#smile_gallery-page #secondary {width:500px;}
ul#smile_gallery li{float:left; display:inline; width:54px; height:54px; padding:5px; margin:0 5px 5px 0; overflow:hidden; background:url('../images/backgrounds/smile_gallery-thumbnail.gif') no-repeat 0 0;}
ul#smile_gallery li img {width:54px; height:54px; overflow:hidden;}
body#smile_gallery-page #primary p.blurb {padding-top:2em; clear:both;}

p#smile_gallery-navigation {text-align:right;}
p#smile_gallery-navigation a {color:#555; font-size:1.1em; text-decoration:none;}
p#smile_gallery-navigation a:hover {color:#f00;}


body#smile_gallery-page #secondary span.photo {float:left; display:inline; margin-bottom:20px; margin-right: 20px;}
div.before_after {font-size:1.2em; color:#90150b; line-height:2em; clear: both; margin-bottom: 20px;}
div.before_after a{float: left; margin-right: 30px; width: 200px; text-align: center;}
div.before_after img {display:block; margin: 0 auto;}
body#smile_gallery-page #secondary p {clear:both;}

.portrait{
  display: inline;
  float: left;
}

/* our team page */
body#our_team-page ul#inner_content li#introduction p,
body#our_team-page ul#inner_content li#introduction h3 {float:none;}
body#our_team-page ul#inner_content li {clear:both;}
body#our_team-page ul#inner_content span.thumbnail {float:left; display:inline;}
body#our_team-page ul#inner_content  p, body#our_team-page ul#inner_content h3 {float:right; width:480px;}

/* our Services */
ul#inner_content h2 {border-bottom:1px dashed #941A0D; padding-bottom:.4em; margin-bottom:.5em;}
ul#inner_navigation { border-top:1px solid #741C12; border-left:1px solid #741C12;}
ul#inner_navigation li a {font-size:1.2em;text-decoration:none; display:block; height:2em; line-height:2em; background:#941A0D; color:#fff; padding:.3em 1em; border-bottom:1px solid #741C12; border-right:1px solid #741C12;}
ul#inner_navigation li a:hover, ul#inner_navigation li.active a {background:#9C2716;}

/* Testimonials */
ul#testimonials li {clear:both; padding:10px 0; border-bottom:1px #ccc dotted;}
ul#testimonials li .thumbnail {float:left; margin:0 10px 10px 0;}


/* Testimonials Videos */

ul#testimonials_videos {
  position: relative;
  margin-top: 20px;
}

ul#testimonials_videos li {
  background: #F5F1F2;
  border: 1px solid #ccc;
  display: block;
  float: left;
  margin-right: 8px;
  margin-bottom: 16px;
  padding: 3px;
  text-align: center;
  -moz-box-shadow: 0 0 3px #ccc;
}

ul#testimonials_videos li:hover {
  background: #fff;
}

ul#testimonials_videos li span {
  color: #555;
  display: block;
  font-size: 12px;
  padding: 3px 3px 5px 3px;
}

ul#testimonials_videos li:hover span {
  color: #000;
}

ul#testimonials_videos li a {
  text-decoration: none;
}

/* Video Player */

body#video_box {
  background: none;
  margin-top: 4px;
}

#video_container {
  float: left;
}

#video_container, #video_container embed {
  position: relative;
  z-index: 100;
}

#video_player {
  border: 1px solid #ccc;
  height: 290px;
  margin: 0 auto;
  position: relative;
  width: 620px;
}

#video_player #video_playlist {
  position: absolute;
  right: 0;
  z-index: 300;
}

#video_player #video_playlist li a {
  background: #F5F1F2;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #fff;
  border-left: 1px solid #ccc;
  display: block;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1.8em;
  height: 10px;
  padding: 15px 15px 15px 15px;
  text-align: left;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  width: 200px;
}

#video_player #video_playlist li a:hover {
  background: #fff;
}

/* =========== */
/* = CONTACT = */
/* =========== */
body#contact_us-page div#primary {
  width:480px;
}

body#contact_us-page div#secondary {
  width:390px;
}

ul.contact_information li {
  padding:0 0 0 10px;
  font-size:1.2em;
  line-height:2em;
}

div.map {margin-bottom:20px; padding:0 0 0 10px;}

body#contact_us-page div#secondary h2 {
  border:0;
  clear:both;
  display:block;
  height:20px;
}