@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
	padding: 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 21px;
	color:#fff;
	text-align:justify;
	background: url(../images/emergency-dentist-london_01.png) 0 0 repeat-x;
}

h1{
	font-weight: lighter;
	font-size: 26px;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #cd5450;
	color:#b20701;
}

h2{
	font-weight: lighter;
	font-size: 20px;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	line-height: 26px;
	text-align:justify;
	color: #444444;
}

h3{
	font-weight: lighter;
	font-size: 20px;
	margin: 25px 0 10px 0;
	padding: 0 0 05px 0;
	line-height: 26px;
	text-align:justify;
	border-bottom: 1px dashed #cd5450;
}

.highlight{
	color:#b20701;
}

.cta-main a{
	color: #666;
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 1px solid #b20701;
}

.cta-main a:hover{
	color: #b20701;
	border-bottom: 0px solid #fff;
}

/*divs*/

#header-wrapper{
	clear:both;
	width: 100%;
	
}

#header-left{
	width: 50%;
	background: url(../images/emergency-dentist-london_07.png) bottom left repeat-x;
	position: absolute;
	height: 150px;
	top: 190px;
	left: 0;
}

#header-right{
	width: 50%;
	background: url(../images/emergency-dentist-london_08.png) top left repeat-x;
	height: 150px;
	position: absolute;
	top: 199px;
	right: 0;
}

#header-content{
	width: 980px;
	margin: 0 auto;
	position:relative;
	height: 340px;
	z-index: 90;
}

#callus{
	width: 309px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/emergency-dentist-london_02.png) 0 0 no-repeat;
	padding: 20px 20px 20px 70px;
	font-size: 20px;
	font-size: lighter;
	z-index:98;
	
}

#promotions{
	width: 300px;
	position: absolute;
	top: 30px;
	right: 0;
	z-index: 98;
}



#slideshow{
	width: 980px;
	z-index: 91;
	position: relative;
	height: 340px;
}

/*page-content--*/

#page-content-wrapper{

	width: 100%;
	background:#b30600;
}

#page-content{
	clear:both;
	width: 960px;
	margin: 0 auto;
	padding: 0px 0 20px 20px;

}

#left-col{
	float:left;
	width: 620px;
	padding: 00px 0 0 0;
		position: relative;
}

#nav{
	width: 620px;
	z-index: 999;
	position: absolute;
	top: 0;
	left: 0;
}

#nav ul{
	width: 620px;
	margin: 20px 0 15px 8px;
	padding: 0;
	text-align:center;
	
}

#nav ul li{
	display: inline;
	list-style: none;
	margin: 0 20px 0 0px;
	font-size: 14px;
	text-align:center;
}

#nav ul li.last:child{
	margin: 0 0 0 0 !important;
}

#nav a{
	color: #fff;
	text-decoration:none;
	padding-bottom: 2px;
	border-bottom: 1px dashed #cd5450;
}

#nav a:hover{
	color: #8a0500;
	border-bottom: 0px solid #fff;
}

#microsite1{
	width: 300px;
	float:left;
	background:url(../images/tab-background2.png) 0 0 no-repeat;
	text-align:center;
	padding: 10px 0 0 0;
	height:32px;
	margin: 15px 20px 0 0;
	font-size: 15px;
}

#microsite2{
	width: 300px;
	float:left;
	background:url(../images/tab-background2.png) 0 0 no-repeat;
	text-align:center;
	padding:10px 0 0 0;
	height:32px;
	margin: 15px 0px 0 0;
	font-size: 15px;
}

#microsite1 a, #microsite2 a, #areas-main a{
	color: #fff;
	border-bottom: 1px dashed #fff;
	text-decoration: none;
}

#areas-main a:hoveR{
	border-bottom: none;
}

#text-area-top{
	width: 620px;
	float:left;
	margin: 65px 0 0 0;
	padding: 0;
	height: 10px;
	background: url(../images/text-area-top.png) 0 0 no-repeat;
}



#text-area{
	width: 580px;
	float:left;
	margin: 0px 0 0 0;
	background: #fff;
	color: #666;
	padding: 10px 20px 0px 20px;
}

#text-area p a, #text-area ul a{
	color: #666;
	text-decoration:none;
	border-bottom: 1px dotted #b20701;
	padding-bottom: 1px;
}

#text-area p a:hover, #text-area ul a:hover{
	color:#b20701;
	border-bottom: 0px dotted #fff;
}

#text-area ul li{
	margin: 0 0 6px 0;
}

#text-area-bottom{
	width: 620px;
	float:left;
	margin: 0;
	padding: 0;
	height: 10px;
	background: url(../images/text-area-bottom.png) 0 0 no-repeat;
}

#areas-top{
	width: 620px;
	float:left;
	margin: 15px 0 0 0;
	padding: 0;
	height: 10px;
	background: url(../images/text-area-top2.png) 0 0 no-repeat;
}

#areas-main{
	width: 580px;
	float:left;
	margin: 0px 0 0 0;
	background: #990b06;
	color: #fff;
	padding: 0px 20px 3px 20px;
}

#areas-bottom{
	width: 620px;
	float:left;
	margin: 0 0 15px 0;
	padding: 0;
	height:10px;
	background: url(../images/text-area-bottom2.png) 0 0 no-repeat;
}

.col{
	width: 50%;
	float:left;
}

.route-planner{
	float:right;
	margin: 0 0 10px 20px;
}

#video{
	float:right;
	margin: 5px 0 20px 20px;
}

iframe{
	float:right;
	margin: 10px 0 0 30px;
	border: 1px solid #b20701;
}

.cta-main iframe{
	margin: 10px 0 0 0;
	border: 1px solid #b20701;
}

#right-col{
	float:right;
	width: 300px;
	padding: 530px 0 0 0;
}

.home{
	width: 300px;
	float:left;
	margin: 0 0 20px 0;
	
}

.home img{
	float:right;
	margin: 0 0 0 10px;
}

.cta-top{
	width: 285px;
	float:left;
	margin: 0;
	padding: 13px 0 10px 15px;
	background: url(../images/emergency-dentist-london_15.png) 0 0 no-repeat;
	font-size: 17px;
}

.cta-top2{
	width: 285px;
	float:left;
	margin: 0;
	padding: 13px 0 10px 15px;
	background: url(../images/emergency-dentist-london_15.png) 0 0 no-repeat;
	font-size: 21px;
	text-align:center;
	letter-spacing:3px;
}

.cta-main{
	width: 280px;
	float:left;
	padding: 5px 10px 5px 10px;
	background: url(../images/emergency-dentist-london_17.png) 0 0 repeat-y;
	margin: 0;
	color: #666;
}

.cta-main2{
	width: 285px;
	float:left;
	padding: 15px 0px 8px 15px;
	background: url(../images/emergency-dentist-london_15-3.png) 0 0 no-repeat;
	font-size: 21px;
	text-align:center;
	letter-spacing:3px;
}

.cta-main select{
	width: 270px;
	margin: 10px 0 5px 0;
}

.cta-bottom{
	width: 300px;
	float:left;
	padding: 0;
	margin: 0 0 20px 0;
	height: 10px;
	background:url(../images/emergency-dentist-london_18.png) 0 0 no-repeat;
}

.cta-bottom2{
	width: 285px;
	float:left;
	margin: 0 0 19px 0;
	padding: 14px 0 15px 15px;
	background: url(../images/emergency-dentist-london_15-2.png) 0 0 no-repeat;
	font-size: 21px;
	text-align:center;
	letter-spacing:3px;
}

.insurance-logos{
	width: 280px;
	float:left;
	margin: 15px 0 0 0;
}

.insurance-logos a{
	border: 0px solid #fff;
}


/*footer*/

#footer-wrapper{
	clear:both;
	width: 100%;
	background: url(../images/emergency-dentist-london_28.png) 0 0 repeat-x;
}

#footer-content{
	width: 960px;
	margin: 0 auto;
	padding: 20px 0px 20px 20px;
	background: url(../images/emergency-dentist-london_29.png) top center no-repeat;
	text-align:center;
	color:#ebc9c8;
}

#footer-content a{
	color: #ebc9c8;
	padding-bottom: 2px;
	border-bottom: 1px dashed #fff;
	text-decoration: none;
}

#footer-content a:hover{
	color: #8A0500;
	border-bottom: 0px solid #fff;
}

.border-right {
	padding-right:10px;
}

/*clearing*/
#header-wrapper:after, #header-content:after, #callus:after, #left-col:after, #right-col:after, #page-content:after, #page-content-wrapper:after{
	clear:both;
	height: 0;
	display: block;
	visibility:hidden;
	content:".";
}
.logo {
    background:  white;
}

.logo img {
    max-width:  100%;
    height:  auto;
    margin: 20px 00;
}