/* CSS Document */
/* Design - Mark Abrams 2/2010 */

/* CSS Reset styles, margin, padding, fonts and weights */
@charset "utf-8";
/* CSS Reset Document */

/* Normalizes margin, padding */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
 { margin : 0; padding : 0; }
/* Normalizes font-size for headers */ 
h1, h2, h3, h4, h5, h6 
 { font-size : 100%; }
/* Removes list-style from lists */ 
ol,ul 
 { list-style: none; }	
/* Normalizes font-style and font-weight to normal */ 
address, caption, cite, code, dfn, em, strong, th, var 
 { font-style: normal; font-weight: normal; }
/* Remaves borders and spacing from tables */ 
 table { border-width: 0px;}
/* Removes border from fieldset and img */ 
fieldset, img 
 { border : 0; }
/* Left-aligns text in caption and th */ 
caption,th 
 { text-align : left; }
/* Remaves quotation marks from q */ 
 q:before, q:after { content: ''; }
 
 
body {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 1.5em;
	}

/* Page Layout - float center */

#header{
	position: absolute;
	height: 150px;
	width: 966px;
	top: 0px;
	left: 50%;
	margin-left: -483px;
	border: 1px none #CCC;
	background-image: url(../images/layout/header.jpg);
	background-repeat: no-repeat;
	}
#header #headerLogo {
	height: 130px;
	width: 250px;
	/* [disabled]border: thin dotted #F00; */
	position: absolute;
	display: block;
}

#headerInset{
	float: right;
	width: 215px;
	position: relative;
	top: 20px;
}
#header #dentist-names {
	font-size: 14px;
	line-height: 1.2em;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #333;
	text-align: right;
	padding-right: 2.5em;
	padding-top: 0px;
}
#header .dentist-address {
	padding-top: 0px;
	color: #333;
	font-style: normal;
	font-size: 12px;
	line-height: 1.4em;
	text-align: right;
}
#content {
	position: absolute;
	left:50%;
	width:966px;
	top:150px;
	z-index: 2;
	height: auto;
	visibility: visible;
	margin-left: -483px;
	background-image: url(../images/layout/side-shadow.jpg);
	background-repeat: repeat-y;
	padding-top: 1px;
 	}
 
#contentCol {
	width:675px;
	color: #666;
	clear: both;
	min-height: 200px;
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 35px;
	text-align: justify;
 }

article {
	float: left;
	width: 675px;
	/* [disabled]min-height: 400px; */
	display: block;
	/* [disabled]margin-left: 20px; */
	/* [disabled]margin-right: 20px; */
	padding: 1.5em;
	background-color: #FFFFFF;
	border-radius: 10px;
	-webkit-border-radius:	10px;
}
.feature {
	background-color: #F8FBF2;
	border: 1px solid #B7D985;
	padding: 1em;
	margin-left: 2em;
	margin-bottom: 2em;
}



#sideBar {
	float: right;
	width: 205px;
	left: 30px;
}
#top-dentist{
	background-image: url(../images/layout/delaware-top-dentist.png);
	background-repeat: no-repeat;
	color: #666;
	text-align: center;
	font-size: 90%;
	padding-right: 2em;
	padding-left: 0em;
	padding-top: 110px;
	background-position: right top;
	line-height: 1.3em;
	margin-top: 40px;
	margin-bottom: 0px;
	letter-spacing: 0.09em;
}

#top-dentist hr {
	width: 60%;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}

 #footer {
	text-align: center;
	clear: both;
	height: 100px;
	width: 966px;
	background-image: url(../images/layout/footer.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 1em;
	color: #666;
}
#footerContent {
	margin-top: 4.5em;
	font-size: 12px;
	color: #333;
	font-weight: bold;
	font-family: "Century Gothic";
}
#footerLinks {
	font-size: 75%;
	margin-top: -1px;
}

 #content #footer #footerContent #serviceArea a {
	text-decoration: none;	
 	cursor: text;
 }

#footer address {
	display: inline;
}
#footer #copyright, #copyright a, #copyright a:hover {
	display: inline;
	font-weight: normal;
	color: #999;
	text-decoration: none;
	font-size: 9px;
}
#content #footer #footerContent a {
	font-size: 100%;
	font-weight: normal;
}

.alt, #prolog {
	display: none;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
	margin-left: 1em;
}

.clear {
	clear: both;
}
.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

 

.imgLeft, .imgCenter, .imgRight{
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
 	}

	
.imgLeft, .imgGallery img {
	float: left;
	margin-right: 2em;
	margin-top: 0em;
	margin-bottom: 2em;
	-moz-box-shadow: 2px 2px 5px rgba (0, 0, 0, 0.5);
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	-webkit-border-radius:	10px;
 }
.imgRight {
	float: right;
	margin-left: 2em;
	margin-top: 0em;
	margin-bottom: 2em;
	-moz-box-shadow: 2px 2px 5px rgba (0, 0, 0, 0.5);
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	-webkit-border-radius:	10px;
 }

.img_right_float {
	float: right;
	margin-right: 1em;
	margin-left: 2em;
}
.img_left_float {
	float: left;
	margin-right: 1em;
}
.imageColRight {
	float: right;
	margin-left: 2em;
	margin-bottom: 1em;
	margin-top: 0.5em;
	width: 226px;
}
#contentCol hr {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	text-align: center;
	width: 75%;
	margin-right: auto;
	margin-left: auto;
}

#img-dental-services {
	background-image: url(../images/stock/dental-services.jpg);
	background-repeat: no-repeat;
	background-position: left 0px;
}
#img-dental-services-cosmetic {
	background-image: url(../images/stock/dental-services.jpg);
	background-repeat: no-repeat;
	background-position: left -150px;
}

#img-dental-services-restorative {
	background-image: url(../images/stock/dental-services.jpg);
	background-repeat: no-repeat;
	background-position: left -300px;
}
#img-dental-services-periodontic {
	background-image: url(../images/stock/dental-services.jpg);
	background-repeat: no-repeat;
	background-position: left -450px;
}
#img-dental-services-sedation {
	background-image: url(../images/stock/dental-services.jpg);
	background-repeat: no-repeat;
	background-position: left -600px;
}


 h1	{
	font-family: "Century Gothic";
	font-size: 150%;
	color: #690;
	font-weight: bold;
	text-align: left;
	padding-top: 2em;
	padding-bottom: 0.5em;
 	}
#header #headerInset h1 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0em;
	padding-left: 0px;
	line-height: 1em;
	margin-bottom: 0.3em;
	margin-top: .5em;
}

h2 {
	font-size: 110%;
	font-weight: bold;
	padding-top: 0.5em;
	font-family: Verdana, Geneva, sans-serif;
	color: #690;
	padding-bottom: .2em;
	text-align: left;
}
h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	font-weight: 700;
	color: #666;
}
h4 {
	font-weight: normal;
	padding-bottom: 1em;
 }
strong {
	font-weight: bold;
}
p {
	padding-bottom: 1em;
}

em {
	font-style: italic;
}

#contentCol ulz {
	padding-top: .5em;
	padding-bottom: .5px;
	padding-left: 1em;
}
#contentCol ul li {
	padding-left: 2em;
	background-image: url(../images/layout/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 10px 0.4em;
	list-style-type: none;
	margin-bottom: 0.9em;
	list-style-position: outside;
 }

#contentCol ul ul li {
	padding-left: 2em;
	background-image: url(../images/layout/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 10px 0.4em;
	list-style-type: none;
	margin-bottom: .5em;
	list-style-position: outside;
 }
 .text_left {
	text-align: left;
}

.text_center {
	text-align: center;
}
.text_right {
	text-align: right;
}

 a:link, a:visited {
	color: #3366CC;
	text-decoration: none;
}

 .testimonial {
	font-size: 85%;
	clear: right;
}

.testimonial_signer{
	color: #6787D4;
	font-style: oblique;
}
table {
	font-size: 1em;
	margin-bottom: 1em;
	margin-top: 1em;
}
th {
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #839B5F;
}

.bottomMargin {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	margin-bottom: 1em;
}
blockquote {
	font-size: 90%;
	margin-right: 1em;
	margin-left: 2em;
}
#mailform {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}
#preload {
	display: none;
}
address {
	letter-spacing: 0.12em;
}

iframe {
	border: 2px solid #690;
	margin-right: auto;
	margin-left: auto;
}
.twitterIcon {
	margin-bottom: -.2em;
}
.reviewBadge {
	margin-left: 30px;
	/* [disabled]border: thin dotted #090; */
	width: 175px;
	/* [disabled]background-color: #06C; */
	display: block;
	float: left;
}
#fb_share {
	margin-top: -50px;
	width: 100px;
	float: none;
	background-color: #0C9;
	display: inline-block;
	padding-bottom: 10px;
	height: 20px;
}
#reviewus {
	position: absolute;
	left: 50%;
	top: 61px;
	margin-left: 280px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.center {
	margin-right: auto;
	margin-left: auto;
}
.smaller {
	font-size: smaller;
}