/*----------  Begin FIR Headers  ----------*/
h1 span, h2 span, h3 span, li span, strong span, div span {
	padding: 0; margin: 0;
	display: none;}


h1 {
	padding: 65px 5px 5px 69px; 
	margin: 0px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; line-height: 16px; color: #091F40;
	}


h3, h2 {
	margin: 0px;
	padding: 0px;}


/*----------  End FIR Headers  ----------*/


/*----------  Begin div links  ----------*/


.readmore {width: 83px; height: 27px; background:transparent url(../images/home/full_read_more.jpg);  margin: 0; padding: 0; position: relative; float: left;}
.readmore div {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
.readmore div, .readmore a {height: 27px; display: block; left: 0; width: 83px; line-height: 27px;}
.readmore div a:hover {background: transparent url(../images/home/full_read_more.jpg) 0 -27px no-repeat;}


.readmore02 {width: 83px; height: 27px; background:transparent url(../images/home/full_read_more.jpg);  margin: 0 35px 0 0; padding: 0; position: relative; float: right; clear: both;}
.readmore02 div {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
.readmore02 div, .readmore02 a {height: 27px; display: block; left: 0; width: 83px; line-height: 27px;}
.readmore02 div a:hover {background: transparent url(../images/home/full_read_more.jpg) 0 -27px no-repeat;}


/*-------------- End div links --------------*/


/*-------------- Begin Slideout Navigation ------------
#menubar { position: relative; }
.menu .options {  margin-right:1px; margin-bottom:1px; border:1px solid #BDBCAF; background-image: url(../images/home/dropdowns.jpg); background-position: left top; }
.menu a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#710B1E; display:block; padding:2px 10px; text-decoration:none; background-color:transparent;}
.menu a:hover { color:#FFFFFF; background-color:#A05C69; }
--------  End Slideout Navigation  ----------*/


/*-------------- Begin CSS Navigation --------------*/
  
  #nav {
    width: 737px; height: 40px; clear: both;
    background: url(../images/home/full_nav.jpg);
    margin: 0; padding: 0;
    position: relative; left: 0px; top: 0;}
  #nav li {
    margin: 0; padding: 0; list-style: none;
    position: relative; display:inline; float:left;}
  #nav li, #nav a {
    height: 40px; display: block;
	}
  
  
  #nav01 {width: 27px;}
  #nav02 {width: 87px;}
  #nav03 {width: 122px;}
  #nav04 {width: 146px;}
  #nav05 {width: 135px;}
  #nav06 {width: 88px;}
  #nav07 {width: 104px;}
  #nav08 {width: 28px;}
  
  
  #nav01 a:hover {background: transparent url(../images/home/full_nav.jpg) 0 -40px; repeat:no-repeat;}
  #nav02 a:hover {background: transparent url(../images/home/full_nav.jpg) -27px -40px; repeat:no-repeat;}
  #nav03 a:hover {background: transparent url(../images/home/full_nav.jpg) -114px -40px; repeat:no-repeat;}
  #nav04 a:hover {background: transparent url(../images/home/full_nav.jpg) -236px -40px; repeat:no-repeat;}
  #nav05 a:hover {background: transparent url(../images/home/full_nav.jpg) -382px -40px; repeat:no-repeat;}
  #nav06 a:hover {background: transparent url(../images/home/full_nav.jpg) -517px -40px; repeat:no-repeat;}
  #nav07 a:hover {background: transparent url(../images/home/full_nav.jpg) -605px -40px; repeat:no-repeat;}
  #nav08 a:hover {background: transparent url(../images/home/full_nav.jpg) -709px -40px; repeat:no-repeat;}


/*-------------- End CSS Navigation --------------*/


/*-------------- Begin Subpage Backgrounds --------------*/


#cosmetic-dentistry-header {
	background-image: url(../images/sub/headings/cosmetic.jpg);
	background-position: left top; background-repeat: no-repeat;
	width: 505px; float: left;
}

#blog-header {
	background-image: url(../images/sub/headings/blog.jpg);
	background-position: left top; background-repeat: no-repeat;
	width: 505px; float: left;
}

#reconstructive-dentistry-header {
	background-image: url(../images/sub/headings/reconstructive.jpg);
	background-position: left top; background-repeat: no-repeat;
	width: 505px; float: left;
}
#preventative-dentistry-header {
	background-image: url(../images/sub/headings/preventative.jpg);
	background-position: left top; background-repeat: no-repeat;
	width: 505px; float: left;
}
#our-practice-header {
	background-image: url(../images/sub/headings/ourpractice.jpg);
	background-position: left top; background-repeat: no-repeat;
	width: 505px; float: left;
}
#contact-us-header {
	background-image: url(../images/sub/headings/contactus.jpg);
	background-position: left top; background-repeat: no-repeat;
	width: 505px; float: left;
}
#sitemap-header {
	background-image: url(../images/sub/headings/sitemap.jpg);
	background-position: left top; background-repeat: no-repeat;
	width: 505px; float: left;
}
#thanks-header {
	background-image: url(../images/sub/headings/thanks.jpg);
	background-position: left top; background-repeat: no-repeat;
	width: 505px; float: left;
}
#cerec-header {
	background-image: url(../images/sub/headings/cerec.jpg);
	background-position: left top; background-repeat: no-repeat;
	width: 505px; float: left;
}
#invisalign-header {
	background-image: url(../images/sub/headings/invisalign.jpg);
	background-position: left top; background-repeat: no-repeat;
	width: 505px; float: left;
}
#veneers-header {
	background-image: url(../images/sub/headings/veneers.jpg);
	background-position: left top; background-repeat: no-repeat;
	width: 505px; float: left;
}
#whitening-header {
	background-image: url(../images/sub/headings/whitening.jpg);
	background-position: left top; background-repeat: no-repeat;
	width: 505px; float: left;
}
#tissue-management-header {
	background-image: url(../images/sub/headings/tissue-management.jpg);
	background-position: left top; background-repeat: no-repeat;
	width: 505px; float: left;
}
#itero-header {
	background-image: url(../images/sub/headings/itero.jpg);
	background-position: left top; background-repeat: no-repeat;
	width: 505px; float: left;
}
#sedation-header {
	background-image: url(../images/sub/headings/sedation.jpg);
	background-position: left top; background-repeat: no-repeat;
	width: 505px; float: left;
}
#dental-implants-header {
	background-image: url(../images/sub/headings/dental-implants.jpg);
	background-position: left top; background-repeat: no-repeat;
	width: 505px; float: left;
}
#laser-dentistry-header {
	background-image: url(../images/sub/headings/laser-dentistry.jpg);
	background-position: left top; background-repeat: no-repeat;
	width: 505px; float: left;
}
#gallery-header {
	background-image: url(../images/sub/headings/gallery.jpg);
	background-position: left top; background-repeat: no-repeat;
	width: 505px; float: left;
}

/*-------------- End Subpage Backgrounds --------------*/


body {
	background-image: url(../images/home/bkgrnd.jpg);
	margin: 0;
}
#bkgrnd {
	background-image: url(../images/home/style_bkgrnd.jpg);
	background-position: left top; background-repeat: repeat-x;	
}
#wrap { 
	background-image: url(../images/home/structure_bkgrnd.jpg);
	margin:0px auto; width: 737px; background-repeat: repeat-y;
}
#wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#sub-wrap { 
	background-image: url(../images/sub/structure_bkgrnd.jpg);
	margin:0px auto; width: 737px; background-repeat: repeat-y;
}
#sub-wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.map { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; line-height: 16px; color: #ffffff;
}
		.map a:link, .map a:visited {

		color: #ffffff;
		text-decoration: underline;
	}
	.map a:hover, .map a:active {
		color: #0066CC;
		text-decoration: underline;
	}
td, p, div, li, h2, h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; line-height: 16px; color: #091F40;
}
	a:link, a:visited {
		color: #091F40;
		text-decoration: underline;
	}
	a:hover, a:active {
		color: #0066CC;
		text-decoration: underline;
	}
/*-------------- li {
	list-style-image: url(../images/home/li.jpg);
}
ul {
	margin: 10px 0 0 30px;
	padding: 0 0 0 10px;
} --------------*/




/*-------------- Heading --------------*/
#flash-left-side {
	background-image: url(../images/home/flash_r1_c1.jpg);
	background-position: left top; background-repeat: no-repeat;
	width: 41px; height: 303px; float: left;
}
#flash {
	background-image: url(../images/home/flash_r1_c2.jpg);
	background-position: left top; background-repeat: no-repeat;
	width: 656px; height: 303px; float: left;
}
#flash-right-side {
	background-image: url(../images/home/flash_r1_c11.jpg);
	background-position: left top; background-repeat: no-repeat;
	width: 40px; height: 303px; float: left;
}
#pre-nav {
	background-image: url(../images/home/pre_nav.jpg);
	background-position: left top; background-repeat: no-repeat;
	width: 737px; height: 14px; float: left; clear: both;
}
#intro-content { width: 737px; margin: 0; padding: 0; float: left; clear: both;}




/*-------------- Left Column --------------*/
#content-left {	width: 505px; margin: 0; padding: 0; float: left;}
#pic-float-left { float: left; margin: 0;}
#pic-float-right { float: right; margin: 0;}
#tesimonial-grfc-txt {
	background-image: url(../images/home/testimonial_grfc.jpg);
	background-position: left top; background-repeat: no-repeat;
	width: 215px; height: 116px; float: left;
}
#intro01 {
	background-image: url(../images/home/intro.jpg);
	background-position: left top; background-repeat: no-repeat;
	width: 505px;
}
#intro_01repeat {
	background-image: url(../images/home/intro_01repeat.jpg);
	background-position: left top; background-repeat: repeat-y;
	width: 505px;
}
#intro01-padding { padding: 2px 30px 10px 70px;}
#intro_02repeat {
	background-image: url(../images/home/intro_02repeat.jpg);
	background-position: left top; background-repeat: repeat-y;
	width: 505px;
}
#intro02 {
	background-image: url(../images/home/intro02.jpg);
	background-position: left top; background-repeat: no-repeat;
	width: 505px;
}
#intro02-padding { padding: 91px 30px 10px 70px;}
#intro03 {
	background-image: url(../images/home/intro03.jpg);
	background-position: left top; background-repeat: no-repeat;
}
#intro03-padding { padding: 91px 30px 10px 70px;}




/*-------------- Right Column --------------*/
#content-right { width: 232px; margin: 0; padding: 0; clear: right; float: left; vertical-align: top;}
#locations-padding { padding: 10px 53px 10px 14px; color: #FFFFFF;}
#locations {
	background-image: url(../images/home/locations.jpg);
	background-position: left top; background-repeat: no-repeat; 
}
#our-office { background: url("../images/home/our-office.jpg") right top no-repeat; }
body#index #our-office { padding-top:179px; position:relative; }
#contact-padding { padding: 73px 53px 10px 14px; color: #FFFFFF;}
#contact-padding p { color: #FFFFFF;}
#contact {
	background-image: url(../images/home/contact.jpg);
	background-position: left top; background-repeat: no-repeat; 
}
#featured-results-padding { padding: 49px 49px 10px 9px; color: #FFFFFF;}
#featured-results {
	background-image: url(../images/home/results.jpg);
	background-position: left top; background-repeat: no-repeat; 
}


#btn-blog {background-image: url(../images/btn-blog.jpg); height:49px; position:relative;}

#btn-blog a {
	position:absolute;
	width:102px;
	height:32px;
	top:15px;
	left:8px;
}

/*-------------- Footer --------------*/
#base {
	background-image: url(../images/home/base.jpg); 
	background-position: left top; background-repeat: no-repeat; 
	width: 737px; height: 56px; margin:0px auto; clear: both;
}
#sub-base {
	background-image: url(../images/sub/base.jpg); 
	background-position: left top; background-repeat: no-repeat; 
	width: 737px; height: 56px; clear: both;
}
#btm-repeat {
	background-image: url(../images/home/footer_repeat.jpg);
	background-position: left top; background-repeat: repeat-y; 
	width: 737px; margin:0px auto; clear: both;
}
#footer-top {
	background-image: url(../images/home/footer_top.jpg); 
	background-position: left top; background-repeat: no-repeat; 
	width: 737px; margin:0px auto;
}
#footer-padding { padding: 30px 70px 10px 70px;}
#footer-repeat {
	background-image: url(../images/home/footer_repeat.jpg);
	background-position: left top; background-repeat: repeat-y; 
	width: 737px; margin:0px auto; clear: left;
}
.footer-text  {
	clear: both;color: #091F40;
	text-align: center; line-height: 16px;

}
	.footer-text a:link, .footer-text a:visited {
		color: #091F40;
		text-decoration: underline;
	}
	.footer-text a:hover, .footer-text a:active {
		color: #0066CC;
		text-decoration: underline;
	}

	
	#vw {position:absolute; top:0; left:15px;}
	#noflashvw p, #noflashvw a, noscript ins{color:#fff;}
	
	#our-office-location-header {width:217px; height:24px; background:#213857 url(../images/our-office-right-col-header.jpg) no-repeat; }
	

	
	#vms-lightwindow-link{display:none;}
	
	
	
	
	
	/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav li ul {
	position:absolute;
	left:-9999px;
	padding-right:1px;			/* Fixes one px spacing for border-right in FF */
	background-color:#FEFEFE;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	}
	
#nav li ul li, #nav li ul li a {
	display: block;
	height: 20px;
	line-height: 20px;
}

#nav li ul li { 				
	border:1px solid #6081B4;
	border-top:none;
	margin:0;
	padding:0;
	}	

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

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

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

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

/* Hover styles for drop down items */
#nav03 ul a:hover, #nav04 ul a:hover, #nav05 ul a:hover { 
	background-image:none;
	background-color:#6081B4;
	color:#FFF;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav03 ul, #nav03 li { width:150px; margin:0; padding:0; }
#nav04 ul, #nav04 li { width:150px; margin:0; padding:0; }
#nav05 ul, #nav05 li { width:250px; margin:0; padding:0; }


/* ----- Social Media Kit ------ */
	

div#social-media { 
	width:232px;
	height:339px;
	background:url("../images/social-media.jpg") no-repeat;
	margin:0 0 -1px 0;
	position:relative;
	z-index:999;
	}
	
	div#social-media span { display:none;}
	
	#social-media a { width:65px; height:65px;}

	#social-media a.twitter {
		position:absolute;
		top:55px;
		left:25px;
		}
		
	#social-media a.facebook {
		position:absolute;
		top:55px;
		left:105px;
		}
		
	#social-media a.linkedin {
		position:absolute;
		top:139px;
		left:25px;
		}
		
	#social-media a.youtube {
		position:absolute;
		top:139px;
		left:105px;
		}
		
	#social-media a.blog {
		position:absolute;
		top:224px;
		left:65px;
		}