/* Tags
---------------------------------------------- */
body {
	margin: 0px;
	padding: 0px;
	color: #fff;
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #000;
}
h1 {
	margin: 0px;
	padding: 0px;
	color: #fff;
	font: italic 24px/26px  Verdana, Arial, Helvetica, sans-serif;
}
h2 {
	margin: 1em 0px 0px 0px;
	padding: 0px;
	color: #fff;
	font: bold 18px/20px Arial, Helvetica, sans-serif;
}
h3 {
	margin: 1em 0px 0px 0px;
	padding: 0px;
	color: #fff;
	font: bold 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;
	line-height: 20px;
}
a {
	color: #00ccff;
	font-weight: bold;
	text-decoration: none;
}
	a:hover {
		color: #00ccff;
		text-decoration: underline;
	}
hr {
	color: #000;
	height: 1px;
	background-color: #000;
	border: none;
}
ul, ol, dl {
	line-height: 20px;
}
/* Classes
---------------------------------------------- */
.boxed {
	margin: 10px;
	padding: 10px;
	background-color: #545454;
	border: 1px #ddd solid;
}
.imgborder {
	border: 1px solid #000;
}

.photoBorder {
	width: 190px;
	height: 198px;
	padding: 0;
	margin: 40px 35px 40px 35px;
	float: right;
	position: relative;
}
	
	.photoBorder span {
		width: 252px;
		height: 278px;
		margin: 0;
		padding: 0;
		display: block;
		position: absolute;
		top: -40px;
		left: -33px;
		background: transparent url(assets/images/imgborder.png) no-repeat left top;
		_background: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.greenbaydental.com/assets/images/imgborder.png',sizingMethod='scale');
	}
.smalltext {
	font-size: 11px;
	line-height: 16px;
}
.nomargin {
	margin: 0px;
}
.margin {
	margin: 10px;
}
.center {
	text-align: center;
}
.clear {
	clear: both;
}

/* Special
---------------------------------------------- */
.forms p {
	margin: 0px;
}

/* Layout
---------------------------------------------- */
#wrapper {
	width: 950px;
	height: auto;
	padding: 0;
	margin: 0 auto;
	background: transparent url(assets/images/wrapper_bg.gif) repeat-y left top;
}

	#container {
		width: auto;
		height: auto;
		padding: 0;
		margin: 0 auto;
		position: relative;
		background: transparent url(assets/images/container_bg.jpg) no-repeat left top;
	}

		#header {
			width: auto;
			height: 331px;
			padding: 0;
			margin: 0 0 6px 0;
		}

			#logo {
				width: auto;
				height: auto;
				padding: 0;
				margin: 0;
				position: absolute;
				top: 0;
				left: 0;
			}

			#phoneAddress {
				width: 300px;
				height: auto;
				padding: 0;
				margin: 0;
				font: normal 15px/18px Arial, Helvetica, sans-serif;
				color: #fff;
				position: absolute;
				top: 240px;
				left: 245px;
			}

				#phoneNumber {
					display: block;
					width: auto;
					height: auto;
					margin: 0;
					padding: 0;
					font: bold 50px/50px "Times New Roman", Times, serif;
					color: #ffffd1;
				}

			#topPic {
				float: right;
				width: auto;
				height: auto;
				padding: 0;
				margin: 0;
			}

		#nav {
			width: auto;
			height: 47px;
			padding: 0 0 0 8px;
			margin: 0;
			text-align: center;
			position: relative;
			z-index: 99;
		}

			#nav li {
				width: auto;
				height: auto;
				padding: 0;
				margin: 0;
				float: left;
				position: relative;
				list-style: none outside none;
				background: transparent url(assets/images/nav_border.gif) no-repeat right 20px;
			}

				#nav li a {
					width: auto;
					height: auto;
					padding: 18px 15px 17px 15px;
					margin: 0;
					font: normal 12px/47px Arial, Helvetica, sans-serif;
					color: #fff;
				}

				#nav li.last {
					background: none;
				}

					#nav li a:hover {
						padding: 17px 12px 16px 14px;
						margin-right: 2px;
						border: 1px solid #004d81;
						background: transparent url(assets/images/nav_hover.jpg) repeat-x left 3px;
						text-decoration: none;
					}

				#nav li ul {
					position: absolute;
					visibility: hidden;
					width: 216px;
					height: auto;
					margin: 0;
					padding: 24px 0 30px 0;
					top: 48px;
					left: 0px;
					border: 1px solid #a4a4a4;
					background-color: #333333;
				}

					#nav li ul li {
						width: 218px;
						height: 32px;
						padding: 0;
						margin: 0;
						float: none;
						background: none;
					}

						#nav li ul li a {
							width: auto;
							height: 32px;
							padding: 0 14px;
							margin: 0;
							font: normal 12px/32px Arial, Helvetica, sans-serif;
							display: block;
							text-align: left;
						}

							#nav li ul li a:hover {
								width: auto;
								height: 32px;
								padding: 0 14px;
								margin: 0;
								border: 0;
								background: none;
								background-color: #8c8c8c;
								text-decoration: none;
							}

		#leftCol {
			float: left;
			width: 684px;
			height: auto;
			padding: 27px 18px 0px 18px;
			margin: 0;
			position: relative;
			z-index: 89;
		}

		#rightCol {
			float: right;
			width: 220px;
			height: auto;
			padding: 10px 0 0 0;
			margin: 0;
			position: relative;
			z-index: 89;
		}

			#ourServices {
				width: 220px;
				height: 165px;
				padding: 50px 0 0 0;
				margin: 0 auto;
				background: transparent url(assets/images/our_services.jpg) no-repeat left top;
			}

				#ourServices ul {
					padding: 0;
					margin: 0 7px 0 20px;
					width: auto;
					height: auto;
				}

					#ourServices li {
						list-style: none outside none;
						line-height: 17px;
					}

						#ourServices li a {
							color: #fff;
						}
#services, #services li, #services a {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: auto;
}
#services {
	text-align: center;
}
 #services li {
	display: inline;
	padding: 0px 56px 0px 56px;
}
 #services li a {
	margin: 20px 0px 20px 0px;
	display: inline-block;
	color: #823127;
	width: 217px;
	height: 40px;
	text-align: center;
	font: bold 12px/40px Arial, Helvetica, sans-serif;
	background: transparent url(assets/images/services-bg.jpg) top center no-repeat;
}
 #services li a:hover {
	color: #ffffff;
	text-decoration: none;
}
	#services li.twoRows a {
		padding-top: 6px;
		height: 34px;
		line-height: 14px;
}



	



			#viewBlog {
				width: auto;
				height: auto;
				padding: 1px 0 0 0;
				margin: 0;
			}

			#sidebar {
				width: auto;
				height: auto;
				padding: 10px 0;
				margin: 0;
			}

		#bottomCap {
			width: auto;
			height: 153px;
			padding: 0;
			margin: -125px 0 0 0;
			background: transparent url(assets/images/content_bg_bottom.jpg) no-repeat left top;
			position: relative;
			z-index: 1;
		}

	#footer {
		width: 720px;
		height: auto;
		padding: 25px 230px 0 0;
		margin: 0 auto;
	}
	
		#footer a {
			color: #999;
		}

			#footer a:hover {
				color: #fff;
				text-decoration: none;
			}

		#bottomLogos {
			width: auto;
			height: auto;
			margin: 0;
			padding: 0 0 30px 0;
			text-align: center;
			background: transparent url(assets/images/footer_glow.jpg) no-repeat center bottom;
		}

			#bottomLogos a {
				margin: 0 15px;
			}

		#bottomNav {
			width: auto;
			height: auto;
			padding: 0;
			margin: 0;
			text-align: center;
		}

			#bottomNav li {
				width: auto;
				height: auto;
				padding: 0;
				margin: 0;
				display: inline;
				list-style: none outside none;
			}

				#bottomNav li a {
					width: auto;
					height: auto;
					padding: 0 5px;
					margin: 0;
					font: normal 11px/11px Arial, Helvetica, sans-serif;
					border-right: 1px solid #999;
				}

					#bottomNav li a.last {
						border: none;
					}

		#copy {
			display: block;
			width: auto;
			height: auto;
			margin: 0;
			padding: 0;
			text-align: center;
			font: normal 10px/40px Arial, Helvetica, sans-serif;
			color: #ccc;
		}


#toplinks {
	text-align: center;
	font-size: 11px;
}
#toplinks a {
	text-decoration: none;
	color: white;
}


