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

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

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  background: #f7f7d6 url(../images/bg.jpg) repeat-x top center;
	  font: 12px Arial, Helvetica, sans-serif;
	  color:#2d2d2d;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 994px; /* 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; }
	
	abbr {border-bottom:none; }
	
	p { margin: 0.8em 0; line-height:18px; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; color:#1b5d45; }
	h1 { font-size: 1.5em; }
	h2 { font-size: 1.3em; }
	h3 { font-size: 1.1em; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, a:visited { color:#286d54; }
	a:hover {  }
	
	#two_column #content_main a[href$='.pdf'] {
		display:inline-block;
		padding-right:22px;
		line-height:16px;
		background:transparent url(../images/icon_pdf.gif) no-repeat right center;
	}
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  overflow:hidden;
	  width: 994px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#content {}
	
	#footer { 
		width:960px; 
		overflow:hidden;
		background:url(../images/footer-top.gif) no-repeat top center;
		margin: 0 auto;
		padding:24px 0;
	  	text-align: center;
	}
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:46px; margin:-46px 0 0 123px; padding:0; list-style-type:none; float:left; display:inline; overflow:hidden; }
	ul#nav_main li { height:46px; 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:108px; }
	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 -46px; }
	
	ul#nav_main li.physicians { width:117px; }
	ul#nav_main li.physicians a span,ul#nav_main li.physicians a:link span { background:url(../images/buttons/btn-physicians.gif) no-repeat; }
	ul#nav_main li.physicians a:hover span,body.physicians ul#nav_main li.physicians a span { background:url(../images/buttons/btn-physicians.gif) no-repeat 0 -46px; }
	
	ul#nav_main li.locations { width:111px; }
	ul#nav_main li.locations a span,ul#nav_main li.locations a:link span { background:url(../images/buttons/btn-locations.gif) no-repeat; }
	ul#nav_main li.locations a:hover span,body.locations ul#nav_main li.locations a span { background:url(../images/buttons/btn-locations.gif) no-repeat 0 -46px; }
	
	ul#nav_main li.for-patients { width:128px; }
	ul#nav_main li.for-patients a span,ul#nav_main li.for-patients a:link span { background:url(../images/buttons/btn-for-patients.gif) no-repeat; }
	ul#nav_main li.for-patients a:hover span,body.for-patients ul#nav_main li.for-patients a span { background:url(../images/buttons/btn-for-patients.gif) no-repeat 0 -46px; }
	
	ul#nav_main li.services-procedures { width:208px; }
	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 -46px; }
	
	ul#nav_main li.interactive-health { width:182px; }
	ul#nav_main li.interactive-health a span,ul#nav_main li.interactive-health a:link span { background:url(../images/buttons/btn-interactive-health.gif) no-repeat; }
	ul#nav_main li.interactive-health a:hover span,body.interactive-health ul#nav_main li.interactive-health a span { background:url(../images/buttons/btn-interactive-health.gif) no-repeat 0 -46px; }
	
	
	#nav_sub { 
		float:right; 
		display:inline;
		background:#fbfaac;
		color:#286d54;
		border: 1px solid #f1f092;
		margin:0 20px 0 0;
		padding:5px 0 5px 13px; 
	} 
	#nav_sub ul { list-style-type:none; margin:0; padding:0; }
	#nav_sub ul li { float:left; margin:0; padding:0 18px 0 13px; background:url(../images/bullet-green-disc.gif) no-repeat left center; }
	#nav_sub a,
	#nav_sub a:visited { text-decoration:none; }
	#nav_sub a:hover { text-decoration:underline; }
	
	#nav_supp { color:#286d54; }
	#nav_supp a,
	#nav_supp a:visited { text-decoration: none; }
	#nav_supp a:hover { text-decoration: underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { 
		height:139px; 
		width:960px; 
		overflow:hidden;
		background:#fff url(../images/branding.gif) no-repeat; 
		margin: 0 auto;
	  	text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#branding h1 { width:320px; height:139px; margin:0; 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-phone { 
		color:#286d54; 
		font-size:18px; 
		clear:right;
		float:right; 
		display:inline; 
		margin:18px 20px 0 0 ;
	}
	#branding #appointments-phone .number { font-size:30px; }
	
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #branding_sub {
		width:994px;
		height:288px;
		overflow:hidden;
		margin:0;
		padding:0;
	}
	
	#three_column #branding_sub #flash {}
	
	#three_column #branding_sub #welcome {
		margin:-236px 0 0 533px;
		width:390px;
		height:160px;
		overflow:hidden;
	}
	#three_column #branding_sub #welcome p { line-height:20px; margin:5px 0; }
	
	#three_column #branding_sub #quick-access {
		margin:46px 0 0 625px;
		width:290px;
		height:20px;
		overflow:hidden;
	}		
	
	#three_column #branding_sub #quick-access a,
	#three_column #branding_sub #quick-access a:visited,
	#three_column #branding_sub #quick-access a:hover { color:#000; text-decoration:underline; }
	
	#three_column #content {
		background:url(../images/3col-content.jpg) no-repeat;
		min-height:280px;
		height:auto !important;
		height:280px;
		padding:20px 0 0 0;
		margin:0;
	}
	
	#three_column #content strong { color:#286d54; font-weight:bold; }
	
	#three_column #content a,
	#three_column #content a:visited { text-decoration:none; font-weight:bold; }
	#three_column #content a:hover { text-decoration:underline; font-weight:bold; }
	
	#three_column #content_main { 
		float:left;
		display:inline;
		margin:0 0 0 58px; 
		padding:0;
		width:310px;
	}
	
	#three_column #content_main h2 { width:120px; height:20px; margin:0; padding:0; position:relative; overflow:hidden; }
	#three_column #content_main h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt-whats-new.gif) no-repeat; }
	
	#three_column #content_main ul { list-style-type:none; margin:10px 0; padding:0; line-height:18px; }
	#three_column #content_main ul li { margin:0; padding:4px 0; }
	
	#three_column #content_sub { 
		float:left;
		display:inline;
		width:470px;
		margin:0 0 0 100px;
		padding:0;
		
	}
	#three_column #content_sub h2 { width:175px; height:20px; margin:0 0 15px 0; padding:0; position:relative; overflow:hidden; }
	#three_column #content_sub h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt-featured-services.gif) no-repeat; }
	
	#three_column #content_sub h3 { font-size:18px; font-weight:normal; margin:0; padding:0; }
	
	#three_column #content_sub p { margin:5px 0; padding:0; }
	
	#three_column #content_sub img {float:left; padding:0 25px 25px 0;}
	
	#three_column #content_sub #specializing { clear:both; }
	
	#three_column #content_sub #specializing img {float:left; padding:0 25px 50px 0;}
	
	#three_column #content_sub #specializing ul { list-style-type:none; margin:5px 0; padding:0; }
	#three_column #content_sub #specializing ul li {float:left; margin:0; padding:1px 0 1px 10px; width:145px; background:url(../images/bullet-green-disc.gif) no-repeat left center; }
	
	#three_column #content_sub #specializing a,
	#three_column #content_sub #specializing a:visited,
	#three_column #content_sub #specializing a:hover { color:#2d2d2d; font-weight:normal; }
	
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #branding_sub {
		width:994px;
		height:130px;
		overflow:hidden;
		margin:0;
		padding:0;
	}
	
	#two_column #branding_sub h1 { width:994px; height:130px; margin:0; padding:0; position:relative; overflow:hidden; }
	
	/* Default Branding Sub Image Replacement */
	#two_column #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-default.jpg) no-repeat; }	
	/* Per Page Branding Sub Image Replacement */
	#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.physicians #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-physicians.jpg) no-repeat; }
	#two_column.locations #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-locations.jpg) no-repeat; }
	#two_column.for-patients #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-for-patients.jpg) no-repeat; }
	#two_column.services-procedures #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-services-procedures.jpg) no-repeat; }
	#two_column.interactive-health #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-interactive-health.jpg) no-repeat; }
	#two_column.contact-us #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-contact-us.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.privacy-policy #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-privacy-policy.jpg) no-repeat; }
	
	
	#two_column #content { margin:0; padding:0; }
	
	#two_column #content_main { 
		width:655px;
		float:right;
		display:inline;
		margin:0 45px 0 0;
		padding:20px 0;
	}
	
	#two_column #content_main h1 { height:30px; margin:0; padding:0; position:relative; overflow:hidden; font-family:Georgia, "Times New Roman", Times, serif; }
	
	#two_column #content_main #web-resources ul { list-style-type:circle; margin: 0 0 25px 0;}	
	
	#two_column #content_sub {
		float:left;
		width:185px; 
		margin:0 0 0 35px; 
		display:inline;
	}
	
	#two_column #content_sub #in-this-section {
		width:185px;
		margin:0;
		padding:20px 24px 80px 24px;
		background: #fff url(../images/its-bg.jpg) no-repeat bottom left;
		overflow:hidden;
	}	
	
	#two_column #content_sub #in-this-section h2 { width:186px; height:26px; margin:0; padding:0; position:relative; overflow:hidden; }
	#two_column #content_sub #in-this-section h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt-in-this-section.gif) no-repeat; }

	#two_column #content_sub #in-this-section ul {
		margin:0;
		padding:0;
		width:185px;
		list-style-type:none; 
		border-top:1px solid #286d54;
	}
	
	#two_column #content_sub #in-this-section ul li { margin:0; padding:0; }
	
	#two_column #content_sub #in-this-section ul li a,
	#two_column #content_sub #in-this-section ul li a:visited { 
		text-decoration:none; 
		width:100%; 
		display:block; 
		padding:3px 0; 
		border-bottom:1px solid #286d54;
	}
	#two_column #content_sub #in-this-section ul li a:hover { text-decoration:none; background:#d6efd3;}
	
	/* 2nd level hierarchy */
	#two_column #content_sub #in-this-section ul li ul {
		margin:0 0 0 10px;
		padding:0;
		width:175px;
		list-style-type:none; 
		border-top:none;
	}
	
	#two_column #content_sub #callouts {
		margin:-65px 0 20px 0;
		padding:0;
	}
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { color:#286d54; margin:5px 0 0 0;}
	#site_info a,
	#site_info a:visited { text-decoration: none; color:# ; }
	#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: 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;}
	#two_column #content_main li { margin:0; padding:2px 0;}
	
	
	/* =Driving Directions
	-----------------------------------------------------------------------------*/
	#driving_directions { margin:0; padding:0; border:0; width:230px; background:url(../images/driving-directions/driving-directions-bg.gif) repeat-y; overflow:hidden; }
	#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; }
	
	#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; cursor:pointer; 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 {margin:0px;}
	.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; }
	table.form-table { border: 1px solid #276C53; background:#fff;}
	table.form-table ul li { list-style-type: none;}
	
	/* =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; }
	
	.physician-profile-short {width:310px; margin:10px 10px 0 0; float:left; display:inline; }
	.physician-profile-short .name { font-weight:bold; }
	.physician-profile-short .specialties { font-style:italic; margin:3px; }
	
	.right-column { background:#fff url(../images/its-bg.jpg) repeat-x bottom; padding:10px; }
	.right-column ul { list-style-type:none; margin:0; padding:0; border-top:1px solid #4C8C74; }
	.right-column ul li { list-style-type:none; margin:0; padding:2px 0; border-bottom:1px solid #4C8C74; }
	.right-column ul li a,
	.right-column ul li a:visited {text-decoration:none;}
	
	/* =Misc 3
	-----------------------------------------------------------------------------*/
	
	.loc-thumb {text-align:center; margin:10px 55px 20px 0; width:160px; float:left; display:inline;}
	.loc-thumb a,
	.loc-thumb a:visited,
	.loc-thumb a:hover { margin:5px 0; font-weight:bold; text-decoration:none;}
	
	
	
}