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

version:   1.0
author:    Bryan Miller
email:     bmiller@practisinc.com
website:   http://www.mainlineorthopaedics.com/
-----------------------------------------------------------------------------*/

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  background: #fafff4 url(../images/bg.gif) repeat-x;
	  font: 12px Arial, Helvetica, sans-serif;
	  color:#242424;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 875px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	}
	
	/* Class for clearing floats */
	.clear { clear:both; height:0px;}
	* html .clear { clear:both; height:0px; margin:0; padding:0; font-size:0; margin-bottom:-2px;}
	
	/* Remove border around linked images */
	img { border: 0; }
	
	p { margin: 0.8em 0; }
	
	abbr {border-bottom:none; }
	
	ul {list-style-type:square;}
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; color:#571b2e;}
	h1 { font-size: 1.5em; color:#014637; }
	h2 { font-size: 1.3em; }
	h3 { font-size: 1.1em; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, 
	a:visited { color: #5f2536; text-decoration:underline; }
	a:hover { color: #5f2536; text-decoration:underline; }
	
	#two_column #content_main a[href$='.pdf'] {
		padding-right:22px;
		line-height:16px;
		background:transparent url(../images/pdf-icon.gif) no-repeat right center;
	}
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container-footer-shadow {
		width: 875px;
		margin: 0 auto;
		padding-bottom:15px;
		text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
		background: url(../images/footer-shadow.png) no-repeat bottom;
	}
	
	#container-shadow {
		width: 875px;
		margin: 0 auto;
		text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
		background:url(../images/container-shadow.png) repeat-y;
	}
	
	
	* html #container-shadow { height:1%; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ns3.practisinc.com/~mainlineorthopaedics.com/images/container-shadow.png', sizingMethod='scale', enabled='true' );} /* IE6 PNG Filter - update absolute paths when changing domains */
	* html #container-footer-shadow {background:none; padding:0; margin:0; height:0; }
	* html #ie6-container-footer-shadow{  width: 875px; margin:0 auto; height:15px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ns3.practisinc.com/~mainlineorthopaedics.com/images/footer-shadow.png', sizingMethod='scale', enabled='true' ); }
	
	
	#container {
		position:relative; /* position above IE6 png filter */
		width: 860px;
		margin: 0 auto;
		text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
		background:#fff;
	}
	
	#content { width:840px; margin:0; padding:0 10px; position:relative;}
	
	#footer { border-top:1px solid #c2ccc5; text-align:center; padding:10px 0; }
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:55px; margin:0 0 0 9px; padding:0; list-style-type:none; }
	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:126px; }
	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.location { width:116px; }
	ul#nav_main li.location a span,ul#nav_main li.location a:link span { background:url(../images/buttons/btn-location.gif) no-repeat; }
	ul#nav_main li.location a:hover span,body.location ul#nav_main li.location a span { background:url(../images/buttons/btn-location.gif) no-repeat 0 -55px; }
	
	ul#nav_main li.specialties { width:127px; }
	ul#nav_main li.specialties a span,ul#nav_main li.specialties a:link span { background:url(../images/buttons/btn-specialties.gif) no-repeat; }
	ul#nav_main li.specialties a:hover span,body.specialties ul#nav_main li.specialties a span { background:url(../images/buttons/btn-specialties.gif) no-repeat 0 -55px; }
	
	ul#nav_main li.patient-education { width:198px; }
	ul#nav_main li.patient-education a span,ul#nav_main li.patient-education a:link span { background:url(../images/buttons/btn-patient-education.gif) no-repeat; }
	ul#nav_main li.patient-education a:hover span,body.patient-education ul#nav_main li.patient-education a span { background:url(../images/buttons/btn-patient-education.gif) no-repeat 0 -55px; }
	
	ul#nav_main li.your-visit { width:131px; }
	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; }
	
	ul#nav_main li.contact-us { width:147px; }
	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 ul#nav_main li.contact-us a span { background:url(../images/buttons/btn-contact-us.gif) no-repeat 0 -55px; }
	
	
	#nav_supp, 
	#nav_supp a, 
	#nav_supp a:visited { font-size: 11px; color: #22191d; text-decoration: none; }
	#nav_supp a:hover { color: #22191d; text-decoration: underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { height:125px; width:838px; margin-left:10px; border-top:5px solid #744851; border-left:1px solid #c2ccc5; border-right:1px solid #c2ccc5; background:#fff url(../images/branding-bg.jpg) repeat-x;}
	
	#branding h1 { width:465px; height:125px; margin:0 0 0 15px; padding:0; position:absolute; overflow:hidden; }
	#branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background:url(../images/logo.gif) no-repeat; }
	
	#branding #appointments { width:261px; height:94px; margin:0 10px 0 0; padding:0; background:url(../images/appointments-bg.jpg) no-repeat; float:right;}
	#branding #appointments .phone-number {font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; margin:40px auto 0 auto; text-align:center;}
		
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	
	#three_column #branding_sub { border:2px solid #0b4d3e; border-bottom:15px solid #0b4d3e; width:836px; height:244px; margin-left:10px; background:url(../images/flash.jpg) no-repeat;} /* replace background image for clients without flash */
	
	#three_column #content_main { width:536px; margin:0; padding:10px 0 0 9px; float:left; background:#fff;}
	
	#three_column #content_main #welcome h2 { width:543px; height:30px; margin:0; padding:0; position:relative; overflow:hidden; }
	#three_column #content_main #welcome h2 span { width:100%; height:100%; position:absolute; background:url(../images/welcome.gif) no-repeat; }
	#three_column #content_main p { line-height:18px; margin:5px 0 15px 5px; padding:0;}
	
	#three_column #content_main #callout {float:left;}
	
	#three_column #content_main #specialties {background:#fff url(../images/specialties-bg.jpg) repeat-x; width:195px; padding:10px 0 0 18px; margin:25px 0; height:120px; float:right; }
	#three_column #content_main #specialties h2 {width:115px; height:23px; margin:0; padding:0; position:relative; overflow:hidden;}
	#three_column #content_main #specialties h2 span {width:100%; height:100%; position:absolute; background:url(../images/specialties.jpg) no-repeat;}
	#three_column #content_main #specialties ul {list-style-type:none; margin:10px 0 0 0; padding:0; font-size:14px;}
	#three_column #content_main #specialties li {margin:0; padding:2px 0 0 15px; background:url(../images/bullet.gif) no-repeat 0 50%; }
	
	#three_column #content_main #specialties a,
	#three_column #content_main #specialties a:visited { color:#242424; text-decoration:none; }
	#three_column #content_main #specialties a:hover { color:#242424; text-decoration:underline; }
	
	#three_column #content_sub * { margin:0; padding:0; }
	#three_column #content_sub { width:256px; height:300px; float:right; padding:0 14px 0 0; margin:0; background:url(../images/quick-information-bg.jpg) no-repeat; }
	#three_column #content_sub h2 { width:250px; height:51px;  margin:-51px 0 0 5px; padding:0; position:relative; overflow:hidden; }
	#three_column #content_sub h2 span { width:100%; height:100%; position:absolute; background:url(../images/quick-information.gif) no-repeat; }
	
	#three_column #content_sub h3 { width:120px; height:20px;  margin:0; padding:18px 0 5px 26px; position:relative; overflow:hidden; }
	#three_column #content_sub h3.physicians span {width:100%; height:100%; position:absolute; background:url(../images/physicians.gif) no-repeat;}
	#three_column #content_sub h3.location span {width:100%; height:100%; position:absolute; background:url(../images/location.gif) no-repeat;}
	
	#three_column #content_sub ul { list-style-type:none; padding:5px 0 0 30px;}
	#three_column #content_sub ul li { padding:2px 0; }
	#three_column #content_sub ul li a,
	#three_column #content_sub ul li a:visited { color:#242424; text-decoration:none; }
	#three_column #content_sub ul li a:hover {color:#242424; text-decoration:underline;  }
	
	#three_column #content_sub p {margin:5px 0 5px 30px;}
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	
	#two_column #branding_sub { border:2px solid #0b4d3e; border-bottom:15px solid #0b4d3e; width:836px; height:144px; margin-left:10px;}
	#two_column #branding_sub h1 {width:836px; height:144px; position:relative; margin:0; padding:0; position:absolute; overflow:hidden; }
	#two_column.about-us #branding_sub h1 span {width:100%; height:100%; position:absolute; background:url(../images/banners/banner-about-us.jpg) no-repeat;}
	#two_column.location #branding_sub h1 span {width:100%; height:100%; position:absolute; background:url(../images/banners/banner-location.jpg) no-repeat;}
	#two_column.specialties #branding_sub h1 span {width:100%; height:100%; position:absolute; background:url(../images/banners/banner-specialties.jpg) no-repeat;}
	#two_column.patient-education #branding_sub h1 span {width:100%; height:100%; position:absolute; background:url(../images/banners/banner-patient-education.jpg) no-repeat;}
	#two_column.your-visit #branding_sub h1 span {width:100%; height:100%; position:absolute; background:url(../images/banners/banner-your-visit.jpg) no-repeat;}
	#two_column.contact #branding_sub h1 span {width:100%; height:100%; position:absolute; background:url(../images/banners/banner-contact-us.jpg) no-repeat;}
	#two_column.privacy-policy #branding_sub h1 span {width:100%; height:100%; position:absolute; background:url(../images/banners/banner-privacy-policy.jpg) no-repeat;}
	#two_column.thanks #branding_sub h1 span {width:100%; height:100%; position:absolute; background:url(../images/banners/banner-thanks.jpg) no-repeat;}
	
	
	#two_column #content_main { width:580px; padding:0 0 20px 20px; float:left;}
	
	
	#two_column #content_sub { width:217px; float:right;} 
	
	#two_column #content_sub #in-this-section {background: url(../images/in-this-section-bg.jpg) no-repeat 0 20px; height:260px;}
	#two_column #content_sub #in-this-section h2 {width:211px; height:51px; position:relative; margin-top:-31px; padding:0; position:absolute; overflow:hidden; }
	#two_column #content_sub #in-this-section h2 span {width:100%; height:100%; position:absolute; background:url(../images/in-this-section.gif) no-repeat;}
	
	#two_column #content_sub #in-this-section ul {list-style-type:none; margin:0; padding:35px 15px 0 24px; font-size:13px;}
	#two_column #content_sub #in-this-section li {margin:0; padding:2px 0 0 15px; background:url(../images/bullet.gif) no-repeat 0 50%; }
	#two_column #content_sub #in-this-section li a,
	#two_column #content_sub #in-this-section li a:visited {color:#242424; text-decoration:none;}
	#two_column #content_sub #in-this-section li a:hover {color:#242424; text-decoration:underline;}
	
	#two_column #content_sub #callouts {}
	
	
	
	/* =Driving Directions 
	-----------------------------------------------------------------------------*/
	#driving_directions { margin:0; padding:10px 0 0 0; border:0; width:250px; float:right;}
	#driving_directions h2 {width:250px; height:30px; margin:0; padding:0; position:relative;}
	#driving_directions h2 span {width:100%; height:100%; position:absolute; background:url(../images/directionsTop.gif) no-repeat;}
	#driving_directions form {margin:0; padding:0; border:0;}
	#driving_directions p {margin:3px 0; padding:0;}
	#driving_directions .content {background: url(../images/directionsMiddle.gif) repeat-y; font-size:12px; padding:10px 20px;}
	#driving_directions .content input {margin:3px 0px;}
	#driving_directions .bottom {background: url(../images/directionsBottom.gif) no-repeat; width:250px; height:35px; text-align:center;}
	#driving_directions .bottom #submitButton {margin:0px auto; cursor:pointer;}

	/* =Vcard
	-----------------------------------------------------------------------------*/
	.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;}
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info, 
	#site_info a,
	#site_info a:visited { font-size: 11px; color: #22191d; text-decoration: none; }
	#site_info a:hover { font-size: 11px; color: #22191d; 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; }
	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;
	  vertical-align:top;
	}
	
	
	/* =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:cetner; }
	
	/* =Doc Bio
	-----------------------------------------------------------------------------*/
	
	.doc-bio {
		width:340px;
		float:left;
	}
	
	.doc-bio-right {
		width:175px;
		float:right;
		padding:10px 20px 5px 17px;
		background:url(../images/doc-bio-right.jpg) no-repeat;
		margin:22px 0 0 0;
		min-height:400px;
		height:auto !important;
		height:400px;		
	}
	
	.doc-bio-right h3 {
		margin:7px 0 3px 0;
		padding:0;
	}
	
	* html .doc-bio-right h3 {
		margin:15px 0 3px 0;
		padding:0;
	}
	
	*+html .doc-bio-right h3 {
		margin:15px 0 3px 0;
		padding:0;
	}
	
	.doc-bio-right p {
		margin:0;
		padding:0;
	}
	
	
}