/* kill browser defaults
 * ------------------------------------------------------------------------- */
ul,ol { list-style:none; }

h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1.0em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0px; padding:0px; }

a img,:link img,:visited img,fieldset { border:none; }

a { outline:none; }




/* global elements
 * ------------------------------------------------------------------------- */
body {
	background:#fff;
	text-align:center;
	font:11px/17px lucida grande,lucida sans,lucida sans unicode,arial,helvetica;
	color:#000;
	}

blockquote {
	margin-left:10px;
	margin-right:10px;
	}

h1	{ font-size:1.2em; color:#000; }
h2	{ font-size:1.1em; color:#000; }
h3	{ font-size:1.0em; color:#000; }

h1 span,h2 span,h3 span	{ display:none; }

h2 { border-bottom:1px solid #000; width:85% }

a:link,a:visited { text-decoration:none; }
a:hover,a:active { text-decoration:underline; }




/* framework
 * ------------------------------------------------------------------------- */
#wrap {
	background:url("/images/bg-wrap.jpg") repeat-y;
	width:727px;
	margin:0px auto;
	text-align:left;
	}
	
#masthead {
	position:relative;
	height:77px;
	}
	#masthead a {
		position:absolute;
		top:15px;
		left:21px;
		width:339px;
		height:56px;
		}
		#masthead a span {
			display:none;
			}


/* ----- column-left ----- */
#column-left {
	width:560px;
	float:left;
	padding-top:0px;
	}
	#column-left p, #column-left h1, #column-left h2, #column-left h3, #column-left ul, #column-left dl {
		margin:0px 0px 10px 40px;
		padding-right:20px;
		}
	#column-left ul {
		padding-right:0px;
		}
	#column-left h1.first {
		padding-top:25px;
		}

#column-left #flowplayer {
	margin: 50px 0 0 40px;
	position: relative;
	z-index: 0;
}


/* ----- column-right ----- */
#column-right {
	width:167px;
	float:right;
	background:url("/images/right-top.jpg") no-repeat;
	padding-top:20px;
	}
#title-location {
	background:url("/images/title-location.jpg") no-repeat right;
	height:32px;
	margin-bottom:10px;
	width:167px;
	}
#title-contact {
background:url(/images/title-contact.jpg) no-repeat right;
height:72px;
margin-bottom:10px;
}	
	#column-right p {
		margin:0px 0px 10px 17px;
		padding-right:20px;
		}
	#column-right img.logos {
		margin:0px 0px 0px 14px;
		padding:0px;
		}
	#column-right p.gallery-button {
	padding-right:0;}

/* ----- bottom-wrap ----- */
#bottom-wrap {
	background:url("/images/bottom-wrap.jpg");
	height:12px;
	clear:both;
	width:100%;
	}
#bottom-wrap-index {
	background:url("/images/bottom-wrap-index.jpg");
	height:301px;
	clear:both;
	width:100%;
	position:relative;
	}
	#featured-thumbs {
		background:url("/images/featured-thumbs.jpg") no-repeat;
		width:287px;
		height:197px;
		top:74px;
		left:412px;
		margin:0px;
		padding:0px;
		position:absolute;
		}
	
	#featured-thumbs span { display:none; }
	
	#featured-thumbs li, #featured-thumbs a { height:60px; display:block; }
	
	#featured-thumbs li { float:left; list-style:none; _display:inline; }
	
	#featured-thumbs-01 { width:139px; margin-left:0px; }
	#featured-thumbs-02 { width:139px; margin-left:9px; }
	#featured-thumbs-03 { width:139px; margin-left:0px; margin-top:8px; }
	#featured-thumbs-04 { width:139px; margin-left:9px; margin-top:8px; }
	#featured-thumbs-05 { width:139px; margin-left:0px; margin-top:9px; }
	#featured-thumbs-06 { width:139px; margin-left:9px; margin-top:9px; }
	
	#featured-thumbs-01 a:hover { background:url("/images/featured-thumbs.jpg")  -0px -197px no-repeat; }
	#featured-thumbs-02 a:hover { background:url("/images/featured-thumbs.jpg") -148px -197px no-repeat; }
	#featured-thumbs-03 a:hover { background:url("/images/featured-thumbs.jpg") -0px -265px no-repeat; }
	#featured-thumbs-04 a:hover { background:url("/images/featured-thumbs.jpg") -148px -265px no-repeat; }
	#featured-thumbs-05 a:hover { background:url("/images/featured-thumbs.jpg") -0px -334px no-repeat; }
	#featured-thumbs-06 a:hover { background:url("/images/featured-thumbs.jpg") -148px -334px no-repeat; }




/* masthead framework
 * ------------------------------------------------------------------------- */

#masthead { background:url("../images/masthead-index.jpg"); }
body#index #masthead { background:url("../images/masthead-index.jpg"); }
body#about #masthead { background:url("../images/masthead-about.jpg"); }
body#procedures #masthead { background:url("../images/masthead-procedures.jpg"); }
body#gallery #masthead { background:url("../images/masthead-gallery.jpg"); }
body#sleep-dentistry #masthead { background:url("../images/masthead-sleep-dentistry.jpg"); }
body#whitening #masthead { background:url("../images/masthead-index.jpg"); }
body#porcelain-veneers #masthead { background:url("../images/masthead-index.jpg"); }
body#invisalign #masthead { background:url("../images/masthead-index.jpg"); }
body#contact #masthead { background:url("../images/masthead-contact.jpg"); }
body#thankyou #masthead { background:url("../images/masthead-contact.jpg"); }
body#sitemap #masthead { background:url("../images/masthead-index.jpg"); }




/* header framework
 * ------------------------------------------------------------------------- */
#header { height:210px; background:url("../images/header-index.jpg");}
	body#index #header { background:url("../images/header-index.jpg"); }
	body#about #header { background:url("../images/header-about.jpg"); }
	body#procedures #header { background:url("../images/header-procedures.jpg"); }
	body#gallery #header { background:url("../images/header-gallery.jpg"); }
	body#sleep-dentistry #header { background:url("../images/header-sleep-dentistry.jpg"); }
	body#whitening #header { background:url("../images/header-index.jpg"); }
	body#porcelain-veneers #header { background:url("../images/header-index.jpg"); }
	body#invisalign #header { background:url("../images/header-index.jpg"); }
	body#contact #header { background:url("../images/header-contact.jpg"); }
	body#thankyou #header { background:url("../images/header-contact.jpg"); }
	body#sitemap #header { background:url("../images/header-index.jpg"); }




/* subhead framework
 * ------------------------------------------------------------------------- */
body#index #column-left { background:url("../images/column-left-index.jpg") no-repeat; }
body#about #column-left { background:url("../images/column-left-about.jpg") no-repeat; }
body#procedures #column-left { background:url("../images/column-left-procedures.jpg") no-repeat; }
body#gallery #column-left { background:url("../images/column-left-gallery.jpg") no-repeat; }
body#sleep-dentistry #column-left { background:url("../images/column-left-sleep-dentistry.jpg") no-repeat; }
body#whitening #column-left { background:url("../images/column-left-whitening.jpg") no-repeat; }
body#porcelain-veneers #column-left { background:url("../images/column-left-porcelain-veneers.jpg") no-repeat; }
body#porcelain-crowns #column-left { background:url("../images/column-left-porcelain-crowns.jpg") no-repeat; }
body#dental-implants #column-left { background:url("../images/column-left-dental-implants.jpg") no-repeat; }
body#full-mouth-reconstruction-page #column-left { background:url("../images/column-left-full-mouth-reconstruction.jpg") no-repeat; }
body#invisalign #column-left { background:url("../images/column-left-invisalign.jpg") no-repeat; }
body#contact #column-left { background:url("../images/column-left-contact.jpg") no-repeat; }
body#thankyou #column-left { background:url("../images/column-left-thankyou.jpg") no-repeat; }
body#sitemap #column-left { background:url("../images/column-left-sitemap.jpg") no-repeat; }




/* footer
 * ------------------------------------------------------------------------- */
#footer {
	width:727px;
	margin:0px auto;
	text-align:center;
	}

#footer p {
	color:#000;
	margin-bottom:10px;
	}

#footer ul { margin:10px 0px; }

#footer li {
	padding:0px 5px 0px 7px;
	display:inline;
	border-left:1px solid #000;
	}
	#footer li.first { border:none; }




/* navigation
 * ------------------------------------------------------------------------- */
body#index #nav {
	background:url("/images/nav.jpg") no-repeat;
	}
	body#index #nav-01 a:hover { background:url("/images/nav.jpg")  -8px -25px no-repeat; }
	body#index #nav-02 a:hover { background:url("/images/nav.jpg") -58px -25px no-repeat; }
	body#index #nav-03 a:hover { background:url("/images/nav.jpg") -121px -25px no-repeat; }
	body#index #nav-04 a:hover { background:url("/images/nav.jpg") -199px -25px no-repeat; }
	body#index #nav-05 a:hover { background:url("/images/nav.jpg") -336px -25px no-repeat; }
	body#index #nav-06 a:hover { background:url("/images/nav.jpg") -434px -25px no-repeat; }
	body#index #nav-07 a:hover { background:url("/images/nav.jpg") -507px -25px no-repeat; }
	

#nav {
	background:url("/images/nav.jpg") no-repeat;
	width:727px;
	height:25px;
	margin:0px;
	padding:0px;
	}

#nav span { display:none; }

#nav li, #nav a { height:25px; display:block; z-index:999; }

#nav li { float:left; list-style:none; _display:inline; position:relative; }

#nav-01 { width:50px; margin-left:8px; }
#nav-02 { width:63px; }
#nav-03 { width:78px; }
#nav-04 { width:138px; }
#nav-05 { width:97px; }
#nav-06 { width:72px; }
#nav-07 { width:60px; }

#nav-01 a:hover { background:url("/images/nav.jpg")  -8px -25px no-repeat; }
#nav-02 a:hover { background:url("/images/nav.jpg") -58px -25px no-repeat; }
#nav-03 a:hover { background:url("/images/nav.jpg") -121px -25px no-repeat; }
#nav-04 a:hover { background:url("/images/nav.jpg") -199px -25px no-repeat; }
#nav-05 a:hover { background:url("/images/nav.jpg") -336px -25px no-repeat; }
#nav-06 a:hover { background:url("/images/nav.jpg") -434px -25px no-repeat; }
#nav-07 a:hover { background:url("/images/nav.jpg") -507px -25px no-repeat; }


/* ----- drop downs ----- */
#nav li ul {
	position:absolute;
	left:-9999px;
	padding-right:1px;			/* Fixes one px spacing for border-right in FF */
	background-color:#87a5c9;
	}

#nav li ul li {
	height:20px; 				/* Height of each drop down nav item */
	}	

#nav li ul li a {
	width:100%;
	height:20px;				/* Height of each drop down nav item, should match above */
	line-height:20px;			/* 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.1em;
	color:#000;
	text-decoration:none;
	}

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

/* Hover styles for drop down items */
body#index #nav-03 ul a:hover, #nav-03 ul a:hover {
	background-image:none;
	background-color:#bccce5;
	color:#000;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-03 ul, #nav-03 li { width:260px; }		




#recentawards {
	background:url("/images/recentawards.gif") top left no-repeat;
	width:219px;
	height:66px;
	margin:0px;
	padding:0px 0px 0px 11px;
	float:right;
	clear:both;
	}

.awards {
	width:219px;
	margin:0px;
	padding:0px 7px 15px 0px;
	float:right;
	clear:both;
}

ul.bullet-list li {
	list-style-type:disc;
	margin:0 5px 0 0px;
	}

/* form globals
 * ------------------------------------------------------------------------- */
form {
	width:119px;
	padding:10px 0px 15px 17px;
	}

form label	{ font-size:.95em; }

form br { line-height:0px; height:0px; }

input, textarea, select {
	background-color:#fff !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #13395e;
	color:#000;
	width:114px; /* 5 pixles smaller than form width !important */
	height:16px;
	line-height:18px;
	vertical-align:middle;
	margin-bottom:2px;
	padding-top:2px;
	padding-left:3px;
	font-family:lucida grande,lucida sans,lucida sans unicode,arial,helvetica;
	font-size:1.0em;
	}

select { width:119px; padding:0px; } /* same width as form - !important */

textarea { height:90px; overflow:auto; }

#contact_business { display:none; } /* do not remove */ 


/* ----- main form ----- */ 
#contact-main { padding:20px 0px 10px 100px; width:450px; }
	
#contact-main input, #contact-main textarea, #contact-main select {
	width:156px;
	height:18px;
	margin-bottom:4px;
	margin-left:10px;
	margin-right:30px;
	}
	
#contact-main select { width:161px; }
	
#contact-main textarea { height:80px; width:350px; overflow:auto; margin:0px auto; }

#contact-main fieldset div {
	text-align:right;
	}


/* ----- submit buttons ----- */ 
input.submit,#contact-main input.submit {
	background:url("/images/submit.jpg");
	width:52px;
	height:17px;
	cursor:pointer;
	border:none;
	padding:0px;
	margin:0px;
	}
#contact-main input.submit {
	margin:20px 0px 20px 200px;
	}



/* miscellaneous ids
 * ------------------------------------------------------------------------- */
#skyline-small {	
	background:url("/images/skyline-small.jpg") no-repeat;
	height:78px;
	display:block;
	}

.bna-list {

	}
	.bna-list dt {
		width:170px;
		float:left;
		margin-top:20px;
		}
	.bna-list dd {
		width:300px;
		float:left;
		margin-top:20px;
		}
		.bna-list dd p.back-to-top {
			text-align:left;
			}

body#bna {
	background:url("/images/bg-bna.jpg") top left repeat-y;
	margin:0px;
	padding:0px;
	text-align:left;
	}

body#finances {
	background:url("/images/bg-bna.jpg") top left repeat-y;
	margin:0px;
	padding:20px 40px 10px 40px;
	text-align:left;
	}
	body#finances p {
		margin:0px 0px 10px 0px;
		}
	body#finances ul {
		list-style-type:disc;
		margin:0px 0px 24px 30px;
		}

#finances-button {
	width:560px;
	margin-top:3px;
	}
	#finances-button a {
		background:url("/images/finances-button.jpg");
		width:99px;
		height:29px;
		display:block;
		margin-left:460px;
		}
		#finances-button a:hover {
			background-position:0px -29px;
			}

#ashley-g {
	margin-right:20px;
	_display:inline;
	}


/* classes
 * ------------------------------------------------------------------------- */
div.clear {
	clear:both;
	height:.01em;
	overflow:hidden;
	}

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	}
	
img.img-left {
	float:left;
	margin:2px 10px 10px 0px;
	}
	
img.img-right {
	float:right;
	margin:5px 0px 10px 10px;
	}

p.address {
	font-size:10px;
	}

div.rule {
	border-bottom:1px solid #666;
	margin:0px auto;
	width:86%;
	display:block;
	clear:both;
	}
body#contact div.rule {
	border-bottom:1px solid #666;
	margin:14px auto;
	display:block;
	clear:both;
	}
	
div.image-gallery-icons	p {
	text-align:center;
	}
div.image-gallery-icons	p a {
	padding:0 10px;}
	
	
	
	/* ------------------ */
  /* Blog Ticker */
  /* ------------------ */
  div.scrollable {
  	width: 150px;
  	position: relative;
  	height: 219px;
  	overflow: hidden;
  }

  .items {
  	height: 20000em;
  	margin: 0;
  	position: absolute;
  }

  .item {
  	overflow: auto;
  	float: right;
  	display: block;
  }

  span.date {
  	display: block;
  	text-align: center;
  	font-size: 10px;
  	line-height: 22px;
  	font-weight: bold;
  }

  .items a {
  	overflow: hidden;
  	display: block;
  	width: 150px;
  	text-decoration: none;
  	font-weight: normal;
  	font-size: 10px;
  	line-height: 22px;
  	padding: 10px 0;	
  }

  .items a:hover span {
  	text-decoration:underline;
  }
  
  #column-right h2.news
  {
    margin:0 10px;
  }

  	span.container {
  		display: block;
  		float: right;
  		width: 130px;
  		line-height: 16px;
  		padding:  0 10px 0 10px;
  		overflow: hidden;
  		height: 67px;
  	}

  	a span.title {
  		font-weight: bold;
  		margin: 0 0 5px 0;
  		font-size: 10px;
  	}

  	span.title {
  		display: block;
  	}

  p.learn-more a, span.learn-more a {
  	font-style: italic;
  	font-weight: 10px;
  	font-weight: normal;
  	padding: 0 0 0 23px;
  	display: block;
  	font-size: 12px;
  }
  	span.learn-more a {
  		display: block;
  		margin: 10px 0 0 0;
  	}

  a.blog-view-all {
  	display: block;
  	height: 31px;
  	width: 150px;
  
  	text-transform: uppercase;
  	font-weight: normal;
  	padding: 0 0 0 50px;
  	line-height: 31px;
  }