/* --- start of css --- */
/*-----------------------------------------------------------------------------
Website Style Sheet

version:   1.0
author:    Bryan Miller
email:     bmiller@practisinc.com
-----------------------------------------------------------------------------*/

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	html { background:#0073b9; }
	
	body {
	  padding: 0;
	  margin: 0;
	  background: #ffffff;
	  font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
	  color:#525252;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 960px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	}
	
	/* Class for clearing floats */
	.clear { clear:both; height:0px;}
	* html .clear { clear:both; height:0px; margin:0; padding:0; font-size:0; margin-bottom:-2px;}
	
	/* Remove border around linked images */
	img { border: 0; }
	
	abbr {border-bottom:none; }
	
	p { margin: 0.8em 0; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; color:#003366; }
	h1 { font-size: 1.5em; }
	h2 { font-size: 1.3em; }
	h3 { font-size: 1.1em; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, a:visited { color:#003366; }
	a:hover { color:#003366; }	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#site-bg {
		background:#ffffff;
		border-top:41px solid #0073b9;
		border-bottom:244px solid #003366;
		height:140px;
	}
	#nav-border-bottom {border-top:1px solid #b0c4d0;}
	
	#container {
	  width: 960px;
	  margin: -425px auto 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#footer-container{
		background:#0073b9;
		border-top:1px solid #abc0cc;
	}
	
	#footer { 
		background:#d3e5ef;
		border:1px solid #abc0cc;
		border-top:0;
		width: 938px;
		height:55px;
		margin: 0 auto;
		padding:20px 0 0 20px;
		text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { 
		height:41px; 
		margin:0; 
		padding:0; 
		list-style-type:none; 
		background:#d3e5ef; 
		overflow:hidden;
		border-left:1px solid #b0c4d0;
		border-right:1px solid #b0c4d0;
	}
	
	ul#nav_main li { height:41px; float:left; position:relative; overflow:hidden; }
	ul#nav_main li a,
	ul#nav_main li a:visited,
	ul#nav_main li a:hover { height:28px; padding:14px 0 0 0; display:block; cursor:pointer; font-size:16px; line-height:16px; text-decoration:none; font-weight:bold; }
	ul#nav_main li a span { border-right:1px solid #b0c4d0; height:100%; display:block; text-align:center; }
	
	ul#nav_main li.home { width:91px; }
	ul#nav_main li.home a ,ul#nav_main li.home a:link  { background:#d3e5ef; color:#003366; }
	ul#nav_main li.home a:hover ,body.home ul#nav_main li.home a  { background:#003366; color:#ffffff; }
	
	ul#nav_main li.about-us { width:115px; }
	ul#nav_main li.about-us a ,ul#nav_main li.about-us a:link  { background:#d3e5ef; color:#003366; }
	ul#nav_main li.about-us a:hover ,body.about-us ul#nav_main li.about-us a  { background:#003366; color:#ffffff; }
	
	ul#nav_main li.our-office { width:128px; }
	ul#nav_main li.our-office a ,ul#nav_main li.our-office a:link  { background:#d3e5ef; color:#003366; }
	ul#nav_main li.our-office a:hover ,body.our-office ul#nav_main li.our-office a  { background:#003366; color:#ffffff; }
	
	ul#nav_main li.services-procedures { width:210px; }
	ul#nav_main li.services-procedures a ,ul#nav_main li.services-procedures a:link  { background:#d3e5ef; color:#003366; }
	ul#nav_main li.services-procedures a:hover ,body.services-procedures ul#nav_main li.services-procedures a  { background:#003366; color:#ffffff; }
	
	ul#nav_main li.about-da-vinci { width:160px; }
	ul#nav_main li.about-da-vinci a ,ul#nav_main li.about-da-vinci a:link  { background:#d3e5ef; color:#003366; }
	ul#nav_main li.about-da-vinci a:hover ,body.about-da-vinci ul#nav_main li.about-da-vinci a  { background:#003366; color:#ffffff; }
	
	ul#nav_main li.conditions { width:128px; }
	ul#nav_main li.conditions a ,ul#nav_main li.conditions a:link  { background:#d3e5ef; color:#003366; }
	ul#nav_main li.conditions a:hover ,body.conditions ul#nav_main li.conditions a  { background:#003366; color:#ffffff; }
	
	ul#nav_main li.contact-us { width:126px; }
	ul#nav_main li.contact-us a ,ul#nav_main li.contact-us a:link  { background:#d3e5ef; color:#003366; }
	ul#nav_main li.contact-us a:hover ,body.contact-us ul#nav_main li.contact-us a  { background:#003366; color:#ffffff; }
	ul#nav_main li.contact-us a .label { border:0; }
	
	#nav_supp { margin:0 0 5px 0; color:#454545; }
	#nav_supp a,
	#nav_supp a:visited { text-decoration:none; color:#454545; }
	#nav_supp a:hover { text-decoration:underline; }
	
	
	/* =Branding
	-----------------------------------------------------------------------------*/
	#branding { height:139px; margin:1px 0 0 0; padding:0; overflow:hidden; }
	#branding * {margin:0; padding:0;}
	
	#branding h1 { width:425px; height:135px; margin:0; padding:0; position:relative; overflow:hidden; float:left; }
	#branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background:url(../images/logo.jpg) no-repeat; }
	
	#branding .right {text-align:right; margin:52px 0 0 0; }
	#branding #telephone { color:#003366; font-family:"Times New Roman", Times, serif; font-size:20px; margin:0 10px 30px 0; }
	#branding #quick-access { float:right; margin:0; padding:1px 0;}
	#branding #quick-access h2 { float:left; padding:0 10px 0 0; margin:-4px 0 0 0; color:#003366; font-family:"Times New Roman", Times, serif; font-size:16px; }
	#branding #quick-access a,
	#branding #quick-access a:visited { float:left; padding:0 10px; margin:0; border-left:1px solid #e8e8e8; text-decoration:none; color:#373738;}
	#branding #quick-access a:hover { text-decoration:underline; }
	
	
	/* =Branding Sub
	-----------------------------------------------------------------------------*/
	#branding_sub * {margin:0; padding:0;}
	#branding_sub { height:242px; overflow:hidden; border:1px solid #abc0cc; background:#ffffff url(../images/img-branding-sub.jpg) no-repeat left top; font-family: "Times New Roman", Times, serif; line-height:24px; font-size:14px; clear:both; }
	
	#branding_sub h1 { color:#003366; font-size:24px; }
	#branding_sub h2 { color:#003366; font-size:20px; }
	#branding_sub h3 { color:#003366; font-size:18px; }
	#branding_sub h4 { color:#003366; font-size:14px; }
	#branding_sub h5 { color:#003366; font-size:12px; }
	
	#branding_sub p { margin:5px 0; }
	
	#branding_sub_left { float:left; display:inline; height:242px; width:425px; overflow:hidden; }
	#branding_sub_right { float:left; display:inline; height:217px; width:488px; padding:25px 0 0 24px; overflow:hidden;}
	
	
	/* =Three Column
	-----------------------------------------------------------------------------*/	
	#three_column #content_main * {margin:0; padding:0;}
	#three_column #content_main { width:365px; height:204px; float:left; padding:20px 40px 20px 20px; border-right:1px solid #abc0cc; border-left:1px solid #abc0cc; overflow:hidden; line-height:17px; background:url(../images/3col-content-main-bg.jpg) no-repeat top right; }
	
	#three_column #content_main p { margin:0 0 5px 0; }
	#three_column #content_main strong { color:#003366; }
	
	#three_column #content_main h1,
	#three_column #content_main h2,
	#three_column #content_main h3,
	#three_column #content_main h4,
	#three_column #content_main h5 { color:#3c3c3c; font-size:24px; font-family:"Times New Roman", Times, serif; margin:0 0 10px 0; padding:0; }
	
	#three_column #content_main ul { list-style-type:none; margin:0; padding:0; }
	#three_column #content_main ul li { margin:0 0 5px 0; }

	#three_column #content_main a,
	#three_column #content_main a:visited,
	#three_column #content_main a:hover { text-decoration:underline; color:#003366;}
	
	#three_column #content_sub * {margin:0; padding:0;}
	#three_column #content_sub { width:482px; height:204px; padding:20px 25px; float:right; overflow:hidden; border-right:1px solid #abc0cc; line-height:18px; background:url(../images/3col-content-sub-bg.jpg) repeat-x;}
	
	#three_column #content_sub h1,
	#three_column #content_sub h2,
	#three_column #content_sub h3,
	#three_column #content_sub h4,
	#three_column #content_sub h5 { font-family:"Times New Roman", Times, serif; color:#000052; font-size:18px; padding:5px 0 5px 0;}
	
	#three_column #content_sub img { float:left; clear:both; margin:0 25px 15px 0; }
	#three_column #content_sub .callout { clear:both; padding:0 0 15px 0; }
	
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content { 
		border-top:1px solid #abc0cc;
		border-left:1px solid #abc0cc;
		border-right:1px solid #abc0cc;
		background:#ffffff;
	}
	
	#two_column #content_main {
		width:651px;
		float:left;
		border-left:1px solid #abc0cc;
		padding:0 18px 18px 18px;
		overflow:hidden;
		margin:0 0 0 -1px;
	}
	
	#two_column #content_main h1 {
		margin:0 -18px;
		padding: 10px 18px;
		background:#efefef;
		border-bottom:1px solid #abc0cc;
		font-size:24px;
	}
	
	#two_column #content_sub {
		width:270px;
		float:left;
		overflow:hidden;
		border-right:1px solid #abc0cc;
	}
	
	#two_column #content_sub img { margin:0; padding:0; float:left;}
	
	#two_column #content_sub #in-this-section {
		margin:0; 
		padding:0;
		float:left;
		width:100%;
	}
	
	#two_column #content_sub #in-this-section h1, 
	#two_column #content_sub #in-this-section h2,
	#two_column #content_sub #in-this-section h3,
	#two_column #content_sub #in-this-section h4,
	#two_column #content_sub #in-this-section h5 {
		font-size:24px;
		font-family:"Times New Roman", Times, serif;
		color:#3c3c3c;
		background:#dbdbdb;
		padding:12px 0 10px 15px;
		margin:0;
		border-bottom:1px solid #abc0cc;
	}
	
	#two_column #content_sub #in-this-section ul {list-style-type:none; margin:0; padding:0;}
	#two_column #content_sub #in-this-section ul li { }
	
	#two_column #content_sub #in-this-section ul li a,
	#two_column #content_sub #in-this-section ul li a:visited { 
		color:#404040;
		text-decoration:none;
		background:#ffffff;
		display:block;
		width:100%;
		padding:10px 15px;
		border-bottom:1px solid #abc0cc; width:100%;
	}
	#two_column #content_sub #in-this-section ul li a:hover { 
		color:#404040;
		text-decoration:none;
		background:#d3e5ef;
		display:block;
		width:100%;
		padding:10px 15px;
		border-bottom:1px solid #abc0cc; width:100%;
	}
	
	#two_column #content_sub #in-this-section ul li ul li a,
	#two_column #content_sub #in-this-section ul li ul li a:visited { 
		color:#404040;
		text-decoration:none;
		background:#ffffff url(../images/dash.gif) no-repeat left 50%;
		display:block;
		width:100%;
		padding:10px 25px;
		border-bottom:1px solid #abc0cc; width:100%;
	}
	#two_column #content_sub #in-this-section ul li ul li a:hover { 
		color:#404040;
		text-decoration:none;
		background:#d3e5ef url(../images/dash.gif) no-repeat left 50%;
		display:block;
		width:100%;
		padding:10px 25px;
		border-bottom:1px solid #abc0cc; width:100%;
	}
	
	#two_column #content_sub #its-callouts img {margin:15px 0;}
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { color:#454545; }
	#site_info a,
	#site_info a:visited { text-decoration:none; color:#454545; }
	#site_info a:hover { text-decoration:underline; }
	
	
	/* =Forms
	-----------------------------------------------------------------------------*/
	form { padding: 0.4em; margin: 0; }
	form em { color: #FF0000; }
	form p { clear: left; margin: 0; padding: 0; padding-top: 0.4em; }
	form p label { float: left; width: 25%; }
	
	fieldset { padding: 0.6em; padding-left: 0.7em; }
	fieldset legend { padding: 0; margin-bottom: 0.2em; font-weight: bold; color: #000000; font-size: 1.1em; }
	
	input.txt { width: 200px; }
	
	.formerror {
	  border: 1px solid red;
	  background-color : #FFCCCC;
	  width: auto;
	  padding: 0.4em;
	  margin-bottom: 0.4em;
	}
	.formerror ul { padding-left: 1.7em; }
	
	
	/* =Tables
	-----------------------------------------------------------------------------*/
	td {
	  text-align: left;
	  vertical-align:top;
	}
	
	/* =Lists
	-----------------------------------------------------------------------------*/
	#two_column #content_main ul { list-style-type:circle;}
	#two_column #content_main li { margin:0; padding:2px 0;}
	
	
	/* =Driving Directions 
	-----------------------------------------------------------------------------*/
	#driving_directions { margin:10px 0; padding:0; border:0; width:220px; float:right; border:1px solid #abc0cc; }
	#driving_directions h1,
	#driving_directions h2,
	#driving_directions h3,
	#driving_directions h4,
	#driving_directions h5 {font-size:16px; padding:5px 0; margin:0; text-align:center; background:#efefef; border-bottom:1px solid #abc0cc;}
	#driving_directions form {margin:0; padding:0; border:0;}
	#driving_directions p {margin:3px 0; padding:0;}
	#driving_directions .content { font-size:12px; padding:10px;}
	#driving_directions .content input {margin:3px 0px;}
	#driving_directions .submitButton {cursor:pointer;}


	/* =Vcard
	-----------------------------------------------------------------------------*/
	.vcard {padding:10px 15px;}
	
	/* =feedback button
	-----------------------------------------------------------------------------*/
	a.feedback-button,
	a:visited.feedback-button,
	a:hover.feedback-button { background:url(../images/btn-feedback.gif) no-repeat; margin:0 10px 10px 0; padding:10px 0 0 0; color:#000; text-decoration:none; display:block; height:27px; width:271px; text-align:center; overflow:hidden; font-size:13px; float:left;}
	
	/* =About da Vinci Callouts
	-----------------------------------------------------------------------------*/
	a.davinci-callout,
	a:visited.davinci-callout  { text-decoration:none; color:#373738; font-size:14px; font-weight:bold; text-align:center;}
	a:hover.davinci-callout { text-decoration:none; color:#707070; }
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	.highlight { font-weight:bold; background:#FFFF00; }
	
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	img.left { float:left; margin:0 10px 10px 0; }
	img.right { float:right; margin:0 0 10px 10px; }
	
	p.left { text-align:left; }
	p.right { text-align:right; }
	p.center { text-align:center; }
	
	/* = Fix SiteCenter Display Issues */
	#scnx_PHP {display:none;}
	
	
}    
/* --- end of css --- */