/*

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

html { text-align: left; }

#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 { display: inline; float: left; width: 24px; height: 24px; margin-left: 10px; text-indent: -9999em; }
.head-links .home { margin-left: 30px; 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 { margin-left: 30px; background: url(images/ada.gif) center no-repeat; }
.head-links .facebook { background: transparent url('images/icon-facebook.png') no-repeat 0 50%; }
.head-links .twitter { background: transparent url('images/icon-twitter.png') no-repeat 0 50%; }
.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; }





html body div#main-subpage h3 {

   clear: both;

  display: block;

}



#main-subpage ul.columnList { width: 45%; float: left; display: inline; margin-bottom: 15px; }



.alignleft { float: left; }

.alignright { float: right; }