@charset "utf-8";
*{margin:0; padding:0; }
/***** Main Layout Styles ******/
body {margin:0;background-color:#d5d3be;}
#shell{position:relative;background-image:url(bg.jpg);background-position:top;background-repeat:repeat-x;} 
#wrapper{margin:0 auto; position:relative; width:994px;background-image:url(contentbg.jpg);background-position:top;background-repeat:repeat-y;}
#container{background-image:url(content.jpg);background-position:top;background-repeat:no-repeat; min-height:749px; _height:749px;}

/***** Content Styles ******/
.content{width:594px;text-align:left; padding-top:234px; padding-left:302px;min-height:372px; _height:372px;}
.contenthome{width:660px;text-align:left; padding-top:330px; padding-left:297px;min-height:372px; _height:372px;}
.style p,.style h3, .style a, .style form,.style ul,.style li,.style ol,.style h2,.style h4,.style1 p,.style1 h3, .style1 a, .style1 form,.style1 ul,.style1 li,.style1 ol,.style1 h2,.style1 h4 {font-family: Verdana, Arial, Helvetica, sans-serif; line-height:20px;color:#23406d;font-size:12px}

.style p{font-size:12px;padding-bottom:15px;   }
.style1 p{font-size:12px;padding-bottom:15px; margin-right:50px;   }		
		
/*Content links */
.style hr{ height:1px;color:#000000;}

.style a:link,.style a:visited, .style a:active, .style1 a:link,.style1 a:visited, .style1 a:active{color:#23406d;text-decoration:underline;}

.style a:hover, .style1 a:hover{color:#000;text-decoration:underline;}
     .style h2, .style h3,.style h4,.style1 h2, .style1 h3,.style1 h4  { font-weight:bold;padding-bottom:10px} 
     .style h2,.style1 h2{font-size:16px;}
	.style h3, .style1 h3{font-size:15px;  }
	.style h4, .style1 h4{font-size:13px;}
	.style h5, .style1 h5{font-size:10px;}
	.style ul,.style ol, .style1 ul,.style1 ol{padding-left:40px; padding-bottom:25px; padding-top:10px;}
	.style ol li,.style1 ol li {list-style:decimal;}
	.style ul li, .style1 ul li{list-style:disc;}
	#rightpannel ul{padding-top:45px; padding-left:10px; color:#fff;}
	#rightpannel ul li{ list-style:disc; color:#fff; padding: 0; margin: 0;}

/***** Menu Styles ******/
/* first level */
#menu{width:220px;height:350px;position:absolute;top:235px;left:17px;}

#navigation {width:220px;margin:0;padding:0;float:left;}
/* Sapce between top and bottom for submenus  (ul li ul)*/
#navigation li .submenu{padding:0; margin:0;width:220px;float:left;}
/* Reduce the gap b/w the mainmenus */
#navigation li div a img { margin:0; padding:0;width:220px;float:left;} 
/** Sub menu Font declaration and text align (ul li ul li a) */
#navigation li .submenu span a { font-family: Verdana, Arial, Helvetica, sans-serif;font-size:13px;  float:none;text-decoration:none;padding:1px 0px 1px 10px;color:#fff;display:block; text-align:left;line-height:22px;background-color:#13294c; height:auto; }
#navigation li div span a:hover {text-decoration:none;background-color:#102340;}
#navigation li { list-style:none;} 


/***********************************************************************************************************************
DOCUMENT: style/format.css
DEVELOPED BY: Ryan Stemkoski
COMPANY: Zipline Interactive
EMAIL: ryan@gozipline.com
PHONE: 509-321-2849
DATE: 2/26/2009
DESCRIPTION: This document contains the structural formatting files for the accordion style menu.
************************************************************************************************************************/
#navigation2 {width:220px;margin:0;padding:0;float:left;}

#navigation2 a { font-family: Verdana, Arial, Helvetica, sans-serif;font-size:13px;  float:none;text-decoration:none;padding:1px 0px 1px 10px;color:#fff;display:block; text-align:left;line-height:22px;background-color:#13294c; height:auto; }

#navigation2 img
{
	border: 0;	
}


.accordionButton {	
	width: 220px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	background: #003366;
	cursor: pointer;
	}
	
#navigation2 .accordionButton a
{
	margin: 0;
	padding: 0;
	border: none;
}
	
.accordionContent {	
	width: 220px;
	height:auto;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background: #95B1CE;
	}
	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on {
	background: #990000;
	}
	
.over {
	background: #CCCCCC;
	}


/*rightpannel*/
#rightpannel{ width:296px; float:right; height:352px; padding:2px 0 0 15px; background-image:url(services.png); background-repeat:no-repeat; color: #fff;}
/*callouts*/
.map1{ width:197px; height:171px; left:17px; padding-top:31px;position:relative; }
.digitalimpressionn{ width:190px; height:167px; left:19px; padding-top:10px;position:relative; }
/*.fb{ left:55px; padding-top:6px;position:relative; }*/

.title{width:700px; height:80px; left:258px; top:222px; position:absolute; } 


.fb{ left:280px; position:absolute; top:-200px; }
#fblink { left:229px; position:absolute; top:-146px;}
#plus {left:230px; position:absolute; top:-107px; }
/*.fb{ left:240px; position:absolute; top:-200px; }
#fblink { left:240px; position:absolute; top:-160px;}
#plus {left:350px; position:absolute; top:-190px; }
*/
/*innerimages*/
.innerimages{ width:213px; height:265px; position:absolute; right:92px; top:310px;}


/* footer */
#footer{ width:994px; margin:0 auto; background-image:url(contentbtm.jpg);background-position:top;background-repeat:no-repeat;height:100px;font-size:10px; font-family: Verdana, Helvetica, sans-serif; text-align: center; padding-top:79px;}
.address{ margin-right:35px;}
#color{ color:#6d7f64;}
#text{ text-align:center; padding-left:270px;}
#text a , #admin a{ text-decoration:none; color:#6d7f64; font-weight:normal;}
#text a:hover , #admin a:hover{ text-decoration:underline;color:#6d7f64;}

/***** DNN Overrides ******/
.formTable{width:auto !important;}
#shell .content strong{font-weight:bold !important;}
#shell .content em{font-style:italic !important;;}
.SubHead,.ModuleTitle_MenuItem *,select, textarea, input, option, optgroup,.DataGrid_Item, .DataGrid_Header,button,  fieldset, legend, .Head,.textBox, a.CommandButton, a.CommandButton:link, a.CommandButton:visited,a.CommandButton:hover, a.CommandButton:focus,.Normal,  #dnn_ctr464_FormMaster_lblRequired, #dnn_ctr470_FormMaster_lblRequired{color:#23406d;}
a.CommandButton, a.CommandButton:link, a.CommandButton:visited,a.CommandButton:hover, a.CommandButton:focus{text-decoration: underline; }
.formlabel, .formLabel{margin-right:12px; color:#23406d;}
.eipbackimg {display: none;}
.ControlPanel, .PagingTable {background: #BFE2F5; border:1px solid #000000;}
#optionsarea {background: #F0EDE8 !important;}
.ModuleTitle_MenuBar {position: relative;margin-right:10px;}
.ModuleTitle_SubMenu {left:0!important;	top:15px!important;	width:150px;}
.errMsg,.errmsg,.textBox,.formLabel,.Normal{font-family: Verdana, Arial, Helvetica, sans-serif ;line-height:20px;font-size:12px;}
.errmsg,.errMsg{color:red;}

/*SIFR*/

@media screen {
  .sIFR-flash {visibility: visible !important;margin:0;padding:0; background-color: none;}
  .sIFR-replaced, .sIFR-ignore {visibility:visible !important; background-color: none;}
  .sIFR-alternate {position:absolute;left:0;top:0; width:0;height:0;display:block;overflow: hidden; background-color: none;}
  .sIFR-replaced div.sIFR-fixfocus {margin: 0pt;padding:0pt;overflow:auto;letter-spacing:0px;float:none; background-color: none;}
}

@media print {
  .sIFR-flash {display :none!important;height:0;width:0;position:absolute;overflow:hidden; background-color: none;}
  .sIFR-alternate {visibility :visible !important;display:block !important;position:static!important;left: auto!important; top:auto !important;width: auto!important;height: auto !important; background-color: none;}
}

@media screen {
  .sIFR-active h1 {
     font-family: Verdana, Arial, Helvetica, sans-serif ; color:#102340;font-size:42px; visibility: visible; font-style:normal; padding-bottom:15px; background-color: none;
  }
}






/*-----------------------------------------------
	Forms 
	*/
	/* Global form styles */
	div.referral-form, div.appointment-form, div.comments {
		width: 100%;
		margin-top: 18px;	
		letter-spacing: normal;
	}
	
	fieldset {border: 0; padding: 9px 0;margin: 0 18px;}
		fieldset h2 {margin: 0 0 9px;}
		fieldset p {margin: 0 0 18px;}
		fieldset p.disclaimer {font-size: 90%; font-style: italic; margin: 0;}
		fieldset dl {}
			fieldset dl dt {font-size: 16px; clear: both; margin: 9px 0 0;}
				fieldset dd ul {margin: 9px 0;}
					fieldset dd ul li, fieldset dd ol li {list-style: none;}
					fieldset dd li {
						clear: both; 
						margin: 3px 0; 
						padding: 5px 0 4px 10%;  
						overflow: auto; 
						height: auto;
						position: relative;
						}
					fieldset dd li:hover {background: #d5e0eb;/* customize me - this is the hover color change of li */}
					fieldset dd li input:hover, fieldset dd li input:focus,
					 fieldset dd li select:hover, fieldset dd li select:focus, 
					 fieldset dd li textarea:hover, fieldset dd li textarea:focus {
					 	background: #f1f1f1;/* customize me - this is the hover color change of form fields*/
					 	outline-color: #537197;/* customize me */
					 	}
						fieldset li h3 {font-size: 12px; line-height: 18px; margin: 0;}
						fieldset li div {float: left; display: inline-block; width: 40%; position: relative; padding-right: 5%;}
						fieldset li div.input-street {width: 85%;}
						fieldset li div.input-city {width: 60%;}
						fieldset li div.input-full-name {width: 85%;}
						fieldset li div.input-phone-full {width: 85%;}
						fieldset li div.input-email {width: 85%;}
						fieldset li div.input-zip {width: 20%;}
						fieldset li div.content-switch, fieldset li div.radio, fieldset li div.checkbox {width: 85%;}
							fieldset li div.radio input {border: none;}
							fieldset li div.radio label {padding-right: 9px; font-size: 90%;}
						/*fieldset li div.hidden-content, fieldset li.hidden-content {display: none;}*/
						fieldset li div.input-select-full {width: 85%;}
						fieldset li div.input-comments {width: 85%;}
							li div.input-comments textarea {height: 63px; overflow: auto;}
						fieldset li div.input-captcha {width: 50%;}
						fieldset li div.verification {width: 35%;}
							li div.verification img {
								border: 1px solid; 
								margin-top: 9px;
								-moz-border-radius: 4px; /*for Moz, optional*/
								-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
								}
							fieldset li div label {
								line-height: 18px; 
								font-weight: bold; 
								margin-bottom: 9px;
								font-size: 80%; 
								color: #537197;/*override to match site*/
								}
							fieldset li div input, fieldset li div textarea, fieldset li div select {
								display: block; 
								line-height: 18px; 
								width: 100%;
								border: 1px solid;
								padding: 4px 0 3px;
								text-indent: 4px;
								margin-top: 9px;
								-moz-border-radius: 4px; /*for Moz, optional*/
								-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
								}
							fieldset li div select {height: 25px;}	
							fieldset li div.radio input {display: inline; width: auto; margin-right: 4px;}
							fieldset li div div {width: 100%;}
						fieldset dl dd.form-footer button {/*these styles control the look of the button, change as necessary*/
							clear:both;/*do not change, forces button to sit below floated elements*/
							display: block;
							width: 125px;
							height: 34px;
							text-align: center;
							margin: 0;
							background:#cfdae4;/* customize me! */
							border: 1px solid #537197;
							line-height: 34px;
							color:#537197;/* customize me! */
							font-size:12px;
							font-weight:bold;
							-moz-border-radius: 4px; /*for Moz, optional*/
							-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
							}
							
	
	/* appointment form 
	* Styles only for the appointment request form
	*/	

	
	/* comment form 
	* Styles only for the comments form
	*/
	/*numbering added by jQuery*/
	fieldset ol li span.comment-number {
		font-size: 150%;
		color: #537197;/* customize me*/
		position: absolute;
		left: 9px;
		top: 9px;
	}
		
	
	/* referral form 
	* Styles only for the referral form
	*/	
	.referral-form fieldset li div.radio {width: 40%;}
	
	/* JQuery */
	input.error, select.error, textarea.error {border-color: #a52003; background: #fefda1;}
	div.error {
		background: url(../images/validate_error.gif) 0 0 no-repeat; 
		color: #a52003; 
		width: 18px; 
		height: 18px; 
		position: absolute; 
		top: 0; 
		right: 0; 
		overflow: hidden; 
		display: block; 
		margin: 12px -2% 0 0; 
		text-indent: -999em;}
	div.success {
		background: url(../images/validate_ok.gif) 0 0 no-repeat; 
		width: 18px; 
		height: 18px; 
		position: absolute; 
		top: 0; 
		right: 0; 
		overflow: hidden; 
		display: block; 
		margin: 12px -2% 0 0; 
		text-indent: -999em;}

	.contact-form div.error, .contact-form div.success {margin-left: 0;}
	
	
.img-left {
  margin: 0 20px 20px 0;
  float: left;
  clear: left;
}

.border {
  border: solid 1px #333; /* Customize me! */
  /* Add more nifty stuff in here if you like */
}

dl#brushing-instructions dt, dl#flossing-instructions dt { /* Customize me! */
  font-size: 18px;
  font-weight: bold;
}

dl#brushing-instructions dd ul, 
dl#flossing-instructions dd ul {
  margin: 0;
  list-style-type: none;
}

/* This styled div acts as the hr for most browsers */
div.hr {
  height: 0px;
  background-color: #eee; /* Customize me! */
  border: solid 1px #eee; /* Customize me! */
  border-width: 1px 0 0 0; /* Customize me! */
  margin: 20px 0;
  padding: 0;
  clear: both;
}
/* This is the backup for screen readers */
hr {
  display: none;
  height: 0px;
  background-color: #eee;
  border: solid 1px #eee;
  border-width: 1px 0 0 0;
  clear: both;
}
/* Clear Fix */
.clear {clear: both;}
.cf:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.cf {display: inline-block;} /*this trips hasLayout for ie7*/
.cf {display: block;} /*this returns it back to normal*/
* html .cf {height: 1px;}	

ul {margin-bottom:16px;
}

li {margin-bottom:8px;
}
	
.img-right {
  margin: 0 0 20px 20px;
  float: right;
  clear: right;
}	

#video-invisalign {
  width: 360px; 
  height: 266px;
}
.video {
  display: block;
  /* Add more nifty stuff in here if you like */
}
p.flash_notice {
  margin: 18px;
  padding: 9px;
  color: #ff0000;
  border: 1px dotted #ff0000;
  background: #ffffff;
  text-align: center;
}