/* 
Title:		Nicollet Station Dental
Author: 	David Boyer
Email:		david.boyer[at]26tigers.com
Created: 	October 22, 2006
Updated:	April 19, 2010
*/

/* Design Notes:

Colors: 
	#285B6D - Teal background color
	#ADC7D2 - Light Blue link
	#D19937 - Gold Link

*/

/*--[Global]----------------------------------------------------------*/
html, body, form, fieldset, legend, input, select, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, dt, dd, address, img {
	margin:0;
	padding:0;
}
ul, li {
	list-style-type:none;
}
body {
	background: #285B6D url(../images/bg_bodybg.gif) repeat-x; 
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: small;
	line-height: 1.1em;
	color: #333333;
	text-align: center; /* KLUDGE: IE5.5 and IE6 in quirks mode doesn't understand auto marging. IE misunderstands text-align: center and centers everything. Must reset text to the left in the wrapper tag. */
	min-width: 800px; /* KlUDGE: Keeps Netscape 6 from spilling off the side of the page when viewport is reduced beloew wrapper width. */
}

* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}
hr { /* A bit overkill but it almost always works. Thanks to Sonspring. */
	 border: 0;
	 clear: both;
	 display: block;
	 float: none;
	 margin: 0;
	 overflow: hidden;
	 visibility: hidden;
	 width: 0;
	 height: 0;
}			
img {
	border:0;
}	

/*--[Set Common Elements]----------------------------------------------------------*/
.tiny {
	font: xx-small Arial, Helvetica, sans-serif;
}
.clear {
	clear:both;
}
.centered, p.centered {
	text-align:center;
}
.right {
	float:right;
}
.left {
	float:left;
}

/*--[Set Generic Link Rules]----------------------------------------------------------*/
a:link {
	color:#006A40;
	text-decoration: none;
}
a:visited {
	color: #006A40;
	text-decoration: none;
}
a:hover {
	color:#BB7100;
	text-decoration: none;
}
a:active {
	color:#2D3F3D;
	text-decoration: none;
}

/*--[Specific Link Rules]----------------------------------------------------------*/
a:link.go, a:visited.go {
	background: url(images/bullet_go.gif) no-repeat 100% 0;
	font-size:100%;
	padding-right: 23px;
	color:#B75C00;
	line-height: 14px;
}
a:hover.go {
	background: url(images/bullet_go_over.gif) no-repeat 100% 0;
}
		
/*--[Standard Styling]----------------------------------------------------------*/
.standard p {
	font-size:80%;
	padding:3px 15px 3px 25px;
}
		
/*--[Headlines]----------------------------------------------------------*/		
h2.pagetitle{
	font:italic bold 155% Verdana, Arial, Helvetica, sans-serif;
	color:#3B474C;
	padding:0 15px 2px 15px;
	width: 500px;
}
h2.fronttitle{
	font:italic bold 150% Verdana, Arial, Helvetica, sans-serif;
	color:#3B474C;
	padding:10px 15px 2px 15px;
	width: 500px;
}
h4.gen_subhead {
	color:#285B6D;
	font: bold 130%/1.1em "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
	padding: 5px 0 5px 10px;
	margin:0;
}
	
/*--[Common List]----------------------------------------------------------*/	
ul.commonlist {
	margin:0;
	padding:15px;
	list-style:none;
}
	ul.commonlist h3 {
		color: #666666;
		font-size: 105%;
		padding: 5px 5px 3px 5px;
		margin: 0 0 5px 0;
		border-bottom: 1px solid #CFD1CE;
	}
		ul.commonlist li {
			padding:0 0 7px 0;
			font-size: 80%;
			color: #000066;
			padding-left: 27px;
			background: url(../images/bullet_orange.gif) no-repeat 8px 0;
		}
		
/*--[Common List Link]----------------------------------------------------------*/	
ul.commonlistlink {
	margin:0;
	padding:15px;
	list-style:none;
}
	ul.commonlistlink h3 {
		color: #666666;
		font-size: 105%;
		padding: 5px 5px 3px 5px;
		margin: 0 0 5px 0;
		border-bottom: 1px solid #CFD1CE;
	}
		ul.commonlistlink li {
			padding:0 0 7px 0;
		}
		ul.commonlistlink li a {
			display:block;
			font-size:95%;
			color:#006A40;
			padding-left:27px;
			background:url(../images/bullet_grey.gif) no-repeat 8px 0;
		}
				ul.commonlistlink li a:visited {
					color:#006A40;
				}	
				ul.commonlistlink li a:hover {
					color:#BB7100;
					background: url(../images/bullet_orange.gif) no-repeat 8px 0;
				}
				
/*--[Testimonals]----------------------------------------------------------*/	
ul.testimonals {
	margin:0;
	padding:15px;
	list-style:none;
}
	ul.testimonals h3 {
		color: #666666;
		font-size: 105%;
		padding: 5px 5px 3px 5px;
		margin: 0 0 5px 0;
		border-bottom: 1px solid #CFD1CE;
	}
		ul.testimonals li {
			padding:0 0 7px 0;
			font: 90% "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
			color: #00066;
			padding: 0 0 20px 30px;
			background: url(../images/icon_comment.gif) no-repeat 8px 2px;
		}
/*----------Sets Content Area Layout and Style ----------*/
#content_wrapper { 
	width: 581px; /* 16px less than background image to provide a 8px gutter on each side. */
	background: url(../images/bg_contentarea.gif) repeat-y; 
	float: right;
	font-size: 95%;
	padding: 0 8px;
}

/*------------Front Page Content Styling -------------------*/
	img.frontpic {
		background: url(../images/bg_promodivider.gif) repeat-x bottom left;
		padding-bottom:24px;
	}
	
	div.frameBox { 
		width:248px;
		margin:20px;
		background-color:#fffefe;
		border:1px solid #ccc;
		height:220px;
	}
		div.frameBox h3 { 
			color:#dc6600;
			padding:10px 10px 5px 10px;
			font-size:120%;
			line-height:1.2;
			 
		}

	/*----------Sets the Front Columns area styles. ----------*/
	#singlecol_wrapper {
		background:url(../images/bg_content_fadetop.gif) repeat-x top left;
		padding:15px 0;
	}
							
/*----------Sets the styles for the skip to navigation link----------*/
#skip {
	position: absolute; /* Sets the skip DIV to absolute to take it out of the flow of the document; this allows it to be placed in an exact location. */
	left: -3000px; /* Adds a high negative margin to take the skip DIV off the viewport so that visual visitors do not see it. */
}
.clear {
	clear: both;
}

/*----------Sets the width of the main wrapper that will contain all the other DIVs----------*/
#wrapper {
	width: 780px; /* Makes the main wrapper 780 pixels wide. */
	margin: 0 auto; /* Centers wrapper in viewport. */
	text-align: left; /* KLUDGE: Realigns text to the left for the IE fix. */
}

/*--[Header]----------------------------------------------------------*/
#header {
	margin: 0;
	padding: 0;
	background: url(../images/bg_header.gif) no-repeat;
	height: 163px; /* Sets the height of the header DIV to the height of its background image. */
	width: 780px; /* Sets the header width the same as its background image. */
	position: relative; /* Needed to allow for the absolute postioned nav tabs otherwise the tabs would postion relative to the viewport. */
	overflow:hidden;
}

#header h1, #header h2 {
	text-indent: -9959px;
	float:right; /*Floating removes it from the flow and prevents spacing issues.*/
}
img#logo {
	position:absolute;
	left:0;
	top:0;
}
#header h3 {
	position: absolute;
	left: 425px;
	bottom: 103px;
	font: bold 115% "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
	color: #183640;
	width: 342px;
}
	
/*--[Navigation Bar]----------------------------------------------------------*/
	ul#navbar {
		padding: 0;
		margin: 0;
		list-style: none;
		float: right;
		position: absolute;
		width: 483px;
		top: 135px;
		right: 18px;
	}
		ul#navbar li {
			float: right; /* Float left to display link hoziontally. Need to float the parent as well. */
			background: url(../images/bg_btntab_right.gif) no-repeat top right;
		}
			ul#navbar li a {
				font: 95% "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
				font-weight: bold;
				display: block;
				text-transform: capitalize;
				text-decoration:none;
				line-height: 1.8em;
				background: url(../images/bg_btntab_left.gif) no-repeat top left;
				padding: 0 10px;
				float: left;
				color: #444;
			}
				ul#navbar li a:visited{
					color: #444; 
				}
				ul#navbar li a:hover {
					color: #0033CC; /* Bright blue */
				}
				ul#navbar li a:active {
					color: #0033CC; /* Bright blue */
				}

/*----------Sets Left Column Layout and Style ----------*/
#content_sec { 
	width: 183px;
	float: left; 
}
	
	/*----------Secondary Navigation  ----------*/	
	#navsec {
		width:183px;
		background:url(../images/bg_navsec_menu.gif) repeat-x top;
	}
		#navsec ul {
			list-style: none;
			width: 183px;
			padding:10px 0 15px 0;
			margin:0;
		}
			#navsec ul li  {
				display: inline; /* :KLUDGE: Removes large gaps in IE/Win */
				border-bottom: 1px solid #245262;
			}
				#navsec ul li a {
					font: bold 100% "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
					display:block;
					text-align:right;
					margin:0 0 4px 0;
					background:url(../images/bg_navtriangle.gif) no-repeat right center;
					padding-right: 25px;
					line-height: 25px;
					border-bottom: 1px solid #245262;
				}
				#navsec ul li a:link, #navsec ul li a:visited {
					color:#ADC7D2;
					text-decoration:none;
				}	
				#navsec ul li a:hover {
					color:#FFFFFF;
				}
				#navsec ul li a:active {
					color:#ff9000;
				}

	/*----------Sideblocks Content  ----------*/	
 	.sideblock {
		padding:0 0 20px 0;
	}
		.sideblock blockquote {
			color:#F5CCAE;
			font: italic bold 110%/1.1em Arial, Helvetica, sans-serif;
			padding: 0 15px 10px 0;
		}
		.sideblock p.author {
			color:#F5CCAE;
			font: bold 100%/1.1em Arial, Helvetica, sans-serif;
			padding: 0 15px 0 0;
			text-align: right;
		}

		
/*--[Footer]----------------------------------------------------------*/
#footer_wrapper {
	float: right;
	width: 597px;
	background: #285B6D url(../images/bg_footeredge.gif) no-repeat top;	
} 
	#footer_wrapper ul {
		border:1px solid #FFF;
		background:#285B6D url(../images/bg_addressfooter.gif) repeat-x top left;
		padding:10px 10px 0 10px;
		margin:25px 0 0 0;
		width:200px;
		float:left;
	}
		#footer_wrapper ul li {
			color: #FFF;
			padding: 0 0 10px 0;
			font-size: 75%;
		}
		#footer_wrapper ul li a {
			color: #D19937;
			font-weight: bold;
		}
			#footer_wrapper ul li a:visited {
				color:#D19937;
			}
			#footer_wrapper ul li a:hover {
				color:#59C9F1;
			}			
		#footer_wrapper ul li address {
			font-style: normal;
		}
		#footer_wrapper ul li address h4 {
			font-size: 125%;
			color:#FFF;			
		}
p#basement {
	clear: both;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	padding: 8px 0 0 0; 
	line-height: 24px;
	width: 220px;
	text-align: right;
}
	p#basement a:link {
		color: #FFF;
	}
	p#basement a:hover {
		color: #FFFF00;
		text-decoration: none;
	}
.octag {
	padding: 12px 30px 12px 20px;
	background: url(../images/icon_oc.gif) no-repeat 100% center;
}

/*--[Newsletter List]----------------------------------------------------------*/
ul.newsletter {
	padding: 5px 25px;
	list-style: none;	
}
	ul.newsletter li {
		padding-bottom:10px;
		font-size:85%;
	}
	ul.newsletter li a {
		display:block;
		background:url(../images/icon_pdf.gif) no-repeat left center;
		padding-left:23px;
	}

/*--[Featured Links]----------------------------------------------------------*/
dl.featuredlinks {
	padding: 15px 25px;
	list-style: none;	
}
	dl.featuredlinks dt a {
	display:block;
	background:url(../images/icon_world_link.gif) no-repeat left center;
	padding-left:23px;
	height:16px;
	font-size: 110%;
	font-weight: bold;		
	}
	dl.featuredlinks dd {
		padding: 5px 10px 5px 35px;
		font-size: 85%;
	}
	
/*--[FAQ List]----------------------------------------------------------*/
ul.faq {
	padding: 15px 25px;
	list-style: none;	
}
	ul.faq li {
		padding:20px 0;
		background:url(../images/img_a.gif) no-repeat 15px 75px;
		border-bottom: 1px solid #C4C4C4;
	} 
	ul.faq li h4 {
		color:#285B6D;
		font: bold 130%/1.1em "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
		padding:12px 0 10px 35px;
		margin:0;
		background:url(../images/img_q.gif) no-repeat left 3px;
	}	
	ul.faq li p {
		font-size: 85%;
		padding:3px 0 3px 55px;
		margin:0;
	}
	
/*--[Services List]----------------------------------------------------------*/
ul.anchorlist {
	padding: 15px 25px;
	list-style: none;	
}
	ul.anchorlist li {
		padding:20px 0;
		border-bottom: 1px solid #C4C4C4;
	} 
	ul.anchorlist li h4 {
		color:#285B6D;
		font: bold 130%/1.1em "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
		padding:12px 0 10px 10px;
		margin:0;
	}	
	ul.anchorlist li p {
		font-size: 85%;
		padding:3px 0 3px 30px;
		margin:0;
	}

	ul.anchorlist ul {
		margin: 0;
		padding: 3px 30px;
		list-style: none;
	}
			ul.anchorlist ul li {
				padding:0 0 7px 0;
				font-size: 80%;
				color: #000066;
				padding-left: 27px;
				background: url(../images/bullet_orange.gif) no-repeat 8px 0;
				border: none;
			}

/*--[Dr and Staff List]----------------------------------------------------------*/
.photoframe {
	width:525px;
	margin: 15px auto;
	padding: 0;
}
	.photoframe img {
		border: 2px solid #D5D5D5;
	}

ul.drstaff {
	padding: 15px 25px;
	list-style: none;	
}
	ul.drstaff li {
		padding-bottom:15px;
	}
	 p.stafflist  {
		padding:3px 0 3px 5px;
		margin:0;
		font-size:90%;
	}
		ul.drstaff li  h3  {
			font: bold 130% "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif;
			padding:0 0 5px 0;	
			color:#285B6D;
		}
		ul.drstaff li {
			display:block;
			color:#333;
			/*padding-left:215px;*/
			cursor:default;
		}
		ul.drstaff li a:visited {
			color: #333;
		}
/*--[[Begin individual Dr and Staff Backgrounds]--*/
		ul.drstaff li#osborn a {
			background:url(../images/img_drosborn.jpg) no-repeat 0 5px;
		}
			ul.drstaff li#osborn a:hover {
				background:url(../images/img_drosborn_ro.jpg) no-repeat 0 5px;
			}
		ul.drstaff li#miller a {
			background:url(../images/img_drmiller.jpg) no-repeat 0 5px;
		}
			ul.drstaff li#miller a:hover {
				background:url(../images/img_drmiller_ro.jpg) no-repeat 0 5px;
			}

/*--[Before and After]----------------------------------------------------------*/
.beforeafter {
	width: 525px;
	margin: 0 auto;
	padding: 10px 0;
}
	.beforeafter p {
		clear: both;
	}
	.beforeafter img {
		border: 1px solid #B8B8B8;
	}		

/*--[Slideshow]----------------------------------------------------------*/
#nsd_slideshow {
	width:525px;
	height:388px;
	margin: 15px auto;
	border: 1px solid #B8B8B8;
	padding:0;
}
	
/*--[Google Maps]----------------------------------------------------------*/
#nsdmap {
	width:525px;
	height:350px;
	margin: 15px auto;
	border: 1px solid #B8B8B8;
	padding:0;
}
	#nsdmap address {
		font-style: normal;
	}
	#nsdmap ul li address h4 {
		font-size: 125%;
		color:#333;			
	}

/*--[sIFR]-----------------*/
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */



.sIFR-hasFlash h2.fronttitle {
   	visibility: hidden;
	font-size: 12px;
}
.sIFR-hasFlash h2.pagetitle {
    visibility: hidden;
	font-size: 23px;
}