/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; line-height:1em; font-family:inherit; text-align:left; vertical-align:baseline;}
a img, :link img, :visited img{border:0;}
ol, ul{list-style:none;}
a:focus{-moz-outline-style:none;}

/*General*/
html{height:100%; font-size:100%; overflow-y:scroll; margin-bottom:0px;}
body{font-size:11px; line-height:16px; font-family:Arial, Verdana, sans-serif; color:#635552; text-align:center; background:#fff;}

h1, h2, h3, p, li, dt, dd, td, th, label, address{font-size:11px; line-height:16px; font-weight:normal;}

/*Typography*/
h1,h2,h4,h5,h6{font-size:15px; line-height:20px; margin-bottom:0; font-weight:normal;}
h1,h4,h6{color:#E57929; margin-bottom:17px;}
h4{margin-top:33px;}
h3,h1.staff{font-weight:bold; font-size:11px; margin-bottom:0; color:#635552;}
p, ul, table{margin-bottom:16px;}
p.ds{margin-bottom:34px;}
p em{font-size:11px;}

ol li{margin-bottom:16px; list-style-position: outside; list-style-type:decimal; margin-left:15px;}

em{font-style:italic;}
strong{font-weight:bold;}
img{display:block;}

address{font-style:normal;}

.clear{clear:both;}

a, a:link, a:active, a:visited, a:focus{color:#E57929; text-decoration:none; outline:none; font-weight:normal;}
a:hover{color:#635552;}
a.arrow{background:url('/images/arrow.png') no-repeat right 4px; padding-right:10px;}
a:hover.arrow{background:url('/images/arrow.png') no-repeat right -12px;}
#sidebar a{text-decoration:none; background:none;}

/* Forms */
form div{margin-bottom:16px;}
p.warning{text-align:left; background:#fff0e4; font-weight:bold;}
.highlight input{background:#fff; border:1px solid #E57929 !important;}
label{display:block; margin-bottom:5px; cursor:pointer;}
input.text{padding:2px; border:1px solid #ccc; margin:0; width:276px; line-height:16px; color:#635552; font-family:Arial; font-size:11px;}
#dates{float:left; width:100%;}
select{width:280px;}

/* Layout */
#wrapper{width:890px; margin:60px auto; text-align:left; padding:0 20px;}
#wrapper.small_window{margin:30px auto;}
	#header{padding-bottom:20px; border-bottom:1px solid #fae1cb; position:relative; width:100%;}
		#logo{display:block; width:223px; height:81px;}
		#german{position:absolute; text-align:right; display:block; right:0; bottom:20px; background:url('/images/german-flag.png') no-repeat left 3px; padding-left:15px;}
	#content{width:890px; position:relative; border-bottom:1px solid #fae1cb; padding:0 0 20px 0; overflow:hidden; background:#fff url('/images/bg.png') repeat-y left bottom; min-height:397px;}
	#home #content, #contact #content{background:none;}
		#sidebar{float:left; width:250px; margin-top:20px;}
		#sidebar ul{width:162px;}
			#core{padding-bottom:17px; margin-bottom:16px;}
			#core.sections{border-bottom:1px solid #fae1cb;}
		#main{float:left; width:280px; padding-top:20px;}
		#home #main{padding:0;}
		#aside{position:absolute; right:0; top:0; width:280px;}

/*	Navigation	*/
ul ul{margin:0 0 10px 12px;}
	
#home .home a,
.about .about a,
#introduction .introduction a,
.team .team a,
#team .team a,
#testimonials .testimonials a,
#advice .advice a,
#disabled .disabled a,
#olaf .olaf a,
#ian .ian a,
#iwona .iwona a,
#andrew .andrew a,
#so .so a,
#fde .fde a,
#hs .hs a,
#wf .wf a,
#mfr .mfr a,
#twz .twz a,
#pox .pox a,
#dx .dx a,
#cf .cf a,
#bf .bf a,
#v .v a,
#in .in a,
#d .d a,
#im .im a,
#rc .rc a,
#ex .ex a,
#fees .fees a,
#botox .botox a,
.services .services a,
#opening .opening a,
.book .book a,
#book .form a,
#cancellation .cancellations a,
.german-dentist .german a,
#welcome .welcome a,
#testimonials .testimonials a,
#contact .contact a{color:#635552;}
			
/*Home*/
#home #core{margin-bottom:0;}
#blurb{font-size:15px; color:#635552; line-height:21px; width:210px; margin:0; position: relative;}
#appointment-times{position:absolute; bottom:20px; width:184px; margin:0;}
span.reg {font-family: Arial;}

/*Opening*/
.day{width:100px;}

/*Testimonials*/
blockquote{font-style:normal; margin-bottom:16px; border-bottom:1px solid #fae1cb;}
blockquote p.source{margin-top:-16px; font-style:normal; color:#aaa;}

/*Fees*/
#fees table{margin-bottom:16px;}
#offer{padding:10px; background:#fff0e4;}
	#offer h3{color:#000;}
	#offer p{margin:0;}

/*Booking*/
#book #main{width:640px;}
	#book #main .col_1{width:280px; float:left; margin-right:80px;}
	#book #main .col_2{width:260px; float:right; padding:10px; margin:26px 0 100px 0;}
	#book #main .col_2 input.text, #book #main .col_2 select{width:254px;}
	#book #main .col_2 select#appointment_t, 
	#book #main .col_2 select#appointment_m,
	#book #main .col_2 select#appointment_d{float:left; width:78px;}
	select#appointment_t, select#appointment_d{margin-right:10px;}
	
/*Contact*/
#map{position:absolute; top:60px; right:20px;}

/*Special Offers*/
/*#offers li *{font-size:15px;}
#offers li{margin-bottom:32px;}
#offers h3{}
#offers p{margin:0;}
#offers p.cost{color:#000; font-weight:bold;}
*/
#cycle{}
#offers li{padding:10px; background:#fff0e4; margin-bottom:16px; width:250px;}
	#offers h3{font-size:15px;}
	#offers p{margin:0;}
	#offers p.cost{color:#666;}
	#next{position:absolute; display:block; top:10px; right:20px; width:25px; z-index:99; line-height:16px;}
	#spec_offers{position:relative;}



/*Social Icons*/
.socialIcons {
    position: absolute;
    right: 0;
    top: 0;
}

.socialIcons ul {
  display: inline;
  vertical-align: -5px;
}

.socialIcons h4 {
    font-size: 13px;
    display: inline-block;
    margin-top: 0;
    padding-right: 5px;
}
.socialIcons ul li {
    height: 20px;
    width: 20px;
    display: inline-block;
}

.socialIcons ul li:hover {
    opacity: 0.8;
}


/*New Office Popup*/

*{margin:0;padding:0;}
#overlay{ /* we set all of the properties for are overlay */
    height:auto;
    width:800px;
    margin:0 auto;
    color:black;
    padding:10px;
    position:relative;
    top:5%;
    z-index:1000;
    display:block;
    /* CSS 3 */
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
}

#mask{ /* create are mask */
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,0.5);
    z-index:500;
    width:100%;
    height:100%;
    display:block;
}
/* use :target to look for a link to the overlay then we find are mask */
#overlay:target, #overlay:target + #mask{
    display:none;
    opacity:1;
}


#close-overlay{ /* open the overlay */
    
    background:#e47929;
    font-size: 14px;
    color:white;
    text-decoration:none;
    display:block;
    width: 244px;
    height: 12px;
    text-align: center;
    margin: 0 auto;
    vertical-align: center;
    padding-top: 17px;
    padding-bottom: 17px;
}

.modal{
    
    position: absolute;
}

.infobox {
    position: absolute;
    top: 0;
    width: 278px;
    right: 10px;
    background: white;
    top: 2%;
    border: 1px solid #d8d2ce;
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-shadow: 0px 3px 21px 3px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 3px 21px 3px rgba(0,0,0,0.35);
    box-shadow: 0px 3px 21px 3px rgba(0,0,0,0.35);
    
}

.infobox img {
    padding-top: 20px;
    padding-bottom: 26px;
    margin: 0 auto;
    
}

.infobox span {
    font-size: 14px;
}

a.test {
    font-size: 14px;
    color: #e47929;
}

.infobox p {
    font-size: 13px;
    padding-bottom: 20px;
    margin-bottom: 0px;
}

.infobox #blurb {
    width: 100% !important;
    font-size: 14px !important;
}

.top-strip { width:100%; padding:20px 0;  background:#e47929; color:#fff; text-align:center; font-size:14px;}
.top-strip a { color:#fff; font-weight:bold;}