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

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

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  background: #9FB0BA url(../images/body-bg.jpg) repeat-x;
	  font: 12px Arial, Helvetica, sans-serif;
	  color:#383636;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 940px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	}
	
	/* Class for clearing floats */
	.clear { clear:both; height:0px;}
	
	p { margin: 0.8em 0; line-height:18px; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; color: #007BC6; }
	h1 { font-size: 1.5em; }
	h2 { font-size: 1.3em; }
	h3 { font-size: 1.1em; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	sub {
		vertical-align: baseline;
		font-size: 0.8em;
		position: relative;
		bottom: -0.4em;
	}
	sup {
		vertical-align: baseline;
		font-size: 0.8em;
		position: relative;
		top: -0.4em;
	}
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, a:visited { color:#3995CD; text-deocoration:underline; }
	a:hover { color:#3995CD; text-deocoration:none; }
		
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 940px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#content { margin:20px 0 0 0; }
	
	#navigation #callouts { clear:left; float:left; display:inline; padding:55px 0 0 0; }
	
	#footer { 
		overflow:hidden;
		width: 910px;
		height: 50px;
		margin: 0 auto;
		padding: 17px 15px 20px 15px;
		background: url(../images/footer-bg.jpg) no-repeat;
		text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	#navigation {
		width:193px;
		float:left;
		display:inline;
		overflow:hidden;
		padding:0 0 0 1px;
	}
	
	ul#nav_main { 
		width:193px; 
		margin:0; 
		padding:0; 
		list-style-type:none; 
		float:left; 
		display:inline; 
		border-bottom:1px solid #DCDCDC;
	}
	ul#nav_main li { 
		width:193px; 
		clear:left;
		float:left;
		display:inline;
		position:relative; 
		overflow:hidden; 
		border-top:1px solid #DCDCDC; 
		line-height:22px;
	}
	ul#nav_main li a,
	ul#nav_main li a:visited { 
		color:#FFFFFF; 
		background:#007BC6;
		text-decoration:none; 
		display:block;
		padding:0 0 0 13px;
	}
	ul#nav_main li a:hover {
		color:#FFFFFF; 
		background:#007BC6;
		text-decoration:underline;
	}
	
	ul#nav_main li ul { border:0; }
	ul#nav_main li li { border:0; margin-top:1px;}
	ul#nav_main li li a,
	ul#nav_main li li a:visited { margin:0; padding:0 0 0 13px; color:#1F1F1F; background:#E7ECEE; }
	ul#nav_main li li a:hover {	color:#1F1F1F; background:#E7ECEE; text-decoration:underline; }
	
	
	ul#nav_main li ul ul { border:0; margin-top:1px; }
	ul#nav_main li li li { border:0; margin:0; }
	ul#nav_main li li li a,
	ul#nav_main li li li a:visited { margin:0; padding:0 0 0 28px; color:#1F1F1F; background:#FFFFFF url(../images/bullet.gif) no-repeat 15px 10px; }
	ul#nav_main li li li a:hover { color:#1F1F1F; background:#FFFFFF url(../images/bullet.gif) no-repeat 15px 10px; text-decoration:underline; }
	
	
	#nav_sub { 
		float:right; 
		display:inline; 
		padding:27px 40px 0 0; 
		text-align:right;
		color:#1e4033;
	} 
	#nav_sub a,
	#nav_sub a:visited { color:#fff; text-decoration:none; }
	#nav_sub a:hover { color:#fff; text-decoration:underline; }
	
	#nav_supp { color:#383636; }
	#nav_supp a,
	#nav_supp a:visited { color:#0078BD; text-decoration:none; }
	#nav_supp a:hover { color:#0078BD; text-decoration:underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { height:140px; }
	
	#branding h1 { width:235px; height:140px; 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 #contact_info { 
		clear:right;
		float:right;
		display:inline;
		text-align:right;
		color:#5A5A5A;
		padding:35px 28px 0 0;
		line-height:20px;
	}
	#branding #contact_info .phone { font-size:14px; font-weight:bold; }
	
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #container { background: url(../images/3col-container-bg.jpg) repeat-y top left;  }
	#three_column #container_top { background:url(../images/3col-container-top.jpg) no-repeat top left; min-height:766px; height:auto !important; height:766px; }
	
	#three_column #content_main { 
		float:left;
		display:inline;
		margin:0 0 0 18px;
		width:720px;
	}
	
	#three_column #content_main #welcome { height:236px; width:450px; overflow:hidden; }
	#three_column #content_main #welcome h1 { width:450px; height:35px; display:block; margin:0; padding:0; position:relative; overflow:hidden; }
	#three_column #content_main #welcome h1 span { width:100%; height:100%; position:absolute; background:url(../images/txt-welcome.gif) no-repeat; }
	
	#three_column #content_main #welcome ul { list-style-type:square; color:#4c8571; margin:0; padding:0; }
	#three_column #content_main #welcome ul li { float:left; display:inline; width:200px; padding:3px 0 3px 14px; margin:0; background:url(../images/bullet.gif) no-repeat left 7px; }
	#three_column #content_main #welcome a,
	#three_column #content_main #welcome a:visited { color:#0078BD; text-decoration:none; }
	#three_column #content_main #welcome a:hover { color:#0078BD; text-decoration:underline; }
	
	#three_column #content_main #about-da-vinci-surgery {}
	#three_column #content_main #about-da-vinci-surgery h1 { width:300px; height:35px; display:block; margin:0; padding:0; position:relative; overflow:hidden; }
	#three_column #content_main #about-da-vinci-surgery h1 span { width:100%; height:100%; position:absolute; background:url(../images/txt-about-da-vinci-surgery.gif) no-repeat; }
	
	#three_column #content_main #callouts { margin:20px 0; padding:0; float:left; display:inline;}
	#three_column #content_main #callouts p { margin:0; padding:0 5px; }
	#three_column #content_main #callouts a,
	#three_column #content_main #callouts a:visited {}
	#three_column #content_main #callouts a:hover {}
	
	#three_column #content_main #callouts .left { 
		float:left;
		display:inline;
		width:318px;
		margin-right:70px;
	}
	
	#three_column #content_main #callouts .right { 
		float:left;
		display:inline;
		width:318px;
	}
	
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #container { background: url(../images/2col-container-bg.jpg) repeat-y top left;  }
	#two_column #container_top { background:url(../images/2col-container-top.jpg) no-repeat top left; min-height:500px; height:auto !important; height:500px; }
	
	#two_column #content_main { 
		float:left;
		display:inline;
		margin:10px 0 20px 18px;
		width:720px;
	}
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { color:#383636; line-height:24px; }
	#site_info a,
	#site_info a:visited { color:#383636; text-decoration:none; }
	#site_info a:hover { color:#383636; 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; 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 {
	  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 { 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; }
	
	
}