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

body {background:#95937d; font: 62.5%/1.8em Verdana, Arial, sans-serif;}

/* Containers */
#container{width:980px; margin:0 auto;}
  #header{height:110px; position:relative;}
  ul#navigation{display:block; height:40px; margin:0 10px 10px 10px; background:url('../../images/cosmetic_dentistry/backgrounds/navigation.gif') #282828 no-repeat 0 0; padding-left:14px; position:relative;}
  #content{padding:10px 10px 0 10px; background:url('../../images/cosmetic_dentistry/backgrounds/container.gif') no-repeat 0 0;}
    #banner {height:100px; background:#bfbdae;}
    body#home-page #banner{height:240px; padding:80px 0 0 360px; background:url('../../images/cosmetic_dentistry/backgrounds/banner.jpg') no-repeat 0 0;}
    #information {background:#fff; padding:20px 0;}
      #primary{padding-left:30px; float:left; width:600px; background:#fff;}
      #secondary{padding-right:25px; width:280px; float:right; background:#fff;}
#footer-container{width:100%; padding:50px 0 30px 0; background:url('../../images/cosmetic_dentistry/backgrounds/footer-container.gif') top center no-repeat #282828;}
  #footer{width:960px; margin:0 auto;}
  
  #phone_number {background:url(../../images/cosmetic_dentistry/backgrounds/phone_number.gif) no-repeat 30px 50% !important; text-indent:-9999em; width:150px;}
  
  /* Common Elements */
span.thumbnail {width:71px; height:71px; padding:4px; display:block;background: url('../../images/cosmetic_dentistry/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/cosmetic_dentistry/backgrounds/photo.jpg') no-repeat 0 0; overflow:hidden; }
span.photo img {width:202px; height:202px; overflow:hidden;}

.hidden {display:none !important;}
.location_map {border:5px solid #999;}

 
/* Header Elements */
#header img#advance_dental_artistry {float:right; display:inline; margin:25px 30px 0 0;}

/* Navigation Elements */
ul#navigation li {float:left; display:inline; padding:0 4px 0 3px; height:40px; background:url('../../images/cosmetic_dentistry/navigation/divider.gif') no-repeat right bottom;}
ul#navigation li a {display:block; height:40px; width:55px; text-indent:-9999px; background:url('../../images/cosmetic_dentistry/navigation/home.gif') no-repeat 0 0;}
ul#navigation li#about_us-nav a {background-image:url('../../images/cosmetic_dentistry/navigation/about_us.gif'); width:85px;}
ul#navigation li#testimonials-nav a {background-image:url('../../images/cosmetic_dentistry/navigation/experiences.gif'); width:111px;}
ul#navigation li#smile_gallery-nav a {background-image:url('../../images/cosmetic_dentistry/navigation/smile_gallery.gif'); width:117px;}
ul#navigation li#faq-nav a {background-image:url('../../images/cosmetic_dentistry/navigation/faq.gif'); width:47px;}
ul#navigation li#contact_us-nav a {background-image:url('../../images/cosmetic_dentistry/navigation/contact_us.gif'); width:99px;}
body#home-page ul#navigation li#home-nav a,
body#about_us-page ul#navigation li#about_us-nav a,
body#cosmetic_dentistry-page ul#navigation li#cosmetic_dentistry-nav a,
body#testimonials-page ul#navigation li#testimonials-nav a,
body#smile_gallery-page ul#navigation li#smile_gallery-nav a,
body#faq-page ul#navigation li#faq-nav a,
body#contact_us-page ul#navigation li#contact_us-nav a,
ul#navigation li a:hover {background-position:0 -40px;}
ul#navigation li#end {width:7px; height:40px; display:block; background:url('../../images/cosmetic_dentistry/backgrounds/navigation-end.gif') no-repeat 0 0; text-indent:-9999px; top:0; right:0; position:absolute; padding:0; margin:0;}

/* Banner Elements */
#banner h1 {height:80px; width:500px; text-indent:-9999px; background:url('../../images/cosmetic_dentistry/headings/h1-about_us.gif') no-repeat 30px bottom; float:left;}
body#home-page #banner h1 { float:none; text-indent:-9999px; height:50px; width:auto; background:url('../../images/cosmetic_dentistry/headings/h2-cosmetic_dentistry.gif') no-repeat 0 0;}
body#about_us-page #banner h1 {background-image:url('../../images/cosmetic_dentistry/headings/h1-about_us.gif');}

body#testimonials-page #banner h1 {background-image:url('../../images/cosmetic_dentistry/headings/h1-experiences.gif');}
body#smile_gallery-page #banner h1 {background-image:url('../../images/cosmetic_dentistry/headings/h1-smile_gallery.gif');}
body#faq-page #banner h1 {background-image:url('../../images/cosmetic_dentistry/headings/h1-faq.gif');}
body#contact_us-page #banner h1 {background-image:url('../../images/cosmetic_dentistry/headings/h1-contact_us.gif');}

#banner p {font: 2em "Georgia", "Times New Roman", serif; color:#ddd; width:400px; padding-bottom:.5em;}
#banner cite {color:#fff; font:1.4em "Georgia", "Times New Roman", serif;}

#banner a {float:right; width:245px; height:40px; display:inline; margin:40px 30px 0 0; text-indent:-9999px; background:url('../../images/cosmetic_dentistry/buttons/play_video_testimonial.gif') no-repeat 0 0;}
body#home-page #banner a {margin-top:170px;}
#banner a:hover {background-position:0 -40px;}

/* primary elements */
#primary p.blurb {font:2em/1.2em Georgia, "Times New Roman", serif; color:#222; padding-bottom:20px;}
#primary p {font-size:1.2em; line-height:1.8em; color:#333; padding-bottom:20px;}
#primary a {color:#95937d;}
#primary a:hover {text-decoration:none;}
#primary ul { list-style-type: disc; } 
#primary ol { list-style-type: decimal; }
#primary ul li, #primary ol li { margin-left: 20px; }

#primary h1 {font-size: 2em; padding-bottom: 10px; }
#primary h2, #primary h3, #primary h4, #primary h5, #faq-page dt {font: 1.6em Georgia, "Times New Roman", serif; padding-bottom:10px; color:#666;}
#primary h3 {font-size:1.4em;}
#primary h4 {font-size:1.3em;} 
#primary h5 {font-size:1.2em;}


/* secondary elements */
form#make_an_enquiry {width:219px; padding:20px 30px; background:url('../../images/cosmetic_dentistry/backgrounds/make_an_enquiry.gif') no-repeat 0 0 #e4e4e4; position:relative;}
form#make_an_enquiry span.bottom {width:279px; height:5px; background:url('../../images/cosmetic_dentistry/backgrounds/make_an_enquiry-bottom.gif') no-repeat 0 0; position:absolute; bottom:0; left:0; text-indent:-9999px;}
form#make_an_enquiry h3 {font:bold 1.6em/3em "Georgia", "Times New Roman", Serif; color:#000;}
form#make_an_enquiry ul li {display:block;padding:5px 0}
form#make_an_enquiry ul li#comment {height:100px;}
form#make_an_enquiry input, form#make_an_enquiry textarea {border: none;  padding:5px 10px; background:#fff; color:#666; font: 1.1em Verdana, Arial, sans-serif; width:180px; display:block;}

form#make_an_enquiry textarea {height:80px; overflow:auto;}
form#make_an_enquiry ul li.button {background:none; height:31px; padding:0; margin-top:10px;}
form#make_an_enquiry ul li.button input {display:block; height:31px; width:91px; background: url('../../images/cosmetic_dentistry/buttons/submit.gif'); text-indent:-9999px; font-size:0; }
form#make_an_enquiry ul li.button input:hover {background-position:0 -31px; cursor:pointer;}
form#make_an_enquiry ul li label.error {color:#f00; display:block;}
/* footer elements */
#footer dl {float:left; display:inline; margin-right:15px; padding:20px 0; width:310px; height:170px; background:url('../../images/cosmetic_dentistry/backgrounds/footer_link-container.gif') no-repeat 0 0;}
#footer dl dt {float:left; width:100px; padding:10px 30px 10px 10px; height:50px; font: 2.2em "Georgia", "Times New Roman", serif; color:#fff; background:url('../../images/cosmetic_dentistry/backgrounds/footer-definition_term.gif') no-repeat top right;}
#footer dl dd {float:right; clear:right; width:150px; color:#fff; font-size:1.1em; padding-bottom:5px; line-height: 1.5em !important;}
#footer dl dd a {color:#fff; text-decoration:none; display:block; background:url('../images/icons/cross.gif') no-repeat 0 8px;}
#footer dl dd a:hover {color:#ccc;}

/* this is becuase adam cant layout a website - 1990 rang and asked for their rasterized layers back */
dl#contact_information {margin:0; float:right;}
dl#contact_information dt {width:60px;}
dl#contact_information dd {width:170px;}

#footer p {padding-bottom:3em; color:#ccc;}
#footer a img {float:right;}


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/cosmetic_dentistry/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;
}

/* 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: 190px;
  margin: 0 auto;
  position: relative;
  width: 650px;
}

#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;
}



#map{
  position: absolute;
  right: 30px;
  top: 235px;
}