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

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

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	html { background:#e5e7e9; }
	
	body {
	  padding: 0;
	  margin: 0;
	  background:#fff;
	  font: 12px Arial, Helvetica, sans-serif;
	  color:#2e2e2e;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 960px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	}
	
	body#three_column { background:#fff url(../images/body-bg-3col.gif) repeat-x; }
	body#two_column { background:#fff url(../images/body-bg-2col.gif) repeat-x; }
	
	/* Class for clearing floats */
	.clear { clear:both; height:0px; overflow:hidden; margin:0; padding:0;}
	
	p { margin: 0.8em 0; line-height:18px; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; }
	h1 { font-size: 1.8em; color:#9e0202; font-family:Georgia, "Times New Roman", Times, serif; }
	h2 { font-size: 1.3em; }
	h3 { font-size: 1.1em; color:#5E0203; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	sub {
		vertical-align: baseline;
		font-size: 0.8em;
		position: relative;
		bottom: -0.4em;
	}
	sup {
		vertical-align: baseline;
		font-size: 0.8em;
		position: relative;
		top: -0.4em;
	}
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, a:visited { color:#9e0202; text-decoration:none; }
	a:hover { color:#9e0202; text-decoration:underline; }
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 960px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#content {}
	
	#footer_container { 
		border-top:1px solid #c9c9c9;
		background:#e5e7e9;
		margin:10px 0 0 0;
	}
	
	#footer {
		line-height:24px;
		width: 910px;
		margin: 0 auto;
		padding:15px 0;
		text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:88px; margin:0; padding:0; list-style-type:none; }
	ul#nav_main li { height:88px; 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:149px; }
	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 -88px; }
	
	ul#nav_main li.location { width:138px; }
	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 -88px; }
	
	ul#nav_main li.services-procedures { width:140px; }
	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 -88px; }
	
	ul#nav_main li.patient-education { width:137px; }
	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 -88px; }
	
	ul#nav_main li.for-patients { width:138px; }
	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 -88px; }
	
	ul#nav_main li.for-physicians { width:138px; }
	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 -88px; }
	
	ul#nav_main li.news { width:120px; }
	ul#nav_main li.news a span,ul#nav_main li.news a:link span { background:url(../images/buttons/btn-news.gif) no-repeat; }
	ul#nav_main li.news a:hover span,body.news ul#nav_main li.news a span { background:url(../images/buttons/btn-news.gif) no-repeat 0 -88px; }
	
	
	#nav_sub { 
		height:30px; 
		overflow:hidden; 
		float:right; 
		display:inline; 
		line-height:24px;
		background:url(../images/nav-sub.jpg) repeat-x;
	} 
	#nav_sub .left { background:url(../images/nav-sub-left.jpg) no-repeat top left; padding-left:20px; }
	#nav_sub .right { background:url(../images/nav-sub-right.jpg) no-repeat top right; padding-right:20px; }
	
	#nav_sub a,
	#nav_sub a:visited { color:#2e2e2e; text-decoration:none; }
	#nav_sub a:hover { color:#2e2e2e; text-decoration:underline; }
	
	#quick_access { clear:right; float:right; display:inline; margin:25px 20px 0 0; }
	#quick_access img { vertical-align:baseline; padding:0 5px 0 15px; }
	#quick_access a,
	#quick_access a:visited { color:#2e2e2e; text-decoration:none; }
	#quick_access a:hover { color:#2e2e2e; text-decoration:underline; }
	
	#nav_supp { }
	#nav_supp a,
	#nav_supp a:visited { color:#2e2e2e; text-decoration:none; }
	#nav_supp a:hover { color:#2e2e2e; text-decoration:underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { height:85px; overflow:hidden; }
	
	#branding h1 { width:380px; height:85px; margin:0; padding:0; position:relative; overflow:hidden; float:left; display:inline; }
	#branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background:url(../images/logo.gif) no-repeat; }
	
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content_main { height:239px; overflow:hidden; }
	
	#three_column #content_main #flash { height:239px; width:595px; overflow:hidden; float:left; display:inline; }
	#three_column #content_main #whats_new { height:239px; width:315px; overflow:hidden; float:left; display:inline; padding:0 0 0 25px;color:#fff; }
	
	#three_column #content_main #whats_new h2 { width:135px; height:20px; margin:0 0 0 -3px; padding:12px 0 7px 0; position:relative; overflow:hidden; }
	#three_column #content_main #whats_new h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt-whats-new.gif) no-repeat; }
	
	#three_column #content_main #whats_new a,
	#three_column #content_main #whats_new a:visited { color:#fff; text-deocration:none; }
	#three_column #content_main #whats_new a:hover { color:#fff; text-deocration:underline; }
	
	#three_column #content_main #whats_new a.red,
	#three_column #content_main #whats_new a:visited.red { font-size:14px; color:#f4484a; text-deocration:none; }
	#three_column #content_main #whats_new a:hover.red { font-size:14px; color:#f4484a; text-deocration:underline; }
	
	#three_column #content_main li { margin:0; padding:5px 0; line-height:18px; border-bottom:1px solid #393939; }
	
	#three_column #content_sub { 
		width:587px;
		min-height:235px;
		height:auto !important;
		height:235px;
		float:left; 
		display:inline;
		background:url(../images/callouts-bg-3col.jpg) no-repeat;
		padding:15px 0 0 23px; 
	}
	
	#three_column #content_sub .callout { float:left; display:inline; width:180px; margin:0 9px 0 0; }
	#three_column #content_sub .callout h4 { margin:0; padding:0;}
	#three_column #content_sub .callout p { padding:0; margin:5px 10px; }
	#three_column #content_sub .callout.hovered { cursor:pointer; }
	
	#three_column #content_supp {
		width:340px;
		min-height:235px;
		height:auto !important;
		height:235px;
		float:left; 
		display:inline;	
		padding:15px 0 0 0; 
	}
	
	#three_column #content_supp #weclome { width:330px; padding:0 0 0 10px; }
		
	#three_column #content_supp #weclome h2 { width:100px; height:20px; margin:0; padding:0; position:relative; overflow:hidden; }
	#three_column #content_supp #weclome h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt-welcome.gif) no-repeat; }
	
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	
	#two_column #branding_sub { height:113px; overflow:hidden; }
	#two_column #branding_sub h1 { width:960px; height:113px; 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 { 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.services-procedures #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-services-procedures.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.for-patients #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-for-patients.jpg) no-repeat; }
	#two_column.for-physicians #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-for-physicians.jpg) no-repeat; }
	#two_column.news #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-news.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.thank-you #branding_sub h1 span { width:100%; height:100%; position:absolute; background:url(../images/banners/banner-thank-you.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_main {
		float:left;
		display:inline;
		width:653px;
		min-height:235px;
		height:auto !important;
		height:235px;
		padding:10px 30px;
		background:url(../images/content-main-bg-2col.jpg) no-repeat;
	}
	
	#two_column #content_sub { 
		float:left;
		display:inline;
		width:220px;
		padding:10px;
	} 
	
	#two_column #content_sub #in-this-section {}
	
	#two_column #content_sub #in_this_section h2 { width:120px; height:20px; margin:0; padding:10px 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 3px; }
	#two_column #content_sub #in_this_section ul li { background:url(../images/bullet.gif) no-repeat left 5px; padding:0 10px; line-height:18px; }
	
	#two_column #content_sub #in_this_section a,
	#two_column #content_sub #in_this_section a:visited { color:#2e2e2e; text-decoration:none; }
	#two_column #content_sub #in_this_section a:hover { color:#2e2e2e; text-decoration:underline; }
	
	#two_column #content_sub #callouts { }
	
	#two_column #content_sub #callouts .callout { width:180px; margin:25px 9px 0 0; }
	#two_column #content_sub #callouts .callout h4 { margin:0; padding:0;}
	#two_column #content_sub #callouts .callout p { padding:0; margin:5px 10px; }
	#two_column #content_sub #callouts .callout.hovered { cursor:pointer; }
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { }
	#site_info a,
	#site_info a:visited { color:#2e2e2e; text-decoration:none; }
	#site_info a:hover { color:#2e2e2e; 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; border:1px solid #ccc; }
	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; }
	
	blockquote { margin:0 20px; }
	
	
	/* =Tables
	-----------------------------------------------------------------------------*/
	td {
	  text-align: left;
	  vertical-align: top;
	  padding:3px;
	}
	
	/* =Lists
	-----------------------------------------------------------------------------*/
	#two_column #content_main ul { list-style-type:disc; margin:0 0 0 40px; }
	#two_column #content_main ol { list-style-type:decimal; margin:0 0 0 40px; }
	#two_column #content_main li { margin:0; padding:2px 0;}
	
	
	/* =Driving Directions
	-----------------------------------------------------------------------------*/
	#driving_directions { margin:10px 0 0 0; padding:0; border:0; width:230px; background:url(../images/driving-directions/driving-directions-bg.gif) repeat-y top left; overflow:hidden; float:right; 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 h2 { width:203px; height:30px; margin:0 auto; padding:0; position:relative; overflow:hidden; }
	#driving_directions h2 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; }
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	.highlight { font-weight:bold; background:#FFFF00; }
	.vcard { margin:3px 0; }
	
	/* =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; }
	
	
}