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

* { margin:0; padding:0; background: transparent; } 

body {
	background: transparent url('../images/bg.jpg') repeat 0 0;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 12px;
}

img {
	border: none;
}

a:link {
	color: #4583c1;
	text-decoration: none;
}
a:visited {
	color: #4583c1;
	text-decoration: none;
}
a:hover {
	color: #4583c1;
	text-decoration: underline;
}


ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl,button {
	margin:0px;
	padding:0px;
	line-height: 1.75em;
}
.clear {
	clear: both;
}

.imgL {
	float: left;
	margin: 8px 10px 10px 0;
	border: 2px solid #5c98ce;
}
.imgR {
	float: right;
	margin: 8px 0 10px 10px;
	border: 2px solid #5c98ce;
}
h1 {
	font-size: 1.1em;
	color: #0c467f;
}

h2 {
	font-size: 1.1em;
	color: #0c467f;
}

p {
	margin: 1.5em 0;
}

hr {
	color: #4583c1;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

#container {
	width: 1001px;
	margin: 0 auto;	
}

	#header {
		height: 112px;
		background: url('../images/header-bg.jpg') repeat-x 0 0;
	}
		#header #top-logo {
			background: url('../images/header-logo.jpg') no-repeat 0 0;
			width: 417px;
			height: 108px; 
			float: left;
			margin: 0 0 0 10px;
		}
		#header #top-logo a {
			display: block;
			width: 100%;
			height: 100%;
		}	
		#header #top-logo a span{
			display: none;
		}	
		
		#header #top-appt {
			float: right;
		}

	
	#home-content {
		background: transparent url('../images/home-content-bg.jpg') repeat-y 0 0;
		width: 1001px;
		height: 100%;
		padding: 0;
	}
			
		#home-content .slideshow {
			width: 1001px;
			height: 387px;
		}
		#home-content h1 {
			font-size: 1em;
			color: #0c467f;
			margin-top: 0;
		}	
		#home-content #column-01 {
			float: left;
			width: 279px;
			background: #fbfbfb url('../images/home-title-services.jpg') no-repeat 0 0;
			padding: 103px 27px 14px 26px;
		}
			#home-content #column-01 p {
				margin: 0;
			}
			
			#home-content #procedure-btns {
				margin-top: 10px;
			}

		#home-content #column-02 {
			float: left;
			width: 277px;
			background: #efefef url('../images/home-title-about.jpg') no-repeat 0 0;
			padding: 103px 36px 14px 28px;
		}
		
			.more-info {
				float: right;
				background: transparent url('../images/btn-more.jpg') no-repeat 0 0;
				margin-top: 0px;
			}
			.more-info a {
				display: block;
				width: 87px;
				height: 23px;
			}
			.more-info span {
				display: none;
			}
			
		#home-content #column-03 {
			float: left;
			width: 247px;
			background: #fbfbfb url('../images/home-title-contact.jpg') no-repeat 0 0;
			padding: 103px 41px 14px 40px;
		}
		
		#contact-info {
			background: transparent url('../images/contact-info.jpg') no-repeat 0 0;
			width: 247px;
			height: 103px;
		}

		#contact-number {
			background: transparent url('../images/contact-number.jpg') no-repeat 0 0;
			width: 247px;
			height: 41px;
		}

		#contact-map {
			background: transparent url('../images/contact-map.jpg') no-repeat 0 0;
			width: 247px;
			height: 134px;				
		}
		#contact-map a{
			display: block;
			width: 247px;
			height: 134px;				
		}
			#contact-info span, #contact-number span, #contact-map span {
				display: none;
			}	

	#inside-content {
		background: transparent url('../images/inside-content-bg.jpg') repeat-y 0 0;
		width: 1001px;
		height: 100%;
		padding: 0;
	}

		#inside-content ul, #inside-content ol {
			margin: 1.5em 4em;
		}
		#inside-content ol {
			margin: 1.5em 5.8em;
		}		
		#inside-content li{
			margin: .5em 0;
		}

		#inside-content ul li {
			background: url('../images/list-marker.gif') 0 .5em no-repeat;
			padding: 0 0 0 15px;
			list-style-type: none;	
			list-style-position: outside;			
		}

		#inside-content .slideshow {
			background: url('../images/inside-slide-01.jpg') no-repeat 0 0;
			width: 1001px;
			height: 338px;
		}

		#inside-content #column-01 {
			background: #fbfbfb url('../images/title-blank.jpg') no-repeat 0 0;
			float: left;
			width: 620px;
			padding: 103px 27px 14px 26px;
		}
			
			#inside-content #column-01.welcome { background: url('../images/title-welcome.jpg') no-repeat 0 0; }
			#inside-content #column-01.about { background: url('../images/title-about.jpg') no-repeat 0 0; }
			#inside-content #column-01.office { background: url('../images/title-office.jpg') no-repeat 0 0; }
			#inside-content #column-01.services { background: url('../images/title-services.jpg') no-repeat 0 0; }
				#inside-content #column-01.implants { background: url('../images/title-implants.jpg') no-repeat 0 0; }
				#inside-content #column-01.bridge { background: url('../images/title-bridge.jpg') no-repeat 0 0; }
				#inside-content #column-01.crowns { background: url('../images/title-crowns.jpg') no-repeat 0 0; }
				#inside-content #column-01.veneers { background: url('../images/title-veneers.jpg') no-repeat 0 0; }
				#inside-content #column-01.whitening { background: url('../images/title-whitening.jpg') no-repeat 0 0; }
				#inside-content #column-01.invisalign { background: url('../images/title-invisalign.jpg') no-repeat 0 0; }
				#inside-content #column-01.tmj { background: url('../images/title-tmj.jpg') no-repeat 0 0; }
				#inside-content #column-01.sleep { background: url('../images/title-sleep-apnea.jpg') no-repeat 0 0; }
			#inside-content #column-01.testimonials { background: url('../images/title-testimonials.jpg') no-repeat 0 0; }
			#inside-content #column-01.gallery { background: url('../images/title-gallery.jpg') no-repeat 0 0; }
			#inside-content #column-01.patient { background: url('../images/title-patient.jpg') no-repeat 0 0; }
			#inside-content #column-01.contact-us { background: url('../images/title-contact-us.jpg') no-repeat 0 0; }
			#inside-content #column-01.location { background: url('../images/title-location.jpg') no-repeat 0 0; }
			#inside-content #column-01.marketing { background: url('../images/title-marketing.jpg') no-repeat 0 0; }
			
		#inside-content #column-02 {
			background: #efefef url('../images/home-title-contact.jpg') no-repeat 0 0;
			float: left;
			width: 247px;			
			padding: 103px 41px 14px 40px;
		}		

			#inside-content #column-02.contact-blank { background: url('../images/title-right-blank.jpg') no-repeat 0 0; }
		
		#inside-content #staff .thumbnail {
			text-align: center;
			display: block;
			float: left;
			width: 180px;
			margin: 10px;
		}
		#inside-content #staff .thumbnail img {
			border: 2px solid #5c98ce;
		}
		#inside-content #staff .thumbnail p {
			margin-top: 0;
		}
		
		#inside-content #google-map {
			margin: 10px 0;
			border: 2px solid #5c98ce;
		}
		
		#inside-content .testimonial {
			border: 1px solid #4583c1;
			padding: 0 15px;
			margin: 10px 10px 10px 0px;
		}
		
		#inside-content #column-01.gallery p {
			text-align: center;
		}

		#inside-content #column-01.gallery img {
			border: 2px solid #5c98ce;
			margin: 0 3px;
		}
		
	#content-bottom {
		background: transparent url('../images/footer-top.jpg') no-repeat 0 0;
		width: 1001px;
		height: 21px;
	}
	
	#cosmetic-dentistry-resources {
		background: transparent url('../images/footer-bg.jpg') repeat-y 0 0;
		width: 1001px;
		margin: 0 auto;		
	}
		
	#cosmetic-dentistry-resources p {
		color: #fff;
		padding: 0px 30px;
		margin: 0;
	}
		#cosmetic-dentistry-resources p a:link {
			color: #e0f77d;
			text-decoration: none;
		}
		#cosmetic-dentistry-resources p a:visited {
			color: #e0f77d;
			text-decoration: none;
		}
		#cosmetic-dentistry-resources p a:hover {
			border-bottom: 1px solid #e0f77d;
			color: #e0f77d;
			text-decoration: none;
		}		
		
	#resources-bottom {
		background: transparent url('../images/footer-bottom.jpg') no-repeat 0 0;
		width: 1001px;
		height:94px;
		margin: -15px auto -94px auto;
		padding-top:35px;
	}
		#resources-bottom p {
			color: #fff;
			padding: 0px 30px;
			margin: 0;
			position: relative;			
		}
		#resources-bottom p span{
			color: #f5db51;
		}
				
		#resources-bottom a:link {
			color: #fff;
			text-decoration: none;
			border-bottom: none;
		}
		#resources-bottom a:visited {
			color: #fff;
			text-decoration: none;
			border-bottom: none;
		}			
		#resources-bottom a:hover {
			color: #fff;
			text-decoration: none;
			border-bottom: 1px solid #fff;
		}

/*-------------------------- CMG Contact Form - contact page --------------------------- */
#contact-main {
	margin: 45px auto;
	width: 310px;
}
#contact-main input, #contact-main select, #contact-main textarea {
	font:11px/16px Helvetica, Arial, sans-serif; 
	border:1px solid #86bbf1;
	background-color:#fff;
	color:#757575;
	height: 14px;
	width:300px;
	margin: 6px 0;
	padding: 4px 6px;
	line-height: 12px;
}

#contact-main textarea {
	height: 75px;
}

#contact-main #contact_submit { width: 88px; height: 25px; float: right; margin: 0 -6px 0 0; border: none; background:transparent;}

#contact-main .contact_subject	{ display: none; }
#contact-main .required { font-size: 12px;  color: #0c467f; text-align: right;}

/*-------------------------- CMG Contact Form --------------------------- */
#contact-quick {
	margin-bottom: 32px;
}
#contact-quick input, #contact-quick select, #contact-quick textarea {
	font:11px/16px Helvetica, Arial, sans-serif; 
	border:1px solid #86bbf1;
	background-color:#fff;
	color:#757575;
	height: 12px;
	width:233px;
	margin: 6px 0;
	padding: 4px 6px;
}

#contact-quick textarea {
	height: 75px;
}

#contact-quick #contact_submit { width: 88px; height: 25px; float: right; margin: 0 -6px 0 0; border: none; background:transparent;}

#contact-quick .contact_subject	{ display: none; }

.required { font-size: 12px; text-align: right; color: #0c467f; margin: 0;}

/* -------------------navigation-------------------------- */
#navcontain { width: 1001px; height: 39px; }


#nav { 
	background: transparent url('../images/nav.jpg') no-repeat; 
	width:1001px; 
	height:39px; 
	position:relative;
	z-index: 999;
	margin: 0px;
	}

#nav span { display: none;}

#nav li, #nav a { height: 39px; display: block; margin: 0px;}

#nav li { float: left; list-style: none; display: inline;}

#nav-spacer {width: 23px; left:0px;}
#nav-01 { width: 68px;}
#nav-02 { width: 142px;}
#nav-03 { width: 122px;}
#nav-04 { width: 87px;}
#nav-05 { width: 118px;}
#nav-06 { width: 121px;}
#nav-07 { width: 126px;}
#nav-08 { width: 104px;}
#nav-09 { width: 67px; }


#nav-01 a:hover {background: transparent url('../images/nav.jpg') -23px -39px no-repeat;}
#nav-02 a:hover {background: transparent url('../images/nav.jpg') -91px -39px no-repeat;}
#nav-03 a:hover {background: transparent url('../images/nav.jpg') -233px -39px no-repeat;}
#nav-04 a:hover {background: transparent url('../images/nav.jpg') -355px -39px no-repeat;}
#nav-05 a:hover {background: transparent url('../images/nav.jpg') -442px -39px no-repeat;}
#nav-06 a:hover {background: transparent url('../images/nav.jpg') -560px -39px no-repeat;}
#nav-07 a:hover {background: transparent url('../images/nav.jpg') -681px -39px no-repeat;}
#nav-08 a:hover {background: transparent url('../images/nav.jpg') -807px -39px no-repeat;}
#nav-09 a:hover {background: transparent url('../images/nav.jpg') -911px -39px no-repeat;}


/* ------------------------ son of suckerfish: horizontal sprite nav ------------------------ */
#nav li ul {
	position:absolute;
	left:-9999px;
	background-color:#5c98ce;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	margin-left:1px;
	z-index: 1000;
	}

#nav li ul li { 
	height:22px; /* Height of each drop down nav item */
	z-index: 1000;	
	}	

#nav li ul li a {
	width:100%;
	height:22px;	/* Height of each drop down nav item, should match above */
	line-height:22px;	 /* Height of each drop down nav item again, should match above */
	}

#nav li ul li a span {
	display:block;
	padding-left:10px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:.9em;
	color:#fbfbfb;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; }

/* Hover styles for drop down items */
#nav-04 ul a:hover { 
	background-image:none;
	background-color:#0b4388;
	color:#fbfbfb;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-04 ul, #nav-04 li { width:130px; }