/* 
	Dr. Orlando-MArtin Dentistry
	Home page CSS
	Beth Dewey
	7/13/09	
		
 */

/* ------------------------ 
		reset
------------------------ */
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

	ol, ul {
		list-style: none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
		caption, th, td {
			text-align: left;
			font-weight: normal;
		}

		
	body {
		background: white;
		width:922px;
		margin:0 auto;
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:13px;
		color:#333;
		line-height:18px;
	}
	
	h1 a{
		text-indent:-9999px;
		display:block;
		height:95px; width:325px;
	}
	
			/*@font-face {
			  font-family: "Chiller";
			  src: url(CHILLER.TTF);
			}*/
	
		a:link,
		a:visited,
		a:active {
			color:#336484;
			text-decoration:none;
		}
			a:hover {
				text-decoration:underline;
			}
	
		 #skiplink {
			position: absolute;
			left: -9999px;
		 }
	
/* ------------------------ 
		head
------------------------ */
 #head {
 	background:url(../images/site/header.jpg) no-repeat;
	display:block;
	height:95px;
 }
 
 
/* ------------------------ 
		navigation
------------------------ */
	ul#navigation li {
		display: block;
		float: left;
		_display: inline;
		text-indent: -9999px;
	}
	
		ul#navigation li a {
		 	text-indent: -9999px;
			overflow: hidden;
		 	height: 59px;
	 		display: block;
			background:url(../images/site/Nav.jpg) no-repeat;

		 }

 ul#navigation li#nav-home a {
				width: 192px;
				}
				#navigation li#nav-home a:hover {
					background-position: 0 -59px;
					}
					
			#navigation li#nav-about a {
				width: 179px;
				background-position: -192px 0;
				}
				#navigation li#nav-about a:hover {
					background-position: -192px -59px;
					}
					
			#navigation li#nav-services a {
				width: 177px;
				background-position: -371px 0;
				}
				#navigation li#nav-services a:hover {
					background-position: -371px -59px;
					}

			#navigation li#nav-locations a {
				width: 180px;
				background-position: -548px 0;
				}
				#navigation li#nav-locations a:hover {
					background-position: -548px -59px;
					}
			#navigation li#nav-contact a {
				width: 194px;
				background-position: -728px 0;
				}
				#navigation li#nav-contact a:hover {
					background-position: -728px -59px;
					}

 

/* ------------------------ 
		home content
------------------------ */
	
		#content h2.title-testimonials {
			background:url(../images/site/title-test.gif) no-repeat;
			width:647px; height:43px;
			text-indent:-9999px;
		}
		
		#content h2.title-locations {
			background:url(../images/site/title-two-locations.gif) no-repeat bottom;
			width:240px; height:31px;
			margin-bottom:0px;
			text-indent:-9999px;
		}
			.test-float {
				width:280px;
				display:block;
				float:left;
				_display:inline;
				text-align:justify;
			}
				.push-test-float {
					margin-right:58px;
				}
		
			p.test-signature {
				margin-top:-10px;
				font-size:.85em;
				font-weight:bold;
			}

 #load_flash{
 	/*background: url(../images/site/flash.jpg) 0 -259px no-repeat;*/
	width:647px; height:259px;
	display:block;
	margin-bottom:8px;

 }

 
 #left-column-home {
 	display:block;
	_display:inline;
	float:left;
	width:632px;
 }
 
 #right-column-home {
 	display:block;
	display:inline;
	float:right;
	width:240px;
	margin-right:30px;
 }
 	#locations {
		background:url(../images/site/two-locations-bg.gif) no-repeat bottom;
		padding:0.5em 1em .25em 1em;
		width:215px;
	}
		#locations h3 {
			font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;
			font-size:1.35em;
			color:#111111;
		}
	#locations p.divider {
		border-bottom:1px dotted #a9b9c0;
	}
 
 p.home-promo a{
 	text-indent:-9999px;
	background:url(../images/site/promo-1.jpg) no-repeat;
	width:240px; height:102px;
	display:block;
 }
 	p.home-promo a:hover{
		background-position: 0 -102px;
	 }


/* ------------------------ 
		footer
------------------------ */
 #footer {
 	background:url(../images/site/footer.gif) no-repeat;
	height:43px;
	display:block;
	font-size:.9em;
	padding-top:50px;
 }
 
 	#footer ul{
	width:922px;
	margin:0 auto;
	}
	
		#footer ul li{
				float:left;
				_display:inline;
				display:block;
				padding: 0 6px;
				border-right:#333 1px solid;
			}
			#footer ul li.last-link{	
				color:#336484;
				text-decoration:none;	
				border-right:none;	
			}
			
			#footer ul li a{	
				color:#336484;
				text-decoration:none;			
			}
			
			#footer ul li a:hover{	
				color:##336484;
				text-decoration:underline;		
			}
	
 #footer p {
 	text-align:right;
 }
 	
	
/* ------------------------ 
		EASY CLEARING 
------------------------ */
.clear { clear:both;}

/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */