/*-----------------------------------------------------------------------------
Metro Urology Style Sheet

version:   1.0
author:    Bryan Miller
email:     bmiller@practisinc.com
website:   http://www..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: 867px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	  background: #fafafa url(../images/bg.jpg) repeat-x;
	  color:#494949;
	}
	
	/* Class for clearing floats */
	.clear { 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:#006888;}
	h2 { font-size: 1.3em; color:#006888;}
	h3 { font-size: 1.1em; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	body.why h3 {background:#c0cdd5; padding:2px 5px; color:#494949;}
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link { color: #006888; }
	a:visited { color: #006888; }
	a:hover {  }
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 867px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#content { margin:0; padding:0; border:0;}
	
	#footer {font-size: 12px; color:#476a8f; background:transparent url(../images/footer_bg.png) top left no-repeat; padding:15px 25px; margin:0;}
	* html #footer {font-size: 12px; color:#476a8f; padding:15px 25px; margin:0; height:1%; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ns3.practisinc.com/~metroroboticsurgery.com/images/footer_bg.png',sizingMethod='scale');}
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/	
	ul#nav_main { width:867px; margin:0; padding:0 0 0 13px; float:left; list-style-type:none; background:url(../images/nav_bg.jpg) left no-repeat;}
	ul#nav_main li { height:40px; 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; cursor:pointer;}
	
	ul#nav_main li.about { width:98px; }
	ul#nav_main li.about a span,ul#nav_main li.about a:link span { background:url(../images/buttons/btn_about.gif) no-repeat; }
	ul#nav_main li.about a:hover span,body.about ul#nav_main li.about a span { background:url(../images/buttons/btn_about.gif) no-repeat 0 -40px; } 
	
	ul#nav_main li.about_prostate { width:195px; }
	ul#nav_main li.about_prostate a span,ul#nav_main li.about_prostate a:link span { background:url(../images/buttons/btn_about_prostate.gif) no-repeat; }
	ul#nav_main li.about_prostate a:hover span,body.about_prostate ul#nav_main li.about_prostate a span { background:url(../images/buttons/btn_about_prostate.gif) no-repeat 0 -40px; } 

	ul#nav_main li.davinci { width:128px; }
	ul#nav_main li.davinci a span,ul#nav_main li.davinci a:link span { background:url(../images/buttons/btn_davinci.gif) no-repeat; }
	ul#nav_main li.davinci a:hover span,body.davinci ul#nav_main li.davinci a span { background:url(../images/buttons/btn_davinci.gif) no-repeat 0 -40px; } 

	ul#nav_main li.why { width:179px;}
	ul#nav_main li.why a span,ul#nav_main li.why a:link span { background:url(../images/buttons/btn_why.gif) no-repeat; }
	ul#nav_main li.why a:hover span,body.why ul#nav_main li.why a span { background:url(../images/buttons/btn_why.gif) no-repeat 0 -40px; } 


	#nav_sub {padding:15px 39px 0px 0px; margin:0px; float:right; font-size:11px; color:#ffffff;}
	#nav_sub a { text-decoration: none; color:#ffffff;}
	#nav_sub a:visited { text-decoration: none; color:#ffffff;}
	#nav_sub a:hover { text-decoration: underline; } 
	
	#nav_supp { font-size: 0.92em; margin-bottom:5px;}
	#nav_supp, #nav_supp a { color: #476a8f; }
	#nav_supp a { text-decoration: none; }
	#nav_supp a:hover { text-decoration: underline; }
	
	
	/* =Branding
	-----------------------------------------------------------------------------*/
	#branding { height:93px; padding:0; margin:0; background: url(../images/branding_bg.jpg) no-repeat;}
	* html #branding a {cursor:hand;}
	
	#branding h1 { width:211px; height:93px; padding:0 0 0 13px; margin:0; position:relative; float:left; }
	#branding h1 span { width:100%; height:100%; position:absolute; background: url(../images/logo.gif) no-repeat; }
	
	#branding #telephone {float:right; color:#ffffff; font-size:14px; font-weight:bold; margin:30px -90px 0px 0px;}
	#branding #telephone #number {font-size:16px;}
	
	
	/* =Three Column
	-----------------------------------------------------------------------------*/	

	#three_column #branding_sub {margin:0; padding:0; width:867px; background:transparent;}
	#three_column ul {margin:0; padding:0;}
	#three_column ul#nav_main {width:859px; margin:0; padding:0 0 0 13px; float:left; list-style-type:none; background:url(../images/nav_bg.jpg) no-repeat;}
	*html #three_column ul#nav_main {z-index:50; position:relative;}
	
	#three_column ul#quick_access {background:url(../images/branding_sub_left.jpg) repeat-y; float:left; padding:40px 10px 0 44px; color:#626262; list-style:square; list-style-position:inside; width:170px; height:190px;}
	#three_column #quick_access li {border-bottom:1px solid #cccccc; padding:7px 0px;}
	#three_column #quick_access a,a:hover {text-decoration:none; color:#626262;}
	
	#three_column #flash {float:left; background:transparent; height:304px; width:643px; margin-top:-74px;}
	*html #three_column #flash {position:absolute; z-index:40;}
	
	#three_column #content { margin:0; padding:0px; background: #transparent url(../images/3col_content_left_bg.jpg) no-repeat;}
	
	#three_column #content_main { height:245px; width:420px; margin:0; padding:0; float:left; background: #ececeb url(../images/3col_content_main_bg.jpg) top left no-repeat; }
	#three_column #content_main p { margin:40px 20px 0 35px;}
	#three_column #content_main img { margin:0px 20px 0 35px;}
	
	#three_column #content_sub { height:245px; background:#cad8e1; width:224px; float:left; margin:0px; padding:0;}
	#three_column #content_sub p { margin:0px 20px;}
	#three_column #content_sub img { margin:0px 20px;}
	#three_column #content_sub .more{font-size:12px; background:#0283aa; margin:3px; padding:2px 5px; color:#fff; text-decoration:none; float:left;}
	
	#three_column #content_supp{ height:245px; width:223px; float:right; background:#b2c6d2 url(../images/content_supp_right.jpg) top right no-repeat; }
	#three_column #content_supp p { margin:0px 20px;}
	#three_column #content_supp img { margin:0px 20px;}
	#three_column #content_supp .more{font-size:12px; background:#0283aa; margin:3px; padding:2px 5px; color:#fff; text-decoration:none; float:left;}
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column ul#nav_main { width:867px; margin:0; padding:0 0 0 13px; float:left; list-style-type:none; background:url(../images/2col_nav_bg.jpg) no-repeat;}

	#two_column.about ul#nav_main { width:867px; margin:0; padding:0 0 0 13px; float:left; list-style-type:none; background:url(../images/nav_right/about.jpg) no-repeat;}
	#two_column.about_prostate ul#nav_main { width:867px; margin:0; padding:0 0 0 13px; float:left; list-style-type:none; background:url(../images/nav_right/about_prostate.jpg) no-repeat;}
	#two_column.davinci ul#nav_main { width:867px; margin:0; padding:0 0 0 13px; float:left; list-style-type:none; background:url(../images/nav_right/davinci.jpg) no-repeat;}
	#two_column.why ul#nav_main { width:867px; margin:0; padding:0 0 0 13px; float:left; list-style-type:none; background:url(../images/nav_right/why.jpg) no-repeat;}
	#two_column.contact ul#nav_main { width:867px; margin:0; padding:0 0 0 13px; float:left; list-style-type:none; background:url(../images/nav_right/contact.jpg) no-repeat;}
	#two_column.privacy ul#nav_main { width:867px; margin:0; padding:0 0 0 13px; float:left; list-style-type:none; background:url(../images/nav_right/privacy.jpg) no-repeat;}
	#two_column.thanks ul#nav_main { width:867px; margin:0; padding:0 0 0 13px; float:left; list-style-type:none; background:url(../images/nav_right/thanks.jpg) no-repeat;}
	#two_column.referring ul#nav_main { width:867px; margin:0; padding:0 0 0 13px; float:left; list-style-type:none; background:url(../images/nav_right/referring.jpg) no-repeat;}
	#two_column.why ul#nav_main { width:867px; margin:0; padding:0 0 0 13px; float:left; list-style-type:none; background:url(../images/nav_right/referring.jpg) no-repeat;}
	
	#two_column #branding_sub {width:867px; height:77px; margin:0; padding:0;}
	#two_column #branding_sub h2 { width:867px; height:77px; padding:0; margin:0; position:relative; float:left; }
	#two_column #branding_sub h2 span { width:100%; height:100%; position:absolute; background: url(../images/2col_h2.jpg) no-repeat; }

	#two_column.about #branding_sub h2 span {width:100%; height:100%; position:absolute; background: url(../images/banners/about.jpg) no-repeat;}
	#two_column.about_prostate #branding_sub h2 span {width:100%; height:100%; position:absolute; background: url(../images/banners/about_prostate.jpg) no-repeat;}
	#two_column.davinci #branding_sub h2 span {width:100%; height:100%; position:absolute; background: url(../images/banners/davinci.jpg) no-repeat;}
	#two_column.why #branding_sub h2 span {width:100%; height:100%; position:absolute; background: url(../images/banners/why.jpg) no-repeat;}
	#two_column.contact #branding_sub h2 span {width:100%; height:100%; position:absolute; background: url(../images/banners/contact.jpg) no-repeat;}
	#two_column.privacy #branding_sub h2 span {width:100%; height:100%; position:absolute; background: url(../images/banners/privacy.jpg) no-repeat;}
	#two_column.thanks #branding_sub h2 span {width:100%; height:100%; position:absolute; background: url(../images/banners/thanks.jpg) no-repeat;}
	#two_column.your_visit #branding_sub h2 span {width:100%; height:100%; position:absolute; background: url(../images/banners/your_visit.jpg) no-repeat;}
	
	
	#two_column #content { margin:0; padding:0; width:867px; background:url(../images/2col_content_bg.png) repeat-y; }
	* html #two_column #content { height:1%; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ns3.practisinc.com/~metroroboticsurgery.com/images/2col_content_bg.png',sizingMethod='scale', enabled='true' ); }
	
	
	#two_column #content2 { margin:0px 14px 0px 13px; padding:0; width:840px; background:#ececeb url(../images/2col_content_main_bg.jpg) repeat-x; }
	* html #two_column #content2 {position:relative;}
	
	#two_column #content_main {float:right; width:600px; margin:0; padding:0 25px 0 0;}
	
	#two_column #content_sub {float:left; width:180px; background:#000; margin:10px 0 0 10px; padding:0px; border:1px solid #b5b5b5; background:#dfdfdf; color:#626262;}
	#two_column #content_sub img {margin:10px 0px 0px 10px;}
	#two_column #content_sub ul {list-style-type:square; list-style-position:inside; padding:0; margin:0px 0px 10px 10px;}
	#two_column #content_sub li {line-height:18px;}
	#two_column #content_sub a,a:hover {color:#626262;}
	#two_column #content_sub a {text-decoration:none;}
	#two_column #content_sub a:hover {text-decoration:underline;}
	#two_column #content_sub .vcard {margin:10px;}
	
	
	/* =Get Directions 
	-----------------------------------------------------------------------------*/
	#get_directions { margin:0; padding:0px; border:0; width:210px; float:right;}
	#get_directions .top { background-image: url(../images/directionsTop.gif); height:29px; background-repeat:no-repeat; }
	#get_directions .middle { background-image: url(../images/directionsMiddle.gif); padding:10px; background-repeat:repeat-y; }
	#get_directions .middle input { margin:2px 0px; }
	#get_directions .bottom { background-image: url(../images/directionsBottom.gif); height:35px; text-align:center; background-repeat:no-repeat; }
	#get_directions p { margin-left:5px; }
	#get_directions .submitButton { padding: 0px; margin:5px auto; border: 0px; background:none; width:122px; cursor:pointer; }

	* html .submitButton { cursor:hand; } /*alternate cursor style for ie*/
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { font-size: 0.92em; }
	#site_info, #site_info a { color: #476a8f;}
	#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; }
	
	.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;}
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	.doc_bio {margin:10px 0px; border:0;}
	.doc_name {color:#ffffff; margin:2px 0px;}
	.doc_bio p {margin:5px 0px;}
	
	/* =Misc 3
	-----------------------------------------------------------------------------*/
	.location {background:#fff; width:230px; height:130px; padding:5px 10px 10px 10px; margin:5px 0; border:1px solid #eee;}
	.location h2 {border-bottom:1px solid #aaa;}
}