/*
	Stylesheet for ABetterSmileOK.com
*/

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-align: center;
	
	background: #fff url(../images/bg.jpg) repeat-x top left;
}

#ribbon {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

#page {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

/* ------------------------------------------------------------------------ */
/* start banner */
#banner {
/*	border: 1px solid green;*/
	height: 170px;
	width: 900px;
}

	#banner #main_nav {
/*		border: 1px solid yellow;*/
		float: left;
		font-family: "Arial Narrow", arial, helvetica, sans-serif;
		letter-spacing: 1px;
		font-size: 1.5em;
		font-weight: 100;
		margin-top: 80px;
		margin-left: 26px;
	}
	
	html>body #banner #main_nav {
		margin-left: 56px;
	}
	
		#banner #main_nav ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
			#banner #main_nav ul li {
				
			}
			
				#banner #main_nav ul li a {
					color: #fff;
					text-decoration: none;
				}
				
					#banner #main_nav ul li a img {
						border: 0;
					}
				
					#banner #main_nav ul li a:hover {
						color: #ff0;
					}

/* ------------------------------------------------------------------------ */
/* start content */

#content {
	float: left;
	width: 900px;
/*	border: 1px solid yellow;*/
	position: relative;
	top: 8px;
	background: transparent url(../images/content_bg.jpg) no-repeat;
	min-height: 365px;
}

	#content #logo {
		float: right;
		position: relative;
		top: -164px;
		left: -28px;
	}
	
	#content #doc {
/*		border: 1px solid green;*/
		width: 200px;
		position: relative;
		top: 14px;
/*		left: 602px;*/
		left: 388px;
		float: right;
	}
			
	#content #soonercare_accepted {
/*		border: 1px solid red;*/
		width: 340px;	
		float: left;
		position: relative;
		top: -200px;
		left: 50px;
	}
	
	#content #info_boxes {
		float: right;
		padding-right: 64px;
		margin: 0 0 2em 2em;
	}
	
	html>body #content #info_boxes {
		padding-right: 34px;
	}

		#content #info_boxes .info_box {
			float: left;
			width: 196px;
			height: 149px;
			background: transparent url(../images/sml_box.png);
			text-align: center;
			padding-top: 0px;
			margin-left: 5px;
		}
	
			#content #info_boxes .info_box h1 {
				font-family: "Arial Narrow", arial;
				letter-spacing: 1px;
				color: #aaa;
				padding-top: 13px;
			}
			
			/*IE7 only*/
			*:first-child+html #content #info_boxes .info_box h1 {
				padding-top: 13px;
			}
			
			html>body #content #info_boxes .info_box h1 {
				padding-top: 0px;
			}
		
			#content #info_boxes .info_box p {
				font-family: "Arial Narrow", arial;
				letter-spacing: 1px;
				color: #c4c4c4;
				font-size: 1.1em;
				line-height: 1.5em;
				padding-top: 10px;
			}
		
				#content #info_boxes .info_box p span.special {
					font-size: 1.3em;
					color: #fff;
				}
				
				#content #info_boxes .info_box p span.note {
					font-size: .75em;
				}
				
	#content #map_box {
		float: right;
		position: relative;
		top: -60px;
		left: -40px;
		background: transparent url(../images/big_box.png) no-repeat;
		width: 432px;
		height: 330px;
		text-align: center;
	}
	
		#content #map_box #map {
			position: relative;
			top: 41px;
			left: 3px;
		}
		
		/*IE7 only*/
		*:first-child+html #content #map_box #map {
			top: 38px;
		}
		
		#content #map_box #address {
			position: relative;
			top: 30px;
			
			color: #fff;
			font-size: 1.2em;
		}
		
			#content #map_box #address div.small {
				font-size: .7em;
			}

			#content #map_box #address div.medium {
				font-size: 1em;
			}

			#content #map_box #address div.big {
				font-size: 1.2em;
				color: #f00;
				margin-top: 5px;
			}
			
	#content #contact_info {
		float: left;
		position: relative;
		top: 140px;
		left: 57px;
		font-size: 1.5em;
		width: 300px;
	}
	
		#content #contact_info #doc_name {
			font-size: 1.2em;
			font-weight: bold;
		}

		#content #contact_info #web_address {
			
		}

		#content #contact_info #email_address {
			margin-top: 10px;
			font-size: 1.2em;
		}

		#content #contact_info #phone, #content #contact_info #fax {
			margin-top: 3px;
			font-weight: bold;
		}

	#content #description {
/*		border: 1px solid red;*/
		position: relative;
		top: -50px;
		line-height: 1.5em;
		float: left;
		margin: 5em 0 0 -26em;
/*		width: 380px;*/
	}
	
	html>body #content #description {
/*		width: 390px;*/
		margin: 0 0 0 56px;
	}
	
	/*IE7 only*/
	*:first-child+html #content #description {
		margin-top: 5em;
		margin-left: -26em;
	}
	
		#content #description h1 {
			line-height: 1em;
		}
	
		#content #description ul li {
			font-weight: bold;
		}
		
			#content #description ul li p {
				font-weight: normal;
			}
	
		#content #description strong {
			color: red;
		}
		
	#content .video {
		position: relative;
		top: -80px;
		left: 200px;
		float: left;
		padding: 53px 36px;
		background: transparent url( ../images/video_box.png ) no-repeat;
	}
	
		#content .video h1 {
			color: #ccc;
			font-weight: normal;
			text-align: center;
			padding: 0;
			margin: 0;
			position: relative;
			
		}
		
		#content .video p {
			text-align: center;
			position: relative;
			top: -30px;
		}
		
			#content .video p a {
				color: #fff;
			}
		
		#content .video embed {
			position: relative;
			left: 4px;
			top: 27px;
		}
	
/* ------------------------------------------------------------------------ */
/* start footer */

#footer {
	float: left;
	width: 826px;
	margin: 10px 37px;
	padding: 10px 0;
	border-top: 1px solid #d9d9d9;
	color: #d9d9d9;
	font-size: .9em;
}

	#footer #copyright {
		float: left;
	}
	
	#footer #links {
		float: right;
	}
	
		#footer #links ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
			#footer #links ul li {
				float: right;
				padding-left: 10px;
			}
			
				#footer #links ul li a {
					color: #d9d9d9;
					text-decoration: none;
				}