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

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

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	html { background:#BE96A6; }
	
	body {
	  padding: 0;
	  margin: 0;
	  background: #BE96A6 url(../images/body-bg.png) repeat-x;
	  font: 12px Arial, Helvetica, sans-serif;
	  color:#414141;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 980px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	}
	
	/* Class for clearing floats */
	.clear { clear:both; height:0px; overflow:hidden; margin:0; padding:0; }
	
	p { margin: 0.8em 0; line-height:18px; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; color:#bd879d; }
	h1 { font-size: 1.5em; color:#6a2c44; }
	h2 { font-size: 1.3em; }
	h3 { font-size: 1.1em; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, a:visited, a:hover { color:#414141; text-decoration:underline; }
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 980px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  background:#fff url(../images/container-bg.png) repeat-y top left;
	}
	
	#container_top { background:url(../images/container-top.png) no-repeat top left; }
	#container_bottom {
		padding:0 0 0 6px;
		background:url(../images/container-bottom.png) no-repeat bottom left; 
		min-height:650px; height:auto !important; height:650px; /* Min-height work around for IE 6. */
	}
	
	#content {}
	
	#footer { 
		width:940px;
		margin:0 auto;
		padding:10px 20px 20px 20px;
		line-height:22px;
		text-align:left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
		
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:44px; margin:0; padding:0; list-style-type:none; }
	ul#nav_main li { height:44px; 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:90px; }
	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.home ul#nav_main li.home a span { background:url(../images/buttons/btn-home.gif) no-repeat 0 -44px; }
	
	ul#nav_main li.about-us { width:104px; }
	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 -44px; }
	
	ul#nav_main li.our-office { width:116px; }
	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 -44px; }
	
	ul#nav_main li.services-procedures { width:209px; }
	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 -44px; }
	
	ul#nav_main li.about-da-vinci { width:148px; }
	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 -44px; }
	
	ul#nav_main li.womens-health { width:164px; }
	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 -44px; }
	
	ul#nav_main li.contact-us { width:129px; }
	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 -44px; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { clear:both; margin:10px 0 0 0; height:100px; width:960px; overflow:hidden; background:url(../images/branding-bg.jpg) no-repeat; }
	
	#branding h1 { width:400px; height:100px; 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 h2 { /* Appointments Phone */
		margin:0;
		padding:48px 22px 0 0; 
		font-size:20px;
		line-height:20px;
		font-weight:normal;
		text-align:right;
		color:#6a2c44;
	} 
	
	#branding_sub {
		margin:10px 0 0 0;
		background:url(../images/branding_sub_bg.jpg) no-repeat;
		height:282px;
		width:960px;
		overflow:hidden;
	} 
	
	#branding_sub_content { width:430px; height:220px; padding:25px 0 0 45px; overflow:hidden; }
	
	#branding_sub h1,
	#branding_sub h2,
	#branding_sub h3,
	#branding_sub h4,
	#branding_sub h5,
	#branding_sub h6 { margin:.05em 0;  color:#6a2c44;}
	#branding_sub p { margin:.5em 0; color:#59434b; }
	
	#branding_sub a,
	#branding_sub a:visited,
	#branding_sub a:hover { color:#6a2c44; text-decoration:underline; }
	
	#branding_sub h1 { font-size:36px; }
	#branding_sub h2 { font-size:24px; }
	#branding_sub h3 { font-size:20px; }
	#branding_sub h4 { font-size:18px; }
	#branding_sub h5 { font-size:14px; }
	#branding_sub h6 { font-size:12px; }
	#branding_sub p { font-size:12px; }
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content { padding:15px 0 40px 0;}
	
	#three_column #content h1 { margin:2px 0; font-size:20px; color:#6a2c44; }
	#three_column #content h2 { margin:2px 0; font-size:18px; color:#6a2c44; }
	#three_column #content h3 { margin:2px 0; font-size:16px; color:#6a2c44; }
	#three_column #content h4 { margin:2px 0; font-size:14px; color:#6a2c44; }
	#three_column #content h5 { margin:2px 0; font-size:13px; color:#6a2c44; }
	#three_column #content h6 { margin:2px 0; font-size:12px; color:#6a2c44; }
	#three_column #content p { margin:2px 0; font-size:12px; color:#6a2c44; }
	#three_column #content a,
	#three_column #content a:visited,
	#three_column #content a:hover { color:#6a2c44; }
	
	#three_column #content_main { 
		float:left;
		display:inline;
		width:354px;
		overflow:hidden;
	}
		
	#three_column #content_main #callout1 { 
		float:left;
		display:inline;
		width:199px;
		height:90px;
		padding:10px 10px 20px 145px;
		overflow:hidden;
		background:url(../images/callouts/callout1.jpg) no-repeat;
	}
	
	#three_column #content_main #callout2 { 
		float:left;
		display:inline;
		width:199px;
		height:90px;
		padding:10px 10px 10px 145px;
		overflow:hidden;
		background:url(../images/callouts/callout2.jpg) no-repeat;
	}
	
	#three_column #content_sub { 
		float:left;
		display:inline;
		width:354px;
		padding:0 0 0 20px;
		overflow:hidden;
	}
	
	#three_column #content_sub #callout3 { 
		float:left;
		display:inline;
		width:199px;
		height:90px;
		padding:10px 10px 20px 145px;
		overflow:hidden;
		background:url(../images/callouts/callout3.jpg) no-repeat;
	}
	
	#three_column #content_sub #callout4 { 
		float:left;
		display:inline;
		width:199px;
		height:90px;
		padding:10px 10px 10px 145px;
		overflow:hidden;
		background:url(../images/callouts/callout4.jpg) no-repeat;
	}
	
	#three_column #content_supp { 
		float:left;
		display:inline;
		width:173px;
		padding:10px 12px 10px 13px;
		margin:0 0 0 20px; 
		overflow:hidden;
		min-height:200px; height:auto !important; height:200px; /* Min-height work around for IE 6. */
		background:url(../images/quick-access-bg.jpg) no-repeat;
	}
	
	#three_column #content_supp ul { padding:4px 0;  }
	#three_column #content_supp li { display:inline; line-height:18px; }
	#three_column #content_supp li a,
	#three_column #content_supp li a:visited { padding:5px 8px; background:transparent; color:#6a2c44;  display:block; text-decoration:underline; }
	#three_column #content_supp li a:hover { padding:5px 8px; background:#eae5c2; color:#6a2c44; display:block; text-decoration:underline; }
	
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content { padding:15px 0 40px 0;}
	
	#two_column #content_main { 
		float:right;
		display:inline; 
		width:695px;
		margin:0 35px 0 0;
		color:#3a3a3a;
	}
	
	#two_column #content_main p {color:#3a3a3a;}
	#two_column #content_main li {color:#3a3a3a;}
	
	#two_column #content_main a,
	#two_column #content_main a:visited {color:#3a3a3a; text-decoration:underline; }
	#two_column #content_main a:hover {color:#7a7a7a; text-decoration:underline; }
	
	#two_column #content_sub { 
		float:left;
		display:inline; 
		width:218px;
		overflow:hidden;
		margin:0 0 0 8px;
	} 
	
	#content_sub_image { width:218px; height:155px; overflow:hidden; }
	
	#two_column #content_sub #in_this_section {
		padding:15px;
		background:url(../images/in-this-section-bg.jpg) no-repeat;
		min-height:170px; height:auto !important; height:170px; /* Min-height work around for IE 6. */
	}
	
	#two_column #content_sub #in_this_section h2 { margin:0; padding:0; color:#6a2c44; }
	
	#two_column #content_sub #in_this_section ul { padding:4px 0; margin:0; }
	#two_column #content_sub #in_this_section li { display:inline; line-height:18px; }
	
	#two_column #content_sub #in_this_section li a,
	#two_column #content_sub #in_this_section li a:visited { padding:5px 8px; background:transparent; color:#414141;  display:block; text-decoration:underline; color:#6a2c44; }
	#two_column #content_sub #in_this_section li a:hover { padding:5px 8px; background:#eae5c2; color:#414141; display:block; text-decoration:underline; color:#6a2c44; }
	
	#two_column #content_sub #in_this_section ul ul { padding:0; margin:0; }
	#two_column #content_sub #in_this_section li li a,
	#two_column #content_sub #in_this_section li li a:visited { padding:5px 20px; background:transparent url(../images/bullet-its.gif) no-repeat 9px 14px; color:#414141;  display:block; text-decoration:underline; color:#6a2c44; }
	#two_column #content_sub #in_this_section li li a:hover { padding:5px 20px; background:#eae5c2 url(../images/bullet-its.gif) no-repeat 9px 14px; color:#414141; display:block; text-decoration:underline; color:#6a2c44; }
	
	
	/* =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; }
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#footer { color:#59434b; }
	#footer a,
	#footer a:visited { text-decoration:none; color:#59434b; }
	#footer a:hover { text-decoration:underline; color:#59434b; }
	
	
	/* =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 { margin: 0.8em 0; padding: 0.6em; border:1px solid #ccc; }
	fieldset legend { padding:0 5px; 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 {
	  text-align: left;
	  vertical-align: top;
	}
	
	/* =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; }
	
	
	/* = da Vinci Patient Stories Serach Form	
	-----------------------------------------------------------------------------*/
	#dvs-adv-search { }
	#dvs-adv-search fieldset { 
		padding: 10px;
		text-align:center;
		width:370px;
		border:1px solid #ccc;
	}
	#dvs-adv-search legend { padding:0 10px; text-align:left; }
	#dvs-adv-search h2 {}
	#dvs-adv-search p {}
	#dvs-adv-search .form-title { }
	#dvs-adv-search .form-row { 
		margin:0 0 4px 0;
		text-align:left;
	}
	#dvs-adv-search label { 
		float:left;
		display:inline;
		width:100px;
	}
	#dvs-adv-search select { width:250px; }
	#dvs-adv-search button.rightSubmitButton { margin:0 10px; }
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	.highlight { font-weight:bold; background:#FFFF00; }
	.vcard { margin:0px; }
	
	/* =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; }
	
	#share_this { float:right; display:inline; }
	
	
}