html, htm {
	min-height: 100%;
}
body {
	margin:0px;
	padding: 0px 0px 10px 0px;
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	background: #231F20 url(assets/images/background.jpg) repeat-x left bottom scroll;
}

h1 {font-size:24px; margin-top:0; margin-bottom:15px;}
h2 {
	margin: 1em 0px 0px 0px;
	padding: 0px;
	color: #E2D9CA;
	font: 18px/20px Arial, Helvetica, sans-serif;
}
	h2 strong {
		font-weight: normal;
	}
h3 {
	margin: 1em 0px 0px 0px;
	padding: 0px;
	color: #500E02;
	font: bold italic 16px/18px Arial, Helvetica, sans-serif;
}
h4 {
	margin: 1em 0px 0px 0px;
	padding: 0px;
	color: #fff;
	font: bold 14px/16px Arial, Helvetica, sans-serif;
}

p {
	margin: 1em 0px 0px 0px;
	padding: 0px;
	font: 12px/18px Arial, Helvetica, sans-serif;
}

a {text-decoration:none; color:#500E02; font-weight:bold;}
a:hover {text-decoration:underline;}

ul {margin-top:5px; margin-bottom:5px;}
li {font-size:12px; line-height:20px;}

hr {color:#000000; background:#000000; height:1px; border:0;}

/* Classes */

.imgborder {border:1px solid #000000;}
.smalltext {font-size:11px; line-height:18px;}
.nomargin {margin:0;}
.services {
	float: none;
	margin: 0px 0px 10px 40px;
	padding: 10px 10px 10px 20px;
	width: auto;
	height: auto;
	background-color: #E0D6C6;
	border: 2px #9F885F solid;
}
	.services p {
		color: #500E02;
		font-weight: bold;
	}
.Tableborder {
	border: 1px solid #FFFFFF;
}
.Tableborder tr {
	border: 1px solid #FFFFFF;
}
.Tborder {
	border-right: 1px solid #FFFFFF;
}
.Tborder2 {
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
.Tborder3 {
	border-bottom: 1px solid #FFFFFF;
}

			  
/* End Classes */
			  
/* Custom Forms -- Just change the colors */

.forms p {margin:0;}

/* End Custom Forms*/

/* Template
-------------------------------------------------------------*/
#hover {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 342px;
	background: transparent url(assets/images/hover_bg.gif) no-repeat center top;
}
#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0px;
	width: 804px;
	height: auto;
	background: transparent url(assets/images/wrapper_bg.png) repeat-y left top;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.dentistryateastpiedmont.com/assets/images/wrapper_bg.png',sizingMethod='scale');
}
	#container {
		margin: 0px;
		padding: 0px;
		width: auto;
		height: auto;
		background: transparent url(assets/images/container_bg.jpg) no-repeat left top;
	}
		#contents {
			margin: 0 auto;
			padding: 0px;
			width: 772px;
			height: auto;
			background: transparent url(assets/images/contents_bg.jpg) no-repeat left bottom;
		}
			#header {
				position: relative;
				margin: 0px;
				padding: 100px 0px 0px 0px;
				width: auto;
				height: 212px;
			}
				#title {
					display: block;
					margin: 0px;
					padding: 0px;
					width: 433px;
					height: 140px;
					text-indent: -900%;
					background: transparent url(assets/images/logo.gif) no-repeat left 1px;
				}
				#tagline {
	position: absolute;
	top: 235px;
	left: 198px;
	margin: 0px;
	padding: 0px;
	/*width: 468px;
	height: 68px;*/
	width: 350px;
	height: 48px;
	text-indent: -900%;
	background: transparent url(assets/images/tagline.gif) no-repeat left top;
				}
				
				#photogallery{
	position:absolute;
	left: 118px;
	top: 295px;
	background:url(assets/images/Photo-Gallery-Text.gif) no-repeat;
	width: 226px;
	height: 60px;
				}
				
				#patientTag{
	background:url(assets/images/actualpatients.png) no-repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.dentistryateastpiedmont.com/assets/images/actualpatients.png',sizingMethod='scale');
	position:absolute;
	z-index:1;
	left: 75px;
	width: 130px;
	top: 520px;
	height: 57px;
				}
			
				
				
				#phoneNumber {
	position: absolute;
	top: 60px;
	left: 0px;
	margin: 0px 0px 5px 0px;
	padding: 3px 0px 5px 0px;
	width: auto;
	height: 30px;
	color: #fff;
	font: 25px/15px Georgia, "Times New Roman", Times, serif;
				}
				#patientLogin {
					position: absolute;
					z-index: 10;
					top: 110px;
					left: 640px;
					margin: 0px;
					padding: 0px;
					width: auto;
					height: auto;
					color: #AD946B;
					font: 16px/18px Georgia, "Times New Roman", Times, serif;
				}
				#patientLogin a{
					color: #AD946B;
				}
				#doctorLogin {
					position: absolute;
					z-index: 10;
					top: 130px;
					left: 658px;
					margin: 0px;
					padding: 0px;
					width: auto;
					height: auto;
					color: #AD946B;
					font: 13px/15px Georgia, "Times New Roman", Times, serif;
				}
				#doctorLogin a{
					color: #AD946B;
				}
	/* Navigation
	-------------------------------------------------------------*/
				#nav {
					position: absolute;
					top: 123px;
					right: -4px;
					margin: 0px;
					padding: 0px;
					width: 322px;
					height: auto;
					line-height: 0px;
				}
					#nav li {
						margin: 0px 0px -5px 0px;
						padding: 0px;
						width: auto;
						height: auto;
						line-height: 0px;
						list-style: none outside none;
					}
						#nav a {
							margin: 0px;
							padding: 0px;
							width: auto;
							height: auto;
							color: #C7A065;
							font: bold 10px/25px Arial, Helvetica, sans-serif;
							text-transform: uppercase;
						}
						#nav a:hover {
							color: #fff;
							text-decoration: none;
						}
					#nav li.nav1 { margin: 0px 6px -8px 34px; }
					#nav li.nav2 { margin-left: 66px; }
					#nav li.nav3 { margin-left: 104px; }
					#nav li.nav4 { margin-left: 135px; }
					#nav li.nav5 { margin-left: 160px; }
					#nav li.nav6 { margin-left: 180px; }
					#nav li.nav7 { margin-left: 200px; }
					#nav li.nav8 { margin-left: 216px; }
					#nav li.nav9 { margin-left: 230px; }
					#nav li.nav10 { margin-left: 233px; }
					#nav li.nav11 { margin-left: 246px; }
					#nav li.nav12 { margin-left: 266px; }
					#nav li.nav13 { margin-left: 270px; }
					#nav li.nav14 { margin-left: 275px; }
			#rightCol {
				float: right;
				margin: 0px;
				padding: 0px 82px 0px 0px;
				width: 435px;
					height: auto;
					min-height: 304px;
					_height: 304px;
			}
			#leftCol {
				float: left;
				margin: 0px;
				padding: 0px 0px 0px 20px;
				width: 215px;
				height: auto;
			}
	#leftPics {
	position: absolute;
	margin: -113px 0px 0px -41px;
	padding: 20px 0px 0px 14px;
	width: 263px;
	height: 400px;
	background: transparent url(assets/images/leftPics2.png) no-repeat left top;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.dentistryateastpiedmont.com/assets/images/leftPics2.png',sizingMethod='scale');
	top: 310px;
	left: 31px;
				}
				
				#leftPics a img {
				border:none;
				}
	#leftPic1 {
	width: 170px;
	height: auto;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 15px;
	left: 13px;
	z-index: 1;
	}
	#leftPic2 {
	width: 170px;
	height: auto;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 195px;
	left: 90px;
	z-index: 2;
	}
				#sidebar {
					margin: 0px;
					padding: 330px 0px 0px 0px;
					width: auto;
					height: auto;
				}
			#clear {
				clear: both;
				margin: 0px;
				padding: 0px;
				width: auto;
				height: 40px;
			}
			#nav-footer {
	clear: both;
	margin: 0px;
	padding: 40px 0px 0px 170px;
	width: auto;
	height: 20px;
	text-align: center;
	font-size: 12px;
			}
#shadowBottom {
	margin: 0 auto;
	padding: 0px;
	width: 804px;
	height: 15px;
	font-size: 0px;
	line-height: 0px;
	background: transparent url(assets/images/bottomShadow_bg.png) no-repeat left top;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.dentistryateastpiedmont.com/assets/images/bottomShadow_bg.png',sizingMethod='scale');
}
#bottomInfo {
	margin: 0 auto;
	padding: 0px;
	width: 804px;
	height: auto;
	color: #92836C;
	font: small-caps bold 14px/16px Georgia, "Times New Roman", Times, serif;
	text-align: center;
}
	#bottomInfo a {
		color: #fff;
	}
#services {
	width: auto;
	height: auto;
	border: 1px solid #ffffff;
	background-color: #c8b18b;
	padding: 10px 8px;
}

/* -----------LightBox Effects Starts here-------------- */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../assets/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../assets/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* ------------------LightBox Effects Ends here--------------- */