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

version:   1.0
author:    Jon Reddout
email:     jreddout@practisinc.com
website:   http://www.practisinc.com/
-----------------------------------------------------------------------------*/

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0; 
	  background:url(../images/bg.gif) center repeat;
	  font: 12px Arial, Helvetica, sans-serif;
	  color:#000;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 954px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	}
	
	/* Class for clearing floats */
	.clear { clear:both; height:24px;}
	* html .clear { clear:both; height:24px; 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; }
	h1 { font-size: 1.8em; color:#3d3d3d; }
	h2 { font-size: 1.5em; color:#63000b; }
	h3 { font-size: 1.3em; color:#374d6c; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, a:visited { color: #63000b; text-decoration:underline; }
	a:hover { color:#63000b; text-decoration:none;  }
	
	#two_column #content_main a[href$='.pdf'] {
		padding-right:22px;
		line-height:16px;
		background:transparent url(../images/icon_pdf.gif) no-repeat right center;
	}
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 954px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  background:url(../images/container-fill.gif) repeat-y top left ; 
	}
	#container .top { background:url(../images/container-top.gif) no-repeat top center ; }
	#container .bottom{ width:954px; padding-top:10px; background:url(../images/container-bottom.gif) no-repeat bottom left ; height:auto !important;  }
	
	#content { margin:0; padding:0 8px 0 8px;}
	
	#footer { width: 902px; margin: 0 auto; padding-bottom:15px; text-align: left; color:#3d3d3d; }
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:55px; margin:0; padding:0; list-style-type:none; float:right; }
	ul#nav_main li { height:55px; 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.about-us { width:99px; }
	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 -55px; }
	
	ul#nav_main li.our-office { width:109px; }
	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 -55px; }
	
	ul#nav_main li.services-procedures { width:200px; }
	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 -55px; }
	
	ul#nav_main li.about-da-vinci { width:145px; }
	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 -55px; }
	
	ul#nav_main li.conditions { width:112px; }
	ul#nav_main li.conditions a span,ul#nav_main li.conditions a:link span { background:url(../images/buttons/btn-conditions.gif) no-repeat; }
	ul#nav_main li.conditions a:hover span,body.conditions ul#nav_main li.conditions a span { background:url(../images/buttons/btn-conditions.gif) no-repeat 0 -55px; }
	
	ul#nav_main li.your-visit { width:97px; }
	ul#nav_main li.your-visit a span,ul#nav_main li.your-visit a:link span { background:url(../images/buttons/btn-your-visit.gif) no-repeat; }
	ul#nav_main li.your-visit a:hover span,body.your-visit ul#nav_main li.your-visit a span { background:url(../images/buttons/btn-your-visit.gif) no-repeat 0 -55px; }
	
	
	#nav_sub { width:904px; height:20px; text-align:right; padding:4px 33px 0 0; } 
	#nav_sub a,
	#nav_sub a:visited { color: #3d3d3d; text-decoration:none; }
	#nav_sub a:hover { color: #3d3d3d; text-decoration: underline; }
	
	#nav_supp { padding-top:13px; }
	#nav_supp a,
	#nav_supp a:visited { text-decoration: none; color:#3d3d3d; }
	#nav_supp a:hover { text-decoration: underline; color:#3d3d3d;}
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { height:147px; width:938px; padding:0; margin:0 8px 0 8px; background:url(../images/branding-bg.gif) repeat-x;  }
	
	#branding h1 { width:261px; height:117px; margin-top:24px; padding:0; position:absolute; overflow:hidden; }
	#branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background: url(../images/logo.jpg) no-repeat; }
	
	#branding_sub { height:40px; width:350px; text-align:right; padding:15px 20px 0 0; float:right; } /* Optional container, use only if necessary. */
	#branding_sub .phone { color:#63000b; font-size:1.83em; }	
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content_main { width:369px; margin:0; padding:0 0 0 20px; background:url(../images/content-shadow.gif) repeat-x left top; font-size:1.17em; line-height:24px; float:left;  }
	#three_column #content_main h1 { width:334px; height:23px; margin:0; padding-top:19px; position:relative; overflow:hidden; }
	#three_column #content_main h1 span { width:100%; height:100%; position:absolute; background: url(../images/welcome-to-urology-associates-txt.gif) no-repeat; }
	
	#three_column #content_sub { width:549px; margin:0; padding:0; float:right; }
	#three_column #content_sub #quick_access { height:23px; padding:6px 0 0 4px; background:url(../images/quick-access-bg.gif) no-repeat; }
	#three_column #content_sub #quick_access h2 { width:120px; height:15px; margin:0; padding:0; position:relative; overflow:hidden; float:left; }
	#three_column #content_sub #quick_access h2 span { width:100%; height:100%; position:absolute; cursor:pointer; background: url(../images/quick-access-txt.gif) no-repeat; }
	#three_column #content_sub #quick_access #links { width:415px; float:right;}
	#three_column #content_sub #quick_access #links a:link { padding:0 5px 0 5px; }
	
	#three_column #content_sub #flash { width:549px; }
	
	
	#three_column #content_supp { width:938px; float:left; display:inline; }
	#three_column #content_supp .callout1 { width:295px; height:132px; padding:14px 0 0 18px; margin:0; background:url(../images/interactive-tutorials-bg.jpg) no-repeat; line-height:20px; float:left;}
	#three_column #content_supp .callout1 h3 { width:156px; height:19px; margin:0; padding:0; position:relative; overflow:hidden; }
	#three_column #content_supp .callout1 h3 span { width:100%; height:100%; position:absolute; background: url(../images/interactive-tutorials-txt.gif) no-repeat; float:left; }
	#three_column #content_supp .callout1 div p, #three_column #content_supp .callout3 div p{ margin:0; padding:0; }
	
	#three_column #content_supp .callout3 { width:294px; height:132px; padding:14px 0 0 18px; margin:0; background:url(../images/robotic-center-bg.jpg) no-repeat; line-height:20px; float:left;}
	#three_column #content_supp .callout3 h3 { width:241px; height:19px; margin:0; padding:0; position:relative; overflow:hidden; }
	#three_column #content_supp .callout3 h3 span { width:100%; height:100%; position:absolute; background: url(../images/robotic-center-of-excellence-txt.gif) no-repeat; float:left; }
	
	
	#three_column #content_supp .callout2 { overflow:hidden; width:313px; height:146px; padding:0; margin:0; background:url(../images/urologic-experience-bg.jpg) no-repeat; float:left; }
	
	
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { width:617px; margin:0; padding:19px 20px 0 20px; background:url(../images/content-shadow.gif) repeat-x left top; line-height:18px; float:left; }
	
	#two_column #content_sub { width:281px; float:right; } 
	#two_column #content_sub #banner h1 { width:281px; height:194px; margin:0; padding:0; position:relative; overflow:hidden; }
	body#two_column.about-us #content_sub #banner h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background: url(../images/banners/banner-about-us.jpg) no-repeat; float:left; }
	body#two_column.our-office #content_sub #banner h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background: url(../images/banners/banner-our-office.jpg) no-repeat; float:left; }
	body#two_column.services-procedures #content_sub #banner h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background: url(../images/banners/banner-services-procedures.jpg) no-repeat; float:left; }
	body#two_column.about-da-vinci #content_sub #banner h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background: url(../images/banners/banner-about-da-vinci.jpg) no-repeat; float:left; }
	body#two_column.conditions #content_sub #banner h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background: url(../images/banners/banner-conditions.jpg) no-repeat; float:left; }
	body#two_column.your-visit #content_sub #banner h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background: url(../images/banners/banner-your-visit.jpg) no-repeat; float:left; }
	body#two_column.thanks #content_sub #banner h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background: url(../images/banners/banner-thanks.jpg) no-repeat; float:left; }
	body#two_column.privacy-policy #content_sub #banner h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background: url(../images/banners/banner-privacy-policy.jpg) no-repeat; float:left; }
	body#two_column.thanks #content_sub #banner h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background: url(../images/banners/banner-thanks.jpg) no-repeat; float:left; }
	
	#two_column #content_sub #banner h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background: url(../images/banners/banner-default.jpg) no-repeat; float:left; }
	
	#two_column #content_sub #its { background:url(../images/its-bg.gif) repeat-y top left; }
	#two_column #content_sub #its h2 { width:272px; height:31px; margin:0; padding:0; position:relative; overflow:hidden; }
	#two_column #content_sub #its h2 span { width:100%; height:100%; position:absolute; cursor:pointer; background: url(../images/in-this-section-txt.jpg) no-repeat; float:left; }
	
	#two_column #content_sub #its ul { padding:0; margin:0; list-style-type:none;  }
	#two_column #content_sub #its ul li { padding:0; margin:0; float:left; }
	
	#two_column #content_sub #its ul li a,
	#two_column #content_sub #its ul li a:visited { margin:0; padding:5px 10px 7px 14px; display:block; text-decoration:none; width:246px; border: 1px solid #3d3d3d; border-top:none; background:#a9b2c0; color:#3d3d3d; text-decoration:none;}
	#two_column #content_sub #its ul li a:hover { background:#7c8a9e; color:#404040; text-decoration:none; }
	
	#two_column #content_sub #its ul li ul li a,
	#two_column #content_sub #its ul li ul li a:visited { margin:0; padding:5px 10px 7px 24px; display:block; text-decoration:none; width:236px; border-bottom:1px solid #bfbfbf; background:#fff; color:#404040; text-decoration:none; }
	#two_column #content_sub #its ul li ul li a:hover { background:#f0f0f0; color:#404040; text-decoration:none; }
	
	#two_column #content_sub #its ul li .title { margin:0; padding:5px 10px 7px 14px; display:block; text-decoration:none; width:246px; border: 1px solid #3d3d3d; border-top:none; background:#a9b2c0; color:#374D6C; text-decoration:none; font-weight:bold; }
	
	#two_column #content_sub #callout { width:272px; padding:0; margin:15px 0 15px 0; float:left;}
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { padding-top:13px; }
	#site_info a,
	#site_info a:visited { text-decoration: none; color:#3d3d3d; }
	#site_info a:hover { text-decoration: underline; color:#3d3d3d; }
	
	
	/* =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; }
	
	/*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; }
	
	
	/* =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; }
	
	
	
	/* =Vcard
	-----------------------------------------------------------------------------*/
	.vcard { width:254px; margin:0; padding:10px 0 10px 18px; border-bottom:1px solid #3d3d3d; }
	.vcard-dl {margin-top:10px; background: url(../images/vcard.gif) center no-repeat; background-position: 0 50%;}
	.vcard-dl a {margin-left:25px; display:block;}
	
	
	/* =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; }
	
	a.davinci-callout,
	a:visited.davinci-callout,
	a:hover.davinci-callout { text-decoration:none; }
	
	
}