/*-----------------------------------------------------------------------------
Swedish Urology Website Style Sheet

version:   1.0
author:    Chris Monnat
email:     cmonnat@practisinc.com
website:   http://www.swedishurology.com/
-----------------------------------------------------------------------------*/

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  font: 12px Arial, Helvetica, sans-serif;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 852px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	  background:url(../images/bg.gif) repeat;
	}
	
	/* Class for clearing floats */
	.clear { height:2px; clear:both; }
	
	/* Remove border around linked images */
	img { border: 0; }
	
	p { margin: 0.8em 0; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; }
	h1 { font-size: 1.5em; color:#69805d; }
	h2 { font-size: 1.3em; color:#69805d; }
	h3 { font-size: 1.1em; color:#69805d; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link { color:#59677c; }
	a:visited { color:#59677c; }
	a:hover {  }
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 840px;
	  margin: 0 auto;
	  padding:0 6px;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  background:url(../images/bg_container.png) repeat-y;
	}
	* html #container { height:1px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://10.5.128.75/images/bg_content.png',sizingMethod='scale'); }
	
	#content { background:#FFF; color:#3e3e3e; }
	#two_column #content { background:url(../images/bg_content.gif) repeat-y; }
	
	#footer { padding:10px 25px; background:#59677c; } /* Optional container, use only if necessary. */
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:41px; margin:0; padding:0; list-style-type:none; }
	ul#nav_main li { height:41px; float:left; position:relative; }
	ul#nav_main li span { width:100%; height:100%; position:absolute; }
	ul#nav_main li a { display:block; }
	* html #nav_main a:hover { background:#ccccff; }
	
	
	/* 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:79px; }
	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 -41px; }

	ul#nav_main li.about_us { width:96px; }
	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 -41px; }

	ul#nav_main li.our_office { width:103px; }
	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 -41px; }

	ul#nav_main li.services { width:182px; }
	ul#nav_main li.services a span,ul#nav_main li.services a:link span { background:url(../images/buttons/btn_services.gif) no-repeat; }
	ul#nav_main li.services a:hover span,body.services ul#nav_main li.services a span { background:url(../images/buttons/btn_services.gif) no-repeat 0 -41px; }

	ul#nav_main li.about_davinci { width:125px; }
	ul#nav_main li.about_davinci a span,ul#nav_main li.about_davinci a:link span { background:url(../images/buttons/btn_about_davinci.gif) no-repeat; }
	ul#nav_main li.about_davinci a:hover span,body.about_davinci ul#nav_main li.about_davinci a span { background:url(../images/buttons/btn_about_davinci.gif) no-repeat 0 -41px; }

	ul#nav_main li.patient_ed { width:148px; }
	ul#nav_main li.patient_ed a span,ul#nav_main li.patient_ed a:link span { background:url(../images/buttons/btn_patient_ed.gif) no-repeat; }
	ul#nav_main li.patient_ed a:hover span,body.patient_ed ul#nav_main li.patient_ed a span { background:url(../images/buttons/btn_patient_ed.gif) no-repeat 0 -41px; }

	ul#nav_main li.your_visit { width:107px; }
	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 -41px; }

	
	#nav_sub { font-size:0.92em; }
	#nav_sub, #nav_sub a { color: #; }
	
	
	#nav_supp { font-size: 0.92em; }
	#nav_supp, #nav_supp a { color: #FFF; }
	#nav_supp a { text-decoration: none; }
	#nav_supp a:hover { text-decoration: underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#three_column #branding { height:214px; }
	#two_column #branding { height:161px; }
	
	#three_column #branding h1 { width:385px; height:105px; margin:0; padding:0; float:left; position:relative; }
	#three_column #branding h1 span { width:100%; height:100%; position:absolute; background:url(../images/logo.jpg) no-repeat; }
	
	#two_column #branding h1 { width:372px; height:161px; margin:0; padding:0; float:left; position:relative; }
	#two_column #branding h1 span { width:100%; height:100%; position:absolute; background:url(../images/logo_interior.jpg) no-repeat; }
			
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content_main { display:inline; width:325px; float:left; margin-left:25px; }
	#three_column #content_main h2 { padding-top:10px; }

	#three_column #quick_access { display:inherit; width:440px; padding:10px 15px; float:right; background:#e0e2e5; border-left:2px solid #b3baab; border-bottom:2px solid #b3baab; }
	#three_column #quick_access ul { margin:0; padding:0; list-style-type:none; }
	#three_column #quick_access li { padding:0 15px; float:left; background:url(../images/bullet.gif) no-repeat 0 3px; }
	#three_column #quick_access li a { color:#3e3e3e; text-decoration:none; }
	#three_column #quick_access li a:hover { text-decoration:underline; } 
	
	#three_column #content_sub { display:inline; width:233px; padding-top:10px; margin-left:18px; float:left; border-left:2px solid #b3baab; }
	#three_column #content_sub h2.about { width:101px; height:18px; position:relative; font-size:12px; }
	#three_column #content_sub h2.about span { width:100%; height:100%; position:absolute; background:url(../images/txt_about_davinci.gif) no-repeat; }
	
	#three_column #content_sub h2, #three_column #content_sub img, #three_column #content_sub p { padding:0 15px; }
	
	
	#why_choose_us { height:300px; padding-top:10px; background:#8b9678; color:#fff; }
	#three_column #content_sub h2.robotic_surgery_resources { width:200px; height:22px; position:relative; font-size:12px; }
	#three_column #content_sub h2.robotic_surgery_resources span { width:100%; height:100%; position:absolute; background:url(../images/txt_robotic_surgery_resources.gif) no-repeat; }
	#why_choose_us a,
	#why_choose_us a:visited,
	#why_choose_us a:hover { color:#fff; text-decoration:underline; }
	
	
	#three_column #content_sub h2.urologic_services { margin:10px 0 0 0; width:200px; height:22px; position:relative; font-size:12px; }
	#three_column #content_sub h2.urologic_services span { width:100%; height:100%; position:absolute; background:url(../images/txt_urologic_services.gif) no-repeat; }
	
	
	#three_column #content_supp{ display:inline; width:235px; padding-top:10px; float:left; border-left:2px solid #b3baab; }
	#three_column #content_supp h2.stories { width:97px; height:18px; position:relative; font-size:12px; }
	#three_column #content_supp h2.stories span { width:100%; height:100%; position:absolute; background:url(../images/txt_patient_stories.gif) no-repeat; }
	#three_column #content_supp h2, #three_column #content_supp img, #three_column #content_supp p { padding:0 15px; }
	#contact_us { height:300px; padding-top:10px; background:#989fa9; }
	#contact_us a { color:#fff; }
	#contact_us .vcard { padding:0 15px; }
	#contact_us h2.contact { width:85px; height:17px; position:relative; }
	#contact_us h2.contact span { width:100%; height:100%; position:absolute; background:url(../images/txt_contact_us.gif) no-repeat; }
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { display:inline; width:605px; margin-right:25px; float:right; }
	
	#two_column #content_sub { display:inline; width:200px; float:left; } 
	
	#in_this_section { padding:10px 15px; background:#e0e2e5; border-bottom:3px solid #FFF; }
	#in_this_section h2 { width:104px; height:15px; margin:0; padding:0; position:relative; font-size:12px; }
	#in_this_section h2 span { width:100%; height:100%; position:absolute; background:url(../images/in_this_section.gif) no-repeat; }
	#in_this_section ul { padding:0; margin:10px 0 0 0; list-style-type:none; }
	#in_this_section li { padding-left:15px; background:url(../images/bullet_its.gif) no-repeat 0 5px; line-height:20px; }
	#in_this_section li a { color:#3e3e3e; text-decoration:none; }
	
	#contact_info { padding:10px 15px; background:#989fa9; color:#3e3e3e; }
	#contact_info h2 { width:83px; height:16px; margin:0 0 10px 0; padding:0; position:relative; font-size:12px; }
	#contact_info h2 span { width:100%; height:100%; position:absolute; background:url(../images/contact_us.gif) no-repeat; }
	
	
	/* =Get Directions 
	-----------------------------------------------------------------------------*/
	#get_directions { margin:0; padding:0; border:0; width:265px; float:left; }
	#get_directions #top {background: url(../images/directionsTop.gif) no-repeat; height:30px;}
	#get_directions #middle {background: url(../images/directionsMiddle.gif) repeat-y; font-size:12px; padding:10px 20px;}
	#get_directions #base {background: url(../images/directionsBottom.gif) no-repeat; height:35px;}
	#get_directions #middle input {margin:5px 0px;}
	#get_directions #base #submitButton {margin-top:2px; cursor:pointer;}
	
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { font-size: 0.92em; }
	#site_info, #site_info a { color: #FFF;}
	#site_info a { text-decoration: none; }
	#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: 35%; }
	
	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;
	}
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	.highlight { font-weight:bold; background:#FFFF00; }
	
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	img.left { float:left; }
	img.right { float:right; }
	
	#bottom { width:852px; margin:0 auto; }
	
	
	/* =About da Vinci Callouts
	-----------------------------------------------------------------------------*/
	a.davinci-callout img { margin:0 5px; }
	
	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; }
	
}