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

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

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  background: #fedd97 url(../images/body-bg.jpg) repeat-x;
	  font: 12px Arial, Helvetica, sans-serif;
	  color:#282828;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 950px; /* 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; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; color:#0a5ca2; }
	h1 { font-size: 24px; }
	h2 { font-size: 18px; color:#936b10; }
	h3 { font-size: 14px; }
	h4 { font-size: 12px; font-weight:bold; }
	h5 { font-size: 12px; font-weight:bold; font-style:italic; }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, a:visited { color:#0a5ca2; text-decoration:underline; }
	a:hover { color:#0a5ca2; text-decoration:underline; }
	
	#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 {
	  width: 950px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#content {}
	
	#footer { 
		clear:both;
		color:#282828; 
		border-top:1px solid #0069bb;
		padding:20px 10px;
		font-size:13px;
	}
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:46px; margin:0; padding:0; list-style-type:none; }
	ul#nav_main li { height:46px; float:left; position:relative; overflow:hidden; }
	ul#nav_main li span { width:100%; height:100%; position:absolute; visibility:visible; }
	ul#nav_main li a { display:block; cursor:pointer; visibility:hidden; }
	* 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.home { width:99px; }
	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 -46px; }
	
	ul#nav_main li.about-us { width:130px; }
	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.locations { width:132px; }
	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.services { width:120px; }
	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 -46px; }
	
	ul#nav_main li.for-patients { width:151px; }
	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.for-physicians { width:174px; }
	ul#nav_main li.for-physicians a span,ul#nav_main li.for-physicians a:link span { background:url(../images/buttons/btn-for-physicians.gif) no-repeat; }
	ul#nav_main li.for-physicians a:hover span,body.for-physicians ul#nav_main li.for-physicians a span { background:url(../images/buttons/btn-for-physicians.gif) no-repeat 0 -46px; }
	
	ul#nav_main li.contact-us { width:143px; }
	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-us ul#nav_main li.contact-us a span { background:url(../images/buttons/btn-contact-us.gif) no-repeat 0 -46px; }
	
	#nav_supp { }
	#nav_supp a,
	#nav_supp a:visited { color:#282828; text-decoration:none; }
	#nav_supp a:hover { color:#282828; text-decoration:underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { height:107px; overflow:hidden; }
	
	#branding h1 { width:356px; height:74px; margin:0; padding:30px 0 0 20px; position:relative; overflow:hidden; visibility:hidden; }
	#branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background:url(../images/logo.gif) no-repeat; visibility:visible; }
	
	#three_column #branding_sub { width:950px; height:256px; overflow:hidden; } 
	#two_column #branding_sub { width:950px; height:105px; overflow:hidden; background:#67A5D6; } 
	
	#two_column #branding_sub h1 { width:950px; height:105px; margin:0; padding:0; position:relative; overflow:hidden; }
	#two_column #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-default.jpg) no-repeat; }
	#two_column.about-us #branding_sub h1 span { background:url(../images/banners/banner-about-us.jpg) no-repeat; }
	#two_column.locations #branding_sub h1 span { background:url(../images/banners/banner-locations.jpg) no-repeat; }
	#two_column.services #branding_sub h1 span { background:url(../images/banners/banner-services.jpg) no-repeat; }
	#two_column.for-patients #branding_sub h1 span { background:url(../images/banners/banner-for-patients.jpg) no-repeat; }
	#two_column.for-physicians #branding_sub h1 span { background:url(../images/banners/banner-for-physicians.jpg) no-repeat; }
	#two_column.contact-us #branding_sub h1 span { background:url(../images/banners/banner-contact-us.jpg) no-repeat; }
	#two_column.thank-you #branding_sub h1 span { background:url(../images/banners/banner-thank-you.jpg) no-repeat; }
	#two_column.privacy-policy #branding_sub h1 span { background:url(../images/banners/banner-privacy-policy.jpg) no-repeat; }
	
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content_main { 
		float:left;
		display:inline;
		width:505px;
		margin:0 0 20px 10px;
		font-size:13px;
	}
	
	#three_column #content_main h1 { font-size:24px; border-bottom:2px solid #d59b19; padding:5px 0;}
	#three_column #content_main p { line-height:24px; }
	
	#three_column #content_sub { 
		float:right;
		display:inline;
		width:411px;
		margin:0 5px 20px 0;
		padding:0;
	}
	
	#three_column #content_sub #quick-access { font-size:14px; }
	
	#three_column #content_sub #quick-access h2 {
		width:410px; height:28px;
		margin:0; padding:10px 0 0 0; 
		position:relative; 
		overflow:hidden;
		clear:both;
	}
	#three_column #content_sub #quick-access h2 span {
		width:100%; height:100%; position:absolute; background:url(../images/txt-quick-access.gif) no-repeat;
	}
	#three_column #content_sub #quick-access ul { list-style-type:none; margin:0; padding:15px 0 0 0; }
	#three_column #content_sub #quick-access ul li { margin:0; padding:0 7px 0 20px; float:left; background:url(../images/bullet-gold.gif) no-repeat 8px 50%; }
	#three_column #content_sub #quick-access ul li a,
	#three_column #content_sub #quick-access ul li a:visited { color:#282828; text-decoration:none; }
	#three_column #content_sub #quick-access ul li a:hover { color:#282828; text-decoration:underline; }
	
	#three_column #content_sub #whats-new { }
	
	#three_column #content_sub #whats-new h2 {
		width:410px; height:28px;
		margin:0; padding:20px 0 15px 0; 
		position:relative; 
		overflow:hidden;
		clear:both;
	}	
	#three_column #content_sub #whats-new h2 span {
		width:100%; height:100%; position:absolute; background:url(../images/txt-whats-new.gif) no-repeat;
	}
	
	#three_column #content_sub #whats-new ul { margin:0; }
	#three_column #content_sub #whats-new ul li { margin:0; padding:0 0 0 14px; line-height:20px; }
	#three_column #content_sub #whats-new p { margin:0; padding:0 0 0 14px; line-height:20px; }
	
	#three_column #content_sub #whats-new strong,
	#three_column #content_sub #whats-new a,
	#three_column #content_sub #whats-new a:visited { color:#0a5ca2; font-weight:bold; text-decoration:none; }
	#three_column #content_sub #whats-new a:hover { color:#0a5ca2; font-weight:bold; text-decoration:underline; }
	
	#three_column #content_supp { clear:both; margin:0 0 20px 10px; overflow:auto; }
	
	#three_column #content_supp .callout {
		float:left;
		display:inline;
		width:257px;
		font-size:13px;
		line-height:18px;
	}
	#three_column #content_supp .callout p { margin:0 5px; }
	#three_column #content_supp .callout.center { padding:0 80px; }
	#three_column #content_supp .callout a,
	#three_column #content_supp .callout a:visited { text-decoration:none; }
	#three_column #content_supp .callout a:hover { text-decoration:underline; }
	
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { 
		width:630px;
		float:left;	
		display:inline;
		padding:0 0 20px 14px;
		margin:0;
	}
	
	#two_column #content_main h1 { font-size: 24px; border-bottom:2px solid #d59b19;}
	
	#two_column #content_sub { 
		width:258px;
		float:right;
		display:inline;
		padding:0 5px 0 0;
	} 
	
	#two_column #content_sub h2 {
		width:257px; height:28px;
		margin:0; padding:10px 0 15px 0; 
		position:relative; 
		overflow:hidden;
		clear:both;
	}
	#two_column #content_sub h2 span {
		width:100%; height:100%; position:absolute; background:url(../images/txt-in-this-section.gif) no-repeat;
	}
	
	#two_column #content_sub ul {}
	#two_column #content_sub ul li { padding:3px 0 3px 21px; background:url(../images/bullet-gold.gif) no-repeat 10px 8px; }
	#two_column #content_sub ul li a,
	#two_column #content_sub ul li a:visited { color:#282828; text-decoration:none; }
	#two_column #content_sub ul li a:hover { color:#282828; text-decoration:underline; }
	
	#two_column #content_sub #callouts { font-size:13px; }
	#two_column #content_sub #callouts .callout { padding:25px 0 0 0; }
	#two_column #content_sub #callouts .callout p { line-height:18px; margin:5px; }
	#two_column #content_sub #callouts .callout a,
	#two_column #content_sub #callouts .callout a:visited { text-decoration:none; }
	#two_column #content_sub #callouts .callout a:hover { text-decoration:underline; }
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { padding:7px 0 0 0; }
	#site_info a,
	#site_info a:visited { color:#282828; text-decoration:none; }
	#site_info a:hover { color:#282828; 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;
	  padding:3px;
	}
	
	
	/* =Lists
	-----------------------------------------------------------------------------*/
	#two_column #content_main ul { margin:0 0 0 40px; list-style-type:disc; }
	#two_column #content_main ol { margin:0 0 0 40px; list-style-type:decimal; }
	#two_column #content_main li { margin:0; padding:2px 0; }
	
	/* =Locations Page
	-----------------------------------------------------------------------------*/
	#two_column #content_main table tr td.location { border-bottom:1px solid #0A5CA2;}
		
	
	/* =Driving Directions
	-----------------------------------------------------------------------------*/
	#driving_directions { margin:10px 0 25px 0; padding:0; border:0; width:230px; background:url(../images/driving-directions/driving-directions-bg.gif) repeat-y top left; overflow:hidden; float:left; 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 h3 { width:203px; height:30px; margin:0 auto; padding:0; position:relative; overflow:hidden; }
	#driving_directions h3 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 {margin:0px; padding:0 10px;}
	
	
	/* =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; }
	
	.services-menu-category { float:left; display:inline; width:300px; padding-right:10px; }
	.services-menu-category h2 { background:#D69F2B; color:#fff; padding:4px 10px; font-style:normal; border:1px solid #BB8204;}
	
}