/*
Theme Name: Keystone Dentistry
Version: 1.0
Author: Quinlan<sup>UX</sup>
Author URI: http://www.quinlanux.com/
*/

body {margin:0; padding:0; background:#EFE0B9 url(images/rez1.jpg) repeat-x; text-align: center; font-family: tahoma,arial,helvetica,sans-serif; color: #898471; }
#wrapper { text-align: left; width: 750px; overflow: hidden; margin: 0 auto;  }
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear-both { clear: both; }

a{ color:#DB4104; text-decoration:underline;}
a:hover{ color:#DB4104; text-decoration:none;}
a.post-edit-link { clear: both; font-size: .7em; }
a img { border: none; }

h1 {font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:21px; margin-bottom:4px; font-weight:normal; color:#5F5D30}
h2 {
	margin: 10px 0 0;
	font-size: 1.2em;
	color: #636A4B;
	padding-bottom: 4px;
	font-weight: normal;
}
h2.title { padding-bottom: 8px; margin-bottom: 4px; background: url(images/8d1.gif) bottom left no-repeat; }
h3 { font-size: .9em; }
ol { font-size: .8em; padding-left: 20px; }
ul { font-size: .8em; }
ul li { margin: 10px 0; }
#main-subpage ul li p { font-size: 1em; }

.bold { font-weight: bold; }

#main-subpage img { float: right; margin: 2px 0 6px 6px; }


/*** home header ***/
.home-head-wrapper {
	font-family: Arial, Helvetica, sans-serif;
	height: 403px;
	position: relative;
}
.home-head-container { width:750px; margin: 0 auto; }
	.head-links {
		padding-top: 6px;
		height: 30px;
		position: relative;
	}
		.head-links a { 
			text-indent: -9999em;
			width: 24px;
			height: 24px;
			margin-left: 30px;
			display: block;
			float: left;
		}
			.head-links .home {
				background: url(images/home-hover.gif) center no-repeat #ff4900;
			}
			.head-links .site-map {
				background: url(images/site-map.gif) center no-repeat;
			}
			.head-links .ada {
				background: url(images/ada.gif) center no-repeat;
			}
			.head-links .site-map:hover {
				background: url(images/site-map-hover.gif) center no-repeat #ff4900;
			}
			.head-links .ada:hover {
				background: url(images/ada-hover.gif) center no-repeat #ff4900;
			}
			.head-links p {
				color: #6d7987;
				margin: 0;
				font-size: 1.2em;
				position: absolute;
				right: 20px;
				width: 230px;
				height: 24px;
			}
				.head-links p span { color: #ff4900; font-variant: small-caps; font-size: .65em; }
	.home-head-logo { position: relative; margin-top: 4px; clear: left; }
		.home-head-logo h1 { margin: 0; display: block; width: 306px; padding-top: 4px; }
		.home-head-logo h1.logo a {
			background: url(images/logo.png) no-repeat top left;
			text-indent: -9999em;
			display: block;
			width: 306px;
			height: 93px;
		}
		.home-head-logo .address {
			width: 200px;
			height: 100px;
			position: absolute;
			top: 14px;
			right: 40px;
			font-size: .9em;
		}
			.home-head-logo address {
				color: #6d7987;
				margin: 0;
				font-style: normal;
			}
			.home-head-logo .directions {
				color: #636a4b;
				margin: 4px 0 0 0;
				font-size: .95em;
			}
			.home-head-logo .directions:hover {
				text-decoration: none;
				font-style: italic;
			}
	.home-head-menu-flash { 
		background: #FEF6E1;
		height: 261px;
		position: absolute;
		width:750px;
		margin: 0 auto;
		top: 141px;
	}
		.home-head-menu ul { 
			list-style: none;
			background: #f8e8bf url(images/menu-top.gif) top left repeat-x;
			padding: 2px 0 6px 0;
			margin: 7px 0 0 0;
			width: 256px;
			font-size: .94em;
		}
		.home-head-menu ul li {
			margin: 0;
		}
		.home-head-menu ul li a {
			color: #636a4b;
			width: 211px;
			height: 24px;
			background: #F8E8BF url(images/menu-bg.gif) top left no-repeat;
			display: block;
			text-decoration: none;
			border-top: 1px #e9ce8b solid;
			border-bottom: 1px #fff solid;
			padding: 7px 0 0 40px;
			font-size: .94em;
		}
		.home-head-menu ul li a:hover {
			background: #43413b url(images/menu-bg.gif) top right no-repeat;
			color: #fff;
			font-size: 1em;
			cursor: pointer;
		}
		.home-head-menu ul li a.first { border-top: none; margin-top: 20px; }
		.home-head-menu ul li a.last { border-bottom: none; margin-bottom: 20px; }
		.home-head-menu ul li a span { color: #6d7987; margin-right: 20px; font-size: .7em; }
		.home-head-menu ul li a:hover span { color: #fff; font-size: .9em; }
		.home-head-menu-flash {			
		}
		.home-head-menu-flash #flash-holder {
			height: 260px;
			width: 494px;
			background: #33322d;
			position: absolute;
			top: 0;
			right: 0;
		}

/*** subpage header ***/
.head-container { width:750px; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; }
			.head-container .head-links .home {
				background: url(images/home.gif) center no-repeat;
			}
			.head-container .head-links .home:hover {
				background: url(images/home-hover.gif) center no-repeat #ff4900;
			}
	.head-logo { position: relative; margin-top: 7px; }
		.head-logo h1 { margin: 0; display: block; width: 306px; padding-top: 4px; }
		.head-logo h1.logo a {
			background: url(images/alt_logo.jpg) no-repeat top left;
			text-indent: -9999em;
			display: block;
			width: 245px;
			height: 74px;
		}
		.head-logo .address {
			width: 200px;
			height: 100px;
			position: absolute;
			top: 14px;
			/*right: 135px;*/
			right: 0;
			font-size: .8em;
		}
			.head-logo address {
				color: #636a4b;
				margin: 0;
				font-style: normal;
			}
			.head-logo .directions {
				color: #6273A1;
				font-size: 1.05em;
				line-height: 1.6em;
			}
			.head-logo .directions:hover {
				text-decoration: none;
				font-style: italic;
			}
		.head-logo .video-tour {
			background: url(images/tour-top.jpg) 6px top no-repeat;
			height: 72px;
			position: absolute;
			top: 14px;
			right: 300px;
			border-left: 1px solid #fff;
		}
			.video-tour p { 
				margin: 0;
				font-size: .8em;
				padding: 14px 0 0 78px;
				line-height: .95em;
			}
			.video-tour p a { text-decoration: none; color: #636a4b; }
			.video-tour a span.video-line-2 { display: block; color: #ff4900; font-weight: bold; text-transform:uppercase; }
			.video-tour a span.video-line-3 { display: block; font-size: .8em; line-height: .85em; }
			.video-tour a span.video-aquo { color: #ff4900; }
	.head-container #nav {
		background: url(images/bg-nav.gif) top left repeat-x;
		height: 29px;
		z-index: 10;
		position: absolute;
		top: 140px;
		width: 750px;
	}
	
/*** subpage navigation **/
#nav ul.top-level { list-style: none; margin: 0; padding-left: 0; top: 4px; position: relative; font-size: 1em; }
	#nav ul li { display: inline; margin-left: 36px; padding-bottom: 2px; }
		#nav ul li a { text-decoration: none; text-transform: lowercase; }
		#nav ul li a:hover,
		#nav ul li a.hover { text-decoration: underline; }
		#nav ul.top-level li ul { display: none; font-size: 1em; }
		#nav ul.top-level li:hover ul,
		#nav ul.top-level li.hover ul {
			display: block;
			background: #FDEBCA;
			position: absolute;
			padding: 5px 0 0;
			border-bottom: 3px solid #5589BB;
		}
		#nav ul.top-level li:hover ul.services,
		#nav ul.top-level li.hover ul.services { left: 236px; }
		#nav ul.top-level li:hover ul.practice,
		#nav ul.top-level li.hover ul.practice { left: 112px; }
			#nav ul.top-level li ul li { display: block; margin: 0; font-size: .85em; }
				#nav ul.top-level li ul li a { display: block; padding: 3px 5px; }
				#nav ul.top-level li ul li a:hover,
				#nav ul.top-level li ul li a.hover { background: #FFCCA7; }
			
				
/*** subpage footer ***/
#footer { background: url(images/bg-footer.gif) top left repeat-x; height: 99px; z-index: 1; position: relative; margin-bottom: 25px; }
	.footer-container { width:750px; margin: 0 auto; padding-left: 20px; }
		.footer-container p { 
			font-size: .75em;
			padding-right: 5px;
			margin: 0;
			text-align: left;
			xfloat: right;
			position: relative;
			top: 11px;
		}
		
/*** home body ***/
#main {
	background: #fff7e2;
	padding: 30px 8px 0;
}
#home-left-content { background: url(images/bg-home-content-left.gif) no-repeat bottom left; padding: 0 0 62px 38px; float: left; width: 250px;}
	#main span.evening-hours { font-style: italic; color: #DB4104; background: url(images/1d1.gif) bottom left no-repeat; padding-bottom: 20px; }
	#main ul.subpages { font-size: .7em; padding: 0; margin-top: 30px; list-style: none; }
	#main ul.subpages li { background: url(images/home-bullet.gif) center left no-repeat; padding: 6px 0 0 6px; margin-bottom: 3px; }
	#main ul.subpages a { color: #898471; }
	#main ul.subpages a:hover { color: #33332D; }
#home-right-content { float: left; width: 446px; }
	#home-right-content h2 { background: url(images/1d2.gif) bottom left no-repeat; padding-bottom: 10px; font-weight: normal; margin: 0; }
	#main .paragraphs p { font-size: .7em; padding-right: 10px; }
	#main .paragraphs p.p-location { font-weight: bold; margin-top: 22px; }
	#main .rectangles { margin-top: 40px; }
		#main .rectangle { width: 188px; height: 117px; float: left; padding-top: 16px; overflow: hidden; }
			#main .rectangle a { text-decoration: none; }
		#main .left { background: url(images/home-rectangle-1.gif) top left no-repeat; }
		#main .right { background: url(images/home-rectangle-2.gif) top left no-repeat; margin-left: 40px; }
		#main .rectangle span { display: block; margin-left: 24px; }
		#main .rectangle span.line-1 { font-size: .7em; color: #6D7987; font-weight: bold; margin-bottom: 5px; }
		#main .rectangle span.line-2 { color: #5F5D30; line-height: .9em; }
		#main .rectangle span.line-3 { color: #5F5D30; font-weight: bold; }
		#main .left span.line-4 { color: #6d7987; margin-right: 20px; text-align: right; }
		#main .right span.line-4 { font-size: .85em; margin: 7px 20px 0 0; text-align: right; color: #6A673C; }
#home-footer { background: url(images/bg-home-footer.png) top left no-repeat; height: 95px; padding: 22px 0 0 280px; }
	#home-footer p { font-size: .75em; padding-right: 5px; margin: 0; }
	
/*** subpages ***/
/*** who we are ***/
#main-subpage { padding: 0 16px 10px; min-height: 200px; margin-top: 60px; }
h1.title {
	font-size: 1.2em;
	color: #636A4B;
	background: url(images/8d1.gif) bottom left no-repeat;
	padding-bottom: 8px;
	font-weight: normal;
	margin: 10px 0;
}
ul.what-we-do {
	font-size: .7em;
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width:495px;
}
ul.margins { margin: 10px 70px 0 0; width: auto; }
	ul.what-we-do li {
		background: url(images/home-bullet.gif) top left no-repeat;
		padding: 5px 0 0 7px;
		margin-bottom: 3px;
	}
#main-subpage p { font-size: .7em; margin-bottom: 13px; padding-right: 20px; }

/*** Our Practice ***/
ul.our-practice { font-size: .7em; padding: 0; margin: 0; list-style: none; float: left; }
ul.our-practice li {  
	background: url(images/home-bullet.gif) top left no-repeat;
	padding: 5px 0 0 7px;
	margin-bottom: 3px;
}
span.philosophy { font-weight: bold; color: #DB4104; }
h3.techniques { 
	background: url(images/8d1.gif) bottom left no-repeat;
	padding-bottom: 6px;
	color: #ff4900;
	font-weight: normal;
	font-size: 1.1em;
	margin-bottom: 4px;
}
a.services { background: url(images/arrow-up.gif) top left no-repeat; padding: 4px 0 0 8px; }
#our-practice-flash { margin-right: 10px; float: left; }

/*** Before and after ***/
span.coming-soon { font-style:italic; font-size: 1.1em; color: #ff4900; }

/*** Testimonials ***/
div.testimonial-separator { background: url(images/8d1.gif) top left no-repeat; padding-top: 4px; }

/*** Video Tour ***/
object.video-tour { float: left; margin-right: 10px; }
a.video-tour { background: url(images/home-bullet.gif) top left no-repeat; padding: 5px 0 0 7px; }

/*** Contact ***/
div.contact-map {  }
	div.contact-map a img { border: 2px #B3AF4B solid; display: block; float: left; }
	div.contact-office { width: 168px; margin-left: 10px; float: left; }
		h2.contact-office {
			background: url(images/1d1.gif) bottom left no-repeat;
			margin: 0;
			font-size: 1.1em;
			padding-bottom: 7px;
			margin-bottom: 6px;
		}
		.contact-office address { font-size: .7em; font-weight: bold; font-style: normal; }
		a.get-directions {
			background: url(images/double-arrow-right.gif) center left no-repeat;
			padding: 0px 0 0px 10px;	
		}
div.form { margin-top: 25px; width: 205px; float: left; }
	h3.contact-form { background: url(images/1d1.gif) bottom left no-repeat; padding-bottom: 7px; font-size: .8em; }
	#main-subpage .form p { margin-bottom: 14px; padding-right: 12px; }
	.form .cform { width: 205px; }
		.form div.cf_info { width: 100%; }
		.form .cform label { display: none; }
		.form .cform input { height: 21px; }
		.form .cform input, .form .cform textarea {
			margin-bottom: 8px;
			width: 185px;
			font-size: .7em;
			color: #8A8572;
			padding: 5px 0 0 6px;		
		}
		.form .cform input.sendbutton {
			background: url(images/submit.gif) center no-repeat;
			border-style: none !important;
			text-indent: -999em;
			cursor: pointer;
			width: 75px;
			overflow: hidden;
			line-height: 0;
		}
		.form p.linklove { display: none; }
div.contact-hours { float: right; width: 400px; margin-top: 25px; }	
	h3.contact-h3 {
		background: url(images/1d2.gif) bottom left no-repeat;
		padding-bottom: 7px;
		font-size: .8em;
	}
	div.contact-hours img { float: left; margin: 0 20px 20px 0; }
	div.contact-hours span.day { margin-right: 8px; }
	
/*** site map ***/
.ddsg-wrapper ul { font-size: 1em; }
.ddsg-wrapper ul li { margin: 4px 0; } 
.ddsg-wrapper div { display: none; }