/*-----------------------------------------------------------------------------
Website Style Sheet

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

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	html { background:#CC99A2; } 
	
	body {
	  padding: 0;
	  margin: 0;
	  background: #F0E4E4 url(../images/body-bg.jpg) repeat-x;
	  font: 12px Arial, Helvetica, sans-serif;
	  color:#444444;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 985px; /* 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; line-height:18px; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; color:#2e382d; }
	h1 { font-size: 24px; }
	h2 { font-size: 18px; }
	h3 { font-size: 14px; }
	h4 { /* different color */ }
	h5 { /* different color */ }

	sup {
		vertical-align: baseline;
		font-size: 0.8em;
		position: relative;
		top: -0.4em;
	}
	
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, a:visited { color:#2e4034; text-decoration:underline; }
	a:hover { color:#2e4034; text-decoration:underline; }
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 985px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  background: url(../images/container-bg.jpg) repeat-y top left; 
	}
	#container .container-top { 
		background:url(../images/container-top.jpg) no-repeat top left; 
		min-height:600px; height:auto !important; height:600px; /* Min-height work around for IE 5.X and 6 */
	}
	
	#content { padding:8px 23px 0 23px; }
	
	#footer-container {
	  background:url(../images/footer-bg.jpg) repeat-x;
	}
	#footer {
		width: 985px;
		height: 80px;
		margin: 0 auto;
		text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
		background: url(../images/container-bottom.jpg) no-repeat; 
	}
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:45px; margin:0; padding:0; list-style-type:none; overflow:hidden; }
	ul#nav_main li { height:45px; float:left; position:relative; overflow:hidden; }
	ul#nav_main li span { width:100%; height:100%; position:absolute; }
	ul#nav_main li a { display:block; cursor:pointer;}
	* html #nav_main a:hover { background:#ccccff; cursor:pointer;}
	
	
	/* This is an example of what needs to be done for each li in the main navigation unordered list. 
	   You can copy this block and just change out the class name, widths and background image names/locations. */
	ul#nav_main li.home { width:99px; }
	ul#nav_main li.home a span,ul#nav_main li.home a:link span { background:url(../images/buttons/btn-home.gif) no-repeat; }
	ul#nav_main li.home a:hover span,body#three_column ul#nav_main li.home a span { background:url(../images/buttons/btn-home.gif) no-repeat 0 -45px; }
	
	ul#nav_main li.about-us { width:107px; }
	ul#nav_main li.about-us a span,ul#nav_main li.about-us a:link span { background:url(../images/buttons/btn-about-us.gif) no-repeat; }
	ul#nav_main li.about-us a:hover span,body.about-us ul#nav_main li.about-us a span { background:url(../images/buttons/btn-about-us.gif) no-repeat 0 -45px; }
	
	ul#nav_main li.our-office { width:113px; }
	ul#nav_main li.our-office a span,ul#nav_main li.our-office a:link span { background:url(../images/buttons/btn-our-office.gif) no-repeat; }
	ul#nav_main li.our-office a:hover span,body.our-office ul#nav_main li.our-office a span { background:url(../images/buttons/btn-our-office.gif) no-repeat 0 -45px; }
	
	ul#nav_main li.services-procedures { width:206px; }
	ul#nav_main li.services-procedures a span,ul#nav_main li.services-procedures a:link span { background:url(../images/buttons/btn-services-procedures.gif) no-repeat; }
	ul#nav_main li.services-procedures a:hover span,body.services-procedures ul#nav_main li.services-procedures a span { background:url(../images/buttons/btn-services-procedures.gif) no-repeat 0 -45px; }
	
	ul#nav_main li.about-da-vinci { width:157px; }
	ul#nav_main li.about-da-vinci a span,ul#nav_main li.about-da-vinci a:link span { background:url(../images/buttons/btn-about-da-vinci.gif) no-repeat; }
	ul#nav_main li.about-da-vinci a:hover span,body.about-da-vinci ul#nav_main li.about-da-vinci a span { background:url(../images/buttons/btn-about-da-vinci.gif) no-repeat 0 -45px; }
	
	ul#nav_main li.womens-health { width:166px; }
	ul#nav_main li.womens-health a span,ul#nav_main li.womens-health a:link span { background:url(../images/buttons/btn-womens-health.gif) no-repeat; }
	ul#nav_main li.womens-health a:hover span,body.womens-health ul#nav_main li.womens-health a span { background:url(../images/buttons/btn-womens-health.gif) no-repeat 0 -45px; }
	
	ul#nav_main li.contact-us { width:137px; }
	ul#nav_main li.contact-us a span,ul#nav_main li.contact-us a:link span { background:url(../images/buttons/btn-contact-us.gif) no-repeat; }
	ul#nav_main li.contact-us a:hover span,body.contact-us ul#nav_main li.contact-us a span { background:url(../images/buttons/btn-contact-us.gif) no-repeat 0 -45px; }
	
	#nav_supp { padding:15px 0 0 35px; color:#2e382d; }
	#nav_supp a,
	#nav_supp a:visited { text-decoration:none; color:#2e382d; }
	#nav_supp a:hover { text-decoration:underline; color:#2e382d; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { height:80px; padding:25px 0 0 15px; overflow:hidden; }
	
	#branding h1 { width:500px; height:80px; margin:0; padding:0; position:relative; overflow:hidden; float:left; display:inline; }
	#branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background:url(../images/logo.jpg) no-repeat; }
	
	#branding #phone { text-align:right; font-size:18px; color:#4b6654;  padding:34px 27px 0 0; }
	
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content_main {
		width:681px;
		float:left;
		display:inline;	
		overflow:hidden; 
		background:url(../images/branding-sub.jpg) no-repeat;
	}
	
	#three_column #content_main #welcome { 
		width:240px;
		height:290px;
		overflow:hidden;
		background:url(../images/branding-sub.jpg) no-repeat;
		color:#fff;
		padding:10px 0 10px 20px;
	}
	
	#three_column #content_main #welcome * { color:#fff; }
	
	#three_column #content_main #welcome h1 { font-size:18px; margin:4px 0; }
	#three_column #content_main #welcome h2 { font-size:16px; margin:4px 0; }
	#three_column #content_main #welcome h3 { font-size:14px; margin:4px 0; }
	#three_column #content_main #welcome h4,
	#three_column #content_main #welcome h5,
	#three_column #content_main #welcome h6 { font-size:12px; font-weight:bold; margin:4px 0; }
	#three_column #content_main #welcome p { font-size:12px; line-height:16px;  margin:4px 0; }
	
	
	#three_column #content_main #welcome hr { padding:5px 0; height:0; background:transparent; border:none; color:transparent; border-top:1px dotted #fff;}
	
	#three_column #content_sub { 
		width:235px;
		overflow:hidden;
		display:inline; 
		float:right;
	}
	
	#three_column #content_sub #quick_access { padding:0 0 30px 0;}
	
	#three_column #content_sub #quick_access h2 { width:235px; height:32px; margin:0; padding:0; position:relative; overflow:hidden; }
	#three_column #content_sub #quick_access h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt-quick-access.gif) no-repeat; }
	
	#three_column #content_sub #quick_access ul li { 
		margin:5px 0; 
		padding:0 10px;
		line-height:20px;
		min-height:20px; height:auto !important; height:20px;
		background:url(../images/quick-access-link-bg.jpg) repeat-y; 
	}
	
	#three_column #content_sub #quick_access ul li a,
	#three_column #content_sub #quick_access ul li a:visited { color:#2e4034; text-decoration:none; }
	#three_column #content_sub #quick_access ul li a:hover { color:#2e4034; text-decoration:underline; }
	
	#three_column #content_sub #whats_new { padding:0 0 30px 0; color:#425b4a; }
	
	#three_column #content_sub #whats_new h2 { width:235px; height:32px; margin:0; padding:0; position:relative; overflow:hidden; }
	#three_column #content_sub #whats_new h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt-whats-new.gif) no-repeat; }
	
	#three_column #content_sub #whats_new p {
		color:#425b4a;
		padding:5px 10px 10px 10px; 
		line-height:20px;
		background:url(../images/dotted-border.gif) no-repeat bottom; 
	}
	
	#three_column #content_sub #whats_new ul li { 
		color:#425b4a;
		padding:5px 10px 10px 10px; 
		line-height:20px;
		background:url(../images/dotted-border.gif) no-repeat bottom; 
	}
	
	#three_column #content_sub #whats_new a,
	#three_column #content_sub #whats_new a:visited { color:#425b4a; text-decoration:underline; }
	#three_column #content_sub #whats_new a:hover { color:#425b4a; text-decoration:underline; }
	
	#three_column #content_supp{ }
	
	#three_column #content_supp .callout {
	 	width:335px;
		float:left;
		display:inline;
		padding:10px 10px 10px 0;
	}
	#three_column #content_supp .callout p {
		margin:0;
		padding:5px 10px; 	
	}
	#three_column #content_supp .callout a,
	#three_column #content_supp .callout a:visited { color:#444; text-decoration:none; }
	#three_column #content_supp .callout a:hover { color:#444; text-decoration:underline; }
	
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { 
		width:668px;
		padding:0 0 10px 10px; 
		float:left;
		display:inline;
	}
	
	#two_column #content_sub { 
		width:235px;
		overflow:hidden;
		display:inline; 
		float:right;
	}
	
	#two_column #content_sub #in_this_section { padding:0 0 30px 0;}
	
	#two_column #content_sub #in_this_section h2 { width:235px; height:32px; margin:0; padding:0; position:relative; overflow:hidden; }
	#two_column #content_sub #in_this_section h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt-in-this-section.gif) no-repeat; }
	
	#two_column #content_sub #in_this_section ul li { 
		margin:5px 0; 
		padding:0 10px;
		line-height:20px;
		min-height:20px; height:auto !important; height:20px;
		background:url(../images/quick-access-link-bg.jpg) repeat-y; 
	}
	
	#two_column #content_sub #in_this_section ul li ul li { 
		background:transparent;
	}
	
	#two_column #content_sub #in_this_section ul li a,
	#two_column #content_sub #in_this_section ul li a:visited { color:#2e4034; text-decoration:none; }
	#two_column #content_sub #in_this_section ul li a:hover { color:#2e4034; text-decoration:underline; }
	
	#two_column #content_sub #callouts {}
	
	#two_column #content_sub #callouts .callout {
	 	width:232px;
		float:left;
		display:inline;
		padding:10px 0; 
		color:#425b4a;
	}
	#two_column #content_sub #callouts .callout p {
		color:#425b4a; 
		margin:0;
		padding:0 5px; 	
	}
	#two_column #content_sub #callouts .callout a,
	#two_column #content_sub #callouts a:visited { color:#425b4a; text-decoration:none; }
	#two_column #content_sub #callouts a:hover { color:#425b4a; text-decoration:underline; }
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { padding:5px 0 0 35px; color:#2e382d; }
	#site_info a,
	#site_info a:visited { text-decoration:none; color:#2e382d; }
	#site_info a:hover { text-decoration:underline; color:#2e382d;}
	
	
	/* =Forms
	-----------------------------------------------------------------------------*/
	fieldset {
		padding: 1em;
		border:1px solid #555;
	}
	
	legend {
		padding: 0.2em 0.5em;
		text-align:right;
	}
	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; border:1px solid #ccc; }
	fieldset legend { padding: 0; margin-bottom: 0.2em; font-weight: bold; color: #000000; font-size: 1.1em; }
	
	input.txt { width: 200px; }
	
	textarea {
	  width: 300px;
	  height: 100px;
	}
	
	.formerror {
	  border: 1px solid red;
	  background-color : #FFCCCC;
	  width: auto;
	  padding: 0.4em;
	  margin-bottom: 0.4em;
	}
	.formerror ul { padding-left: 1.7em; }
	
	blockquote { margin:0 20px; }
	
	
	/* =Tables
	-----------------------------------------------------------------------------*/
	td, th {
	  text-align: left;
	  vertical-align: top;
	  padding:3px;
	}
	
	/* =Lists
	-----------------------------------------------------------------------------*/
	#two_column #content_main ul { list-style-type:disc; margin:0 0 0 40px; }
	#two_column #content_main ol { list-style-type:decimal; margin:0 0 0 40px; }
	#two_column #content_main li { margin:0; padding:2px 0;}
	
	
	/* =Driving Directions
	-----------------------------------------------------------------------------*/
	#driving_directions { margin:10px 0 0 0; padding:0; border:0; width:230px; background:url(../images/driving-directions/driving-directions-bg.gif) repeat-y top left; overflow:hidden; float:right; display:inline;}
	#driving_directions .dd-top { background:url(../images/driving-directions/driving-directions-top.gif) no-repeat top left; }
	#driving_directions .dd-bottom { background:url(../images/driving-directions/driving-directions-bottom.gif) no-repeat bottom left; 
	min-height:230px; height:auto !important; height:230px; }
	
	#driving_directions h2 { width:203px; height:30px; margin:0 auto; padding:0; position:relative; overflow:hidden; }
	#driving_directions h2 span { width:100%; height:100%; position:absolute; background:url(../images/driving-directions/txt-driving-directions.gif) no-repeat; }
	
	#driving_directions form { font-size:12px; font-weight:normal; padding:10px 15px; }
	#driving_directions form input { margin:4px 0px; }
	
	
	/* =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; }
	.vcard { padding:10px; }
	
	/* =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; }
	
	/* Fixes Display Issues in SiteCenter CMS */
	#scnx_PHP {display:none;}
	
	
	
}