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

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

@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: 840px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	  color:#525252;
	  background: #faf3e1 url(../images/bg.jpg) repeat-x;
	}
	
	/* 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; color:#4e2683; }
	h1 { font-size: 1.5em; }
	h2 { font-size: 1.3em; }
	h3 { font-size: 1.1em; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	abbr {border:0;}
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a, a:visited { color:#4e2683; text-deocoration:underline; }
	a:hover { color:#4e2683; text-deocoration:underline; }
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container_gradient {
	  width: 840px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  background: url(../images/gradient_side.png) repeat-y;
	}
	* html #container_gradient { height:1%; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.quantumhealthcare.us/images/gradient_side.png',sizingMethod='scale', enabled='true' ); }
	/*change the above URL to reflect the absolute path of gradient_side.png in the images folder */
	
	#container_whitespace {
	  width: 820px; 
	  margin: 0 auto;
	  border-top: 3px solid #765b9e;
	  background:#fff;
	}
	* html #container_whitespace {position:relative;}
	
	#three_column #container_whitespace {
	  width: 820px; 
	  margin: 0 auto;
	  background:#ffffff url(../images/container_bg.jpg) bottom repeat-x;
	}
	
	#container {
	  width: 800px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#footer {
	  width: 800px;
	  margin: 0 auto;
	  padding: 15px 20px;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  background: url(../images/gradient_footer.png) no-repeat;
	  line-height:18px;
	}
	* html #footer { height:13px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.quantumhealthcare.us/images/gradient_footer.png',sizingMethod='scale', enabled='true' ); }
	/*change the above URL to reflect the absolute path of gradient_side.png in the images folder */

	#three_column #content { width:800px; margin:10px 0 0 0; padding:0 0 25px 0;}
	#two_column #content { width:800px; margin:0; padding:0 0 25px 0;}
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:42px; margin:0 0 5px 0; padding:0; list-style-type:none; overflow:hidden; }
	ul#nav_main li { height:42px; 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; }
	
	/* 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:80px; }
	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.services-programs { width:180px; }
	ul#nav_main li.services-programs a span,ul#nav_main li.services-programs a:link span { background:url(../images/buttons/btn-services-programs.gif) no-repeat; }
	ul#nav_main li.services-programs a:hover span,body.services-programs ul#nav_main li.services-programs a span { background:url(../images/buttons/btn-services-programs.gif) no-repeat 0 -41px; }
	
	ul#nav_main li.refer-a-patient { width:143px; }
	ul#nav_main li.refer-a-patient a span,ul#nav_main li.refer-a-patient a:link span { background:url(../images/buttons/btn-refer-a-patient.gif) no-repeat; }
	ul#nav_main li.refer-a-patient a:hover span,body.refer-a-patient ul#nav_main li.refer-a-patient a span { background:url(../images/buttons/btn-refer-a-patient.gif) no-repeat 0 -41px; }
	
	ul#nav_main li.faqs { width:67px; }
	ul#nav_main li.faqs a span,ul#nav_main li.faqs a:link span { background:url(../images/buttons/btn-faqs.gif) no-repeat; }
	ul#nav_main li.faqs a:hover span,body.faqs ul#nav_main li.faqs a span { background:url(../images/buttons/btn-faqs.gif) no-repeat 0 -41px; }
	
	ul#nav_main li.employment { width:116px; }
	ul#nav_main li.employment a span,ul#nav_main li.employment a:link span { background:url(../images/buttons/btn-employment.gif) no-repeat; }
	ul#nav_main li.employment a:hover span,body.employment ul#nav_main li.employment a span { background:url(../images/buttons/btn-employment.gif) no-repeat 0 -41px; }
	
	ul#nav_main li.contact-us { width:118px; }
	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 -41px; }
	
	
	#nav_supp { }
	#nav_supp, #nav_supp a, #nav_supp a:visited { color: #333333; }
	#nav_supp a, #nav_supp a:visited { text-decoration: none; }
	#nav_supp a:hover { text-decoration: underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#three_column #branding { width:800px; height:107px; background:url(../images/3col_branding_right.jpg) top right no-repeat; color:#1d646d;}
	#two_column #branding { width:800px; height:107px; background:url(../images/2col_branding_right.jpg) top right no-repeat; color:#1d646d;}
	
	#branding h1 { width:400px; height:107px; margin:0; padding:0; position:relative; }
	#three_column #branding h1 span { width:100%; height:100%; position:absolute; background:#fff url(../images/3col_branding.jpg) top left no-repeat; cursor:pointer;}
	#two_column #branding h1 span { width:100%; height:100%; position:absolute; background:#fff url(../images/2col_branding.jpg) top left no-repeat; cursor:pointer;}

	#branding #address {width:330px; font-size:12px; color:#1d646d; position:absolute; margin:-30px 0 0 85px; text-align:left;}
	
	#branding #appointments {width:790px; margin-top:-100px; position:absolute; text-align:right; font-size:14px; color:#525252; }
	#branding #appointments .phone {font-size:18px;}
	
	#branding_sub { width:800px; height:211px; margin:0; padding:0; background:#fff url(../images/branding_sub.jpg) top left no-repeat;} 
	#branding_sub #tagline { color:#525252; padding:45px 0 0 18px;}
	#branding_sub #tagline h1 { color:#525252; font-size:36px; }
	#branding_sub #tagline h2 { color:#525252; font-size:32px; }
	#branding_sub #tagline h3 { color:#525252; font-size:28px; }
	#branding_sub #tagline h4 { color:#525252; font-size:24px; }
	#branding_sub #tagline h5 { color:#525252; font-size:18px; }
	
	#section_title {font-size:24px; width:790px; text-align:right; margin-top:-42px; color:#525252; position:absolute;}
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content_main { display:inline; background:#f9f7fb; width:200px; float:left;}
	#three_column #content_main h2 {width:200px; height:28px; margin:0; padding:0; position:relative;}
	#three_column #content_main h2 span {width:100%; height:100%; position:absolute; background: url(../images/whats_new.jpg) no-repeat;}	
	#three_column #content_main .content {width:178px; padding:0 10px 20px 10px; margin:0; border:1px solid #d8d8d8; border-top:0px;}
	#three_column #content_main p {margin:0; padding-top:10px; width:178px;}
	#three_column #content_main p strong {color:#4e2683; font-weight:bold;}
	
	#three_column #content_sub { display:inline; margin:0px 12px; padding:0; width:305px; float:left; background: url(../images/welcome_bg.gif) repeat-y;}
	#three_column #content_sub h2 {width:305px; height:28px; margin:0; padding:0; position:relative;}
	#three_column #content_sub h2 span {width:100%; height:100%; position:absolute; background: url(../images/welcome.gif) no-repeat;}	
	#three_column #content_sub .content {width:270px; padding:0 10px 0 15px; margin:0; }
	#three_column #content_sub .bottom { height:15px; width:305px; background: url(../images/welcome_bottom.gif) no-repeat; }

	#three_column #content_supp { display:inline; width:270px; float:right;}
	#three_column #content_supp img {float:left;}
	
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { display:inline; float:right; width:605px; padding-right:20px;}
	
	#two_column #content_sub { display:inline; float:left; width:156px; height:320px; font-size:11px; background:url(../images/2col_content_sub.jpg) repeat-x;} 
	#two_column #content_sub h2 {font-size:14px; font-weight:bold; margin:15px 0 0 15px; color:#4e2683;}
	#two_column #content_sub ul {margin:5px 15px 0 15px; padding:0; list-style-type:none; border-top:1px solid #4e2683;}

	#two_column #content_sub li {border-bottom:1px solid #4e2683; padding:2px;}
	#two_column #content_sub li a, #two_column #content_sub li a:visited {text-decoration:none; font-size:11px;}
	#two_column #content_sub li a:hover {text-decoration:none; font-size:11px;}

	.vcard { margin:5px 5px 0 15px; }
	
	/* =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; }
	
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { }
	#site_info, #site_info a, #site_info a:visited { color: #333333;}
	#site_info a, #site_info a:visited { 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: 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;
	}
	
	
	/* =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; }
	
	
	/* Prevent display issues in SiteCenter CMS */
	#scnx_PHP {display:none;}
	
}